:root{color-scheme:dark;font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#e9f1ff;background:#0b1015}*{box-sizing:border-box}body{margin:0}button,a.button{font:inherit;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px solid #30435d;border-radius:11px;background:#172232;color:#e4efff;text-decoration:none;min-height:44px}button:hover,a.button:hover{background:#23354d;border-color:#6da6ff}button:focus-visible,a:focus-visible{outline:3px solid #6ebcff;outline-offset:3px}.primary{background:#173d62!important;border-color:#4284b8!important}.danger{color:#ffc6c6;border-color:#70444c}.muted{color:#94a5bc}main{max-width:1120px;margin:auto;padding:36px 24px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;margin:10px 0 6px;overflow-wrap:anywhere}p{font-size:14px;line-height:1.65;color:#adc3de;margin:0 0 14px}.subtitle{font-size:19px;color:#e2edff;margin:0 0 4px;font-weight:600}.brand{font-size:12px;color:#65b9ff;letter-spacing:.13em;font-weight:800;text-decoration:none}.header-actions{display:flex;gap:8px;flex-shrink:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:20px 18px;border:1px solid #25334a;border-radius:17px;background:#121a24;min-height:218px}.mobile-card{background:linear-gradient(140deg,#183044,#121a24 65%);border-color:#355477}.card h2{font-size:16px;line-height:1.5;margin:0 0 12px;color:#edf4ff}.card h2 span{font-size:12px;display:inline-block;color:#7bcaff;margin-right:7px}.card .small{margin-top:12px}.small{font-size:12px;color:#8fa7c1}.button-stack{display:flex;align-items:flex-start;flex-direction:column;gap:8px}kbd{display:inline-block;border:1px solid #3a4d66;border-radius:5px;font:12px system-ui;padding:1px 5px;color:#dbeaff;background:#101a27;white-space:nowrap}.note{margin:26px 0 22px;color:#9eb7d2;font-size:13px}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #25334a;padding:20px 0;color:#6f829b;font-size:12px}footer a{color:#a9cfff;text-decoration:none}#stage{position:fixed;inset:0;background:black;z-index:100;touch-action:none;user-select:none;outline:none}#screen{display:block;width:100%;height:100%;cursor:none}#menu{position:absolute;z-index:2;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:20px;background:#111c2bf5;border:1px solid #425877;border-radius:16px;box-shadow:0 10px 50px #0008;color:white}#menu button{min-height:44px}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.menu-head strong{display:block;font-size:17px}.menu-head small{display:block;color:#9eb7d2;margin-top:5px}.menu-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#menu .small{margin:12px 0 0}#mode-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}#mode-tools label{display:flex;align-items:center;gap:8px;font-size:14px}#mode-tools input{width:70px;padding:8px;border:1px solid #445670;border-radius:7px;color:white;background:#152235;font:inherit}dialog{max-width:540px;width:calc(100% - 32px);padding:26px;border:1px solid #405674;border-radius:17px;background:#142030;color:white;z-index:200}dialog::backdrop{background:#000b}dialog h2{margin:0 0 16px;font-size:22px}dialog strong{color:#ffd2b4}body.testing{overflow:hidden}[hidden]{display:none!important}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}.card{min-height:200px}}@media(max-width:540px){main{padding:24px 16px}h1{font-size:27px}.cards{grid-template-columns:1fr}.card{min-height:0;padding:20px}.header-actions{width:100%;flex-wrap:wrap}.header-actions button{flex:1}.menu-head{align-items:flex-start}#menu{padding:16px}.subtitle{font-size:17px}body.mobile .cards .card:not(.mobile-card){display:none}body.mobile .mobile-card{display:block}body.mobile .mobile-card .button{display:none}}

/* Static guidance shares the tool palette and controls. */
.page-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.page-nav a.current{background:#173d62;border-color:#4284b8}.breadcrumb{font-size:14px;color:#adc3de;line-height:1.8;margin-bottom:16px;overflow-wrap:anywhere}.breadcrumb a,.prose a{color:#8ac8ff}.page-footer{display:flex;flex-wrap:wrap;align-items:center}.page-footer .page-nav{margin:0}.prose{max-width:920px}.prose section{background:#121a24;border:1px solid #25334a;border-radius:17px;padding:24px;margin:18px 0}.prose h2{font-size:21px;line-height:1.5;margin:0 0 12px}.prose p,.prose li{font-size:16px;line-height:1.8;color:#adc3de;overflow-wrap:anywhere}.prose ol{padding-left:24px}.prose li{margin:10px 0}.table-scroll{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:16px}th,td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #30435d;min-width:130px;line-height:1.7}th{color:#e9f1ff}td{color:#adc3de}.article-page header{margin-bottom:16px}@media(max-width:540px){.prose section{padding:18px}.page-nav a{flex:1 1 110px}.prose h2{font-size:19px}}