/* Walkthrough landing and guide: small additions to the site design system (/styles.css + /cad/css/site.css). */
.walk-hero{padding:132px 0 64px}
.walk-hero .crumbs{margin-bottom:18px}
.walk-hero h1{font-size:clamp(2.3rem,5.2vw,4.1rem);line-height:1.02;margin:12px 0 18px}
.walk-hero .lead{max-width:560px}
.walk-hero .hero-ctas{margin:26px 0 18px}
.walk-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.walk-feat .card h3{font-size:1.04rem;margin:8px 0 6px}
.walk-feat .card p{font-size:.93rem}
.ai-card .idx{color:var(--amber)}
.ai-card h3{margin:8px 0 8px}
.guide-body{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}
.guide-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px;font-size:.92rem}
.guide-toc a{color:var(--muted);padding:5px 10px;border-left:2px solid var(--line);text-decoration:none}
.guide-toc a:hover{color:var(--ink);border-color:var(--brand)}
.guide-body .prose h2{scroll-margin-top:96px;margin-top:44px}
.guide-body .prose h2:first-child{margin-top:0}
.guide-body figure{margin:22px 0;border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden}
.guide-body figure img{display:block;width:100%;height:auto}
.guide-body figcaption{font-size:.85rem;color:var(--muted);padding:10px 14px;background:var(--surface-2)}
.keys{width:100%;border-collapse:collapse;font-size:.95rem;margin:14px 0}
.keys td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.keys td:first-child{white-space:nowrap;color:var(--muted);width:42%}
.keys kbd{font-family:var(--mono);font-size:.8rem;background:var(--surface-3);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;padding:1px 6px;color:var(--ink)}
@media (max-width:980px){.walk-hero{padding:116px 0 40px}.guide-body{grid-template-columns:1fr}.guide-toc{position:static;flex-direction:row;flex-wrap:wrap}.guide-toc a{border:1px solid var(--line);border-radius:999px}}
@media (max-width:760px){.walk-steps{grid-template-columns:1fr}}