/* ─────────────────────────────────────────────────────────────────────────────
   journal.css — Merino Journal
   Nav driven by nav-partial.html (masthead / mega-dropdown classes).
   Register in server.js STATIC map: "/journal.css": ["journal.css","text/css"]
───────────────────────────────────────────────────────────────────────────── */

/* ── Reset & tokens ─────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;}
*::-webkit-scrollbar{display:none;}
:root{
  --sand:#f5f0e8;--ink:#0a0905;--gold:#8a6a30;--gold-dark:#c9a96e;
  --muted:#aaa;--rule:rgba(0,0,0,.08);--mid:#eee9df;
  --body-max:740px;--wide-max:1100px;
  --ff-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --ff-serif:Georgia,"Times New Roman",serif;
}
body{font-family:var(--ff-sans);background:var(--sand);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .5s,color .5s;}
body.dark{background:var(--ink);color:var(--sand);}
a{color:inherit;text-decoration:none;}
em{font-style:italic;font-family:var(--ff-serif);}
img{display:block;max-width:100%;}

/* ══════════════════════════════════════════════════════════════════════════════
   NAV  (driven by nav-partial.html / masthead classes)
══════════════════════════════════════════════════════════════════════════════ */

/* ── Masthead shell ── */
.masthead{
  position:sticky;top:0;z-index:310;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 60px;height:80px;
  background:var(--sand);transition:background .5s;
}
body.dark .masthead{background:var(--ink);}

/* ── Logo ── */
.nav-left{display:flex;align-items:center;gap:28px;}
.mh-logo-link{display:block;width:150px;height:38px;flex-shrink:0;}
.mh-logo{height:38px;width:auto;display:block;}

/* ── Updated Stats pill ── */
.stats-pill {
  display: flex; align-items: center; gap: 10px;
  border: 1px solid rgba(10,9,5,.12); border-radius: 999px;
  padding: 5px 14px 5px 12px; background: rgba(10,9,5,.03);
}
body.dark .stats-pill { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.03); }

.live-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #8a6a30; flex-shrink: 0;
  animation: pulse-dot 2.4s ease-in-out infinite;
}
@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.65);} }

.stats-pill-inner {
  display: flex; align-items: center; gap: 8px;
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  color: #aaa; white-space: nowrap;
}
.stats-pill-sep { color: #ccc; }
.stats-pill-num { color: #6a5028; font-weight: 500; }
body.dark .stats-pill-num { color: var(--gold-dark); }

/* ── Top-level link row ── */
.nav-top-links{display:flex;align-items:center;gap:20px;}
.mh-nav-top-links{display:flex;align-items:center;gap:20px;}
.nav-top-link{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#aaa;text-decoration:none;cursor:pointer;transition:color .25s;background:none;border:none;font-family:inherit;padding:0;white-space:nowrap;position:relative;}
body.dark .nav-top-link{color:#555;}
.nav-top-link::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1);}
body.dark .nav-top-link::after{background:var(--gold-dark);}
.nav-top-link:hover{color:var(--gold);}
body.dark .nav-top-link:hover{color:var(--gold-dark);}
.nav-top-link:hover::after{transform:scaleX(1);}
.nav-top-div{width:1px;height:10px;background:rgba(0,0,0,.1);flex-shrink:0;}
body.dark .nav-top-div{background:#1e1e1e;}

/* ── Mega dropdown trigger ── */
.nav-top-dropdown-trigger{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#aaa;cursor:pointer;transition:color .25s;background:none;border:none;font-family:inherit;padding:0;white-space:nowrap;position:relative;}
body.dark .nav-top-dropdown-trigger{color:#555;}
.nav-top-dropdown-trigger::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1);}
body.dark .nav-top-dropdown-trigger::after{background:var(--gold-dark);}
.mega-dropdown.open .nav-top-dropdown-trigger{color:var(--gold);}
body.dark .mega-dropdown.open .nav-top-dropdown-trigger{color:var(--gold-dark);}
.mega-dropdown.open .nav-top-dropdown-trigger::after{transform:scaleX(1);}

/* ── Mega panel ── */
.mega-dropdown{position:relative;display:flex;align-items:center;}
.mega-panel{
  position:absolute;top:calc(100% + 22px);left:auto;right:0;
  width:620px;
  background:radial-gradient(circle at 50% 0%,#1a1915 0%,#0a0905 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 40px rgba(0,0,0,.4);
  border-radius:5px;
  display:grid;grid-template-columns:190px 1fr;
  opacity:0;transform:translateY(-5px) scaleY(.96);transform-origin:top;
  transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1),visibility .8s;
  pointer-events:none;visibility:hidden;
  z-index:400;
}
.mega-dropdown.open .mega-panel{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto;visibility:visible;}
.mega-panel::before{content:'';position:absolute;top:-22px;left:0;right:0;height:22px;}
.mega-col-left{padding:28px 0 28px 24px;border-right:1px solid rgba(255,255,255,.06);}
.mega-col-right{padding:28px 24px 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.mega-section-label{font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:#555;margin-bottom:12px;}
.mega-link{display:block;padding:8px 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#999;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s;}
.mega-link:last-child{border-bottom:none;}
.mega-link:hover{color:#c9a96e;}

/* ── Hamburger ── */
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;gap:5px;background:none;border:none;padding:0;flex-shrink:0;}
.hamburger span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s,background .5s;transform-origin:center;}
body.dark .hamburger span{background:#fff;}
.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* ── Mobile overlay ── */
.nav-overlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;padding:80px 48px 56px;background:var(--sand);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1),background .5s;}
body.dark .nav-overlay{background:var(--ink);}
.nav-overlay.open{opacity:1;transform:translateY(0);pointer-events:auto;}
.nav-overlay-links{display:flex;flex-direction:column;}
.nav-overlay-link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:14px 0 10px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(10px);transition:color .25s,opacity .32s,transform .32s;background:none;border-left:none;border-right:none;border-top:none;font-family:inherit;cursor:pointer;width:100%;}
body.dark .nav-overlay-link{color:#fff;border-bottom-color:#111;}
.nav-overlay-link:hover{color:var(--gold);}
body.dark .nav-overlay-link:hover{color:var(--gold-dark);}
.nav-overlay.open .nav-overlay-link,.nav-overlay.open .nav-overlay-sub{opacity:1;transform:translateY(0);}
.nav-overlay-sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#888;text-decoration:none;padding:7px 0 7px 16px;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(10px);transition:color .25s,opacity .32s,transform .32s;}
body.dark .nav-overlay-sub{color:#666;}
.nav-overlay-sub:hover{color:var(--gold);}
body.dark .nav-overlay-sub:hover{color:var(--gold-dark);}

/* ── Mobile size chips ── */
.mob-size-chips{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0 12px;}
.mob-size-chip{border:1px solid rgba(0,0,0,.1);border-radius:5px;padding:8px 14px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#888;text-decoration:none;display:inline-block;transition:border-color .15s,color .15s;}
body.dark .mob-size-chip{border-color:rgba(255,255,255,.1);color:#666;}
.mob-size-chip:hover{border-color:var(--ink);color:var(--ink);}
body.dark .mob-size-chip:hover{border-color:var(--sand);color:var(--sand);}

/* ══════════════════════════════════════════════════════════════════════════════
   SHARED META BAR
══════════════════════════════════════════════════════════════════════════════ */
.j-meta-bar{border-bottom:1px solid var(--rule);padding:13px 40px;display:flex;align-items:center;gap:0;flex-wrap:wrap;}
body.dark .j-meta-bar{border-bottom-color:rgba(255,255,255,.06);}
.j-meta-back{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);transition:color .2s;margin-right:12px;}
.j-meta-back:hover{color:var(--gold);}
body.dark .j-meta-back:hover{color:var(--gold-dark);}
.j-meta-sep{font-size:10px;color:#ddd;margin-right:12px;}
body.dark .j-meta-sep{color:#333;}
.j-meta-crumb{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-right:20px;}
body.dark .j-meta-crumb{color:var(--sand);}
.j-meta-tags{display:flex;gap:6px;flex-wrap:wrap;}
.j-meta-tag{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);padding:3px 9px;border-radius:2px;}
.j-meta-tag.primary{color:var(--gold);border-color:rgba(138,106,48,.25);}
body.dark .j-meta-tag.primary{color:var(--gold-dark);border-color:rgba(201,169,110,.25);}

/* ══════════════════════════════════════════════════════════════════════════════
   HOMEPAGE
══════════════════════════════════════════════════════════════════════════════ */
.j-home-wrap{max-width:var(--wide-max);margin:0 auto;padding:0 40px;}
.j-masthead{padding:64px 0 44px;border-bottom:1px solid var(--rule);}
body.dark .j-masthead{border-bottom-color:rgba(255,255,255,.06);}
.j-masthead-kicker{font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
body.dark .j-masthead-kicker{color:var(--gold-dark);}
.j-masthead-h1{font-size:clamp(44px,7vw,72px);font-weight:200;letter-spacing:-.04em;line-height:.92;margin-bottom:16px;}
body.dark .j-masthead-h1{color:var(--sand);}
.j-masthead-deck{font-size:14px;font-weight:300;line-height:1.65;color:#555;max-width:480px;}
body.dark .j-masthead-deck{color:#888;}
.j-section-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px;margin:36px 0 16px;}
.j-section-label::after{content:'';flex:1;height:1px;background:var(--rule);}
body.dark .j-section-label::after{background:rgba(255,255,255,.06);}
.j-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:2px;}
.j-hero-card{background:var(--ink);color:var(--sand);padding:32px 32px 28px;display:block;position:relative;overflow:hidden;transition:opacity .15s;}
body.dark .j-hero-card{background:#1a1710;}
.j-hero-card:hover{opacity:.92;}
.j-hero-cat{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
body.dark .j-hero-cat{color:var(--gold-dark);}
.j-hero-title{font-size:20px;font-weight:200;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px;color:var(--sand);}
.j-hero-card:first-child .j-hero-title{font-size:clamp(18px,2.5vw,26px);}
.j-hero-link{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);}
body.dark .j-hero-link{color:var(--gold-dark);}
.j-hero-n{position:absolute;bottom:16px;right:20px;font-size:52px;font-weight:200;color:rgba(255,255,255,.04);letter-spacing:-.04em;line-height:1;}
.j-recent-wrap{border-top:1px solid var(--rule);padding:0 0 72px;}
body.dark .j-recent-wrap{border-top-color:rgba(255,255,255,.06);}
.j-recent-row{display:grid;grid-template-columns:100px 1fr max-content;gap:0;border-bottom:1px solid var(--rule);padding:16px 0;align-items:center;cursor:pointer;text-decoration:none;transition:background .15s;}
body.dark .j-recent-row{border-bottom-color:rgba(255,255,255,.06);}
.j-recent-row:hover .j-recent-title{color:var(--gold);}
body.dark .j-recent-row:hover .j-recent-title{color:var(--gold-dark);}
.j-recent-date{font-size:9px;letter-spacing:.14em;color:var(--muted);}
.j-recent-title{font-size:13px;font-weight:300;color:var(--ink);transition:color .2s;}
body.dark .j-recent-title{color:var(--sand);}
.j-recent-type{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.j-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);margin-top:1px;}
body.dark .j-home-grid{background:rgba(255,255,255,.06);}
.j-home-card{background:var(--sand);padding:24px 20px;transition:background .15s;display:block;}
body.dark .j-home-card{background:var(--ink);}
.j-home-card:hover{background:var(--mid);}
body.dark .j-home-card:hover{background:#1a1710;}
.j-home-card-type{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
body.dark .j-home-card-type{color:var(--gold-dark);}
.j-home-card-title{font-size:14px;font-weight:300;line-height:1.35;color:var(--ink);}
body.dark .j-home-card-title{color:var(--sand);}

/* ══════════════════════════════════════════════════════════════════════════════
   ARTICLE SHARED
══════════════════════════════════════════════════════════════════════════════ */
.j-body-wrap{max-width:var(--body-max);margin:0 auto;padding:0 40px;}
.j-body-wrap-wide{max-width:var(--wide-max);}
.j-header{padding:64px 0 48px;border-bottom:1px solid var(--rule);}
body.dark .j-header{border-bottom-color:rgba(255,255,255,.06);}
.j-header-centered{text-align:center;}
.j-kicker{font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
body.dark .j-kicker{color:var(--gold-dark);}
.j-h1{font-size:clamp(36px,5.5vw,64px);font-weight:200;letter-spacing:-.04em;line-height:.95;margin-bottom:18px;}
body.dark .j-h1{color:var(--sand);}
.j-deck{font-size:16px;font-weight:300;line-height:1.65;color:#555;max-width:560px;}
body.dark .j-deck{color:#888;}
.j-header-centered .j-deck{margin:0 auto;}
.j-body{padding:52px 0 72px;}
.j-p{font-size:16px;font-weight:300;line-height:1.78;color:#333;margin-bottom:22px;}
body.dark .j-p{color:#bbb;}
.j-link{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(138,106,48,.3);text-underline-offset:2px;transition:text-decoration-color .2s;}
.j-link:hover{text-decoration-color:var(--gold);}
body.dark .j-link{color:var(--gold-dark);text-decoration-color:rgba(201,169,110,.25);}
body.dark .j-link:hover{text-decoration-color:var(--gold-dark);}
.j-sec-label{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;padding-top:36px;border-top:1px solid var(--rule);}
body.dark .j-sec-label{border-top-color:rgba(255,255,255,.06);}
.j-sec-label:first-child{padding-top:0;border-top:none;}
.j-insight{background:var(--ink);padding:24px 28px;margin:36px 0;}
body.dark .j-insight{background:#1a1710;border:1px solid rgba(255,255,255,.06);}
.j-insight-label{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
body.dark .j-insight-label{color:var(--gold-dark);}
.j-insight-text{font-size:14px;font-weight:300;line-height:1.65;color:#bbb;}
.j-deal-cta{padding:32px 0 64px;border-top:1px solid var(--rule);}
body.dark .j-deal-cta{border-top-color:rgba(255,255,255,.06);}
.j-deal-cta-link{font-size:10px;letter-spacing:.26em;text-transform:uppercase;background:var(--ink);color:var(--sand);padding:13px 32px;border-radius:999px;display:inline-block;transition:opacity .2s;}
body.dark .j-deal-cta-link{background:var(--gold-dark);color:var(--ink);}
.j-deal-cta-link:hover{opacity:.8;}
.j-art-footer{border-top:1px solid var(--rule);padding:40px 40px 64px;max-width:var(--body-max);margin:0 auto;}
body.dark .j-art-footer{border-top-color:rgba(255,255,255,.06);}
.j-footer-label{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;}
.j-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);}
body.dark .j-latest-grid{background:rgba(255,255,255,.06);}
.j-latest-card{background:var(--sand);padding:20px 18px;transition:background .15s;display:block;}
body.dark .j-latest-card{background:var(--ink);}
.j-latest-card:hover{background:var(--mid);}
body.dark .j-latest-card:hover{background:#1a1710;}
.j-latest-card-type{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
body.dark .j-latest-card-type{color:var(--gold-dark);}
.j-latest-card-title{font-size:13px;font-weight:300;line-height:1.4;color:var(--ink);}
body.dark .j-latest-card-title{color:var(--sand);}
.j-latest-card-arrow{font-size:11px;color:var(--muted);margin-top:10px;}

/* ══════════════════════════════════════════════════════════════════════════════
   T1 — DEEP READ
══════════════════════════════════════════════════════════════════════════════ */
.j-pq-wrap{background:var(--ink);padding:56px 40px;}
body.dark .j-pq-wrap{background:#1a1710;}
.j-pq-inner{max-width:var(--body-max);margin:0 auto;}
.j-pq{font-size:clamp(20px,3vw,32px);font-weight:200;font-family:var(--ff-serif);font-style:italic;line-height:1.3;color:var(--sand);}
.j-pq-attr{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-top:18px;}
body.dark .j-pq-attr{color:var(--gold-dark);}

/* ══════════════════════════════════════════════════════════════════════════════
   T2 — ANATOMY
══════════════════════════════════════════════════════════════════════════════ */
.j-checklist-wrap{background:var(--mid);padding:48px 40px;margin-top:40px;}
body.dark .j-checklist-wrap{background:#111;}
.j-checklist-inner{max-width:var(--body-max);margin:0 auto;}
.j-checklist-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;}
body.dark .j-checklist-label{color:var(--gold-dark);}
.j-check-item{display:grid;grid-template-columns:32px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.07);align-items:start;}
body.dark .j-check-item{border-bottom-color:rgba(255,255,255,.06);}
.j-check-item:first-child{border-top:1px solid rgba(0,0,0,.07);}
body.dark .j-check-item:first-child{border-top-color:rgba(255,255,255,.06);}
.j-check-n{width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--sand);font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
body.dark .j-check-n{background:var(--gold-dark);color:var(--ink);}
.j-check-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:4px;}
body.dark .j-check-title{color:var(--sand);}
.j-check-body{font-size:13px;font-weight:300;line-height:1.6;color:#555;}
body.dark .j-check-body{color:#888;}

/* ══════════════════════════════════════════════════════════════════════════════
   T3 — TIER LIST
══════════════════════════════════════════════════════════════════════════════ */
.j-tiers{padding:48px 0 72px;}
.j-meta-line{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:12px;}
.j-tier{margin-bottom:3px;}
.j-tier-header{display:grid;grid-template-columns:80px 1fr;margin-bottom:2px;}
.j-tier-grade{display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:200;letter-spacing:-.02em;padding:16px 0;}
.j-tier-grade.s{background:#1a1710;color:var(--gold);}
.j-tier-grade.a{background:#2a2318;color:#c8a45a;}
.j-tier-grade.b{background:var(--mid);color:var(--ink);}
body.dark .j-tier-grade.b{background:#111;color:var(--sand);}
.j-tier-grade.c{background:#f0ebe2;color:#999;}
body.dark .j-tier-grade.c{background:#1a1a1a;color:#666;}
.j-tier-desc{padding:14px 22px;display:flex;align-items:center;}
.j-tier-desc.s{background:#1a1710;}.j-tier-desc.a{background:#2a2318;}
.j-tier-desc.b{background:var(--mid);}body.dark .j-tier-desc.b{background:#111;}
.j-tier-desc.c{background:#f0ebe2;}body.dark .j-tier-desc.c{background:#1a1a1a;}
.j-tier-desc-text{font-size:12px;font-weight:300;line-height:1.5;}
.j-tier-desc-text.s,.j-tier-desc-text.a{color:#999;}
.j-tier-desc-text.b,.j-tier-desc-text.c{color:#666;}
body.dark .j-tier-desc-text.b{color:#888;}body.dark .j-tier-desc-text.c{color:#555;}
.j-t-entries{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);margin-bottom:2px;}
body.dark .j-t-entries{background:rgba(255,255,255,.06);}
.j-t-entry{background:var(--sand);padding:22px 22px 18px;}
body.dark .j-t-entry{background:var(--ink);}
.j-t-entry-brand{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:7px;}
body.dark .j-t-entry-brand{color:var(--gold-dark);}
.j-t-entry-title{font-size:13px;font-weight:400;color:var(--ink);margin-bottom:7px;line-height:1.25;letter-spacing:-.01em;}
body.dark .j-t-entry-title{color:var(--sand);}
.j-t-entry-body{font-size:12px;font-weight:300;line-height:1.6;color:#666;}
body.dark .j-t-entry-body{color:#888;}
.j-t-entry-tag{display:inline-block;margin-top:10px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(138,106,48,.3);padding:3px 8px;border-radius:2px;}
body.dark .j-t-entry-tag{color:var(--gold-dark);border-color:rgba(201,169,110,.3);}
.j-method{background:var(--mid);padding:28px 32px;margin-top:40px;display:grid;grid-template-columns:max-content 1fr;gap:28px;align-items:start;}
body.dark .j-method{background:#111;}
.j-method-label{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);white-space:nowrap;padding-top:2px;}
body.dark .j-method-label{color:var(--gold-dark);}
.j-method-text{font-size:13px;font-weight:300;line-height:1.65;color:#555;}
body.dark .j-method-text{color:#888;}

/* ══════════════════════════════════════════════════════════════════════════════
   T4 — BRAND PROFILE
══════════════════════════════════════════════════════════════════════════════ */
.j-bp-header{padding:60px 0 0;}
.j-bp-h1{font-size:clamp(52px,8vw,96px);font-weight:200;letter-spacing:-.05em;line-height:.88;color:var(--ink);margin-bottom:28px;}
body.dark .j-bp-h1{color:var(--sand);}
.j-bp-meta-rail{display:flex;gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;}
body.dark .j-bp-meta-rail{border-color:rgba(255,255,255,.06);}
.j-bp-meta-cell{padding:16px 32px 16px 0;margin-right:32px;border-right:1px solid var(--rule);}
body.dark .j-bp-meta-cell{border-right-color:rgba(255,255,255,.06);}
.j-bp-meta-cell:last-child{border-right:none;margin-right:0;}
.j-bp-meta-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.j-bp-meta-val{font-size:13px;font-weight:300;color:var(--ink);}
body.dark .j-bp-meta-val{color:var(--sand);}
.j-bp-body{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);margin:1px 0;}
body.dark .j-bp-body{background:rgba(255,255,255,.06);}
.j-bp-col{background:var(--sand);padding:44px 40px;}
body.dark .j-bp-col{background:var(--ink);}
.j-bp-col-tinted{background:var(--mid);}
body.dark .j-bp-col-tinted{background:#111;}
.j-col-header{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--rule);}
body.dark .j-col-header{color:var(--gold-dark);border-bottom-color:rgba(255,255,255,.06);}

/* ══════════════════════════════════════════════════════════════════════════════
   T5 — WEEKLY FINDS
══════════════════════════════════════════════════════════════════════════════ */
.j-wf-items{display:flex;flex-direction:column;gap:2px;padding:48px 0 72px;}
.j-wf-item{display:grid;grid-template-columns:260px 1fr;gap:1px;background:var(--rule);}
body.dark .j-wf-item{background:rgba(255,255,255,.06);}
.j-wf-img-wrap{position:relative;background:var(--mid);aspect-ratio:4/3;overflow:hidden;}
body.dark .j-wf-img-wrap{background:#111;}
.j-wf-img{width:100%;height:100%;object-fit:cover;}
.j-wf-img-placeholder{width:100%;height:100%;background:var(--mid);}
body.dark .j-wf-img-placeholder{background:#111;}
.j-wf-num{position:absolute;top:14px;left:14px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--sand);padding:4px 10px;}
.j-wf-content{background:var(--sand);padding:28px 32px;display:flex;flex-direction:column;}
body.dark .j-wf-content{background:var(--ink);}
.j-wf-brand{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
body.dark .j-wf-brand{color:var(--gold-dark);}
.j-wf-title{font-size:20px;font-weight:200;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px;line-height:1.1;}
body.dark .j-wf-title{color:var(--sand);}
.j-wf-score-row{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--rule);flex-wrap:wrap;}
body.dark .j-wf-score-row{border-bottom-color:rgba(255,255,255,.06);}
.j-wf-score{display:flex;align-items:baseline;gap:3px;}
.j-wf-score-n{font-size:28px;font-weight:200;letter-spacing:-.03em;color:var(--ink);}
body.dark .j-wf-score-n{color:var(--sand);}
.j-wf-score-denom{font-size:11px;color:var(--muted);font-weight:300;}
.j-wf-score-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.j-wf-price{display:flex;flex-direction:column;}
.j-wf-price-n{font-size:18px;font-weight:200;letter-spacing:-.02em;color:var(--ink);}
body.dark .j-wf-price-n{color:var(--sand);}
.j-wf-price-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.j-context-label{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.j-context-text{font-size:13px;font-weight:300;line-height:1.6;color:#555;margin-bottom:16px;}
body.dark .j-context-text{color:#888;}
.j-deeper{background:var(--mid);padding:14px 18px;margin-bottom:20px;}
body.dark .j-deeper{background:#111;}
.j-deeper-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:5px;}
body.dark .j-deeper-label{color:var(--gold-dark);}
.j-deeper-text{font-size:12px;font-weight:300;line-height:1.6;color:#555;}
body.dark .j-deeper-text{color:#888;}
.j-ebay-link{display:inline-block;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);border:1px solid rgba(0,0,0,.15);padding:9px 18px;transition:background .15s;margin-top:auto;align-self:flex-start;}
body.dark .j-ebay-link{color:var(--sand);border-color:rgba(255,255,255,.15);}
.j-ebay-link:hover{background:var(--mid);}
body.dark .j-ebay-link:hover{background:#1a1710;}

/* ══════════════════════════════════════════════════════════════════════════════
   T6 — REFERENCE (What Is + How To)
══════════════════════════════════════════════════════════════════════════════ */
.j-ref-def-wrap{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:32px 0;margin-top:24px;}
body.dark .j-ref-def-wrap{border-color:rgba(255,255,255,.06);}
.j-ref-def-label{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
body.dark .j-ref-def-label{color:var(--gold-dark);}
.j-ref-def-text{font-size:clamp(17px,2.4vw,24px);font-weight:200;font-family:var(--ff-serif);line-height:1.45;color:var(--ink);}
body.dark .j-ref-def-text{color:var(--sand);}
.j-ref-compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);margin:32px 0;}
body.dark .j-ref-compare{background:rgba(255,255,255,.06);}
.j-ref-compare-col{background:var(--sand);padding:24px 26px;}
body.dark .j-ref-compare-col{background:var(--ink);}
.j-ref-compare-col-tinted{background:var(--mid);}
body.dark .j-ref-compare-col-tinted{background:#111;}
.j-ref-compare-label{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--rule);}
body.dark .j-ref-compare-label{color:var(--gold-dark);border-bottom-color:rgba(255,255,255,.06);}
.j-ref-compare-item{font-size:13px;font-weight:300;line-height:1.6;color:#444;padding:8px 0;border-bottom:1px solid var(--rule);}
body.dark .j-ref-compare-item{color:#999;border-bottom-color:rgba(255,255,255,.06);}
.j-ref-compare-item:last-child{border-bottom:none;}

/* ══════════════════════════════════════════════════════════════════════════════
   T9 — GLOSSARY
══════════════════════════════════════════════════════════════════════════════ */
.j-body-wrap-gloss{max-width:860px;}
.j-gloss-alpha-nav{display:flex;flex-wrap:wrap;gap:2px;border-top:1px solid var(--rule);padding:14px 0 0;margin-top:28px;}
body.dark .j-gloss-alpha-nav{border-top-color:rgba(255,255,255,.06);}
.j-gloss-alpha-btn{font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;background:none;border:none;color:var(--muted);font-family:var(--ff-sans);cursor:default;transition:color .15s;}
.j-gloss-alpha-btn.has-terms{color:var(--ink);cursor:pointer;}
body.dark .j-gloss-alpha-btn.has-terms{color:var(--sand);}
.j-gloss-alpha-btn.has-terms:hover{color:var(--gold);}
body.dark .j-gloss-alpha-btn.has-terms:hover{color:var(--gold-dark);}
.j-gloss-terms{padding:48px 0 72px;display:flex;flex-direction:column;gap:1px;}
.j-gloss-group{margin-bottom:2px;}
.j-gloss-group-letter{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);padding:16px 0 10px;border-top:2px solid var(--gold);margin-bottom:1px;}
body.dark .j-gloss-group-letter{color:var(--gold-dark);border-top-color:var(--gold-dark);}
.j-gloss-term{display:grid;grid-template-columns:200px 1fr;gap:1px;background:var(--rule);margin-bottom:1px;}
body.dark .j-gloss-term{background:rgba(255,255,255,.06);}
.j-gloss-term-name-wrap{background:var(--mid);padding:22px 24px;}
body.dark .j-gloss-term-name-wrap{background:#111;}
.j-gloss-term-name{font-size:14px;font-weight:400;letter-spacing:-.01em;color:var(--ink);margin-bottom:4px;}
body.dark .j-gloss-term-name{color:var(--sand);}
.j-gloss-term-category{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}
body.dark .j-gloss-term-category{color:var(--gold-dark);}
.j-gloss-term-body{background:var(--sand);padding:22px 28px;}
body.dark .j-gloss-term-body{background:var(--ink);}
.j-gloss-term-def{font-size:14px;font-weight:300;line-height:1.7;color:#333;margin-bottom:8px;}
body.dark .j-gloss-term-def{color:#bbb;}
.j-gloss-term-why{font-size:12px;font-weight:300;line-height:1.6;color:#888;font-style:italic;}
body.dark .j-gloss-term-why{color:#666;}

/* ══════════════════════════════════════════════════════════════════════════════
   TOPIC INDEX PAGES
══════════════════════════════════════════════════════════════════════════════ */
.j-ti-wrap{max-width:var(--wide-max);margin:0 auto;padding:0 40px;}
.j-ti-header{padding:56px 0 48px;border-bottom:1px solid var(--rule);max-width:640px;}
body.dark .j-ti-header{border-bottom-color:rgba(255,255,255,.06);}
.j-ti-kicker{font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
body.dark .j-ti-kicker{color:var(--gold-dark);}
.j-ti-h1{font-size:clamp(40px,6vw,72px);font-weight:200;letter-spacing:-.04em;line-height:.92;margin-bottom:20px;}
body.dark .j-ti-h1{color:var(--sand);}
.j-ti-descriptor{font-size:16px;font-weight:300;line-height:1.7;color:#555;margin-bottom:20px;}
body.dark .j-ti-descriptor{color:#888;}
.j-ti-count{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
.j-ti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);margin:40px 0 72px;}
body.dark .j-ti-grid{background:rgba(255,255,255,.06);}
.j-ti-card{background:var(--sand);padding:28px 28px 24px;display:flex;flex-direction:column;gap:0;transition:background .15s;text-decoration:none;}
body.dark .j-ti-card{background:var(--ink);}
.j-ti-card:hover{background:var(--mid);}
body.dark .j-ti-card:hover{background:#1a1710;}
.j-ti-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px;}
.j-ti-card-date{font-size:9px;letter-spacing:.14em;color:var(--muted);}
.j-ti-card-read{font-size:9px;letter-spacing:.14em;color:var(--muted);}
.j-ti-card-read::before{content:"·";margin-right:16px;color:rgba(0,0,0,.15);}
body.dark .j-ti-card-read::before{color:rgba(255,255,255,.1);}
.j-ti-card-title{font-size:15px;font-weight:300;line-height:1.4;color:var(--ink);flex:1;transition:color .2s;letter-spacing:-.01em;}
body.dark .j-ti-card-title{color:var(--sand);}
.j-ti-card:hover .j-ti-card-title{color:var(--gold);}
body.dark .j-ti-card:hover .j-ti-card-title{color:var(--gold-dark);}
.j-ti-card-arrow{font-size:11px;color:var(--muted);margin-top:16px;transition:transform .2s,color .2s;}
.j-ti-card:hover .j-ti-card-arrow{color:var(--gold);transform:translateX(3px);}
body.dark .j-ti-card:hover .j-ti-card-arrow{color:var(--gold-dark);}

/* ══════════════════════════════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════════════════════════════ */
.j-footer{border-top:1px solid var(--rule);padding:28px 40px;margin-top:0;}
body.dark .j-footer{border-top-color:rgba(255,255,255,.06);}
.j-footer-inner{max-width:var(--wide-max);margin:0 auto;display:flex;gap:28px;flex-wrap:wrap;align-items:center;}
.j-footer-inner a{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);transition:color .2s;}
.j-footer-inner a:hover{color:var(--gold);}
body.dark .j-footer-inner a:hover{color:var(--gold-dark);}
.j-footer-copy{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-left:auto;}

/* ══════════════════════════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════════════════════════ */
@media(max-width:1100px){
  .masthead{padding:0 28px;}
  .hamburger{display:flex;}
  .mh-nav-top-links{display:none;}
  .stats-pill{display:none;}
}
@media(max-width:860px){
  .j-hero-grid{grid-template-columns:1fr;}
  .j-bp-body{grid-template-columns:1fr;}
  .j-bp-meta-rail{flex-wrap:wrap;}
  .j-wf-item{grid-template-columns:1fr;}
  .j-wf-img-wrap{aspect-ratio:16/9;}
  .j-t-entries{grid-template-columns:1fr 1fr;}
  .j-latest-grid{grid-template-columns:1fr 1fr;}
  .j-method{grid-template-columns:1fr;gap:12px;}
  .j-recent-row{grid-template-columns:80px 1fr;}
  .j-recent-type{display:none;}
  .j-ref-compare{grid-template-columns:1fr;}
  .j-gloss-term{grid-template-columns:140px 1fr;}
  .j-ti-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .masthead{padding:0 20px;}
  .j-footer{padding:24px 20px;}
  .j-meta-bar{padding:12px 20px;}
  .j-body-wrap,.j-body-wrap-wide,.j-body-wrap-gloss,.j-home-wrap,.j-ti-wrap{padding:0 20px;}
  .j-bp-col{padding:32px 20px;}
  .j-art-footer{padding:32px 20px 48px;}
  .j-checklist-wrap{padding:40px 20px;}
  .j-pq-wrap{padding:44px 20px;}
  .j-wf-content{padding:24px 20px;}
  .j-t-entries,.j-latest-grid,.j-home-grid,.j-ti-grid{grid-template-columns:1fr;}
  .j-tier-header{grid-template-columns:56px 1fr;}
  .j-tier-grade{font-size:28px;}
  .j-recent-row{grid-template-columns:1fr;}
  .j-recent-date{display:none;}
  .j-gloss-term{grid-template-columns:1fr;}
  .j-gloss-alpha-nav{gap:0;}
  .j-ti-card{padding:22px 20px 18px;}
}