/* WIA Book 디자인 토큰 (Phase 7 · §5). 새 컴포넌트는 이 값만 쓴다. 승인안 A: 주색 #1f6fa8(로고 파랑의 진한 판) · 보조 #4d7c0f.
   실측 대비(흰 #fff / 페이지 #fffaf5): p 5.39/5.19 · p-d 7.34/7.07 · s 4.99/4.81 · ink 14.76/14.22 · mut 6.46/6.22 · ok 6.47 · warn 5.93 · err 6.57 — 본문 ≥4.5.
   g-500 4.56/4.40 → 페이지 바탕 위 본문 금지(보조 글자는 mut). border-strong 3.66(정보 있는 경계) · line 1.56(장식 구분선 전용).
   포커스 링 #b45309 4.84:1(페이지 바탕) — 예전 #f59e0b 는 흰 바탕 2.15:1 로 3:1 미달이었다(Phase 2~6 공통, 여기서 고침). 어두운 바닥글 안에서만 #f59e0b(6.87:1).
   표는 /wia-ux/styleguide/ (관리자) 에서 자동 계산해 보인다. */
:root{
  --wux-p:#1f6fa8;--wux-p-d:#185a89;--wux-p-50:#eef4fa;--wux-s:#4d7c0f;--wux-s-50:#f0f7e6;
  --wux-g-0:#ffffff;--wux-g-50:#f7fafc;--wux-g-100:#eef2f6;--wux-g-200:#d9e2ec;--wux-g-300:#c5d0db;--wux-g-400:#9aa5b1;--wux-g-500:#6b7785;--wux-g-600:#52606d;--wux-g-700:#3e4c59;--wux-g-800:#323f4b;--wux-g-900:#1f2933;
  --wux-ink:var(--wux-g-900);--wux-mut:var(--wux-g-600);--wux-line:var(--wux-g-200);--wux-border-strong:#7b8794;
  --wux-bg:#ffffff;--wux-bg-page:#fffaf5;--wux-bg-sunk:var(--wux-g-50);
  --wux-ok:#2f6b1f;--wux-ok-50:#ecf7e6;--wux-warn:#8a5a00;--wux-warn-50:#fff6e0;--wux-err:#b42318;--wux-err-50:#fdecea;--wux-info:#1f6fa8;--wux-info-50:#eef4fa;
  --wux-focus:#b45309;--wux-focus-w:3px;--wux-focus-o:2px;
  --wux-fs-xs:13px;--wux-fs-s:15px;--wux-fs-m:17px;--wux-fs-l:20px;--wux-fs-xl:24px;--wux-fs-2xl:30px;--wux-fs-3xl:38px;--wux-lh:1.7;--wux-fw-h:700;
  --wux-sp-1:4px;--wux-sp-2:8px;--wux-sp-3:12px;--wux-sp-4:16px;--wux-sp-5:24px;--wux-sp-6:32px;--wux-sp-7:48px;--wux-sp-8:64px;
  --wux-r-s:6px;--wux-r-m:10px;--wux-r-l:16px;--wux-r-pill:999px;
  --wux-sh-1:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.06);--wux-sh-2:0 12px 32px rgba(15,23,42,.18);
  --wux-dur:200ms;--wux-ease:cubic-bezier(.2,.7,.2,1);--wux-btn-h:44px
}
@media (max-width:767px){:root{--wux-btn-h:48px}}
@media (prefers-reduced-motion:reduce){:root{--wux-dur:0ms}}
html.wux-motion{--wux-dur:0ms}
/* 버튼 4종(§5) — 새 화면은 이 클래스만 */
.wux-b{display:inline-flex;align-items:center;justify-content:center;gap:var(--wux-sp-2);min-height:var(--wux-btn-h);padding:0 var(--wux-sp-4);border:1px solid transparent;border-radius:var(--wux-r-m);font:inherit;font-weight:700;font-size:var(--wux-fs-s);line-height:1.2;text-decoration:none!important;cursor:pointer;transition:background var(--wux-dur) var(--wux-ease),border-color var(--wux-dur)}
body .wux-b-primary{background:var(--wux-p);color:#fff!important}
body .wux-b-primary:hover{background:var(--wux-p-d)}
body .wux-b-secondary{background:var(--wux-bg);border-color:var(--wux-p);color:var(--wux-p-d)!important}
body .wux-b-secondary:hover{background:var(--wux-p-50)}
body .wux-b-tertiary{background:none;color:var(--wux-p-d)!important;text-decoration:underline!important;padding:0 var(--wux-sp-2)}
body .wux-b-danger{background:var(--wux-err);color:#fff!important}
.wux-b:focus-visible{outline:var(--wux-focus-w) solid var(--wux-focus);outline-offset:var(--wux-focus-o)}
.wux-b[disabled],.wux-b[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.wux-ico{width:1.15em;height:1.15em;flex:none;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
abbr.wux-term{text-decoration:underline dotted;text-underline-offset:.2em;cursor:help}