/* Bilingual controls and layouts accommodate longer English text. */
nav{flex-wrap:wrap}.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.language-switch{display:inline-flex;align-items:center;gap:3px;background:#0b1220;border:1px solid #68768d;border-radius:999px;padding:3px;white-space:nowrap}.language-switch button{border:0;border-radius:999px;padding:7px 12px;background:transparent;color:#cbd5e1;cursor:pointer;font:inherit;font-size:14px;line-height:1.4}.language-switch button[aria-pressed=true]{background:#b8f760;color:#11180b}.language-switch button:focus-visible,.block:focus-visible,.quiz-option:focus-visible{outline:2px solid #b8f760;outline-offset:3px}.brand{font-size:16px}.bf-return>span{font-size:11px;letter-spacing:2px;color:#b8f760}.bf-return a span{font:inherit;color:inherit;letter-spacing:inherit}.hero>*{min-width:0}.hero h1{font-size:clamp(32px,3.7vw,46px);line-height:1.15}.block{font-size:14px;overflow-wrap:anywhere}.quiz-option{width:100%;text-align:left;color:inherit;font:inherit}.timeline b{margin-right:.3em}.table-scroll{overflow-x:auto}.table-scroll table{min-width:480px}.table-scroll:focus-visible{outline:2px solid #38bdf8;outline-offset:4px}html{scroll-padding-top:140px}.is-light{background:linear-gradient(135deg,#f8fafc,#dbeafe)}.is-light header{background:#f1f5f9ed}.is-light{--border:#94a3b8;--muted:#475569}.is-light .brand,.is-light h3{color:#0f172a}.is-light .hero h1{background:none;color:#163c70}.is-light .hero p,.is-light .accordion .content{color:#334155}.is-light .block,.is-light input,.is-light .accordion button{background:#eff6ff;color:#0f172a}.is-light .tag{color:#075985}.is-light .bf-return{color:#edf2e7}.is-light .navlinks a:hover,.is-light .btn:hover{color:#0f172a}.is-light .footer{color:#475569}
@media(max-width:850px){nav{gap:10px}.nav-actions{gap:8px}.brand{flex:1;min-width:130px}.hero h1{font-size:34px}.bf-return>span{display:none}.bf-return a span{display:inline}.bf-return{padding:12px 18px}}
@media(max-width:540px){.nav-actions{width:100%;justify-content:space-between}.brand{font-size:16px}.hero h1{font-size:33px}.bf-return{gap:10px}.bf-return a:first-child{font-size:12px}.bf-return a:last-child{font-size:12px}.panel{padding:18px}h2{font-size:25px;line-height:1.35}.cpu-diagram{gap:9px}.block{padding:12px 9px}.hero p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}