@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400;1,600&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Oswald:wght@300;400;500;600&display=swap');
:root{--cognac:#8B4513;--dark:#3D1F0A;--tan:#C8A97D;--parchment:#F5EDD8;--cream:#FAF6EC;--gold:#B8860B;--gold-lt:#D4A017;--charcoal:#1A1410;--brown:#6B3E26;--gray:#8A7968;--white:#FFFDF8;--fd:'Playfair Display',Georgia,serif;--fb:'Crimson Pro','Book Antiqua',Georgia,serif;--fl:'Oswald',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);font-size:16px;line-height:1.75;background:var(--cream);color:var(--charcoal);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--cognac);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold)}
.wrap{width:100%;padding:0 16px}
@media(min-width:640px){.wrap{padding:0 24px}}
@media(min-width:1024px){.wrap{max-width:1200px;margin:0 auto;padding:0 40px}}
.nav{background:var(--dark);position:sticky;top:0;z-index:100;border-bottom:2px solid var(--cognac)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:58px}
@media(min-width:1024px){.nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;height:66px}}
.nav-logo{font-family:var(--fd);font-size:1.15rem;color:var(--parchment);white-space:nowrap}
.nav-logo em{color:var(--gold);font-style:italic}
.nav-links{display:none;list-style:none}
@media(min-width:860px){.nav-links{display:flex;gap:2px;align-items:center}}
.nav-links a{font-family:var(--fl);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,237,216,.7);padding:6px 10px;border-radius:3px;transition:all .2s}
.nav-links a:hover,.nav-links a.active{color:var(--parchment);background:rgba(184,134,11,.15)}
.nav-cta{background:var(--cognac)!important;color:var(--white)!important;padding:7px 14px!important}
.nav-cta:hover{background:var(--gold)!important}
.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
@media(min-width:860px){.hamburger{display:none}}
.hamburger span{display:block;width:22px;height:2px;background:var(--parchment);transition:all .3s}
@media(max-width:859px){.nav-links{position:fixed;inset:58px 0 0;background:var(--dark);flex-direction:column;align-items:stretch;padding:20px 16px;gap:4px;overflow-y:auto;transform:translateX(100%);transition:transform .3s}.nav-links.open{transform:none;display:flex}.nav-links a{padding:14px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}}
.sponsor-bar{background:var(--cognac);padding:8px 16px;text-align:center;font-family:var(--fl);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,253,248,.8);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.sponsor-bar a{color:var(--parchment);border-bottom:1px solid rgba(245,237,216,.3)}
.sponsor-bar a:hover{color:var(--gold)}
.sponsor-pipe{opacity:.4}
.article-hero{background:var(--dark);padding:60px 0 64px;border-bottom:3px solid var(--cognac);background-image:radial-gradient(ellipse at 20% 60%,rgba(184,134,11,.15) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(139,69,19,.2) 0%,transparent 50%)}
@media(min-width:640px){.article-hero{padding:80px 0 84px}}
.article-eyebrow{font-family:var(--fl);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.article-eyebrow::after{content:'';flex:1;height:1px;background:rgba(184,134,11,.3)}
.article-hero h1{font-family:var(--fd);font-size:clamp(1.8rem,5vw,3.5rem);color:var(--parchment);line-height:1.1;margin-bottom:20px;max-width:820px}
.article-hero h1 em{color:var(--gold);font-style:italic}
.article-meta{font-family:var(--fl);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,237,216,.45);display:flex;flex-wrap:wrap;gap:16px}
.article-meta span::before{content:'— '}
.article-layout{display:grid;grid-template-columns:1fr;gap:48px;padding:56px 0}
@media(min-width:900px){.article-layout{grid-template-columns:1fr 280px;gap:64px}}
.article-body{max-width:760px}
.article-body h2{font-family:var(--fd);font-size:clamp(1.3rem,3vw,1.9rem);color:var(--dark);margin:40px 0 16px;line-height:1.2}
.article-body h3{font-family:var(--fd);font-size:1.1rem;color:var(--dark);margin:28px 0 12px;font-style:italic}
.article-body p{font-size:1rem;line-height:1.85;color:var(--charcoal);margin-bottom:1.2em}
@media(min-width:640px){.article-body p{font-size:1.05rem}}
.article-body ul,.article-body ol{padding-left:0;list-style:none;margin-bottom:1.4em}
.article-body ul li{padding:5px 0 5px 20px;position:relative;font-size:1rem;color:var(--charcoal);line-height:1.65}
.article-body ul li::before{content:'—';position:absolute;left:0;color:var(--cognac)}
.article-body ol{counter-reset:ol}
.article-body ol li{padding:5px 0 5px 28px;position:relative;font-size:1rem;color:var(--charcoal);line-height:1.65;counter-increment:ol}
.article-body ol li::before{content:counter(ol);position:absolute;left:0;color:var(--cognac);font-family:var(--fd);font-weight:700}
.pull-quote{font-family:var(--fd);font-size:1.2rem;font-style:italic;color:var(--cognac);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:22px 0;margin:36px 0;line-height:1.5}
@media(min-width:640px){.pull-quote{font-size:1.45rem}}
.era-label{font-family:var(--fl);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;margin-top:44px;display:block}
.callout{background:var(--parchment);border-left:4px solid var(--gold);padding:18px 20px;margin:28px 0}
.callout-label{font-family:var(--fl);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.callout p{font-size:.93rem;color:var(--brown);line-height:1.7;margin:0}
.divider{width:48px;height:3px;background:linear-gradient(90deg,var(--gold),var(--cognac));margin:20px 0 32px}
.sidebar-widget{background:var(--white);border:1px solid rgba(139,69,19,.1);padding:24px;margin-bottom:20px}
.sidebar-widget h4{font-family:var(--fl);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;border-bottom:1px solid rgba(184,134,11,.2);padding-bottom:10px}
.sidebar-widget ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.sidebar-widget a{font-size:.9rem;color:var(--brown);display:block;padding:4px 0;border-bottom:1px solid rgba(139,69,19,.07);transition:color .2s}
.sidebar-widget a:hover{color:var(--cognac)}
.toc{background:var(--dark);padding:24px;margin-bottom:36px}
.toc h4{font-family:var(--fl);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:6px}
.toc ol li{counter-increment:toc;font-size:.88rem}
.toc ol li::before{content:counter(toc)'. ';color:var(--gold);font-family:var(--fl)}
.toc a{color:var(--tan);border-bottom:1px solid rgba(200,169,125,.25)}
.toc a:hover{color:var(--gold)}
.network-bar{background:var(--dark);padding:36px 0;border-top:1px solid rgba(184,134,11,.2);border-bottom:1px solid rgba(184,134,11,.2)}
.network-label{font-family:var(--fl);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:18px}
.network-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px}
.network-links a{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--parchment);transition:color .2s;white-space:nowrap}
.network-links a:hover{color:var(--gold)}
.network-sep{color:rgba(255,255,255,.12);align-self:center}
.footer{background:var(--charcoal);padding:52px 0 36px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-brand{font-family:var(--fd);font-size:1.3rem;color:var(--parchment);margin-bottom:10px}
.footer-brand em{color:var(--gold);font-style:italic}
.footer-tagline{font-size:.88rem;color:rgba(138,121,104,.65);line-height:1.7}
.footer-col h4{font-family:var(--fl);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.footer-col a{font-size:.87rem;color:rgba(138,121,104,.65);transition:color .2s}
.footer-col a:hover{color:var(--parchment)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin-top:36px;padding-top:22px;font-family:var(--fl);font-size:10px;letter-spacing:.06em;color:rgba(138,121,104,.4);text-align:center}