/* App layer on top of Studio's tokens.css + components.css (copied unmodified from /workspace/coach/design). */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/Newsreader-Variable-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url('fonts/Newsreader-Italic-Variable-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
html,body{min-height:100%}
.app{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--c-bg)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border)}
.screen-body{flex:1;padding:var(--sp-5) var(--sp-4) var(--sp-8)}
.app .tabbar{position:sticky;bottom:0}
.foot{padding:var(--sp-4);font-size:var(--fs-xs);color:var(--c-ink-3);border-top:1px solid var(--c-border)}
.foot a{color:var(--c-ink-2);display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 var(--sp-2)}
.stack>*+*{margin-top:var(--sp-4)}
.inline{display:inline}
.linklike{background:none;border:0;padding:0;color:var(--c-accent);font:inherit;text-decoration:underline;cursor:pointer;min-height:var(--target-min)}
.support-link{display:block;padding:var(--sp-2) var(--sp-4);background:var(--c-info-soft);color:var(--c-ink);font-size:var(--fs-sm)}
.dl dt{font-weight:600;font-size:var(--fs-sm);margin-top:var(--sp-3)}.dl dd{margin:0;color:var(--c-ink-2)}
.loading-note{display:none}
form[aria-busy="true"] .loading-note{display:block}
.skip-reasons{display:grid;gap:var(--sp-2)}
/* Mission step list (components.css .steps is the progress-dots component, so a separate class) */
.mission-steps{margin:var(--sp-3) 0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--sp-2)}
.mission-steps li{padding-left:var(--sp-1)}
.t-meta .icon{width:16px;height:16px;vertical-align:-3px}