:root{--guide-measure:760px;--guide-wide:1120px}
.guide-hero{padding:clamp(68px,8vw,118px) 0 clamp(58px,7vw,92px);background:var(--mist);border-bottom:1px solid var(--line)}
.guide-hero .shell{max-width:var(--guide-wide)}
.guide-hero h1{max-width:920px;margin:0;font-family:var(--sans);font-size:clamp(48px,6vw,82px);font-weight:700;letter-spacing:-.055em;line-height:1.03}
.guide-hero p{max-width:760px;margin:24px 0 0;color:var(--muted);font-size:clamp(18px,2vw,22px)}
.guide-breadcrumb{display:flex;gap:9px;align-items:center;margin:0 0 28px;font-size:14px;font-weight:600;color:var(--muted)}
.guide-breadcrumb a{text-decoration:none}.guide-breadcrumb a:hover{color:var(--blue)}
.guide-index{padding:clamp(64px,8vw,112px) 0}.guide-index .shell{max-width:var(--guide-wide)}
.guide-index-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,7vw,96px);margin-bottom:70px}.guide-index-intro h2{margin:0;font-family:var(--sans);font-size:clamp(38px,4vw,56px);font-weight:700;letter-spacing:-.045em;line-height:1.03}.guide-index-intro p{margin:0;color:var(--muted);font-size:19px}
.guide-paths{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.guide-path{padding:34px 34px 36px 0;border-bottom:1px solid var(--line)}.guide-path:nth-child(even){padding-left:34px;border-left:1px solid var(--line)}
.guide-path h3{margin:0 0 10px;font-size:22px}.guide-path p{margin:0 0 18px;color:var(--muted)}.guide-path a{font-weight:700;color:var(--blue);text-decoration:none}.guide-path a:hover{text-decoration:underline}
.guide-list{margin-top:84px}.guide-list>h2{margin:0 0 34px;font-family:var(--sans);font-size:clamp(38px,4vw,54px);font-weight:700;letter-spacing:-.045em;line-height:1.03}
.guide-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}
.guide-card{display:block;padding:34px 34px 38px 0;border-bottom:1px solid var(--line);text-decoration:none}.guide-card:nth-child(even){padding-left:34px;border-left:1px solid var(--line)}.guide-card small{display:block;margin-bottom:8px;color:var(--coral);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.guide-card h3{margin:0 0 12px;font-size:26px;line-height:1.15;letter-spacing:-.025em}.guide-card p{margin:0;color:var(--muted)}.guide-card:hover h3{color:var(--blue)}
.article-shell{width:min(var(--guide-wide),calc(100% - 8vw));margin-inline:auto}.article-header{padding:clamp(62px,7vw,100px) 0 50px;border-bottom:1px solid var(--line)}.article-header h1{max-width:940px;margin:0;font-family:var(--sans);font-size:clamp(46px,5.6vw,76px);font-weight:700;letter-spacing:-.055em;line-height:1.03}.article-dek{max-width:790px;margin:24px 0 0;color:var(--muted);font-size:21px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:14px}.article-meta strong{color:var(--ink)}
.article-layout{display:grid;grid-template-columns:minmax(0,var(--guide-measure)) 250px;gap:clamp(54px,7vw,100px);align-items:start;padding:clamp(56px,7vw,96px) 0}
.article-body{font-size:18px;line-height:1.72}.article-body h2{margin:64px 0 20px;font-family:var(--sans);font-size:clamp(34px,3.2vw,46px);font-weight:700;letter-spacing:-.04em;line-height:1.06}.article-body h2:first-child{margin-top:0}.article-body h3{margin:36px 0 12px;font-size:22px;line-height:1.25}.article-body p{margin:0 0 22px}.article-body ul,.article-body ol{margin:0 0 26px;padding-left:24px}.article-body li{margin:7px 0}.article-body blockquote{margin:34px 0;padding:24px 28px;border-left:5px solid var(--coral);background:var(--mist);font-size:20px;font-weight:600}.article-body .rule{font-size:22px;font-weight:700;line-height:1.5}.article-body .process-list{padding-left:28px}.article-body .process-list li{margin:10px 0}
.article-aside{position:sticky;top:118px}.article-aside h2{margin:0 0 12px;font-size:19px}.article-aside p{margin:0 0 18px;color:var(--muted);font-size:15px}.article-aside .button{width:100%;min-height:50px;padding:10px 16px;font-size:14px}.article-aside a.text-link{font-size:14px}
.article-cta{margin-top:58px;padding:34px;border-left:6px solid var(--coral);background:var(--mist)}.article-cta h2{margin:0 0 12px;font-family:var(--sans);font-size:26px;font-weight:700}.article-cta p{margin-bottom:18px}.article-cta .button{min-height:52px}
.related-guides{padding:70px 0 90px;border-top:1px solid var(--line)}.related-guides h2{margin:0 0 28px;font-family:var(--sans);font-size:40px;font-weight:700;letter-spacing:-.04em}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-grid a{padding:24px;border:1px solid var(--line);text-decoration:none}.related-grid a:hover{border-color:var(--blue)}.related-grid strong{display:block;line-height:1.25}.related-grid span{display:block;margin-top:10px;color:var(--blue);font-size:14px;font-weight:700}
.guide-footer-nav{display:flex;gap:22px;flex-wrap:wrap}.guide-footer-nav a{text-decoration:none}.guide-footer-nav a:hover{color:var(--blue)}
@media(max-width:1050px){body .site-header .site-nav{display:flex;position:static;flex-direction:row;align-items:center;padding:0;border:0;box-shadow:none;background:transparent;gap:18px}body .site-header .site-nav>a:not(.button){font-size:14px}}
@media(max-width:900px){.guide-index-intro,.article-layout{grid-template-columns:1fr}.article-aside{position:static;border-top:1px solid var(--line);padding-top:28px}.article-aside .button{width:auto}.related-grid{grid-template-columns:1fr}.guide-paths,.guide-cards{grid-template-columns:1fr}.guide-path:nth-child(even),.guide-card:nth-child(even){padding-left:0;border-left:0}}
@media(max-width:650px){.article-shell{width:calc(100% - 40px)}.guide-hero{padding:52px 0 46px}.article-header{padding:46px 0 22px}.guide-breadcrumb{margin-bottom:22px;gap:7px;flex-wrap:wrap}.guide-hero h1,.article-header h1{font-size:40px;line-height:1.04;letter-spacing:-.045em}.article-dek{font-size:17px;line-height:1.55;margin-top:20px}.article-body{font-size:17px}.article-body h2{font-size:34px}.guide-path,.guide-card{padding-right:0}.article-cta{padding:26px 22px}.article-aside .button{width:100%}body .site-header .site-nav>a:not(.button){display:none}body .site-header .site-nav .button{display:inline-flex;width:auto;min-height:42px;padding:8px 12px;font-size:13px}.site-header .header-inner{gap:14px}.site-header .brand{font-size:21px;white-space:nowrap}}
