/* s7-uiux: owned by one pipeline node, see notes/design-1105-spec.md */

/* Step 7 (ui-ux-pro-max + taste-accessibility). */
/* P1 found by axe in the light scheme: the footer floor is dark in both schemes, but .unset used --ink-2 (dark brown in light): 1.82:1.
   Inside the floor use the floor's own text tokens. */
.floor .unset, .floor .honesty .unset { color: var(--on-floor-2); }

/* Touch targets (ui-ux-pro-max touch-target-size, taste-accessibility 44px): measured at 390px, short links were 22-36px tall, chips 40px. */
@media (pointer: coarse), (max-width: 720px) {
  .account a, .cats a, .crumb a, .floor a, .press-panel a, .sort a, .chip, .text-link { min-height: var(--tap); min-width: var(--tap); }
  .crumb a, .floor a, .press-panel a { display: inline-flex; align-items: center; justify-content: center; }
  .floor a { justify-content: flex-start; }
  .account a, .cats a { justify-content: center; }
}
/* Breadcrumb links keep the page's left edge: tall hit area, text stays left-aligned. */
@media (pointer: coarse), (max-width: 720px) { .crumb a { justify-content: flex-start; min-width: 0; } }

/* W19 audit (tools/audit-w19.mjs): the 44px floor holds for every pointer, not only touch. Measured on desktop before this block:
   footer links 36px, filter rail 36px, chips and sort links 40px, reader tools 40px, consent labels 40px, one-word links 14-38px wide. */
.account a, .cats a, .floor a, .press-panel a, .sort a, .rail a, .chip, .text-link, .facts-dl a { min-height: var(--tap); min-width: var(--tap); }
.floor a, .press-panel a, .facts-dl a { display: inline-flex; align-items: center; }
.rail label, .check { min-height: var(--tap); align-items: center; }
.rd-tools button, .rd-x { min-height: var(--tap); }
.rd-preview .text-link { min-height: var(--tap); display: inline-flex; align-items: center; }
.rd-bottom input[type="range"] { height: var(--tap); }
/* The breadcrumb keeps its left edge; the touch area grows sideways without moving the text. */
.crumb a { position: relative; display: inline-flex; align-items: center; min-height: var(--tap); }
.crumb a::after { content: ""; position: absolute; inset: 0 -24px 0 -8px; }
/* One-word crumb links (홈) are only ~12px of text: real padding on the right makes the box 44px, the negative margin keeps the text where it was. */
.crumb a:first-child { padding-inline-end: 32px; margin-inline-end: -32px; }
/* Separators and slashes are decoration only (they are aria-hidden in markup). */
.bar { user-select: none; }
/* While the page script has not drawn anything yet, say so instead of showing an empty page. */
@media (scripting: enabled) { #main:not(:has(> :not(noscript)))::after { content: "불러오는 중이에요…"; display: block; padding: var(--s-7) 0; color: var(--ink-3); font-size: var(--fs-14); } }
/* The 44px crumb link and the plain text beside it share one centre line. */
.crumb { align-items: center; }
.login-methods[hidden] { display: none; }