.guide-page{font-size:16px;line-height:1.75}
.guide-header{max-width:1200px;margin:auto;min-height:88px;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.guide-header-link{color:var(--teal);font-size:13px;white-space:nowrap}
.guide-header-link:hover,.guide-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-main{max-width:880px;padding:46px 40px 64px;min-height:0}
.guide-intro{padding-bottom:30px}
.guide-intro h1{font-size:clamp(32px,4.5vw,52px);line-height:1.12;letter-spacing:-1.8px;text-wrap:balance;max-width:790px}
.guide-lede{font-size:18px;line-height:1.8;margin-top:24px;color:var(--ink);max-width:740px}
.guide-byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:24px}
.guide-contents{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}
.guide-contents>span{color:var(--muted);margin-right:5px}
.guide-contents a{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.guide-section{margin-top:48px;scroll-margin-top:28px}
.guide-section h2,.guide-example h2,.guide-cta h2{font-size:27px;line-height:1.25;letter-spacing:-.6px;margin-bottom:18px}
.guide-section>p{margin-top:16px}
.guide-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}
.guide-format{border-top:2px solid var(--teal);padding-top:16px}
.guide-number{font-size:12px;color:var(--teal);font-variant-numeric:tabular-nums}
.guide-format h3{font-size:18px;line-height:1.35;margin:10px 0}
.guide-format p{font-size:14px;line-height:1.8;color:var(--muted)}
.guide-list{margin:18px 0 0;padding-left:21px}
.guide-list li{padding-left:5px;margin:15px 0}
.guide-list strong{color:var(--teal)}
.guide-steps{padding-left:27px;margin:20px 0 0}
.guide-steps li{padding-left:10px;margin:22px 0}
.guide-steps li::marker{color:var(--teal);font-weight:500}
.guide-steps strong{font-size:18px}
.guide-steps p{margin-top:5px;color:var(--muted)}
.guide-example{padding:28px 30px;background:var(--soft);border-radius:2px;margin-top:44px}
.guide-example .eyebrow{margin-bottom:12px}
.guide-example p+p{margin-top:14px}
.guide-example p:last-child{font-size:14px;color:var(--muted)}
.guide-questions h3{font-size:18px;margin:26px 0 8px}
.guide-questions p{margin-top:0;color:var(--muted)}
.guide-cta{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.guide-cta .eyebrow{margin-bottom:12px}
.guide-cta h2{margin-bottom:12px}
.guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.guide-actions .button{min-height:44px;font-size:13px;padding:10px 18px}
.guide-beta-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:22px;max-width:690px}
.guide-footer{max-width:1200px;margin:auto;padding:24px 40px 32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 22px;font-size:12px;color:var(--muted)}
@media(max-width:650px){.guide-header{min-height:76px;padding:22px 20px;gap:12px}.guide-header .app-wordmark{font-size:18px}.guide-header-link{font-size:12px}.guide-main{padding:28px 20px 44px}.guide-intro h1{letter-spacing:-1.1px}.guide-lede{font-size:17px}.guide-contents{gap:12px 18px}.guide-contents>span{width:100%}.guide-formats{grid-template-columns:1fr;gap:24px}.guide-format p{font-size:15px}.guide-section{margin-top:36px}.guide-section h2,.guide-example h2,.guide-cta h2{font-size:24px}.guide-example{padding:24px 20px}.guide-footer{padding:20px}.guide-footer>span{width:100%;order:3}}

.guide-intro h1{font-weight:800}.guide-byline,.guide-contents,.guide-number,.guide-header-link{font-family:var(--mono)}
@media(max-width:380px){.guide-header{flex-wrap:wrap;gap:16px}.guide-header-link{margin-left:auto}}

/* The blog keeps the article's editorial type and a single clear reading path. */
.blog-page{min-height:100dvh;display:flex;flex-direction:column}
.blog-page>.guide-header,.blog-page>.guide-footer{width:100%}
.blog-page>.guide-main{width:100%;flex:1}
.blog-intro{padding-bottom:42px}
.blog-posts{border-top:1px solid var(--line)}
.blog-card{padding:30px 0 36px;border-bottom:1px solid var(--line)}
.blog-card .guide-byline{margin-top:0}
.blog-card h2{font-size:30px;line-height:1.25;letter-spacing:-.7px;margin:18px 0 14px;max-width:720px;text-wrap:balance}
.blog-card h2 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.blog-card>p:not(.guide-byline){max-width:650px;color:var(--muted)}
.blog-read-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;min-height:44px;font-family:var(--mono);font-size:13px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:650px){.blog-intro{padding-bottom:30px}.blog-card{padding:25px 0 30px}.blog-card h2{font-size:26px}}