.seo-article { background:#f2eee7; }
.seo-hero { background:#111114; color:#f4f0e9; padding:70px 0 58px; }
.seo-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:clamp(38px,7vw,100px); }
.seo-hero .breadcrumbs { margin-bottom:34px; color:#9c9893; font-size:.78rem; }
.seo-hero .breadcrumbs a { text-decoration:underline; text-underline-offset:3px; }
.seo-hero h1 { max-width:760px; margin:0 0 24px; font-size:clamp(3.1rem,5.8vw,6rem); line-height:1; }
.seo-lede { max-width:680px; color:#c7c3bd; font-size:1.08rem; line-height:1.72; }
.seo-hero figure { margin:0; }
.seo-hero figure img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.seo-hero figcaption { padding-top:10px; color:#97938e; font-size:.74rem; }
.seo-content { padding:80px 0 105px; color:#1b1a1a; }
.seo-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:clamp(45px,7vw,100px); align-items:start; }
.seo-layout .prose { max-width:760px; font-size:1.03rem; line-height:1.82; }
.seo-layout .prose p { color:#3e3b38; }
.seo-layout .answer-box { margin:0 0 25px; padding:27px 30px; background:#fff; border:1px solid #d0c8bf; border-left:5px solid #bd2630; }
.seo-layout .answer-box span { display:block; color:#a51f28; font:bold .69rem Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.seo-layout .answer-box p { margin:8px 0 0; color:#242121; font-size:1.07rem; }
.seo-layout .article-meta { display:flex; flex-wrap:wrap; gap:8px 22px; margin-bottom:48px; padding:0 0 18px; border-bottom:1px solid #c8c0b7; color:#736d67; font-size:.75rem; }
.seo-block { margin:0 0 52px; }
.seo-block h2 { margin-bottom:17px; font-size:clamp(2rem,3.6vw,3.1rem); line-height:1.12; color:#1d1b1a; }
.seo-block ul,.seo-block ol { padding-left:23px; color:#3e3b38; }
.seo-block li { padding:5px 0; }
.seo-block table { width:100%; border-collapse:collapse; font-size:.88rem; }
.seo-block th,.seo-block td { padding:14px 10px; border-bottom:1px solid #bdb4ab; text-align:left; }
.seo-block th { color:#9d222a; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; }
.seo-sidebar { position:sticky; top:100px; }
.seo-sidebar .sidebar-card { background:#19191c; color:#f4f0e9; border:0; border-radius:3px; padding:28px; }
.seo-sidebar h2 { margin:7px 0 12px; font-size:2rem; line-height:1.08; }
.seo-sidebar p { color:#bbb7b2; }
.seo-sidebar ul { margin:20px 0; padding:18px 0; list-style:none; border-top:1px solid #444146; border-bottom:1px solid #444146; }
.seo-sidebar li { display:flex; justify-content:space-between; padding:4px 0; }
.side-label { color:#ed4b55; font-size:.67rem; font-weight:800; letter-spacing:.15em; }
.seo-sidebar .btn { width:100%; }
.on-this-page { display:grid; gap:10px; margin-top:28px; padding-left:18px; border-left:2px solid #b22a32; color:#716b65; font-size:.76rem; }
.on-this-page strong { color:#2c2927; font-size:.72rem; letter-spacing:.11em; text-transform:uppercase; }
.related-guides { padding-top:20px; border-top:1px solid #bdb4ab; }
.related-guides h2 { font-size:2rem; }
.related-guides > div { display:grid; }
.related-guides a { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid #c8c0b7; color:#94232a; font-weight:700; text-decoration:none; }
.seo-article .faq-item { border-color:#bdb4ab; }
.seo-article .faq-question { color:#201e1d; }
.seo-article .faq-answer p { color:#4f4a46; }
@media(max-width:900px){.seo-hero-grid{grid-template-columns:1fr}.seo-hero figure{max-width:680px}.seo-layout{grid-template-columns:1fr}.seo-sidebar{position:static}.on-this-page{display:none}}
@media(max-width:720px){.seo-hero{padding:48px 0}.seo-hero h1{font-size:clamp(3rem,13vw,4.8rem)}.seo-content{padding:60px 0 75px}.seo-layout .answer-box{padding:22px}.seo-block table{display:block;overflow-x:auto;white-space:nowrap}.seo-sidebar .sidebar-card{padding:24px}}