.guide-category{display:block;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted);line-height:1.5}
.guide-index-head{padding:52px 0 80px}
.guide-index-head h1{max-width:17ch;font-size:clamp(3rem,6.8vw,6.5rem);font-weight:600;line-height:1.06;margin:24px 0 30px}
.guide-index-head>.wrap>p{max-width:48ch;font-size:clamp(18px,1.8vw,23px);line-height:1.65}
.guide-index-list{padding-bottom:110px}
.guide-list{border-top:1px solid var(--line)}
.guide-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:28px;padding:46px 0;border-bottom:1px solid var(--line)}
.guide-number{font-size:14px;color:var(--muted);padding-top:4px;font-variant-numeric:tabular-nums}
.guide-card h2,.guide-card h3{font-size:clamp(1.7rem,3.3vw,3rem);font-weight:600;line-height:1.16;letter-spacing:-.04em;max-width:30ch;margin:12px 0 18px}
.guide-card h2 a,.guide-card h3 a{text-decoration:none}
.guide-card h2 a:hover,.guide-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.guide-card .arrow-icon{width:.66em;height:.66em;margin-left:.25em;vertical-align:baseline}
.guide-card p:not(.guide-category){font-size:17px;line-height:1.75;max-width:65ch}
.guide-reading{display:block;margin-top:20px;color:var(--muted);font-size:13px}
.guide-header{padding-top:48px;padding-bottom:64px}
.guide-header h1{font-size:clamp(2.7rem,5.7vw,5.3rem);font-weight:600;line-height:1.09;max-width:19ch;margin:22px 0 30px}
.guide-intro{font-size:clamp(18px,1.85vw,23px);line-height:1.65;max-width:57ch}
.guide-byline{display:flex;gap:14px 28px;flex-wrap:wrap;margin-top:32px;font-size:13px;color:var(--muted)}
.guide-byline a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:4px}
.guide-layout{display:grid;grid-template-columns:minmax(160px,230px) minmax(0,760px);gap:clamp(40px,7vw,112px);padding-bottom:96px;align-items:start}
.guide-toc{position:sticky;top:126px;border-top:1px solid var(--line);padding-top:24px}
.guide-toc nav>span{display:block;font-size:12px;font-weight:600;margin-bottom:15px}
.guide-toc a{display:block;font-size:13px;line-height:1.5;padding:9px 0;color:var(--muted);text-decoration:none}
.guide-toc a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.guide-prose{min-width:0;font-size:18px;line-height:1.8}
.guide-prose p,.guide-prose li,.guide-prose dd{color:#505450;max-width:none}
.guide-prose p+p,.guide-prose p+ol,.guide-prose p+ul{margin-top:20px}
.guide-prose li+li{margin-top:12px}
.guide-prose ul,.guide-prose ol{padding-left:24px;margin-bottom:24px}
.guide-prose a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:4px}
.guide-prose a:hover{text-decoration-thickness:2px}
.guide-prose section{margin-top:58px;scroll-margin-top:120px}
.guide-prose h2{font-size:clamp(1.65rem,2.7vw,2.35rem);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin-bottom:24px}
.guide-prose h3{font-size:24px;font-weight:600;line-height:1.3;margin:34px 0 18px}
.guide-takeaway{background:var(--soft);padding:30px 34px;border-radius:10px}
.guide-takeaway>span{display:block;font-size:12px;font-weight:600;margin-bottom:12px}
.guide-takeaway p{color:var(--ink);font-size:20px;line-height:1.6}
.guide-table-wrap{overflow-x:auto;max-width:100%;margin:28px 0;overscroll-behavior-x:contain}
.guide-table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.6}
.guide-table-wrap caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:16px}
.guide-table-wrap th,.guide-table-wrap td{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--line);min-width:150px}
.guide-table-wrap thead{background:var(--soft)}
.guide-table-wrap th{font-weight:600}
.guide-spec{margin:28px 0}
.guide-spec>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:20px 0}
.guide-spec dt{font-weight:600;font-size:15px}
.guide-spec dd{margin:0;font-size:16px}
.guide-email{border:1px solid var(--line);border-radius:12px;padding:28px 32px;margin:24px 0;background:#fff;font-size:16px;line-height:1.8}
.guide-email .email-subject{color:var(--ink);padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.guide-next{margin-top:60px;border-top:1px solid var(--line);padding-top:36px}
.guide-next .text-link{font-size:16px;margin-top:24px;display:inline-flex;gap:18px;align-items:center}
.guide-related,.guide-discovery{padding:75px 0;background:var(--soft)}
.guide-related>.wrap>h2,.guide-discovery-head h2{font-size:clamp(2rem,4vw,3.6rem);font-weight:600;max-width:21ch;margin:18px 0 40px}
.guide-related .guide-card,.guide-discovery .guide-card{grid-template-columns:46px minmax(0,1fr);padding:30px 0}
.guide-related .guide-card h3,.guide-discovery .guide-card h3{font-size:clamp(1.5rem,2.7vw,2.3rem);max-width:40ch}
.guide-discovery-head{display:flex;justify-content:space-between;align-items:center;gap:24px}
.guide-discovery-head>.text-link{flex-shrink:0}
@media(max-width:760px){
 .guide-index-head{padding:30px 0 48px}.guide-index-head h1{font-size:clamp(2.5rem,10.5vw,4rem)}
 .guide-index-list{padding-bottom:60px}.guide-card{grid-template-columns:24px minmax(0,1fr);gap:14px;padding:32px 0}
 .guide-card h2,.guide-card h3{font-size:28px}.guide-card p:not(.guide-category){font-size:16px}
 .guide-header{padding-top:26px;padding-bottom:40px}.guide-header h1{font-size:clamp(2.5rem,10vw,3.7rem);max-width:20ch}
 .guide-header .breadcrumbs{font-size:11px;flex-wrap:wrap;gap:8px;margin-bottom:30px}
 .guide-byline{font-size:12px;gap:10px 20px}.guide-byline a{flex-basis:100%}
 .guide-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:56px}
 .guide-toc{position:static;padding:20px 0;border-bottom:1px solid var(--line)}
 .guide-toc a{padding:7px 0}.guide-prose{font-size:17px;line-height:1.8}
 .guide-prose section{margin-top:42px}.guide-prose h2{font-size:27px}.guide-takeaway{padding:24px}.guide-takeaway p{font-size:18px}
 .guide-table-wrap{margin:24px 0}.guide-table-wrap th,.guide-table-wrap td{padding:14px 12px;min-width:138px}
 .guide-spec>div{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0}
 .guide-email{padding:22px;font-size:16px}.guide-related,.guide-discovery{padding:52px 0}
 .guide-related .guide-card,.guide-discovery .guide-card{grid-template-columns:24px minmax(0,1fr);gap:14px}
 .guide-discovery-head{display:block}.guide-discovery-head h2{margin-bottom:24px}.guide-discovery-head>.text-link{margin-bottom:32px;display:inline-flex;gap:16px}
}
