.guide-page{max-width:1120px}
.guide-hero{padding:clamp(24px,4vw,48px) 0 28px;max-width:850px}
.guide-hero h1{font-size:clamp(29px,4.6vw,46px);line-height:1.16;margin:14px 0 20px;overflow-wrap:anywhere}
.guide-hero>p{font-size:17px;line-height:1.8}
.guide-hero .guide-byline{font-size:13px;color:var(--muted)}
.guide-hero .guide-summary{color:var(--text);border-left:3px solid var(--cyan);padding-left:20px}
.guide-article{max-width:850px;margin-inline:auto}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.guide-card,.guide-related,.guide-toc{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:clamp(20px,3vw,30px)}
.guide-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.guide-card h2{font-size:22px;line-height:1.35;margin:0}
.guide-card p{line-height:1.75;margin-bottom:10px}
.guide-card>.text-link{margin-top:auto}
.guide-card a:hover,.guide-related a:hover{color:var(--cyan);text-decoration:underline}
.guide-toc{margin:4px 0 36px}
.guide-toc h2{font-size:18px;margin-bottom:12px}
.guide-link-list{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:16px 0 0}
.guide-toc .guide-link-list{display:grid;gap:12px}
.guide-link-list a,.guide-section a,.guide-byline a{color:var(--blue-light);text-decoration:underline;text-underline-offset:3px}
.guide-section{margin:0 0 36px;scroll-margin-top:190px}
.guide-section h2{font-size:clamp(22px,3vw,28px);line-height:1.35;margin:0 0 16px}
.guide-section p,.guide-steps li{font-size:16px;line-height:1.9;color:var(--muted)}
.guide-steps{padding-left:26px}
.guide-steps li{padding-left:8px;margin:0 0 16px}
.guide-steps li::marker{color:var(--cyan);font-weight:700}
.guide-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px}
.guide-table-wrap table{border-collapse:collapse;width:100%;font-size:15px}
.guide-table-wrap caption{text-align:left;padding:16px;background:var(--surface-2);font-weight:700}
.guide-table-wrap th,.guide-table-wrap td{text-align:left;vertical-align:top;padding:14px 16px;border-top:1px solid var(--line);line-height:1.7}
.guide-table-wrap th{background:var(--surface)}
.guide-table-wrap td{color:var(--muted)}
.guide-sources{border-top:1px solid var(--line);padding-top:28px}
.guide-sources p,.guide-sources a{font-size:14px}
.guide-related{margin:32px 0}
.guide-related .section-heading{align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.guide-related .section-heading h2{font-size:22px;line-height:1.4;margin:0}
.guide-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;list-style:none;margin:0;padding:0}
.guide-related-list a{font-weight:700;color:var(--blue-light);text-decoration:underline;text-underline-offset:3px}
.guide-related-list p{margin:8px 0 0;font-size:14px;line-height:1.75}
.guide-related-list li:only-child{grid-column:1/-1}
.guide-more{margin-top:40px}
.guide-more>h2{font-size:24px;margin-bottom:22px}
html[data-theme="light"] .guide-page,html[data-theme="light"] .guide-related{--blue-light:#284cc4;--cyan:#186e79}
@media(max-width:700px){.guide-grid,.guide-related-list{grid-template-columns:1fr}.guide-hero{padding-top:18px}.guide-toc{padding:20px}.guide-hero>p,.guide-section p,.guide-steps li{font-size:15px}.guide-section{scroll-margin-top:140px}.guide-table-wrap th,.guide-table-wrap td{padding:12px}.guide-related .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}