:root { --ivory:#f4f0e8; --white:#faf8f3; --burgundy:#541d2a; --cocoa:#292321; --gold:#d4b895; --beige:#e8ddd1; --serif:Arial, sans-serif; --sans:Arial, sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--cocoa);background:var(--white);font-family:Arial, sans-serif}
a{color:inherit}.article-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 6vw;border-bottom:1px solid rgba(41,35,33,.15)}
.brand{font-weight:600;letter-spacing:.22em;text-decoration:none;white-space:nowrap}.back{font-size:11px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.article-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;padding:9vw 8vw 7vw;background:var(--ivory)}.eyebrow{margin:0 0 24px;color:#9a6a49;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
h1,h2,h3{font-family:Arial, sans-serif;font-weight:400}h1{margin:0;font-size:clamp(50px,7vw,104px);line-height:1.02;letter-spacing:-.03em}.article-hero>div:last-child{align-self:end}.lead{font-family:Arial, sans-serif;font-size:clamp(22px,2vw,34px);line-height:1.5}.intro{color:#665c57;font-size:15px;line-height:1.85}
.article-body{display:grid;grid-template-columns:220px minmax(0,760px);gap:7vw;justify-content:center;padding:8vw 6vw}.toc{position:sticky;top:30px;align-self:start;padding-left:18px;border-left:2px solid var(--burgundy)}.toc strong{display:block;margin-bottom:15px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.toc a{display:block;margin:10px 0;color:#746964;font-size:12px;text-decoration:none}
.article-content section{padding:0 0 55px;margin-bottom:55px;border-bottom:1px solid rgba(41,35,33,.15)}.article-content h2{margin:0 0 22px;font-size:clamp(32px,4vw,54px);line-height:1.2}.article-content h3{margin:30px 0 10px;font-size:23px}.article-content p,.article-content li{color:#554c48;font-size:15px;line-height:1.85}.article-content ul{padding-left:20px}.callout{margin:28px 0;padding:25px 28px;background:var(--beige);border-left:3px solid var(--burgundy)}.callout strong{display:block;margin-bottom:8px;color:var(--burgundy)}
.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.grade-grid article{padding:22px;background:var(--ivory)}.grade-grid b{display:block;margin-bottom:12px;color:var(--burgundy);font-family:Arial, sans-serif;font-size:26px}.grade-grid p{margin:0;font-size:13px;line-height:1.65}
.sources{font-size:13px}.sources a{color:var(--burgundy)}.article-cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:6vw 8vw;background:var(--burgundy);color:white}.article-cta h2{margin:0;font-size:clamp(34px,4.5vw,64px)}.article-cta p{color:#dccbc0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid white;color:white;background:transparent;font-size:11px;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
footer{padding:35px 6vw;text-align:center;color:#8b7d75;font-size:11px}
.article-header{gap:14px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.article-header nav{display:flex;gap:8px;align-items:center;font-size:12px}.article-header nav a[aria-current="page"]{font-weight:bold;text-decoration:underline}body{overflow-wrap:break-word}
@media(max-width:760px){.article-header{padding:0 20px}.article-hero{grid-template-columns:1fr;padding:70px 22px}.article-body{grid-template-columns:1fr;padding:65px 22px}.toc{position:relative;top:auto}.grade-grid{grid-template-columns:1fr}.article-cta{grid-template-columns:1fr;padding:65px 22px}.back{font-size:9px}}