:root{--burgundy:#4A1028;--burgundy-mid:#6B1E3B;--gold:#C9A96E;--gold-light:#E8D5B0;--blush:#F2D9E0;--blush-light:#FBF0F3;--cream:#FAF6F1;--text-dark:#2C1810;--text-mid:#6B5B55;--white:#FFFFFF}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;background:var(--cream);color:var(--text-dark);font-weight:300;line-height:1.8;font-size:17px}
.site-nav{background:var(--burgundy);padding:14px 40px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200}
.nav-brand{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:#fff;text-decoration:none;letter-spacing:0.08em}.nav-brand span{color:var(--gold)}
.nav-cta{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;background:var(--gold);color:var(--burgundy);padding:9px 22px;font-weight:600;text-decoration:none}
.article-hero{background:var(--burgundy);padding:70px 40px 60px}.hero-inner{max-width:800px;margin:0 auto}
.breadcrumb{display:flex;gap:8px;margin-bottom:20px;font-size:0.7rem;color:rgba(255,255,255,0.4)}.breadcrumb a{color:rgba(255,255,255,0.4);text-decoration:none}
.article-category{font-size:0.62rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.article-category::before{content:'';display:block;width:20px;height:1px;background:var(--gold)}
.article-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:300;color:#fff;line-height:1.15;margin-bottom:20px}
.article-hero h1 em{font-style:italic;color:var(--gold-light)}
.article-meta{display:flex;gap:20px;flex-wrap:wrap}.meta-item{font-size:0.72rem;color:rgba(255,255,255,0.4);letter-spacing:0.08em}
.article-layout{display:grid;grid-template-columns:1fr 300px;gap:60px;max-width:1140px;margin:0 auto;padding:60px 40px}
.article-sidebar{position:sticky;top:80px;align-self:start}
.article-body h2{font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:400;color:var(--burgundy);margin:48px 0 18px;line-height:1.25;scroll-margin-top:100px}
.article-body h3{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--burgundy-mid);margin:32px 0 14px}
.article-body p{margin-bottom:20px;color:var(--text-mid);line-height:1.9}.article-body p strong{color:var(--text-dark);font-weight:500}
.lead{font-size:1.08rem;color:var(--text-dark);font-weight:400;line-height:1.85;margin-bottom:28px;border-left:3px solid var(--gold);padding-left:20px}
.pull-quote{background:var(--burgundy);color:#fff;padding:32px 36px 32px 60px;margin:40px 0;position:relative}
.pull-quote::before{content:'\201C';font-family:'Cormorant Garamond',serif;font-size:5rem;color:var(--gold);line-height:0;position:absolute;top:44px;left:22px;opacity:0.5}
.pull-quote p{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-style:italic;color:#fff;line-height:1.6;margin:0}
.takeaway-box{background:var(--blush-light);border:1px solid var(--blush);border-left:4px solid var(--gold);padding:24px 28px;margin:32px 0}
.takeaway-box h4{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--burgundy);margin-bottom:12px;font-weight:600}
.check-list{list-style:none;padding:0}.check-list li{padding:6px 0;font-size:0.92rem;color:var(--text-mid);display:flex;gap:10px;align-items:flex-start;line-height:1.6}
.check-list li::before{content:'✓';width:18px;height:18px;background:var(--burgundy);color:#fff;font-size:0.58rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;font-weight:700}
.warning-box{background:#FFF5F5;border:1px solid #FED7D7;border-left:4px solid #E53E3E;padding:24px 28px;margin:32px 0}
.warning-box h4{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:#C53030;margin-bottom:12px;font-weight:600}
.warning-box p,.warning-box li{color:var(--text-mid);font-size:0.92rem;line-height:1.7}
.sidebar-toc{background:var(--white);border:1px solid var(--blush);padding:24px;margin-bottom:28px}
.sidebar-toc h4{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--burgundy);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--blush)}
.toc-list{list-style:none;padding:0}.toc-list li{margin-bottom:8px}
.toc-list a{font-size:0.82rem;color:var(--text-mid);text-decoration:none;display:flex;gap:8px;line-height:1.4}
.toc-list a:hover{color:var(--burgundy)}.toc-list a span{color:var(--gold);font-size:0.72rem;flex-shrink:0;margin-top:2px}
.sidebar-cta{background:var(--burgundy);padding:28px 24px;text-align:center;margin-bottom:28px}
.sidebar-cta h4{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:#fff;margin-bottom:10px;font-weight:300}
.sidebar-cta p{font-size:0.8rem;color:rgba(255,255,255,0.6);margin-bottom:18px;line-height:1.6}
.sidebar-cta a{display:block;background:var(--gold);color:var(--burgundy);text-decoration:none;padding:12px;font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.related-card{background:var(--white);border:1px solid var(--blush);padding:20px;text-decoration:none}.related-card:hover{border-color:var(--gold)}
.related-card-cat{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.related-card h4{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--burgundy);font-weight:400;line-height:1.3}
.article-footer{background:var(--burgundy);padding:48px 40px;text-align:center}
.article-footer p{color:rgba(255,255,255,0.5);font-size:0.8rem}.article-footer strong{color:var(--gold)}
.compare-table{width:100%;border-collapse:collapse;margin:28px 0;font-size:0.88rem}
.compare-table thead tr{background:var(--burgundy)}.compare-table thead th{padding:13px 16px;color:var(--gold-light);font-weight:500;text-align:left}
.compare-table tbody tr:nth-child(even){background:var(--blush-light)}.compare-table tbody tr:nth-child(odd){background:var(--white)}
.compare-table tbody td{padding:11px 16px;border-bottom:1px solid var(--blush);color:var(--text-mid)}.compare-table tbody td:first-child{font-weight:500;color:var(--text-dark)}
.compare-table tfoot td{padding:13px 16px;font-weight:600;color:var(--burgundy);border-top:2px solid var(--burgundy)}
.condition-card{background:var(--white);border:1px solid var(--blush);border-top:3px solid var(--burgundy);padding:24px;margin:20px 0}
.condition-card h3{margin:0 0 12px;font-size:1.2rem}.condition-card p{margin:0 0 8px;font-size:0.9rem}
.q-block{background:var(--white);border:1px solid var(--blush);border-left:4px solid var(--burgundy);padding:20px 24px;margin:20px 0}
.q-block h3{margin:0 0 10px;font-size:1.1rem}.q-block p{margin:0;font-size:0.9rem}
.step-box{background:var(--white);border:1px solid var(--blush);padding:24px;margin:16px 0;counter-increment:step}
.step-box h3{margin:0 0 12px}.step-box h3::before{content:'Step ' counter(step) ': ';color:var(--gold);font-weight:600}
.step-box p{margin:0;font-size:0.9rem}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.related-grid{grid-template-columns:1fr}}
