/* v3 n9 — polish. Loads last; g.css and the other v3 files untouched. Tokens only, no new colours.
   Findings and measurements: notes/v3-n9-polish.md. */

/* H1 selection: the brass tint (#EFE5D2) on porcelain was 1.02:1, so a selection was invisible.
   Brass at 40% reads on every ground (1.45:1 porcelain, 1.87:1 night) and keeps text >= 7.4:1. */
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text)}
.top ::selection,.dark ::selection,.foot ::selection,.t-deep ::selection,.scta ::selection,.banner ::selection{color:var(--text-on-dark)}

/* M6 scrollbar thumb: 16% ink was 1.37:1 and disappeared; 40% of the text colour is 2.4:1 light, 3.3:1 dark */
html{scrollbar-color:color-mix(in srgb,var(--text) 40%,transparent) transparent}

/* M1 the upload form's 출간 신청하기 was the only .btn with its label pinned left */
.form .btn{justify-content:center}

/* M2 links inside running small text: keep the reader's size, and keep the 44px hit area without
   pushing the line apart (negative block margins take the box out of the line-height). */
.note .tlink{font-size:inherit}
.note .tlink,.biz a{margin-block:calc((1lh - 44px) / 2)}

/* M3 hover answers on links that had none: footer links, the business-info link, links inside the
   legal text (same brass underline thickening as .tlink), and the floating consult button. */
@media (hover:hover){
  .foot-links a:hover,.biz a:hover,.policy li a:hover,.policy p a:hover,.policy td a:hover{text-decoration-thickness:2px}
  .kakao:hover{background:var(--deep-hover)}
}
@media (prefers-reduced-motion:no-preference){
  .foot-links a,.biz a,.policy li a,.policy p a{transition:text-decoration-thickness var(--m-fast) var(--ease)}
  .kakao{transition:background-color var(--m-fast) var(--ease),transform var(--m-base) var(--ease)}
}

/* M4 orphans: one syllable or one short word left on the last line of list items, cells and notes */
li,dd,td,small,figcaption,.note,.help{text-wrap:pretty}

/* M5 terms: numbered clauses hang, so wrapped lines start under the text, not under the numeral.
   Tabular figures make "1." as wide as "2."–"9." (18.5px at 17px), so one indent fits every clause. */
.policy ol > li{padding-left:1.09em;text-indent:-1.09em;font-variant-numeric:lining-nums tabular-nums}
.policy ol > li *{text-indent:0}
.policy .toc li{padding-left:0;text-indent:0}