* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:#08070b; color:#f3f0f7; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:17px;
  line-height:1.62; -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; }
a { color:#d4af37; text-decoration:none; }
a:hover { text-decoration:underline; }

.paper { max-width:1040px; margin:0 auto; padding:clamp(18px,4vw,44px)
  clamp(16px,4vw,44px) 60px; }

/* masthead */
.masthead { border-bottom:3px double #f3f0f7; padding-bottom:14px; }
.mtop { display:flex; justify-content:space-between; font-family:'Courier New', Courier, monospace;
  font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:#78748a;
  border-bottom:1px solid rgba(243,240,247,0.15); padding-bottom:8px; }
.nameplate { font-family:Optima, Candara, 'Segoe UI', sans-serif; font-weight:800; text-align:center;
  font-size:clamp(2.6rem,10vw,6.2rem); line-height:0.95; letter-spacing:-0.02em;
  margin:14px 0 12px; }
.dateline { display:flex; justify-content:center; gap:16px; align-items:center;
  font-family:'Courier New', Courier, monospace; font-size:12px; letter-spacing:0.16em; color:#78748a;
  text-transform:uppercase; }
.dateline .mid { color:#d4af37; }

/* deck */
.deck { text-align:center; padding:26px 0 20px; border-bottom:1px solid rgba(243,240,247,0.15); }
.deck h2 { font-family:Optima, Candara, 'Segoe UI', sans-serif; font-weight:400; font-style:italic;
  font-size:clamp(1.3rem,3.2vw,2rem); line-height:1.3; max-width:40ch; margin:0 auto; }
.readmore { display:inline-block; margin-top:16px; font-family:'Courier New', Courier, monospace; font-size:13px;
  letter-spacing:0.1em; text-transform:uppercase; }

/* lead art full width */
.lead-art { margin:24px 0; }
.lead-art img { width:100%; height:clamp(240px,40vw,520px); object-fit:cover;
  filter:grayscale(0.15); }
.lead-art figcaption, .inline-art figcaption { font-family:'Courier New', Courier, monospace; font-size:12px;
  color:#78748a; margin-top:8px; letter-spacing:0.04em; }

/* the flowing story */
.story { column-count:3; column-gap:36px; column-rule:1px solid rgba(243,240,247,0.28);
  text-align:justify; hyphens:auto; padding-top:12px; }
.story p { margin-bottom:1rem; }
.story p strong { font-family:Optima, Candara, 'Segoe UI', sans-serif; }
.lede { }
.dropcap { float:left; font-family:Optima, Candara, 'Segoe UI', sans-serif; font-weight:800; font-size:4.6rem;
  line-height:0.78; padding:4px 10px 0 0; color:#d4af37; }
.pullquote { break-inside:avoid; font-family:Optima, Candara, 'Segoe UI', sans-serif; font-weight:700;
  font-size:1.35rem; line-height:1.25; text-align:left; color:#f3f0f7;
  border-top:3px solid #f3f0f7; border-bottom:3px solid #f3f0f7; padding:16px 0;
  margin:8px 0 16px; }
.pullquote span { display:block; font-family:'Courier New', Courier, monospace; font-weight:400; font-size:12px;
  color:#78748a; margin-top:10px; letter-spacing:0.1em; text-transform:uppercase; }
.inline-art { break-inside:avoid; margin:8px 0 14px; }
.inline-art img { width:100%; height:180px; object-fit:cover; }

/* classifieds */
.classifieds { margin-top:44px; border-top:3px double #f3f0f7; padding-top:20px; }
.secline { font-family:Optima, Candara, 'Segoe UI', sans-serif; font-weight:800; text-transform:uppercase;
  letter-spacing:0.06em; font-size:1.1rem; text-align:center; margin-bottom:20px; }
.cols { display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
.ad { padding:16px 20px; border-left:1px solid rgba(243,240,247,0.28); }
.ad:first-child { border-left:0; }
.ad b { font-family:Optima, Candara, 'Segoe UI', sans-serif; display:block; margin-bottom:8px; letter-spacing:0.02em; }
.ad p { color:#78748a; font-size:0.95rem; }

.colophon { text-align:center; font-family:'Courier New', Courier, monospace; font-size:12px; color:#78748a;
  letter-spacing:0.08em; margin-top:34px; padding-top:16px; border-top:1px solid rgba(243,240,247,0.15); }

@media (max-width:900px){ .story{ column-count:2; } }
@media (max-width:600px){
  .story{ column-count:1; }
  .cols{ grid-template-columns:1fr; }
  .ad{ border-left:0; border-top:1px solid rgba(243,240,247,0.28); }
  .ad:first-child{ border-top:0; }
}


.xq{box-sizing:border-box;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#f3f0f7;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:Optima, Candara, 'Segoe UI', sans-serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#d4af37;margin-bottom:10px;font-weight:700}

.xq-tl-list{list-style:none;padding:0;margin-top:24px;position:relative;border-left:2px solid rgba(243,240,247,0.14)}
.xq-tl-item{position:relative;padding:0 0 26px 26px}
.xq-tl-item::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#d4af37;box-shadow:0 0 0 4px rgba(243,240,247,0.05)}
.xq-tl-item time{font-family:Optima, Candara, 'Segoe UI', sans-serif;font-weight:800;color:#d4af37;display:block;margin-bottom:4px}
.xq-tl-item p{color:#78748a;max-width:58ch}


.xq-stats{background:rgba(243,240,247,0.05);border-top:1px solid rgba(243,240,247,0.14);border-bottom:1px solid rgba(243,240,247,0.14)}
.xq-statrow{display:flex;flex-wrap:wrap;gap:14px}
.xq-stat{flex:1 1 140px;background:#151320;border:1px solid rgba(243,240,247,0.14);border-radius:10px;padding:20px 18px;text-align:center}
.xq-stat dt{font-family:Optima, Candara, 'Segoe UI', sans-serif;font-size:2rem;color:#d4af37;font-weight:800}
.xq-stat dd{margin-top:6px;font-size:.85rem;color:#78748a}


.xq-steplist{counter-reset:xqs;list-style:none;padding:0;margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.xq-step{counter-increment:xqs;position:relative;padding:18px 18px 18px 20px;border-left:3px solid #d4af37;background:rgba(243,240,247,0.05);border-radius:0 10px 10px 0}
.xq-step::before{content:"0" counter(xqs);display:block;font-family:Optima, Candara, 'Segoe UI', sans-serif;font-size:.8rem;letter-spacing:.1em;color:#d4af37;font-weight:800;margin-bottom:8px}
.xq-step h3{font-family:Optima, Candara, 'Segoe UI', sans-serif;font-size:1.02rem;margin-bottom:6px}
.xq-step p{font-size:.9rem;color:#78748a}


/* =====================================================
   DESIGN DNA: tabloid-print
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::before{content:'';position:fixed;inset:0;z-index:99980;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='3' cy='3' r='1.5' fill='%23f5f3f9'/%3E%3C/svg%3E");opacity:.12;}
h1,h2,h3{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif !important;text-transform:uppercase !important;letter-spacing:-0.02em !important;font-weight:900 !important}
h2{border-top:3px double #f5f3f9;border-bottom:3px double #f5f3f9;padding:.28em 0;display:inline-block}
img{filter:grayscale(1) contrast(1.32);border-radius:0 !important;border:2px solid #f5f3f9 !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;background:#f5f3f9 !important;color:#ebebeb !important;border:none !important;text-transform:uppercase;font-weight:900;letter-spacing:.04em}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border-radius:0 !important;border:2px solid #f5f3f9 !important;box-shadow:none !important}