/* EUMSTORY BOOKS — 웹접근성 (건너뛰기 링크 · 접근성 설정 위젯 · 고대비) */

/* 건너뛰기 링크 */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#1e6b4e;color:#fff;padding:12px 20px;border-radius:0 0 10px 0;font-weight:700;text-decoration:none;font-size:14px}
.skip-link:focus{left:0}

/* 키보드 포커스 표시 */
:focus-visible{outline:3px solid #1e6b4e;outline-offset:2px}

/* 접근성 설정 열기 버튼 */
.a11y-fab{position:fixed;right:18px;bottom:18px;z-index:990;width:52px;height:52px;border-radius:50%;border:0;background:#1e6b4e;color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.22);line-height:1.1}
.a11y-fab:hover{background:#2a7f60}

/* 패널 */
.a11y-panel{position:fixed;right:18px;bottom:80px;z-index:991;width:300px;background:#fff;color:#1d2621;border:1px solid #d8d4ca;border-radius:14px;box-shadow:0 18px 50px rgba(23,34,28,.25);padding:20px;display:none;font-size:14px}
.a11y-panel.open{display:block}
.a11y-panel h2{margin:0 0 8px;font-size:17px;color:#1e6b4e}
.a11y-panel .a11y-close{position:absolute;right:14px;top:14px;border:1px solid #d8d4ca;background:#fff;border-radius:8px;width:28px;height:28px;cursor:pointer;font-size:14px;line-height:1}
.a11y-panel p.a11y-desc{margin:0 0 16px;font-size:12.5px;color:#68716b;line-height:1.6}
.a11y-panel h3{margin:14px 0 8px;font-size:14px}
.a11y-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.a11y-sizes button{border:1px solid #d8d4ca;background:#fff;border-radius:10px;padding:8px 4px;cursor:pointer;text-align:center;line-height:1.25}
.a11y-sizes button b{display:block;font-size:16px}
.a11y-sizes button span{display:block;font-size:10.5px;color:#68716b}
.a11y-sizes button.active{background:#1e6b4e;border-color:#1e6b4e;color:#fff}
.a11y-sizes button.active span{color:#d7e8df}
.a11y-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 4px}
.a11y-switch{position:relative;width:44px;height:24px;border-radius:999px;border:0;background:#cfcbc1;cursor:pointer;transition:background .15s}
.a11y-switch::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
.a11y-switch[aria-pressed="true"]{background:#1e6b4e}
.a11y-switch[aria-pressed="true"]::after{left:23px}
.a11y-note{font-size:12px;color:#68716b;line-height:1.55}
.a11y-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #e5e1d8}
.a11y-reset{border:1px solid #1e6b4e;background:#fff;color:#1e6b4e;border-radius:10px;padding:9px 14px;font-weight:700;cursor:pointer}
.a11y-reset:hover{background:#eef5f1}

/* 고대비(색상 반전) — 이미지·영상은 원래 색으로 되돌림 */
html.a11y-invert{filter:invert(1) hue-rotate(180deg);background:#111}
html.a11y-invert img,html.a11y-invert video,html.a11y-invert iframe{filter:invert(1) hue-rotate(180deg)}

@media (max-width:480px){.a11y-panel{right:10px;left:10px;width:auto}}