:root{--dss-accent:#10a99d;--dss-accent-soft:#eafffb;--dss-ink:#102f46;--dss-muted:#60778a;--dss-line:#cfe5ee}
body.dss-ready{padding-top:0}
.dss-shell{position:sticky;top:0;z-index:9000;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.2fr) auto;gap:18px;align-items:center;padding:11px clamp(14px,3vw,34px);border-top:7px solid #12384e;border-bottom:1px solid var(--dss-line);background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(7,59,103,.08);backdrop-filter:blur(16px);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--dss-ink)}
.dss-brand{display:flex;align-items:center;gap:11px;color:var(--dss-ink);text-decoration:none;min-width:0}.dss-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--dss-accent),#49ddca);color:#fff;font-weight:950}.dss-brand-copy{min-width:0}.dss-brand-copy strong,.dss-brand-copy span{display:block}.dss-brand-copy strong{font-size:16px;letter-spacing:.02em}.dss-brand-copy span{margin-top:2px;color:var(--dss-accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dss-stage{min-width:0}.dss-stage-line{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.dss-stage-line strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dss-stage-line span{color:var(--dss-muted);font-size:11px;font-weight:750}.dss-track{height:8px;margin-top:7px;border-radius:999px;background:#e5f0f5;overflow:hidden}.dss-fill{display:block;height:100%;width:20%;border-radius:inherit;background:linear-gradient(90deg,#ffd166,var(--dss-accent),#1777c6);transition:width .3s ease}
.dss-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.dss-controls label{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--dss-line);border-radius:11px;background:#fff;color:var(--dss-muted);font-size:11px;font-weight:850}.dss-controls select{max-width:130px;border:0;background:#fff;color:var(--dss-ink);font:800 12px/1.2 inherit;outline:0}.dss-controls a,.dss-controls button{min-height:36px;padding:8px 10px;border:1px solid var(--dss-line);border-radius:11px;background:#fff;color:var(--dss-ink);font:850 12px/1.2 inherit;text-decoration:none;cursor:pointer}.dss-controls a:hover,.dss-controls button:hover,.dss-controls a:focus-visible,.dss-controls button:focus-visible{border-color:var(--dss-accent);background:var(--dss-accent-soft);outline:2px solid #ffd166;outline-offset:2px}.dss-curriculum{max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dss-help{width:36px;padding:0!important;border-radius:50%!important;font-size:16px!important}
body.dss-concept>.site-header,body.dss-practice>.site-header,body.dss-project>.app>.top,body.dss-skill>header:not(.dss-shell){display:none!important}body.dss-inquiry .workspace>.top{display:none!important}body.dss-inquiry .page{min-height:calc(100vh - 76px)}
body.dss-concept{--dss-accent:#00aa9e;--dss-accent-soft:#eafaf7}body.dss-practice{--dss-accent:#087267;--dss-accent-soft:#dff2ed}body.dss-project{--dss-accent:#0fb6a6;--dss-accent-soft:#eafffb}body.dss-inquiry{--dss-accent:#1777c6;--dss-accent-soft:#e7f7ff}body.dss-skill{--dss-accent:#078c7d;--dss-accent-soft:#effaf7}
@media(max-width:1050px){.dss-shell{grid-template-columns:1fr auto}.dss-stage{grid-column:1/-1;grid-row:2}.dss-controls{grid-column:2;grid-row:1}.dss-brand{grid-column:1;grid-row:1}}
@media(max-width:700px){.dss-shell{position:relative;grid-template-columns:1fr;padding:10px 12px;gap:9px}.dss-brand,.dss-controls,.dss-stage{grid-column:1;grid-row:auto}.dss-controls{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.dss-controls label{flex:0 0 auto}.dss-controls .dss-label{display:none}.dss-curriculum{max-width:150px}.dss-brand-copy strong{font-size:15px}.dss-brand-copy span{font-size:9px}}