@import url('../styles.css');
.blog-page{background:#090c0f;color:#f3eadb;min-height:100vh}.blog-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:54px 0 90px}.blog-header{position:sticky;top:0;z-index:20;background:rgba(8,11,14,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(209,160,86,.18);padding:14px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px}.blog-brand{display:flex;align-items:center;gap:12px}.blog-brand img{width:44px;height:44px;border-radius:12px}.blog-brand strong{font:600 18px var(--serif);letter-spacing:.08em;text-transform:uppercase}.blog-brand small{display:block;color:#b7aa96;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.blog-nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.blog-nav a{font-size:11px;color:#c8c4bc}.blog-nav a:hover{color:var(--gold2)}.blog-hero{padding:72px 0 44px;border-bottom:1px solid rgba(209,160,86,.16)}.blog-hero h1{font:500 clamp(46px,7vw,82px)/.96 var(--serif);margin:0;max-width:900px}.blog-hero h1 span{color:var(--gold2)}.blog-hero p{max-width:760px;color:#b8b8b3;font-size:16px;line-height:1.75;margin:24px 0}.blog-actions{display:flex;gap:10px;flex-wrap:wrap}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:34px 0}.audience-chip{border:1px solid #2c3134;background:#0d1115;border-radius:12px;padding:13px 14px;color:#d5d0c6;font-size:11px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.audience-chip:hover,.audience-chip:focus-visible{transform:translateY(-2px);border-color:#8a7048;background:#11161a;color:#f3eadb;outline:none}.audience-chip span{color:var(--gold2);font-size:14px}.section-title{margin:58px 0 18px}.section-title h2{font:500 38px var(--serif);margin:0}.section-title p{color:#909497;max-width:760px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{border:1px solid #2c3134;background:#0d1115;border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:285px;transition:.2s}.article-card:hover{transform:translateY(-3px);border-color:#67563c}.article-card .tag{color:var(--gold2);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.article-card h3{font:500 26px/1.08 var(--serif);margin:12px 0}.article-card p{color:#94989a;line-height:1.65;font-size:12px;flex:1}.article-card a{color:#e8c47d;font-size:11px;font-weight:700}.newsletter-card{margin:62px 0 12px;border:1px solid rgba(209,160,86,.4);border-radius:22px;padding:32px;background:linear-gradient(180deg,#121519,#0c0f12)}.newsletter-card h2{font:500 38px var(--serif);margin:0 0 10px}.newsletter-card p{color:#a9abad;max-width:720px}.newsletter-form{display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;gap:10px;margin-top:22px}.newsletter-form input,.newsletter-form select{min-height:48px;border:1px solid #31373b;background:#0a0d10;color:#f0eadf;border-radius:9px;padding:0 12px}.newsletter-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;font-size:10px;color:#9da0a2;line-height:1.5}.newsletter-consent input{min-height:auto;margin-top:2px}.newsletter-status{grid-column:1/-1;font-size:11px;min-height:18px}.article-page{width:min(900px,calc(100% - 32px));margin:auto;padding:62px 0 90px}.article-page h1{font:500 clamp(44px,6vw,72px)/1 var(--serif);margin:14px 0}.article-page .lede{font-size:17px;line-height:1.8;color:#b9bbb9}.article-body{font-size:15px;line-height:1.8;color:#d0cec8}.article-body h2{font:500 34px var(--serif);color:#f3eadb;margin-top:44px}.article-body ul{padding-left:20px}.article-cta{margin:44px 0;padding:26px;border:1px solid rgba(209,160,86,.35);border-radius:18px;background:#0d1115}.article-cta h3{font:500 30px var(--serif);margin:0 0 9px}.article-cta p{color:#9ea2a3}.blog-footer{border-top:1px solid #22272a;padding:30px clamp(16px,4vw,48px);color:#777d80;font-size:10px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:900px){.audience-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr 1fr}.newsletter-form{grid-template-columns:1fr 1fr}.newsletter-form button{grid-column:1/-1}.blog-nav{display:none}}
@media(max-width:620px){.blog-shell{width:min(100% - 22px,1180px);padding-top:36px}.blog-hero{padding-top:46px}.audience-grid,.article-grid,.newsletter-form{grid-template-columns:1fr}.newsletter-card{padding:22px}.blog-header{padding-inline:12px}.blog-brand strong{font-size:15px}}

/* v31.2 — Header Try Pro CTA must override generic blog-nav link color. */
.blog-nav a.button-gold,
.blog-nav a.button-gold:hover,
.blog-nav a.button-gold:focus-visible {
  color: #090c0f !important;
  font-weight: 800;
}