.story-frame{display:grid;gap:24px;background:linear-gradient(170deg,color-mix(in srgb,var(--paper) 86%,transparent),var(--paper-warm-96)),var(--paper)}.story-frame-head{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.story-frame-copy{display:grid;gap:12px}.story-frame-copy h2{font-size:var(--text-2xl)}.story-frame-next{display:grid;gap:8px;align-content:start;justify-items:end;text-align:right}.story-next-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);font-weight:600}.story-next-link:hover{text-decoration:none;background:var(--accent-surface-strong)}.story-progress{list-style:none;display:grid;gap:8px;margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.story-progress li{margin:0;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:var(--surface-subtle);display:grid;gap:4px;color:var(--ink)}.story-progress li span{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase}.story-progress li small{font-size:var(--text-sm);color:var(--ink-soft)}.story-progress li.is-complete{border-color:color-mix(in srgb,var(--success) 55%,transparent);background:var(--success-soft)}.story-progress li.is-current{border-color:#d9770680;background:#d9770629}.hero{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}.hero h2{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));margin-bottom:12px}.overview-hero{background:linear-gradient(160deg,color-mix(in srgb,var(--paper) 90%,transparent),var(--paper-warm-92)),var(--paper)}.overview-hero-signals{display:grid;gap:24px}.section-title{margin-top:6px;font-size:var(--text-lg)}.overview-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.overview-step-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px}.overview-step{border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);padding:24px;display:grid;gap:16px}.overview-step h4{font-size:var(--text-lg)}.overview-surface-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.overview-surface{display:grid;gap:10px}.overview-usecase-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));margin-top:24px}.usecase-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.usecase-card,.usecase-panel{display:grid;gap:24px}.usecase-panel{border:1px solid var(--line);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--paper) 70%,transparent)}.spec-columns{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.docs-tiers{display:grid;gap:20px}.docs-tier{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface-muted);display:grid;gap:8px}.docs-tier:first-child{border-color:var(--accent, var(--line));border-width:2px}.tier-heading{font-size:var(--text-lg);margin:0}.docs-hero{display:grid;gap:10px}.docs-layout{display:grid;gap:16px;grid-template-columns:220px minmax(0,1fr)}.docs-toc{display:grid;gap:8px;align-content:start;position:sticky;top:16px;height:max-content}.docs-toc a{color:var(--ink-soft);font-size:var(--text-base);padding:8px 0;min-height:44px;display:flex;align-items:center}.docs-toc a:hover{color:var(--ink)}.docs-toc-collapse{display:contents}.docs-toc-collapse>summary{display:none}.docs-content{display:grid;gap:12px}.docs-block{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--surface-muted);display:grid;gap:10px}.skills-code{font-size:var(--text-sm)}.skills-hero{display:grid;gap:12px}.skills-posture-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.skills-install-grid,.landing-skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skills-install-card,.landing-skill-card{display:grid;gap:10px;align-content:start}.skills-install-card details{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface-subtle)}.skills-install-card summary{cursor:pointer;font-weight:600;color:var(--ink)}.skills-details[hidden]{display:none}.skills-details{display:grid;gap:8px}@media(max-width:860px){.story-frame-head{grid-template-columns:1fr}.story-frame-next{justify-items:start;text-align:left}}@media(max-width:720px){.story-progress{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.docs-layout{grid-template-columns:1fr}.docs-toc{position:static}.docs-toc-collapse{display:grid;gap:0;border:1px solid var(--line);border-radius:8px;padding:0}.docs-toc-collapse>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;list-style:none;min-height:44px}.docs-toc-collapse>summary::-webkit-details-marker{display:none}.docs-toc-collapse>summary:after{content:"▸";color:var(--ink-soft);transition:transform .15s ease}.docs-toc-collapse[open]>summary:after{transform:rotate(90deg)}.docs-toc-collapse>summary h3{margin:0;font-size:var(--text-sm)}.docs-toc-collapse>a{padding:8px 16px}.docs-toc-collapse:not([open])>a{display:none}.overview-step-grid{grid-template-columns:1fr}}
