.guide-shell{min-height:100vh;font-size:18px;line-height:1.65}.guide-shell a{text-underline-offset:4px}.guide-shell a:hover{text-decoration:underline}.guide-shell :focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px}.guide-shell h1,.guide-shell h2{font-family:var(--font-display);text-wrap:balance;font-weight:500}.guide-shell h1{letter-spacing:-.025em;font-size:clamp(36px,4.8vw,58px);line-height:1.07}.guide-shell h2{font-size:clamp(28px,3vw,34px);line-height:1.2}.guide-shell p,.guide-shell li{overflow-wrap:anywhere}.guide-header,.guide-footer{justify-content:space-between;align-items:center;gap:20px;padding:12px max(24px,50vw - 580px);font-size:16px;display:flex}.guide-header{min-height:72px}.guide-header nav,.guide-footer nav{align-items:center;gap:24px;display:flex}.guide-header a,.guide-footer a{align-items:center;min-height:44px;display:inline-flex}.guide-brand{gap:10px;font-weight:600}.guide-button{border:1px solid var(--fg);background:var(--fg);min-height:44px;color:var(--bg);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:9px 18px;font-size:16px;font-weight:500;display:inline-flex}.guide-skip{z-index:50;background:var(--fg);color:var(--bg);padding:10px 18px;position:fixed;top:-100px;left:16px}.guide-skip:focus{top:12px}.guide-main{max-width:1208px;margin:0 auto;padding:36px 24px 72px}.guide-meta{color:var(--fg-dim);font-size:16px}.guide-article-meta{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.guide-introduction{max-width:750px;margin-top:24px;font-size:21px;line-height:1.6}.guide-article-header{max-width:850px;margin-bottom:44px}.guide-article-header h1{margin-top:18px}.guide-index-header{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:28px 0 44px;display:grid}.guide-index-header h1{margin-top:16px}.guide-index-header .guide-introduction{font-size:20px}.guide-start-link{min-height:44px;color:var(--accent-ink);align-items:center;gap:10px;margin-top:20px;text-decoration:underline;display:inline-flex}.guide-figure{margin:0}.guide-figure img{width:100%;height:auto;display:block}.guide-figure figcaption{color:var(--fg-dim);margin-top:12px;font-size:16px;line-height:1.5}.guide-screenshot img{border:1px solid var(--line-strong)}.guide-reading-layout{grid-template-columns:240px minmax(0,740px);gap:64px;display:grid}.guide-contents nav{border-top:1px solid var(--line-strong);padding-top:18px;font-size:16px;position:sticky;top:24px}.guide-contents a{min-height:44px;color:var(--fg-dim);align-items:center;padding:8px 0;line-height:1.45;display:flex}.guide-contents p{margin-bottom:12px}.guide-body{min-width:0}.guide-body p{margin:20px 0}.guide-body section{margin-top:48px;scroll-margin-top:24px}.guide-body h2{margin-bottom:24px}.guide-body li{margin:12px 0;padding-left:4px}.guide-body ul{padding-left:22px;list-style:outside}.guide-body .guide-figure{margin:30px 0}.guide-body .guide-takeaway{border-left:3px solid var(--accent);margin-top:0;padding-left:20px;font-size:21px}.guide-example{border:1px solid var(--line);background:var(--bg-2);margin:28px 0;padding:4px 24px}.guide-example .guide-example-label{color:var(--accent-2);margin-bottom:-6px;font-size:16px;font-weight:600}.guide-checklist{border-top:1px solid var(--line-strong);padding-top:32px}.guide-editorial-note{max-width:70ch;color:var(--fg-dim);font-size:16px}.guide-editorial-note a,.guide-editorial a,.guide-sources a{color:var(--accent-ink);text-decoration:underline}.guide-next{border-top:1px solid var(--line-strong);padding-top:32px}.guide-related{border-top:1px solid var(--line-strong);margin-top:72px;padding-top:32px}.guide-related ul{margin-top:20px;padding:0;list-style:none}.guide-related a{min-height:44px;color:var(--accent-ink);align-items:center;gap:12px;padding:8px 0;display:inline-flex}.guide-list article{border-top:1px solid var(--line-strong);grid-template-columns:240px minmax(0,740px);gap:64px;padding:32px 0;display:grid}.guide-list article:last-child{border-bottom:1px solid var(--line-strong)}.guide-list-category{color:var(--fg-dim);align-items:baseline;gap:18px;font-size:16px;display:flex}.guide-list-category>span:first-child{font-family:var(--font-mono);color:var(--accent-ink)}.guide-list h2{font-size:30px}.guide-list h2 a{padding-bottom:6px;display:inline-block}.guide-list p{max-width:680px;margin:10px 0}.guide-editorial{max-width:740px;padding-top:52px;scroll-margin-top:24px}.guide-editorial p{margin-top:20px}.guide-footer{padding-top:24px;padding-bottom:24px}@media (width<=1023px){.guide-index-header{gap:28px}.guide-reading-layout,.guide-list article{grid-template-columns:190px minmax(0,1fr);gap:36px}}@media (width<=767px){.guide-header{gap:14px;padding:12px 20px}.guide-header nav{gap:16px}.guide-main{padding:24px 20px 48px}.guide-index-header,.guide-reading-layout,.guide-list article{grid-template-columns:minmax(0,1fr);gap:24px}.guide-index-header{padding-top:12px}.guide-introduction{font-size:20px}.guide-contents nav{border-bottom:1px solid var(--line);padding-bottom:20px;position:static}.guide-contents a{padding:9px 0}.guide-body .guide-takeaway{font-size:20px}.guide-list article{gap:12px;padding:26px 0}.guide-list h2{font-size:28px}.guide-footer{flex-wrap:wrap;padding-left:20px;padding-right:20px}}