/* V2.2-M1B: Guide pages inherit the Routeframe typography and design tokens from /styles.css.
   The core homepage CSS is intentionally not modified. */
.guide-header{position:sticky;top:0;z-index:60;min-height:87px;background:#F4F0E8EB;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
.guide-header-inner{min-height:87px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.guide-nav{display:flex;gap:25px;align-items:center;margin-left:auto}
.guide-nav a{font-size:13px;font-weight:600;color:#455951;transition:color .18s}
.guide-nav a:hover,.guide-nav a:focus-visible{color:var(--copper-deep)}
.guide-nav a[aria-current="page"]{color:var(--copper-deep);text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:5px}
.guide-header-tools{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.guide-main{position:relative;padding-top:66px;padding-bottom:85px}
.guide-breadcrumbs{font:600 11px/1.5 var(--font-mono);letter-spacing:.065em;color:var(--muted);margin-bottom:36px}
.guide-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.guide-breadcrumbs a:hover,.guide-card a:hover{color:var(--copper-deep)}
.guide-kicker{font:600 11px/1.5 var(--font-mono);letter-spacing:.095em;color:var(--copper-deep);text-transform:uppercase}
.guide-title{font-family:var(--font-display);font-weight:750;font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-.052em;max-width:920px;margin:16px 0 24px}
.guide-lede{font-size:18px;line-height:1.75;max-width:790px;color:var(--muted);margin:0 0 24px}
.guide-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0 38px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:26px 0}
.guide-card{border:1px solid var(--line);background:var(--paper-soft);padding:26px;border-radius:10px;min-width:0}
.guide-card h2,.guide-card h3{font:700 21px/1.25 var(--font-display);margin:0 0 12px;letter-spacing:-.025em}
.guide-card p{line-height:1.7;color:var(--muted);font-size:14px;margin:0 0 16px}
.guide-card a{font-weight:650;color:var(--copper-deep);text-decoration:underline;text-underline-offset:3px}
.guide-section{border-top:1px solid var(--line);padding-top:35px;margin-top:43px;max-width:1050px}
.guide-section h2{font:750 clamp(29px,3.5vw,41px)/1.18 var(--font-display);letter-spacing:-.045em;margin:0 0 14px}
.guide-section p,.guide-section li{line-height:1.75;color:var(--muted)}
.guide-section li{margin:10px 0}
.guide-section ul,.guide-section ol{padding-left:24px}
.guide-note{border-left:3px solid var(--copper);background:var(--paper-soft);padding:18px 22px;font-size:14px;line-height:1.7;color:var(--muted);margin-top:28px;max-width:900px}
.guide-footer{border-top:1px solid var(--line);position:relative}
.guide-footer-grid{padding-top:34px;padding-bottom:28px}
html[data-theme="dark"] .guide-header{background:rgba(23,36,31,.95)}
html[data-theme="dark"] .guide-nav a{color:var(--muted)}
html[data-theme="dark"] .guide-nav a:hover,html[data-theme="dark"] .guide-nav a[aria-current="page"]{color:var(--copper)}
@media(max-width:860px){
 .guide-header,.guide-header-inner{min-height:74px}
 .guide-header-inner{gap:10px;flex-wrap:wrap;padding-top:11px;padding-bottom:9px}
 .guide-nav{order:3;margin:0;width:100%;gap:22px;justify-content:flex-start;border-top:1px solid var(--line);padding:10px 0 3px}
 .guide-header-tools{margin-left:auto}
 .guide-main{padding-top:48px;padding-bottom:65px}
 .guide-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 .guide-nav{gap:18px;overflow-x:auto;white-space:nowrap;font-size:12px}
 .guide-nav a{font-size:12px}
 .guide-main{padding-top:36px;padding-bottom:50px}
 .guide-title{font-size:clamp(36px,9vw,50px)}
 .guide-lede{font-size:16px}
 .guide-actions .btn{width:100%}
 .guide-card{padding:21px}
 .guide-note{padding:15px 17px}
}