.site-header nav { flex-wrap:wrap; }
.guides-section { display:grid; grid-template-columns:1fr 1.2fr; gap:70px; border-top:1px solid var(--line); }
.guides-intro { max-width:380px; color:var(--muted); line-height:1.8; }
.guide-list article { padding:24px 0; border-top:1px solid var(--line); }
.guide-list article:first-child { padding-top:0; border-top:0; }
.guide-list .eyebrow { margin-bottom:12px; }
.guide-list h3 { font-family:'Fraunces',Georgia,serif; font-size:27px; font-weight:500; line-height:1.3; margin-bottom:12px; }
.guide-list h3 a { text-decoration:none; }
.guide-list h3 a:hover { color:var(--copper); }
.guide-list article>p:not(.eyebrow) { color:var(--muted); line-height:1.8; }
.guide-header { max-width:900px; padding-block:56px 36px; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; margin-bottom:36px; }
.guide-header h1 { font-size:clamp(36px,5vw,64px); }
.guide-deck { max-width:760px; font-size:19px; line-height:1.8; color:var(--muted); }
.guide-meta { color:var(--muted); font-size:12px; line-height:1.8; }
.guide-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; padding-bottom:64px; }
.guide-contents { align-self:start; border-top:2px solid var(--copper); padding-top:18px; }
.guide-contents h2 { font:600 14px 'DM Sans',sans-serif; letter-spacing:0; }
.guide-contents ol { padding-left:20px; font-size:13px; line-height:1.7; }
.guide-contents li { margin-bottom:12px; }
.guide-body { max-width:760px; min-width:0; }
.guide-body section { margin-bottom:42px; }
.guide-body h2 { font-size:clamp(28px,3vw,36px); margin-bottom:18px; }
.guide-body h3 { font-size:18px; margin-bottom:12px; }
.guide-body p,.guide-body li { font-size:16px; line-height:1.85; }
.guide-body ul,.guide-body ol { padding-left:24px; }
.guide-body li { margin-bottom:10px; }
.guide-body a:not(.button),.guide-contents a,.guide-breadcrumb a { text-underline-offset:4px; }
.guide-note,.sample-record,.guide-trial { padding:24px; border:1px solid var(--line); background:#fffdf8; margin-bottom:32px; }
.guide-note { border-left:3px solid var(--copper); }
.sample-record dt { font-size:12px; font-weight:700; color:var(--muted); margin-top:18px; }
.sample-record dt:first-child { margin-top:0; }
.sample-record dd { margin:6px 0 0; line-height:1.8; overflow-wrap:anywhere; }
.guide-trial { background:var(--navy); color:var(--paper); }
.guide-trial .button { background:var(--paper); color:var(--navy); }
.guide-trial .button:hover { background:#e6e1d6; }
.guide-trial p:last-child { margin:14px 0 0; font-size:12px; }
.print-checklist { list-style:none; padding-left:0 !important; }
.print-checklist li { position:relative; padding-left:28px; }
.print-checklist li::before { content:''; position:absolute; top:8px; left:0; width:14px; height:14px; border:1px solid var(--muted); }
@media(max-width:900px) { .guide-layout { grid-template-columns:1fr; gap:28px; } .guide-contents { max-width:760px; } .guide-contents ol { display:flex; flex-wrap:wrap; gap:6px 32px; } }
@media(max-width:760px) { .guides-section { grid-template-columns:1fr; gap:30px; } .guide-header { padding-top:36px; } .guide-deck { font-size:17px; } .guide-note,.sample-record,.guide-trial { padding:20px; } }
@media print { body { background:white; } body::before,.site-header,.site-footer,.skip-link,.guide-contents,.guide-breadcrumb,.guide-trial { display:none; } .wrap { width:100%; } .guide-header { padding:0; } .guide-header h1 { font-size:32px; } .guide-layout { display:block; padding:0; } .guide-body { max-width:none; } .guide-body h2 { font-size:24px; break-after:avoid; } .guide-body li { break-inside:avoid; } .guide-note,.sample-record { background:white; } }
