/* Guide articles (shared). Pages add their own CSS in a separate file only if needed. */
.guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:clamp(28px,5vw,72px);align-items:start}
.guide__body{max-width:70ch;min-width:0}
.guide__body h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:44px 0 12px;color:var(--accent);text-wrap:balance}
.guide__body h3{font-size:1.2rem;margin:28px 0 8px}
.guide__body p,.guide__body li{color:var(--ink-2);line-height:1.7}
.guide__body ul,.guide__body ol{padding-left:1.25rem}
.guide__body li{margin:6px 0}
.guide__body a{color:var(--accent);text-underline-offset:3px}
.guide__meta{color:var(--ink-3);font-size:.95rem;margin:0 0 6px}
.guide__fig{margin:26px 0;border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:hidden}
.guide__fig img{display:block;width:100%;height:auto}
.guide__fig figcaption{padding:10px 14px;font-size:.92rem;color:var(--ink-3);border-top:1px solid var(--line-2)}
.guide__callout{margin:28px 0;padding:18px 22px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:4px;background:var(--warm)}
.guide__callout p{margin:0}
.guide__aside{position:sticky;top:96px;display:grid;gap:18px;min-width:0}
.toc{padding:18px 20px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}
.toc h2{font-size:1rem;margin:0 0 10px;color:var(--label);font-weight:500}
.toc ol{margin:0;padding-left:1.1rem;font-size:.97rem}
.toc a{color:var(--ink-2);text-underline-offset:3px}
.guide__cta{padding:20px;border-radius:4px;background:var(--accent);color:var(--cream)}
.guide__cta p{margin:0 0 12px;color:var(--cream)}
.guide__cta .btn{background:var(--cream);color:var(--accent)}
.guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:8px 0 0;padding:0;list-style:none}
.guide-list a{display:block;height:100%;padding:22px;border:1px solid var(--line);border-radius:4px;background:var(--panel);text-decoration:none;color:var(--ink)}
.guide-list a:hover{background:var(--soft)}
.guide-list b{display:block;font-size:1.2rem;margin-bottom:8px;color:var(--accent);font-weight:500}
.guide-list span{color:var(--ink-2)}
.guide__tbl{overflow-x:auto;margin:22px 0}
.guide__tbl table{width:100%;border-collapse:collapse;font-size:.97rem}
.guide__tbl th,.guide__tbl td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--line)}
.guide__tbl th{background:var(--warm);font-weight:500}
.guide__code{margin:22px 0;padding:18px 22px;border:1px solid var(--line);border-radius:4px;background:var(--panel);font-size:.97rem}
.guide__code h3{margin-top:0}
@media (max-width:960px){.guide{grid-template-columns:minmax(0,1fr)}.guide__aside{position:static}}