.seo-shell{max-width:1120px;margin:0 auto;padding:36px 24px 64px}
.seo-breadcrumbs{font-size:.9rem;color:var(--color-muted);margin:0 0 28px;display:flex;gap:8px;flex-wrap:wrap}
.seo-breadcrumbs a,.seo-prose a,.seo-toc a{color:#a63d17;text-decoration:underline;text-underline-offset:3px}
.seo-heading{max-width:880px;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.13;letter-spacing:-.035em;margin:12px 0 20px;color:var(--color-text)}
.seo-kicker{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--color-muted)}
.seo-meta{color:var(--color-muted);font-size:.9rem;margin-bottom:32px}
.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:48px;align-items:start}
.seo-prose{min-width:0;font-size:1.05rem;line-height:1.78;color:var(--color-text)}
.seo-prose>p:first-child{font-size:1.18rem;line-height:1.7;border-left:4px solid var(--color-brand);padding:14px 20px;background:var(--color-surface);border-radius:0 12px 12px 0}
.seo-prose h2{font-size:1.65rem;line-height:1.3;margin:42px 0 18px;scroll-margin-top:100px}
.seo-prose h3{font-size:1.18rem;line-height:1.45;margin:28px 0 12px;scroll-margin-top:100px}
.seo-prose p{margin:0 0 18px}.seo-prose ul,.seo-prose ol{padding-left:25px;margin:14px 0 24px}.seo-prose li{margin:8px 0}
.seo-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--color-border);border-radius:14px}
.seo-prose table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.55}
.seo-prose th,.seo-prose td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--color-border);vertical-align:top;min-width:115px}
.seo-prose th{background:var(--color-surface);font-weight:700}.seo-prose tr:last-child td{border-bottom:0}
.seo-toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:22px;position:sticky;top:100px;font-size:.9rem;line-height:1.5}
.seo-toc h2{font-size:1rem;margin:0 0 14px}.seo-toc ol{padding-left:18px;margin:0}.seo-toc li{margin:12px 0}
.seo-related{border-top:1px solid var(--color-border);padding-top:26px;margin-top:40px}
.seo-related h2{font-size:1.45rem;margin:0 0 22px}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.seo-card{display:flex;flex-direction:column;gap:12px;padding:26px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;color:var(--color-text);text-decoration:none;transition:transform .15s,border-color .15s}
.seo-card:hover{transform:translateY(-3px);border-color:var(--color-brand)}
.seo-card:focus-visible{outline:3px solid var(--color-brand);outline-offset:4px}
.seo-card h2,.seo-card h3{font-size:1.2rem;line-height:1.4;margin:0}.seo-card p{color:var(--color-muted);font-size:.94rem;line-height:1.6;margin:0}.seo-card span{font-size:.85rem;color:#a63d17;margin-top:auto}
.seo-intro{max-width:760px;color:var(--color-muted);font-size:1.1rem;line-height:1.7;margin:0 0 32px}
.seo-useful{padding:54px 24px;max-width:1120px;margin:auto}.seo-useful>h2{font-size:2rem;margin-bottom:24px}.seo-useful>a{display:inline-block;margin-top:22px;color:#a63d17}
.seo-note{background:var(--color-surface);border-radius:14px;padding:20px;margin:20px 0}
.seo-prose a{overflow-wrap:anywhere}
@media(max-width:900px){.seo-layout{grid-template-columns:1fr;gap:22px}.seo-toc{position:static;grid-row:1}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.seo-shell{padding:24px 18px 42px}.seo-grid{grid-template-columns:1fr}.seo-prose{font-size:1rem}.seo-prose>p:first-child{font-size:1.08rem;padding:12px 15px}.seo-heading{font-size:2rem}.seo-prose h2{font-size:1.45rem}.seo-table-wrap{margin-left:0;margin-right:0}.seo-card{padding:22px}}