/* ============================================================
   TAR(RENT) — shared stylesheet
   Journal reface · AP×AC blend (warm linen+gold body, dark char+copper bookends)
   Powers the hub (index.html) and every post page.
   Fonts loaded per-page: Fraunces (display) + Newsreader (reading body).
   ============================================================ */

:root{
  --paper:#f3ede1; --paper-2:#ece4d4; --ink:#1e1a14; --body:#3a322a;
  --muted:#6f6456; --line:#ddd2bf; --line-soft:#e7ddca;
  --gold:#C9A84C; --gold-deep:#9c7d2e; --copper:#B76635; --copper-lt:#d68f54;
  --char:#16130e; --char-2:#211b12; --thumb:#e3d9c5; --linen:#F5F1EA;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--body);font-family:'Newsreader',Georgia,serif;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;width:100%;height:100%;object-fit:cover;}
.wrap{max-width:1100px;margin:0 auto;padding:0 40px;}

/* ── DARK AC CROWN: top utility + masthead ───────────────── */
.crown{background:var(--char);color:var(--linen);}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:50px;border-bottom:1px solid rgba(245,241,234,.08);}
.topbar .bm{font-family:'Fraunces',serif;font-weight:600;font-size:15px;letter-spacing:.3px;color:var(--linen);}
.topbar .bm span{color:var(--gold);}
.toplinks{display:flex;gap:24px;}
.toplinks a{font-size:12px;letter-spacing:.5px;color:#a59a87;transition:color .15s;}
.toplinks a:hover{color:var(--copper-lt);}
.toplinks a.back{color:var(--linen);font-variant:small-caps;letter-spacing:1px;}

.masthead{text-align:center;padding:42px 0 30px;}
.masthead .rule{height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent);max-width:760px;margin:0 auto;}
.nameplate{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(52px,8vw,84px);line-height:.96;letter-spacing:-1px;color:var(--linen);margin:12px 0 10px;}
.nameplate b{font-weight:600;color:var(--gold);}
.dateline{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:0 auto;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#8a7f6c;}
.dateline .c{font-style:italic;text-transform:none;letter-spacing:.2px;font-size:13.5px;color:#c8bca5;font-family:'Newsreader',serif;}

/* compact masthead for post pages */
.masthead.compact{padding:26px 0 22px;}
.masthead.compact .nameplate{font-size:clamp(30px,5vw,40px);margin:10px 0 0;}

/* ── LIGHT AP BODY: section nav ──────────────────────────── */
.sectionnav{background:var(--paper);border-bottom:1px solid var(--ink);position:sticky;top:0;z-index:20;}
.sectionnav .wrap{display:flex;justify-content:center;gap:14px 32px;min-height:48px;align-items:center;flex-wrap:wrap;padding:9px 0;}
.sectionnav a{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--body);font-weight:500;transition:color .15s;cursor:pointer;}
.sectionnav a.active{color:var(--gold-deep);font-weight:600;}
.sectionnav a:hover{color:var(--copper);}

.kick{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-deep);font-weight:600;}

/* ── HUB: featured lead + latest rail ────────────────────── */
.lead{display:grid;grid-template-columns:1.55fr 1fr;gap:46px;padding:46px 0 40px;border-bottom:1px solid var(--line);}
.feat-img{aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:var(--thumb);box-shadow:0 1px 0 rgba(30,26,20,.04);}
.feat-img img{transition:transform .6s ease;}
.feat:hover .feat-img img{transform:scale(1.03);}
.feat .kick{margin:18px 0 12px;display:block;}
.feat h1{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(30px,3.5vw,42px);line-height:1.06;color:var(--ink);margin-bottom:14px;letter-spacing:-.3px;}
.feat .dek{font-size:18px;line-height:1.55;color:var(--body);max-width:92%;}
.feat .more{display:inline-block;margin-top:18px;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-deep);font-weight:600;border-bottom:1px solid var(--copper);padding-bottom:3px;}
.feat:hover .more{color:var(--copper);}

.rail .rail-h{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink);font-weight:600;border-bottom:2px solid var(--gold);padding-bottom:9px;margin-bottom:2px;}
.rail .ri{display:block;padding:16px 0;border-bottom:1px solid var(--line-soft);}
.rail .ri:last-child{border-bottom:none;}
.rail .ri .kick{font-size:10px;letter-spacing:2px;margin-bottom:6px;display:block;}
.rail .ri h3{font-family:'Fraunces',serif;font-weight:500;font-size:18px;line-height:1.22;color:var(--ink);transition:color .15s;}
.rail .ri:hover h3{color:var(--copper);}

/* ── HUB: typographic index ──────────────────────────────── */
.indexhead{display:flex;align-items:baseline;justify-content:space-between;padding:36px 0 6px;}
.indexhead h2{font-family:'Fraunces',serif;font-weight:600;font-size:22px;color:var(--ink);}
.indexhead .all{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);}
.index{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px;padding:30px 0 46px;}
.card{display:flex;flex-direction:column;}
.card.in-lead{display:none;} /* shown in the featured/rail above; revealed in the grid only when filtering */
.card-img{aspect-ratio:16/11;overflow:hidden;border-radius:3px;background:var(--thumb);margin-bottom:15px;}
.card-img img{transition:transform .5s ease;}
.card:hover .card-img img{transform:scale(1.04);}
.card .kick{font-size:10px;letter-spacing:1.8px;margin-bottom:8px;display:block;}
.card h3{font-family:'Fraunces',serif;font-weight:600;font-size:20px;line-height:1.16;color:var(--ink);margin-bottom:8px;transition:color .15s;letter-spacing:-.2px;}
.card:hover h3{color:var(--copper);}
.card .dek{font-size:14.5px;line-height:1.5;color:var(--muted);}
.card .dt{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:#a89e8b;margin-top:auto;padding-top:12px;display:block;}
.index .empty{grid-column:1/-1;padding:40px 0;color:var(--muted);font-style:italic;text-align:center;}

/* ── POST: breadcrumb + reading column ───────────────────── */
.breadcrumb{background:var(--paper-2);border-bottom:1px solid var(--line);}
.breadcrumb .wrap{padding:11px 40px;font-size:12px;letter-spacing:.3px;color:var(--muted);}
.breadcrumb a{color:var(--gold-deep);}
.breadcrumb a:hover{color:var(--copper);}

.post-page{max-width:740px;margin:0 auto;padding:0 40px;}
.article-hero-img{width:100%;height:420px;object-fit:cover;border-radius:2px;margin-top:40px;}
.article-body{padding:40px 0 0;}
.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.article-cat{font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-deep);}
.article-date{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}
.post-dot{width:3px;height:3px;border-radius:50%;background:var(--copper-lt);display:inline-block;}

.article-body h1{font-family:'Fraunces',serif;font-size:clamp(30px,4.4vw,44px);font-weight:600;line-height:1.08;letter-spacing:-.4px;color:var(--ink);margin-bottom:26px;}
.article-body .intro{font-size:20px;line-height:1.6;color:var(--body);margin-bottom:34px;border-left:3px solid var(--copper);padding-left:22px;font-style:italic;}
.article-body h2{font-family:'Fraunces',serif;font-size:25px;font-weight:600;line-height:1.18;color:var(--ink);margin:42px 0 14px;letter-spacing:-.2px;}
.article-body h3{font-family:'Fraunces',serif;font-size:19px;font-weight:600;color:var(--ink);margin:28px 0 10px;}
.article-body p{font-size:18px;line-height:1.78;color:var(--body);margin-bottom:22px;}
.article-body p a{color:var(--gold-deep);border-bottom:1px solid var(--line);transition:color .15s,border-color .15s;}
.article-body p a:hover{color:var(--copper);border-color:var(--copper);}
.article-body strong{color:var(--ink);font-weight:600;}
.article-body em{font-style:italic;}
.article-body ul,.article-body ol{margin:0 0 24px 22px;}
.article-body li{font-size:18px;line-height:1.7;color:var(--body);margin-bottom:10px;}
.article-body li::marker{color:var(--gold-deep);}

/* AEO Quick Answer block */
.answer-block{background:var(--paper-2);border-left:4px solid var(--copper);padding:20px 24px;margin:24px 0 30px;border-radius:2px;}
.answer-block-label{display:block;font-size:10.5px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--copper);margin-bottom:9px;}
.answer-block p{font-size:16.5px;line-height:1.72;color:var(--ink);margin:0;}

.article-callout{background:var(--paper-2);border-left:4px solid var(--gold);padding:20px 24px;margin:28px 0;border-radius:2px;}
.article-callout p{font-size:17px;line-height:1.65;color:var(--ink);margin:0;}

.data-table{width:100%;border-collapse:collapse;margin:30px 0;font-size:16px;}
.data-table caption{caption-side:top;text-align:left;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;}
.data-table thead th{font-family:'Fraunces',serif;font-weight:600;color:var(--ink);border-bottom:2px solid var(--gold);}
.data-table tbody td:first-child{color:var(--ink);font-weight:500;}

.stat-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:30px 0;}
.stat-item{background:var(--paper-2);padding:22px;border-radius:3px;text-align:center;border:1px solid var(--line-soft);}
.stat-item .stat-num{font-family:'Fraunces',serif;font-size:32px;font-weight:600;color:var(--gold-deep);display:block;line-height:1;}
.stat-item .stat-label{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.4;display:block;}

.source-note{font-size:13.5px;color:var(--muted);font-style:italic;margin:-8px 0 24px;}

.internal-link{color:var(--gold-deep);border-bottom:1px solid var(--line);transition:color .15s,border-color .15s;}
.internal-link:hover{color:var(--copper);border-color:var(--copper);}

/* dark in-article CTA (used sparingly; CTAs stay quiet and earned) */
.cta-box{background:var(--char-2);border:1px solid #2a2118;border-radius:3px;padding:32px;margin:40px 0;}
.cta-box h3{font-family:'Fraunces',serif;font-size:23px;font-weight:600;color:var(--linen);margin-bottom:12px;line-height:1.2;}
.cta-box h3 em{color:var(--gold);font-style:italic;}
.cta-box p{font-size:15px;color:#b8ac97;line-height:1.7;margin-bottom:18px;}
.cta-box a{display:inline-block;background:var(--gold);color:var(--char);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:13px 28px;border-radius:2px;transition:background .15s;}
.cta-box a:hover{background:var(--copper-lt);}

blockquote.pull-quote{margin:30px 0;padding:24px 28px;background:var(--paper-2);border-left:4px solid var(--copper);border-radius:2px;}
blockquote.pull-quote p{font-family:'Fraunces',serif;font-size:20px;font-style:italic;font-weight:400;color:var(--ink);margin:0 0 10px;line-height:1.55;}
blockquote.pull-quote cite{font-size:13px;color:var(--muted);font-style:normal;}

.related-posts{margin:46px 0 0;padding:30px 0 0;border-top:1px solid var(--line);}
.related-label{font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--gold-deep);font-weight:600;margin-bottom:14px;}
.related-link{display:block;padding:13px 16px;border:1px solid var(--line);background:var(--paper-2);margin-bottom:9px;border-radius:2px;transition:border-color .15s,background .15s;}
.related-link:hover{border-color:var(--copper);}
.related-title{font-family:'Fraunces',serif;font-size:15px;color:var(--ink);font-weight:500;}

/* Go Deeper — links stay dark on the light block */
.go-deeper{max-width:720px;margin:36px auto 0;padding:26px 32px 24px;border-left:3px solid var(--gold);background:var(--paper-2);text-align:center;border-radius:2px;}
.go-deeper-label{font-family:'Fraunces',serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 16px;}
.go-deeper ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:center;gap:11px;}
.go-deeper a{color:var(--ink);font-family:'Newsreader',serif;font-size:16px;line-height:1.5;text-decoration:underline;text-decoration-color:var(--copper);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s;}
.go-deeper a:hover{color:var(--copper);}

.author-bio{margin-top:40px;padding-top:30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;}
.author-avatar{width:54px;height:54px;border-radius:50%;background:var(--char);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:600;font-size:17px;color:var(--gold);flex-shrink:0;}
.author-name{font-weight:600;font-size:15px;color:var(--ink);}
.author-title{font-size:13px;color:var(--muted);margin-top:2px;}
.author-contact{font-size:13px;color:var(--gold-deep);margin-top:4px;}
.author-contact a{color:var(--gold-deep);}

.post-disclaimer{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted);line-height:1.65;}
.post-disclaimer strong{color:var(--body);}
.post-disclaimer a{color:var(--gold-deep);text-decoration:underline;}

/* quiet, on-brand share row (replaces the old blue FB pill) */
.share{max-width:740px;margin:36px auto 0;padding:0 40px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.share-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);}
.share a{font-size:12px;letter-spacing:.5px;color:var(--gold-deep);border:1px solid var(--line);padding:7px 15px;border-radius:2px;transition:color .15s,border-color .15s;}
.share a:hover{color:var(--copper);border-color:var(--copper);}
@media(max-width:880px){.share{padding:0 22px;}}

/* ── DARK AC BASE: email strip + footer ──────────────────── */
.strip{background:var(--char-2);color:var(--linen);border-top:2px solid var(--copper);margin-top:64px;}
.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:50px 40px;flex-wrap:wrap;}
.strip h3{font-family:'Fraunces',serif;font-weight:500;font-size:28px;line-height:1.15;color:var(--linen);}
.strip h3 span{color:var(--gold);}
.strip p{font-size:15px;color:#b8ac97;margin-top:7px;max-width:430px;}
.strip form{display:flex;gap:10px;flex-shrink:0;}
.strip input{padding:13px 18px;background:rgba(245,241,234,.06);border:1px solid #4a4234;border-radius:2px;color:var(--linen);font-family:'Newsreader',serif;font-size:15px;width:250px;outline:none;}
.strip input:focus{border-color:var(--gold);}
.strip input::placeholder{color:#8a7f6c;}
.strip button{padding:13px 26px;background:var(--gold);color:var(--char);border:none;border-radius:2px;font-family:'Newsreader',serif;font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s;}
.strip button:hover{background:var(--copper-lt);}
.strip .sub-msg{width:100%;font-size:13px;margin-top:6px;color:var(--copper-lt);}

footer{background:var(--char);color:#9a8f7c;}
footer .wrap{padding:44px 40px;}
.foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;border-bottom:1px solid #322a1d;padding-bottom:24px;margin-bottom:20px;}
.foot-brand{font-family:'Fraunces',serif;font-size:22px;color:var(--linen);font-weight:600;}
.foot-brand span{color:var(--gold);}
.foot-links{display:flex;gap:24px;flex-wrap:wrap;}
.foot-links a{font-size:12.5px;color:#9a8f7c;transition:color .15s;}
.foot-links a:hover{color:var(--copper-lt);}
.compliance{font-size:11.5px;line-height:1.7;color:#776d5c;}
.compliance a{color:#9a8f7c;text-decoration:underline;}
.compliance .lic{color:#b3a892;}

/* ── responsive ──────────────────────────────────────────── */
@media(max-width:880px){
  .wrap{padding:0 22px;}
  .lead{grid-template-columns:1fr;gap:30px;}
  .index{grid-template-columns:1fr 1fr;gap:30px 22px;}
  .toplinks{display:none;}
  .breadcrumb .wrap{padding:11px 22px;}
  .post-page{padding:0 22px;}
  .article-hero-img{height:300px;}
  .strip .wrap{padding:40px 22px;}
  .strip form{width:100%;}
  .strip input{flex:1;width:auto;}
  footer .wrap{padding:36px 22px;}
}
@media(max-width:520px){
  .index{grid-template-columns:1fr;}
  .dateline .l,.dateline .r{display:none;}
  .stat-block{grid-template-columns:1fr;}
  .strip form{flex-direction:column;}
  .article-body p,.article-body li{font-size:17px;}
}