:root{font-family:Segoe UI,Arial,sans-serif;color:#172f3f;background:#f3f6f8;font-size:20px;line-height:1.55;--ink:#123f58;--muted:#486171;--line:#cbd8df;--blue:#075c83}*{box-sizing:border-box}body{margin:0}button,a,input,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:var(--blue);text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #edaf32;outline-offset:4px}button:disabled{opacity:.45;cursor:default}header{max-width:1160px;margin:auto;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);font-weight:700;text-decoration:none;line-height:1.25}.brand small{display:block;font-size:.75rem;font-weight:400;margin-top:4px}.mark{background:var(--ink);color:white;border-radius:14px;width:48px;height:48px;display:grid;place-items:center;font-size:1.5rem}main{max-width:1088px;margin:20px auto;padding:0 36px;min-height:65vh}.intro{max-width:770px;margin:40px 0 32px}.eyebrow{font-size:.7rem;letter-spacing:.13em;font-weight:750;color:var(--blue);margin-bottom:18px}h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;font-weight:720}h2{font-size:1.6rem;line-height:1.22;letter-spacing:-.025em;margin:14px 0 20px}h3{font-size:1.05rem;margin:16px 0 6px}p{margin:0 0 18px}.intro>p:last-child{color:var(--muted);font-size:1.1rem;max-width:680px}.choices{display:grid;gap:14px;max-width:870px}.choice{display:flex;align-items:center;text-align:left;gap:24px;background:white;border:1px solid var(--line);border-radius:16px;padding:23px 26px;color:var(--ink);box-shadow:0 3px 0 #dce5e9}.choice:hover{border-color:var(--blue);background:#f8fcff}.choice>span:nth-child(2){flex:1}.choice strong{display:block;font-size:1.3rem}.choice small{display:block;color:var(--muted);font-size:.9rem;margin-top:3px}.number{background:#e6f1f5;min-width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-weight:700}.gentle{margin:28px 0;color:var(--muted);font-size:.85rem;max-width:700px}.quiet{background:transparent;border:0;color:var(--ink);padding:10px 4px;min-height:48px;font-size:.85rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}.quiet[aria-pressed=true]{color:#005682}.journey{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem}.journey #stepcount{color:var(--muted)}progress{display:block;appearance:none;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;margin:12px 0 26px;background:#dce7ec}progress::-webkit-progress-bar{background:#dce7ec}progress::-webkit-progress-value{background:#087196}progress::-moz-progress-bar{background:#087196}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.85fr);gap:28px;align-items:start}article{background:white;border:1px solid var(--line);padding:30px;border-radius:20px;min-height:440px;scroll-margin:20px}article h1{font-size:2rem}article .eyebrow{margin-bottom:16px}article .action{font-size:1.2rem;color:#0e3448;line-height:1.5}article ul,article ol{padding-left:24px}article li{margin-bottom:12px}.note{background:#eaf3f8;border-left:4px solid #147098;padding:16px 20px;border-radius:0 10px 10px 0;margin:22px 0;font-size:.9rem}.caution{background:#fff4d9;border-left-color:#b47a12;color:#543c12}.translation{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;color:#37586d;padding:12px 0}.translation strong{color:#172f3f}.primary,.secondary{border:1px solid var(--ink);border-radius:10px;min-height:56px;padding:13px 22px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:10px;text-decoration:none}.primary{background:var(--ink);color:white}.primary:hover{background:#07577b}.secondary{background:white;color:var(--ink)}.navigation{display:flex;justify-content:space-between;gap:16px;margin:24px 0 12px}.navigation .primary{min-width:240px}.helpbutton{display:block;margin:8px auto 24px;padding:14px;background:transparent;border:0;color:var(--blue);font-size:.9rem;text-decoration:underline;text-underline-offset:5px}.listen{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;min-height:48px;font-size:.85rem;color:var(--ink);margin:12px 0}.reference{margin:0;background:#e1ebf0;padding:20px;border-radius:18px;text-align:center}.reference img{max-width:100%;width:auto;max-height:440px;display:block;margin:0 auto;border-radius:9px}.reference button{border:0;background:transparent;display:block;width:100%;padding:0;cursor:zoom-in}.reference figcaption{font-size:.75rem;color:#345162;margin-top:12px}.reference .small{font-size:.7rem}.hintcard{padding:26px;background:#e2edf2;border-radius:18px;color:#244759}.hintcard strong{font-size:1.25rem;display:block;margin-bottom:16px}.hintcard p{font-size:.9rem}.hintcard .bigword{font-size:2.8rem;color:var(--ink);font-weight:750;line-height:1.1;display:block;margin-bottom:10px}.switchtip{font-size:.8rem;color:var(--muted);margin-top:16px}.inline-link{display:inline-block;margin:12px 0}footer{max-width:1088px;margin:36px auto 0;padding:24px 36px;border-top:1px solid var(--line);font-size:.7rem;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:16px}footer .quiet{font-size:.7rem}dialog{border:1px solid var(--line);border-radius:20px;padding:26px;width:min(850px,94vw);max-height:90dvh;color:#172f3f;background:#fff}dialog::backdrop{background:#0b243caa}.dialoghead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dialoghead h2{margin:0}.dialoghead button{font-size:.8rem;min-height:48px;padding:10px 15px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{font-weight:650;cursor:pointer;min-height:46px;color:var(--ink)}details p{margin:12px 0}#modalbody .indexitem{display:block;text-align:left;border:0;border-bottom:1px solid var(--line);background:white;padding:14px 8px;width:100%;color:var(--ink);min-height:52px}#modalbody img{display:block;max-width:100%;max-height:68vh;object-fit:contain;margin:auto}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#123f58;color:white;border-radius:10px;padding:10px 18px;max-width:90%;font-size:.85rem;z-index:10}#toast:empty{display:none}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}.large{font-size:24px}.checks label{display:flex;gap:14px;align-items:flex-start;padding:12px 0}.checks input{width:24px;height:24px;flex-shrink:0;margin-top:5px;accent-color:#125b7e}.branch{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.branch button{font-size:.9rem}.clip{width:100%;max-height:350px;background:#e1ebf0;margin-top:12px;border-radius:10px}
@media(max-width:700px){header{padding:18px 20px}.brand{font-size:.85rem}.brand small{font-size:.7rem}.mark{width:40px;height:40px;flex-shrink:0}#size{font-size:.8rem}#size span{display:none}main{padding:0 20px;margin-top:0}.intro{margin-top:30px}h1{font-size:2.05rem}.choices{gap:14px}.choice{gap:14px;padding:20px 16px}.choice strong{font-size:1.1rem}.choice small{font-size:.85rem}.number{min-width:42px;height:42px;font-size:.9rem}.workspace{grid-template-columns:1fr;gap:16px}article{padding:24px 20px;min-height:0}article h1{font-size:1.7rem}.reference img{max-height:360px}.reference{padding:18px}.navigation{position:sticky;bottom:0;background:#f3f6f8f5;padding:12px 0;margin:10px 0;z-index:2;align-items:stretch}.navigation button{font-size:.9rem;padding:13px 14px}.navigation .primary{min-width:0;flex:1}.journey .quiet{font-size:.75rem}.journey #stepcount{font-size:.75rem;text-align:center}footer{padding:20px;flex-direction:column;align-items:flex-start;gap:4px}dialog{padding:20px}.dialoghead{gap:10px}.dialoghead h2{font-size:1.2rem}article .action{font-size:1.1rem}.large main{padding:0 16px}.large .journey{flex-wrap:wrap}.hintcard{padding:20px}.hintcard .bigword{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{header button,.navigation,.helpbutton,footer button,.listen{display:none}body{background:white}article{border:0}main{padding:0}.workspace{display:block}aside{display:none}}