.article-nav { display: flex; align-items: center; gap: 28px; font-size: 13px; font-weight: 700; }
.article-nav > a:not(.button) { text-decoration: none; }
.guide-hero { background: var(--mint); padding: 48px 0 56px; border-bottom: 1px solid var(--line); }
.guide-hero h1 { max-width: 980px; font-size: clamp(30px,3.6vw,46px); line-height: 1.55; letter-spacing: -.04em; text-wrap: balance; }
.guide-lead { max-width: 800px; margin-top: 24px; color: var(--muted); line-height: 2; }
.article-meta { margin-top: 28px; color: var(--muted); font-size: 12px; }
.guide-layout { display: grid; grid-template-columns: 236px minmax(0,760px); justify-content: space-between; gap: 64px; padding-block: 56px 80px; align-items: start; }
.guide-toc { position: sticky; top: 112px; font-size: 13px; }
.guide-toc nav { border-left: 2px solid var(--line); padding-left: 20px; }
.guide-toc p { font-weight: 700; margin-bottom: 18px; }
.guide-toc ol { list-style: none; padding: 0; display: grid; gap: 16px; }
.guide-toc a { display: block; color: var(--muted); text-decoration: none; line-height: 1.75; }
.guide-toc a:hover { color: var(--teal); text-decoration: underline; }
.guide-body { min-width: 0; }
.guide-body section + section { margin-top: 52px; padding-top: 36px; border-top: 1px solid var(--line); }
.guide-body h2 { font-size: 27px; line-height: 1.65; margin-bottom: 20px; text-wrap: pretty; }
.guide-body h3 { font-size: 22px; }
.guide-body p { margin-bottom: 22px; font-size: 16px; line-height: 2; }
.guide-body p a { color: var(--teal); text-decoration-thickness: 1px; }
.check-sheet { margin-block: 28px; border-block: 1px solid var(--line); }
.check-sheet > div { display: grid; grid-template-columns: 142px 1fr; gap: 24px; padding-block: 20px; }
.check-sheet > div + div { border-top: 1px solid var(--line); }
.check-sheet dt { font-size: 14px; font-weight: 700; color: var(--teal); }
.check-sheet dd { margin: 0; font-size: 15px; }
.table-scroll { overflow-x: auto; margin-block: 28px; border: 1px solid var(--line); border-radius: 8px; }
.table-scroll table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.8; }
.table-scroll th, .table-scroll td { text-align: left; padding: 18px 20px; vertical-align: top; }
.table-scroll thead { background: var(--mint); }
.table-scroll tbody tr { border-top: 1px solid var(--line); }
.table-scroll tbody th { min-width: 124px; color: var(--teal); }
.article-steps { list-style: decimal-leading-zero; padding-left: 32px; margin-block: 28px; }
.article-steps li { padding: 0 0 20px 10px; }
.article-steps li::marker { color: var(--teal); font-weight: 700; }
.article-steps strong, .article-steps span { display: block; }
.article-steps span { margin-top: 6px; font-size: 15px; color: var(--muted); }
.article-callout { padding: 30px; border-left: 3px solid var(--teal); background: var(--mint); margin-block: 30px; }
.article-callout p { font-size: 15px; }
.article-callout h3 { margin-bottom: 14px; }
.article-callout .overline { margin-bottom: 8px; font-size: 12px; }
.article-end { padding-top: 24px; border-top: 1px solid var(--line); margin-top: 40px; }
.article-end p { font-size: 12px; color: var(--muted); }
.guide-cta { background: var(--mint); border-radius: 12px; padding: 38px; margin-top: 48px; }
.guide-cta h2 { margin-bottom: 16px; }
.guide-cta p { color: var(--muted); margin-bottom: 24px; }
.guide-cta .overline { color: var(--teal); margin-bottom: 10px; font-size: 13px; }
.guide-cta .cta-note { font-size: 12px; margin: 14px 0 0; }
.related-guides { margin-top: 48px; }
.related-guides h2 { font-size: 20px; }
.related-guides > a { display: grid; grid-template-columns: 85px 1fr 12px; align-items: center; gap: 20px; padding: 20px 0; border-top: 1px solid var(--line); text-decoration: none; }
.related-guides > a > span { font-size: 12px; color: var(--teal); }
.related-guides strong { font-size: 15px; }
.related-guides a:hover strong { text-decoration: underline; }
.guide-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.guide-card { display: flex; flex-direction: column; border-top: 3px solid var(--teal); padding: 24px 4px 8px; text-decoration: none; }
.guide-card-label { color: var(--teal); font-size: 12px; font-weight: 700; }
.guide-card h2 { font-size: 23px; margin-top: 16px; line-height: 1.7; text-wrap: pretty; }
.guide-card h3 { font-size: 23px; margin-top: 16px; line-height: 1.7; text-wrap: pretty; }
.guide-card > p { font-size: 14px; color: var(--muted); margin-top: 16px; }
.guide-card .text-link { margin-top: auto; padding-top: 24px; font-size: 14px; }
.guide-card:hover h2 { color: var(--teal); text-decoration: underline; text-underline-offset: 6px; }
.guide-card:focus-visible { outline-offset: 10px; }
@media(max-width:1080px) { .guide-layout { gap: 36px; grid-template-columns: 208px minmax(0,1fr); } }
@media(max-width:800px) {
 .guide-layout { display: block; padding-top: 32px; }
 .guide-toc { position: static; margin-bottom: 40px; }
 .guide-toc ol { gap: 12px; }
 .guide-toc nav { padding: 20px 24px; background: #f7fbfb; border-left: 2px solid var(--teal); }
 .guide-card-grid { grid-template-columns: 1fr; gap: 30px; }
 .guide-card h2 { font-size: 24px; }
 .guide-card > p { max-width: 660px; }
}
@media(max-width:560px) {
 .article-nav { gap: 0; }
 .article-nav > a:not(.button) { display: none; }
 .article-nav .button-small { padding: 10px 14px; font-size: 11px; min-height: 44px; }
 .article-nav + * { min-width: 0; }
 .guide-hero { padding: 24px 0 32px; }
 .guide-hero h1 { font-size: 30px; text-wrap: pretty; }
 .guide-lead { font-size: 15px; margin-top: 18px; }
 .article-meta { font-size: 11px; }
 .guide-body h2 { font-size: 23px; }
 .guide-body p { font-size: 15px; }
 .guide-body section + section { margin-top: 38px; padding-top: 28px; }
 .check-sheet > div { grid-template-columns: 1fr; gap: 6px; padding-block: 16px; }
 .table-scroll th, .table-scroll td { padding: 14px 12px; min-width: 136px; }
 .table-scroll table { font-size: 13px; }
 .article-callout, .guide-cta { padding: 26px 22px; }
 .guide-cta .button { width: 100%; padding: 16px 12px; gap: 12px; font-size: 14px; }
 .guide-cta .cta-note { font-size: 11px; }
 .related-guides > a { grid-template-columns: 1fr 12px; gap: 4px 16px; }
 .related-guides > a > span:first-child { grid-column: 1; }
 .related-guides strong { grid-column: 1; }
 .related-guides > a > span:last-child { grid-column: 2; grid-row: 1 / 3; }
 .guide-body .article-end p { font-size: 12px; }
}
@media print {
 .site-header, .site-footer, .guide-toc, .guide-cta, .related-guides { display: none; }
 .guide-layout { display: block; padding-top: 24px; }
 .guide-hero { background: #fff; padding: 0 0 20px; }
 .table-scroll { overflow: visible; }
 .guide-body h2 { break-after: avoid; }
 .guide-body table, .check-sheet > div { break-inside: avoid; }
}