/* Оболочка Sprintup: только то, чего нет в дизайн-системе (design/ui.css). Цвета — токены, новых цветов нет. */
.nav{grid-template-columns:repeat(var(--nav-n,5),1fr)}
.logo-slot img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.md{margin-top:var(--s-4);display:grid;gap:var(--s-3)}
.md h2{margin-top:var(--s-3)}
.md ol{padding-left:22px;display:grid;gap:8px}
.md ul{padding-left:0;list-style:none;display:grid;gap:8px}
.md ul li{display:flex;gap:10px}.md ul li::before{content:"—";color:var(--ink-3);flex:none}
.md p{line-height:1.5}
.md .callout{margin-top:var(--s-2)}
.toast{position:fixed;left:var(--s-4);right:var(--s-4);bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + var(--s-3));z-index:20;
  background:var(--panel-solid);border:1px solid var(--rule);border-radius:var(--r-m);padding:var(--s-3) var(--s-4);font-size:var(--fs-s);font-weight:600;text-align:center}
body.no-nav .toast{bottom:var(--s-4)}
.keybox{font:600 var(--fs-s)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;user-select:all;padding:var(--s-3) var(--s-4);
  border-radius:var(--r-m);border:1.5px dashed var(--ink-3);background:var(--panel)}
.linkbox{font-size:var(--fs-xs);word-break:break-all;color:var(--ink-2);user-select:all}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:-2px}
.chips button.chip{font:inherit;cursor:pointer;min-height:36px;border:0}
.stepper button{width:var(--tap);min-height:48px;border:0;background:transparent;font:inherit;font-size:22px;font-weight:700;color:var(--ink);cursor:pointer}
.stepper b{flex:1;text-align:center}
select.select{appearance:none;-webkit-appearance:none;width:100%;font:inherit;font-weight:600;color:var(--ink)}
.dots button{flex:1;min-height:28px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:var(--ink);min-height:44px;outline:0}
.search:focus-within{border-color:var(--ink-3)}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
@media (prefers-reduced-motion:reduce){.rise{animation:none}}
.offline[hidden]{display:none}
[tabindex="-1"]:focus{outline:none}
.logo-slot{border-style:solid}
.stepper button{width:56px;font-size:var(--fs-xl);font-weight:400}