:root,.light{--sc-bg:#f4f6f8;--sc-card:#fff;--sc-ink:#13283d;--sc-muted:#40556b;--sc-line:#75869a;--sc-accent:#163b63;--sc-on:#fff;--sc-focus:#124c85;--sc-error:#8b1921}
html:not(.light){--sc-bg:#101b29;--sc-card:#182a3d;--sc-ink:#f5f7fa;--sc-muted:#c1cedc;--sc-line:#8195ac;--sc-accent:#dbeaff;--sc-on:#10233a;--sc-focus:#b5d8ff;--sc-error:#ffd3d7}
.sc-workspace,.sc-public{margin:0;background:var(--sc-bg);color:var(--sc-ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sc-workspace *,.sc-public *{box-sizing:border-box}.sc-workspace a,.sc-public a{color:var(--sc-accent);text-decoration:underline;text-underline-offset:.18em}.sc-workspace a:visited,.sc-public a:visited{color:var(--sc-accent)}.sc-workspace a:hover,.sc-public a:hover{text-decoration-thickness:3px}
.sc-workspace :focus-visible,.sc-public :focus-visible{outline:3px solid var(--sc-focus);outline-offset:3px}
.sc-mast{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--sc-card);border-bottom:1px solid var(--sc-line)}.sc-brand{font-size:1.1rem;font-weight:750;text-decoration:none!important}.sc-brand span{display:block;font-weight:400;font-size:.85rem}.sc-mast nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sc-main{max-width:1500px;margin:auto;padding:2rem clamp(1rem,3vw,2rem)}.sc-heading{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.6rem}.sc-heading h1{margin:.2rem 0}.sc-eyebrow{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sc-muted);margin:0}.sc-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.4rem}.sc-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.4rem}.sc-panel{padding:1.3rem;border:1px solid var(--sc-line);background:var(--sc-card);border-radius:12px;margin-bottom:1.3rem;min-width:0}.sc-panel h2{margin-top:0}.sc-panel h3{margin:.3rem 0}.sc-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--sc-line)}.sc-row small{word-break:break-all}.sc-state{display:inline-block;border:1px solid var(--sc-line);border-radius:5px;padding:.25rem .5rem;font-size:.85rem;white-space:normal}.sc-help,.sc-foot{color:var(--sc-muted);font-size:.9rem}.sc-foot{text-align:center;padding:1.5rem}.sc-workspace label{display:block;font-weight:650;margin:.8rem 0 .25rem}.sc-workspace input:not([type=checkbox]):not([type=hidden]),.sc-workspace textarea,.sc-workspace select{width:100%;max-width:100%;border:1px solid var(--sc-line);border-radius:5px;padding:.65rem;background:var(--sc-card);color:var(--sc-ink);font:inherit}.sc-workspace input[type=checkbox]{width:1.2rem;height:1.2rem;vertical-align:middle}.sc-check{display:flex;gap:.5rem;align-items:center}.sc-check label{margin:.5rem 0}.sc-workspace textarea{resize:vertical}.sc-workspace button,.sc-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:2px solid var(--sc-accent);border-radius:6px;padding:.55rem .9rem;background:var(--sc-accent);color:var(--sc-on)!important;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.4;cursor:pointer;text-decoration:none!important}.sc-workspace button:hover,.sc-button:hover{box-shadow:inset 0 0 0 2px var(--sc-on)}.sc-workspace .sc-secondary{background:var(--sc-card);color:var(--sc-ink)!important;border-color:var(--sc-line)}.sc-workspace button[aria-pressed=true]{outline:2px solid var(--sc-focus);outline-offset:2px}.sc-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.sc-block{border:1px solid var(--sc-line);padding:1rem;margin:1.2rem 0;border-radius:8px;min-width:0}.sc-block legend{font-weight:700;padding:0 .5rem}.sc-block-tools{display:grid;grid-template-columns:minmax(0,1fr) 5rem auto;gap:.7rem;align-items:end}.sc-block-tools label{font-size:.8rem}.sc-workspace summary,.sc-public summary{cursor:pointer;font-weight:650;min-height:44px;padding:.6rem 0}.sc-error,.errorlist{color:var(--sc-error);font-weight:600}.errorlist li::before{content:"⚠ "}.sc-error,.sc-message{border:2px solid currentColor;border-radius:6px;padding:.8rem}.sc-preview-scroll{overflow:auto;margin-top:1rem}.sc-preview-scroll iframe{display:block;border:1px solid var(--sc-line);width:100%;height:680px;background:var(--sc-card)}.sc-diff{white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;font-size:.85rem}.sc-skip{position:absolute;top:-100px;left:1rem;background:var(--sc-card);padding:1rem;z-index:100}.sc-skip:focus{top:0}.sc-page{max-width:900px;margin:0 auto;padding:clamp(1.2rem,4vw,3rem);overflow-wrap:anywhere}.sc-page h1{font:600 clamp(1.8rem,5vw,3rem)/1.15 Georgia,serif}.sc-page h2{margin-top:1.7rem}.sc-page p,.sc-page li{max-width:72ch}.sc-page img{max-width:100%;height:auto}.sc-page figure{margin:1.5rem 0}.sc-page figcaption{color:var(--sc-muted)}.sc-summary{font-size:1.2rem}.sc-layout-compact{max-width:700px}.sc-layout-guide{border-left:4px solid var(--sc-accent)}.sc-contact,.sc-faq,.sc-notice{padding:1rem;border:1px solid var(--sc-line);border-radius:8px;margin:1rem 0;background:var(--sc-card)}.sc-contact dt{font-weight:700}.sc-contact dd{margin:0 0 .7rem}.sc-preview-banner{background:#122b46;color:#fff;padding:.7rem 1rem;font-weight:650}.sc-public nav a{display:inline-block;padding:.5rem}.sc-notice{color:var(--sc-ink)}.sc-notice[hidden]{display:none}.sc-notice button{min-height:44px}.sc-notices{max-width:1200px;margin:auto;padding:.5rem 1rem}
@media(max-width:900px){.sc-grid,.sc-editor-grid{grid-template-columns:minmax(0,1fr)}.sc-grid>*,.sc-editor-grid>*{min-width:0}.sc-mast{padding:1rem}.sc-main{padding-top:1.3rem}.sc-block-tools{grid-template-columns:minmax(0,1fr) 4rem auto}.sc-preview-scroll iframe{height:550px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* The shared theme switch has its own shell background; keep its label legible. */
html.calm .sc-workspace button.theme-toggle,html.calm .sc-workspace button.theme-toggle:hover,html.calm .sc-workspace button.theme-toggle:focus-visible{background:var(--sc-card)!important;color:var(--sc-ink)!important;border:2px solid var(--sc-line);box-shadow:none}