/*
Theme Name: BC Community Voice
Theme URI: https://bccommunityvoice.ca
Author: BC Community Voice
Description: Premium navy & gold magazine theme for BC Community Voice — homepage, article, and section templates matching the approved design.
Version: 1.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: bcv-voice
*/

  :root{
    --ink:#0E1A2B;--navy:#16243C;--navy-2:#1E3050;
    --cream:#F8F4EA;--cream-2:#EFE7D5;--paper:#FFFFFF;
    --gold:#B0832C;--gold-bright:#D4A017;--gold-lite:#E4C667;
    --wine:#9E1B2F;--charcoal:#23262B;--muted:#6E727A;
    --line:rgba(14,26,43,.14);--line-soft:rgba(14,26,43,.07);
    --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"Spectral",Georgia,serif;line-height:1.55;-webkit-font-smoothing:antialiased;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 26px;}
  h1,h2,h3,h4{font-family:"Playfair Display",serif;color:var(--ink);margin:0;line-height:1.08;}
  .eyebrow{font-family:"Inter",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:10.5px;}

  /* photographic image treatments (warm, lit, grained) */
  .ph{position:relative;overflow:hidden;background:#2a2a33;}
  .ph::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.32;mix-blend-mode:overlay;pointer-events:none;}
  .ph::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(120% 80% at 72% 18%,rgba(255,225,160,.30),transparent 55%);}

  .imgfill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
  .ph > .imgfill ~ *{position:relative;}
  .ph::before,.ph::after{z-index:1;}
  .ph.festival{background:linear-gradient(150deg,#7a4e1f 0%,#4a2c14 48%,#1d1109 100%);}
  .ph.gold{background:linear-gradient(150deg,#8a6a24,#3a2e16 70%,#191307);}
  .ph.navy{background:linear-gradient(150deg,#2a3c5c,#16243c 60%,#0a1322);}
  .ph.warm{background:linear-gradient(150deg,#a9743a,#6e431f 55%,#34200f);}
  .ph.rose{background:linear-gradient(150deg,#8c3a44,#5a2630 60%,#27151a);}
  .ph.teal{background:linear-gradient(150deg,#2f4f49,#1d322d 65%,#0e1a17);}
  .ph.plum{background:linear-gradient(150deg,#4d3a63,#2e2440 65%,#160f24);}

  /* ---------- TOP UTILITY ---------- */
  .util{background:var(--ink);color:rgba(255,255,255,.78);font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.04em;}
  .util .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;}
  .util .date{color:var(--gold-lite);text-transform:uppercase;letter-spacing:.12em;}
  .util .u-r{display:flex;gap:18px;align-items:center;}
  .util .u-r a:hover{color:#fff;}
  .util .sub{background:var(--gold);color:var(--ink);font-weight:700;padding:5px 12px;border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;}

  /* ---------- MASTHEAD ---------- */
  .masthead{background:var(--paper);border-bottom:1px solid var(--line);text-align:center;padding:26px 0 0;}
  .masthead .small{font-family:"Inter",sans-serif;font-weight:700;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);}
  .masthead .wm{font-family:"Playfair Display",serif;font-weight:800;font-size:58px;letter-spacing:.005em;color:var(--ink);line-height:.96;margin:7px 0 4px;}
  .masthead .wm em{font-style:italic;color:var(--gold);}
  .masthead .tag{font-family:"Spectral",serif;font-style:italic;font-size:14px;color:var(--muted);}
  .masthead .grule{height:2px;background:linear-gradient(90deg,transparent,var(--gold) 18%,var(--gold) 82%,transparent);margin:16px 0 0;}

  nav.main{background:var(--paper);position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(14,26,43,.05);}
  nav.main .wrap{display:flex;justify-content:center;align-items:center;min-height:46px;position:relative;}
  .nav-links{display:flex;justify-content:center;gap:26px;align-items:center;flex-wrap:wrap;}
  .nav-burger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:10px 4px;margin-left:auto;}
  .nav-burger span{display:block;width:22px;height:2px;background:var(--ink);transition:.2s;}
  .nav-cb:checked ~ .nav-burger span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  .nav-cb:checked ~ .nav-burger span:nth-child(2){opacity:0;}
  .nav-cb:checked ~ .nav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
  nav.main a{font-family:"Inter",sans-serif;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--charcoal);position:relative;padding:4px 0;}
  nav.main a:hover{color:var(--gold);}
  nav.main a.live{color:var(--wine);}
  nav.main a.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--wine);display:inline-block;margin-right:5px;vertical-align:middle;animation:pulse 1.8s infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

  /* ---------- HERO ---------- */
  .hero{padding:34px 0 38px;}
  .hero-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:30px;}
  .lead{position:relative;border-radius:5px;overflow:hidden;min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;
    box-shadow:0 18px 44px rgba(14,26,43,.26);}
  .lead .ph{position:absolute;inset:0;}
  .lead .scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,14,24,.93) 8%,rgba(8,14,24,.5) 42%,rgba(8,14,24,.05) 75%);}
  .lead .content{position:relative;z-index:2;padding:34px 36px 30px;color:#fff;}
  .lead .kick{display:inline-block;background:var(--wine);color:#fff;font-family:"Inter",sans-serif;font-weight:700;
    font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;margin-bottom:14px;}
  .lead h1{color:#fff;font-size:46px;font-weight:800;letter-spacing:-.012em;margin-bottom:13px;max-width:16ch;}
  .lead h1 em{font-style:italic;color:var(--gold-lite);}
  .lead .dek{font-family:"Spectral",serif;font-size:17px;color:rgba(255,255,255,.85);max-width:52ch;margin-bottom:18px;}
  .lead .meta{display:flex;align-items:center;gap:14px;}
  .lead .meta .by{font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.7);}
  .lead .meta .read{font-family:"Inter",sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--gold-lite);padding:9px 16px;border-radius:2px;}
  .lead .sponsor{position:absolute;top:24px;right:26px;z-index:2;text-align:right;}
  .lead .sponsor .l{font-family:"Inter",sans-serif;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);}
  .lead .sponsor .s{font-family:"Playfair Display",serif;font-style:italic;font-size:14px;color:var(--gold-lite);}

  .side{display:flex;flex-direction:column;gap:18px;}
  .side .s-item{display:grid;grid-template-columns:96px 1fr;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line);}
  .side .s-item:last-child{border-bottom:0;}
  .side .s-ph{height:74px;border-radius:3px;}
  .side .s-cat{color:var(--gold);margin-bottom:5px;}
  .side .s-item h3{font-family:"Spectral",serif;font-weight:600;font-size:15.5px;line-height:1.25;color:var(--ink);}
  .side .s-item h3:hover{color:var(--gold);}

  /* ---------- SECTION HEADERS ---------- */
  .sec{padding:30px 0;}
  .sec-hd{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
  .sec-hd h2{font-size:25px;font-weight:800;}
  .sec-hd h2 .ac{color:var(--gold);}
  .sec-hd .ln{flex:1;height:1px;background:var(--line);}
  .sec-hd .more{font-family:"Inter",sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);}

  /* spotlight people row */
  .people{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .person .p-ph{aspect-ratio:4/5;border-radius:4px;margin-bottom:11px;}
  .person .p-cat{color:var(--gold);margin-bottom:6px;}
  .person h3{font-family:"Spectral",serif;font-weight:600;font-size:16px;line-height:1.22;color:var(--ink);margin-bottom:6px;}
  .person h3:hover{color:var(--gold);}
  .person p{font-size:12.5px;color:#4a4d53;margin:0;line-height:1.45;}

  /* business + community split */
  .split{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:start;}
  .biz-lead{border-radius:5px;overflow:hidden;}
  .biz-lead .b-ph{aspect-ratio:16/9;}
  .biz-lead .b-body{padding:18px 2px 0;}
  .biz-lead .b-cat{color:var(--wine);margin-bottom:9px;}
  .biz-lead h3{font-size:29px;font-weight:800;letter-spacing:-.01em;margin-bottom:11px;}
  .biz-lead h3:hover{color:var(--gold);}
  .biz-lead .dek{font-family:"Spectral",serif;font-size:15px;color:#3a3d42;line-height:1.6;max-width:60ch;}
  .biz-lead .byl{font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:12px;}
  .biz-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px;}
  .biz-row .bc{border-top:2px solid var(--gold);padding-top:10px;}
  .biz-row .bc .c{color:var(--gold);margin-bottom:6px;}
  .biz-row .bc h4{font-family:"Spectral",serif;font-weight:600;font-size:15px;line-height:1.25;color:var(--ink);}
  .biz-row .bc h4:hover{color:var(--gold);}

  .events-box{background:var(--ink);color:#fff;border-radius:5px;padding:24px 24px 14px;}
  .events-box .eh{font-family:"Playfair Display",serif;font-weight:800;font-size:20px;color:#fff;margin-bottom:3px;}
  .events-box .es{font-family:"Inter",sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lite);margin-bottom:16px;}
  .ev{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.12);}
  .ev .mo{font-family:"Playfair Display",serif;font-weight:800;color:var(--gold-lite);font-size:14px;line-height:1.1;}
  .ev h4{font-family:"Spectral",serif;font-weight:600;font-size:14px;color:#fff;margin:0 0 2px;}
  .ev p{font-family:"Inter",sans-serif;font-size:10.5px;color:rgba(255,255,255,.6);margin:0;}

  /* watch / video */
  .watch{background:var(--ink);}
  .watch .sec-hd h2{color:#fff;}
  .watch .sec-hd .ln{background:rgba(255,255,255,.16);}
  .reels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .reel{position:relative;aspect-ratio:9/16;border-radius:5px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.3);}
  .reel .r-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,20,.9),transparent 55%);z-index:2;}
  .reel .play{position:absolute;top:14px;left:14px;z-index:3;width:34px;height:34px;border-radius:50%;
    background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);}
  .reel .play::after{content:"";border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px;}
  .reel .r-txt{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:14px;}
  .reel .r-txt .c{font-family:"Inter",sans-serif;font-weight:700;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lite);}
  .reel .r-txt h4{font-family:"Spectral",serif;font-weight:600;font-size:14px;color:#fff;margin:5px 0 0;line-height:1.25;}

  /* print edition */
  .print-sec{background:var(--cream-2);}
  .print-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;}
  .covers{display:flex;gap:16px;justify-content:center;perspective:1200px;}
  .cv{width:172px;flex:none;aspect-ratio:1/1.3;border-radius:3px;overflow:hidden;position:relative;box-shadow:0 16px 34px rgba(14,26,43,.34);}
  .cv.c2{transform:translateY(-14px) scale(1.04);z-index:3;}
  .cv.c1{transform:rotate(-4deg);} .cv.c3{transform:rotate(4deg);}
  .cv .cbg{position:absolute;inset:0;}
  .cv .cgrain{position:absolute;inset:0;background:var(--grain);opacity:.3;mix-blend-mode:overlay;}
  .cv .cin{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff;padding:12px 12px 10px;z-index:2;}
  .cv .cwm{text-align:center;font-family:"Playfair Display",serif;font-weight:800;font-size:13px;line-height:1;letter-spacing:.01em;}
  .cv .cwm em{font-style:italic;color:var(--gold-lite);}
  .cv .ctag{text-align:center;font-family:"Inter",sans-serif;font-size:5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:2px;}
  .cv .cline{margin-top:auto;}
  .cv .cscript{font-family:"Playfair Display",serif;font-style:italic;font-weight:700;font-size:20px;color:var(--gold-lite);line-height:1;}
  .cv .csub{font-family:"Inter",sans-serif;font-size:7px;color:#fff;margin-top:4px;letter-spacing:.02em;}
  .cv .cstrip{position:absolute;bottom:0;left:0;right:0;background:var(--gold);color:var(--ink);font-family:"Inter",sans-serif;
    font-size:4.2px;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:3px 2px;font-weight:700;}
  .print-copy .eyebrow{color:var(--gold);}
  .print-copy h2{font-size:32px;font-weight:800;margin:10px 0 14px;}
  .print-copy h2 em{font-style:italic;color:var(--gold);}
  .print-copy p{font-size:14.5px;color:#3a3d42;line-height:1.65;margin:0 0 16px;max-width:52ch;}
  .print-copy .inside{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:0 0 18px;}
  .print-copy .inside .il{font-family:"Inter",sans-serif;font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;}
  .print-copy .inside p{font-family:"Spectral",serif;font-style:italic;font-size:14px;color:var(--ink);margin:0;}
  .btn{display:inline-block;font-family:"Inter",sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
    background:var(--ink);color:#fff;padding:14px 26px;border-radius:3px;}
  .btn.gold{background:var(--gold);color:var(--ink);}

  /* sponsor wall */
  .sponsors{text-align:center;padding:34px 0;}
  .sponsors .l{font-family:"Inter",sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;}
  .slogos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
  .slogo{font-family:"Playfair Display",serif;font-style:italic;color:var(--navy-2);font-size:17px;border:1px solid var(--line);
    border-radius:3px;padding:14px 26px;opacity:.62;min-width:150px;}

  /* newsletter */
  .news{background:var(--navy);color:#fff;}
  .news .wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:40px 26px;}
  .news .eyebrow{color:var(--gold-lite);}
  .news h2{color:#fff;font-size:30px;font-weight:800;margin:10px 0 8px;}
  .news h2 em{font-style:italic;color:var(--gold-lite);}
  .news p{font-size:14px;color:rgba(255,255,255,.8);margin:0;max-width:46ch;}
  .news .form{display:flex;gap:10px;}
  .news input{flex:1;border:0;border-radius:3px;padding:15px 16px;font-family:"Inter",sans-serif;font-size:14px;}
  .news .form .btn{flex:none;}
  /* Brevo form styled to match the band */
  .bcv-brevo .sib-form,.bcv-brevo form{padding:0!important;background:transparent!important;margin:0!important;}
  .bcv-brevo #sib-container,.bcv-brevo .sib-container{background:transparent!important;border:0!important;padding:0!important;max-width:none!important;}
  .bcv-brevo p,.bcv-brevo label{color:rgba(255,255,255,.85)!important;font-family:"Inter",sans-serif!important;font-size:12px!important;}
  .bcv-brevo input[type=email],.bcv-brevo input[type=text]{width:100%!important;border:0!important;border-radius:3px!important;padding:14px 16px!important;font-family:"Inter",sans-serif!important;font-size:14px!important;margin-top:4px!important;background:#fff!important;color:#23262B!important;}
  .bcv-brevo input[type=submit],.bcv-brevo .sib-default-btn{background:var(--gold)!important;color:var(--ink)!important;border:0!important;border-radius:3px!important;
    font-family:"Inter",sans-serif!important;font-weight:700!important;font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase!important;
    padding:14px 26px!important;cursor:pointer!important;margin-top:10px!important;width:auto!important;}
  .bcv-brevo input[type=submit]:hover,.bcv-brevo .sib-default-btn:hover{background:var(--gold-bright)!important;}
  .bcv-brevo .entry__error,.bcv-brevo .sib-form-message-panel{color:#fff!important;font-family:"Inter",sans-serif!important;}

  /* footer */
  footer{background:var(--ink);color:rgba(255,255,255,.65);padding:44px 0 26px;font-family:"Inter",sans-serif;}
  .f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12);}
  .f-brand .fwm{font-family:"Playfair Display",serif;font-weight:800;font-size:26px;color:#fff;}
  .f-brand .fwm em{font-style:italic;color:var(--gold-lite);}
  .f-brand p{font-size:12.5px;line-height:1.6;margin:12px 0 0;max-width:34ch;font-family:"Spectral",serif;}
  .f-col h4{font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lite);margin:0 0 12px;}
  .f-col a{display:block;font-size:12.5px;color:rgba(255,255,255,.65);padding:4px 0;}
  .f-col a:hover{color:#fff;}
  .f-bot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;font-size:11px;color:rgba(255,255,255,.45);flex-wrap:wrap;gap:8px;}

  @media(max-width:900px){
    .hero-grid,.split,.print-grid,.news .wrap{grid-template-columns:1fr;}
    .people,.reels{grid-template-columns:1fr 1fr;}
    .masthead .wm{font-size:42px;} .lead h1{font-size:34px;} .lead{min-height:440px;}
    .f-top{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:760px){
    /* hamburger nav */
    .nav-burger{display:flex;}
    .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;
      gap:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 22px rgba(14,26,43,.1);padding:6px 0;z-index:70;}
    .nav-cb:checked ~ .nav-links{display:flex;}
    .nav-links a{padding:13px 26px;border-bottom:1px solid var(--line-soft);font-size:13px;}
    .nav-links li{list-style:none;}
    .nav-links li a{display:block;}
    /* tidy utility bar */
    .util .wrap{height:auto;padding:7px 0;gap:10px;}
    .util .date{display:none;}
    .util .u-r{gap:14px;width:100%;justify-content:flex-end;}
    /* masthead + hero */
    .masthead{padding:18px 0 0;}
    .masthead .wm{font-size:34px;}
    .lead h1{font-size:30px;}
    .lead .content{padding:24px 22px 24px;}
    .lead .sponsor{position:static;text-align:left;margin:0 0 8px;}
    .lead .sponsor .l{color:rgba(255,255,255,.7);}
    .hero{padding:18px 0 24px;}
    /* single-column content */
    .people,.reels{grid-template-columns:1fr 1fr;}
    .f-top{grid-template-columns:1fr;gap:22px;}
    .sec-hd h2{font-size:21px;}
    .biz-lead h3{font-size:24px;}
    .print-copy h2,.news h2{font-size:26px;}
    .covers{flex-wrap:wrap;}
  }
  @media(max-width:480px){
    .people,.reels{grid-template-columns:1fr;}
    .news .form{flex-direction:column;}
    .news .form .btn{width:100%;text-align:center;}
  }

/* ---- WordPress-specific helpers ---- */
.article-wrap{max-width:740px;margin:0 auto;padding:30px 26px 10px;}
.article-hd .eyebrow{color:var(--wine);}
.article-hd h1{font-size:42px;font-weight:800;line-height:1.06;margin:10px 0 14px;letter-spacing:-.01em;}
.article-hd .dek{font-family:"Spectral",serif;font-style:italic;font-size:19px;color:#44474c;margin:0 0 16px;}
.article-hd .byline{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:22px;}
.article-hero{aspect-ratio:16/9;border-radius:5px;overflow:hidden;margin-bottom:24px;}
.article-body{font-family:"Spectral",serif;font-size:17px;line-height:1.72;color:#2b2e33;}
.article-body p{margin:0 0 20px;}
.article-body p:first-of-type::first-letter{font-family:"Playfair Display",serif;font-weight:800;float:left;font-size:58px;line-height:.78;padding:6px 10px 0 0;color:var(--ink);}
.article-body h2{font-size:26px;margin:30px 0 12px;}
.article-body h3{font-size:20px;margin:24px 0 10px;}
.article-body img{border-radius:4px;margin:10px 0 24px;}
.article-body blockquote{font-family:"Playfair Display",serif;font-style:italic;font-size:22px;line-height:1.4;color:var(--ink);border-left:3px solid var(--gold);padding:6px 0 6px 20px;margin:24px 0;}
.article-body a{color:var(--gold);text-decoration:underline;}
.arch-hd{padding:30px 0 8px;text-align:center;}
.arch-hd .eyebrow{color:var(--gold);}
.arch-hd h1{font-size:38px;font-weight:800;margin:8px 0 0;}
.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:24px 0 10px;}
@media(max-width:760px){.arch-grid{grid-template-columns:1fr;}.article-hd h1{font-size:32px;}}
.arch-card .ac-ph{aspect-ratio:3/2;border-radius:4px;margin-bottom:12px;}
.arch-card .ac-cat{color:var(--gold);margin-bottom:6px;}
.arch-card h3{font-family:"Spectral",serif;font-weight:600;font-size:18px;line-height:1.25;color:var(--ink);}
.arch-card h3:hover{color:var(--gold);}
.arch-card .ex{font-size:13px;color:#4a4d53;margin-top:7px;line-height:1.5;}
.pagenav{display:flex;justify-content:center;gap:14px;padding:20px 0 40px;}
.pagenav a,.pagenav span{font-family:"Inter",sans-serif;font-weight:600;font-size:13px;padding:9px 16px;border:1px solid var(--line);border-radius:3px;color:var(--ink);}
.pagenav .current{background:var(--ink);color:#fff;}