/* Page frame for the shell (docs/ui-reference screen 01). Tokens only. */
.shell{display:flex;flex-wrap:wrap;min-height:100vh;font-family:var(--font-sans);color:var(--ink);background:var(--bg)}
.shell lre-left-bar{position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto}
.shell__col{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.shell__main{padding:var(--sp-11);display:flex;flex-direction:column;gap:var(--sp-10);max-width:1200px;box-sizing:border-box;width:100%}
.shell__main:focus{outline:none}
.shell__notices{display:flex;flex-direction:column;gap:var(--sp-4)}
.shell__notices:not(:empty){padding:var(--sp-8) var(--sp-11) 0}
.shell__h1{margin:0;font-family:var(--font-serif);font-size:var(--fs-h2);font-weight:var(--fw-semi);color:var(--heading)}
.shell__text{margin:0;font-size:var(--fs-base);line-height:1.5;color:var(--ink)}
.shell__muted{color:var(--muted)}
.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:10;padding:var(--sp-5) var(--sp-8);background:var(--surface);color:var(--heading);border:2px solid var(--focus);border-radius:var(--r-md);font:var(--fw-semi) var(--fs-md) var(--font-sans)}
.skip-link:focus{top:var(--sp-4)}
:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}
@media (max-width:1023px){.shell lre-left-bar{position:static;height:auto;flex:1 1 100%;width:100%}.shell__main{padding:var(--sp-8)}}
.shell-dialog{max-width:520px;width:calc(100% - 32px);padding:var(--sp-11);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);color:var(--ink);font-family:var(--font-sans)}
.shell-dialog::backdrop{background:rgba(15,30,45,.5)}
.shell-dialog__title{margin:0 0 var(--sp-8);font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:var(--fw-semi);color:var(--heading)}
.shell-dialog__list{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-3) var(--sp-8);margin:0 0 var(--sp-8);font-size:var(--fs-md)}
.shell-dialog__list dt{color:var(--muted)}
.shell-dialog__list dd{margin:0}
.shell-dialog__actions{display:flex;flex-wrap:wrap;gap:var(--sp-4)}
.signed-out{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-8);box-sizing:border-box}
.signed-out__card{max-width:420px;width:100%;padding:var(--sp-11);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);display:flex;flex-direction:column;gap:var(--sp-8)}
.signed-out__btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--sp-8);border-radius:var(--r-md);background:var(--accent);color:var(--onaccent);font:var(--fw-semi) var(--fs-md) var(--font-sans);text-decoration:none;align-self:flex-start}
/* #221: label beside a score made with the SIT-only sample band points. Text, not a pill. */
.score-sample{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}