/* Phase 2 — 헤더 계정 메뉴(ACC-05)·접근성 버튼/패널·접근성 설정 클래스. 색은 §9 확정 브랜드(#1f6fa8). */
:root{--wux-p:#1f6fa8;--wux-p-d:#185a89;--wux-ink:#1f2933;--wux-mut:#52606d;--wux-line:#d9e2ec;--wux-bg:#fff;--wux-focus:#f59e0b}

/* ── 계정 메뉴 ── GP 의 `.main-navigation .main-nav ul li a`(줄높이 60px 등)가 안쪽 링크에 닿지 않게 범위를 좁혀 다시 정한다 */
.wux-acct{position:relative;display:flex!important;align-items:center}
.wux-acct-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 10px 4px 4px;margin:0 4px;border:1px solid var(--wux-line);border-radius:999px;background:var(--wux-bg);color:var(--wux-ink);font-weight:600;font-size:14px;line-height:1.2;font-family:inherit;cursor:pointer}
/* GP 기본 button:hover·focus 배경(#55555e)을 덮는다 */
html body .wux-acct-btn:hover,html body .wux-acct-btn:focus,html body .wux-acct-btn[aria-expanded=true],html body .wux-a11y-btn:hover,html body .wux-a11y-btn:focus,html body .wux-a11y-btn[aria-expanded=true]{background:#eef4fa;color:var(--wux-ink);border-color:var(--wux-p)}
.wux-acct-btn:focus-visible,.wux-a11y-btn:focus-visible,.wux-acct-menu [role=menuitem]:focus-visible{outline:3px solid var(--wux-focus);outline-offset:2px}
.wux-acct-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.wux-acct-ini{display:inline-grid;place-items:center;background:var(--wux-p);color:#fff;font-weight:700;font-size:14px}
.wux-acct-name{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wux-caret{transition:transform .15s}
.wux-acct-btn[aria-expanded=true] .wux-caret{transform:rotate(180deg)}
.wux-acct-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:100000;width:260px;max-width:calc(100vw - 16px);padding:6px;background:var(--wux-bg);border:1px solid var(--wux-line);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.18);text-align:left}
.wux-acct-menu.wux-left{inset-inline-end:auto;inset-inline-start:0}
.wux-acct-menu[hidden]{display:none!important}
/* font 단축 속성에 inherit 를 섞으면 선언 전체가 무효가 된다(실측: 줄높이 54px 그대로) — 따로 쓴다. 선택자는 GP `.main-navigation .main-nav ul li a`(0,2,3)보다 높게 */
html body .wux-acct .wux-acct-menu [role=menuitem]{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;height:auto;padding:8px 12px!important;margin:0;border:0;border-radius:8px;background:none;color:var(--wux-ink)!important;font-family:inherit;font-weight:500;font-size:15px!important;line-height:1.35!important;text-decoration:none;text-align:start;text-transform:none;cursor:pointer;white-space:normal;transition:none}
html body .wux-acct .wux-acct-menu [role=menuitem]:hover,html body .wux-acct .wux-acct-menu [role=menuitem]:focus{background:#eef4fa}
html body .wux-acct .wux-acct-menu .wux-acct-head{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:4px;border-bottom:1px solid var(--wux-line);border-radius:8px 8px 0 0}
.wux-acct-head strong{font-size:15px}
.wux-acct-head span{font-size:13px;color:var(--wux-mut)}
.wux-acct-head b{color:var(--wux-p-d)}
html body .wux-acct .wux-acct-menu .wux-acct-out{border-top:1px solid var(--wux-line);border-radius:0 0 8px 8px;margin-top:4px}
.wia-mobile-bar-items .wux-acct-btn{padding:2px;margin:0 2px;border:0}
.wia-mobile-bar-items .wux-acct-name,.wia-mobile-bar-items .wux-caret{display:none}
.slideout-navigation .wux-acct-menu{position:static;width:auto;box-shadow:none;margin:4px 0}

/* ── 접근성 버튼·패널 ── */
.wux-a11y-item{display:flex!important;align-items:center}
.wux-a11y-btn{display:inline-grid;place-items:center;width:44px;height:44px;margin:0 2px;padding:0;border:1px solid var(--wux-line);border-radius:50%;background:var(--wux-bg);color:var(--wux-p-d);cursor:pointer}
.wia-mobile-bar-items .wux-a11y-btn{width:40px;height:40px;border:0}
.wux-a11y-panel{position:fixed;z-index:100001;top:72px;inset-inline-end:16px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 96px);overflow:auto;padding:16px;background:var(--wux-bg);color:var(--wux-ink);border:1px solid var(--wux-line);border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.25);font-size:15px;line-height:1.5}
.wux-a11y-panel[hidden]{display:none!important}
.wux-a11y-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.wux-a11y-top h2{margin:0;font-size:18px}
.wux-a11y-close{width:44px;height:44px;border:0;border-radius:50%;background:none;font-size:26px;line-height:1;color:var(--wux-ink);cursor:pointer}
.wux-a11y-form fieldset{border:0;margin:0 0 12px;padding:0}
.wux-a11y-form legend{font-weight:700;margin-bottom:6px;padding:0}
.wux-seg{display:flex;gap:6px;flex-wrap:wrap}
.wux-seg label{position:relative}
.wux-seg input{position:absolute;opacity:0;inset:0;margin:0}
.wux-seg span{display:inline-grid;place-items:center;min-width:64px;min-height:44px;padding:0 10px;border:1px solid var(--wux-line);border-radius:10px;font-weight:600}
.wux-seg input:checked+span{background:var(--wux-p);border-color:var(--wux-p);color:#fff}
.wux-seg input:focus-visible+span{outline:3px solid var(--wux-focus);outline-offset:2px}
.wux-switch{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.wux-switch input{width:22px;height:22px;accent-color:var(--wux-p)}
.wux-field-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px}
.wux-field-inline select{max-width:100%}
.wux-a11y-form .wux-actions{display:flex;gap:8px;flex-wrap:wrap}
.wux-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 16px;border:1px solid var(--wux-p);border-radius:10px;background:#fff;color:var(--wux-p-d);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer}
.wux-btn-primary{background:var(--wux-p);color:#fff}
.wux-btn:hover{filter:brightness(.95)}
.wux-btn:focus-visible{outline:3px solid var(--wux-focus);outline-offset:2px}
.wux-muted{color:var(--wux-mut);font-size:14px}

/* ── 접근성 설정 클래스(<html>) ── */
@font-face{font-family:WuxDyslexic;src:url(fonts/opendyslexic-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:WuxDyslexic;src:url(fonts/opendyslexic-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
html.wux-dyslexia body,html.wux-dyslexia body :not(i):not([class*=icon]):not([class*=fa-]){font-family:WuxDyslexic,"Comic Sans MS",system-ui,sans-serif!important;letter-spacing:.04em!important;word-spacing:.12em!important}
html.wux-underline a:not(.wux-btn){text-decoration:underline!important;text-underline-offset:.15em}
html.wux-motion *,html.wux-motion *::before,html.wux-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html.wux-contrast body,html.wux-contrast body *:not(img):not(video):not(svg):not(svg *):not(iframe){background-image:none!important;text-shadow:none!important;box-shadow:none!important}
html.wux-contrast body,html.wux-contrast body *:not(img):not(video):not(svg):not(svg *):not(iframe):not(.wux-btn-primary):not(.wux-acct-ini){background-color:#fff!important;color:#000!important;border-color:#000!important}
html.wux-contrast a,html.wux-contrast a *{color:#0000ee!important;text-decoration:underline!important}
html.wux-contrast .wux-btn-primary{background:#000!important;color:#fff!important}
html.wux-contrast :focus-visible{outline:3px solid #000!important;outline-offset:2px!important}
/* 다크: 화면 전체를 반전하고 사진·영상만 되돌린다(사이트 색이 페이지마다 달라 토큰 방식으로는 다 못 덮는다) */
html.wux-dark{filter:invert(1) hue-rotate(180deg);background:#fff}
html.wux-dark img,html.wux-dark video,html.wux-dark picture,html.wux-dark canvas,html.wux-dark iframe,html.wux-dark [style*="background-image"]{filter:invert(1) hue-rotate(180deg)}
html.wux-dark.wux-contrast{filter:invert(1)}
/* content-box 사이트 — 새 부품은 border-box(높이 계산이 44px 기준과 맞게) */
.wux-acct,.wux-acct *,.wux-a11y-panel,.wux-a11y-panel *,.wux-a11y-btn{box-sizing:border-box}