.guides-shell{max-width:var(--content-max);margin:auto;padding:var(--sp-5) var(--page-gutter) var(--sp-7)}
.guides-skip{position:absolute;left:var(--sp-3);top:-6rem;z-index:var(--z-dialog);background:var(--color-surface);padding:var(--sp-3)}
.guides-skip:focus{top:var(--sp-3)}
.guides-breadcrumb,.guides-meta{font:var(--text-xs)/1.6 var(--font-mono);color:var(--color-text-muted)}
.guides-breadcrumb{margin-bottom:var(--sp-5)}
.guides-label{font:var(--text-xs)/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--color-secondary)}
.guides-intro{max-width:var(--reading-max);margin-bottom:var(--sp-5)}
.guides-intro h1{font-size:var(--text-3xl);margin:var(--sp-2) 0 var(--sp-3)}
.guides-intro p{color:var(--color-text-muted)}
.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--sp-4);list-style:none;padding:0;margin:var(--sp-4) 0}
.guide-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}
.guide-card h2{font-size:var(--text-lg);margin:0}
.guide-card h2 a{color:var(--color-text)}
.guide-card h2 a:hover,.guide-card h2 a:focus-visible{color:var(--color-primary)}
.guide-card p{margin:0}
.guides-notice{padding:var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}
.guide-article{max-width:var(--reading-max);margin:auto}
.guide-article h1{font-size:var(--text-3xl);margin:var(--sp-2) 0 var(--sp-3)}
.guide-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin:var(--sp-3) 0 var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--color-border)}
.guide-body{font-family:var(--font-editorial);font-size:var(--text-lg);line-height:1.7}
.guide-body h2,.guide-body h3{font-family:var(--font-head)}
.guide-body p,.guide-body ul,.guide-body ol{margin:0 0 var(--sp-3)}
.guide-body blockquote{margin:var(--sp-3) 0;padding-left:var(--sp-3);border-left:3px solid var(--color-secondary)}
.guide-evidence,.guide-tools{margin-top:var(--sp-5)}
.guide-evidence h2,.guide-tools h2{font-size:var(--text-xl)}
.guide-tools ul{padding-left:var(--sp-3)}
@media (max-width:40rem){.guide-body{font-size:var(--text-base)}}