:root{
    --bg: var(--desert-bg);
    --ink: var(--desert-ink);
    
    --dim: rgba(var(--desert-ink-rgb), .78);
    --faint: rgba(var(--desert-ink-rgb), .60);
    --rule: rgba(var(--desert-ink-rgb), .14);
    --red: var(--desert-accent-deep);
    --gold: var(--color-warn);
    --serif: Georgia, 'Times New Roman', serif;
    --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }
/* Bible: cream background, no dark mode overrides (James 2026-10-12) */
*{ box-sizing: border-box; margin: 0; padding: 0; }
html, body{ overflow-x: hidden; }
body{ background: var(--bg); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
a{ color: inherit; text-decoration: none; }
img{ display: block; max-width: 100%; }
.wrap{ max-width: 1360px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 901px){
.wrap{ padding: 0 40px; }
}
.kicker{ display: flex; align-items: baseline; gap: 12px; margin: 48px 0 24px; }
.kicker .no{ font-family: var(--serif); font-size: 14px; color: var(--red); font-style: italic; flex: none; }
.kicker h2{ font-family: var(--serif); font-size: clamp(26px, 7vw, 46px); font-weight: 700; letter-spacing: -.01em; }
.kicker .line{ flex: 1; height: 1px; background: var(--rule); align-self: center; min-width: 24px; }
@media (min-width: 901px){
.kicker{ gap: 18px; margin: 72px 0 34px; }
.kicker .no{ font-size: 15px; }
}
.cover{ margin: 28px 0 0; border-radius: 4px; overflow: hidden; background: var(--desert-card);
    
    --dim: rgba(var(--desert-ink-rgb), .78);
    --faint: rgba(var(--desert-ink-rgb), .60);
    --ink: var(--desert-ink);
  }
.cover .shade{ display: none; }
.cover__tag{ display: inline-block; font-size: 11px; letter-spacing: .3em; text-transform: uppercase; font-weight: 700; color: var(--desert-card); background: var(--red); padding: 9px 16px; margin: 22px 20px 0; white-space: nowrap; }
.cover h2{ font-family: var(--serif); font-size: clamp(30px, 8.4vw, 42px); line-height: 1.08; letter-spacing: -.015em; color: var(--desert-card); margin-bottom: 14px; text-wrap: balance; }
.cover .dek{ font-family: var(--serif); font-size: 16px; font-style: italic; color: var(--dim); line-height: 1.55; margin-bottom: 14px; }
.cover .byline{ font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--desert-ink-faint); }
.cover .byline b{ color: var(--dim); }
.cover .byline a{ color: var(--ink); }
.cover .cover__media{ position: relative; aspect-ratio: 16/9; margin: 20px 0 0; border-radius: 0; background: var(--desert-bg); overflow: hidden; }
.cover .cover__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.cover .pv-vid__poster{ border-radius: 0; }
.pv-vid__frame iframe{ outline: none; }
.pv-vid__frame iframe:focus, .pv-vid__frame iframe:active{ outline: none; }
@media (min-width: 901px){
.cover { position: relative; margin-top: 40px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: stretch; background: var(--desert-card); }
.cover .shade { display: none; }
.cover__tag { position: static; margin: 0 0 22px; font-size: 11px; padding: 9px 16px; align-self: flex-start; }
.cover h2 { font-size: clamp(32px, 3.2vw, 50px); line-height: 1.06; letter-spacing: -.02em; margin-bottom: 18px;
      text-shadow: none; }
.cover .dek { font-size: clamp(16px, 1.4vw, 19px); color: var(--dim); font-style: italic; line-height: 1.55; max-width: 520px; margin-bottom: 18px; }
.cover .byline { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--desert-ink-faint); }
.cover .byline b { color: var(--dim); }
.cover .byline a { color: var(--ink); }
.cover .cover__media { position: relative; inset: auto; margin: 0; aspect-ratio: auto; border-radius: 0; min-height: 480px; height: 100%; }
}
.front{ display: grid; grid-template-columns: 1fr; gap: 40px; margin-top: 36px; }
.feature-main img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 4px; }
.feature-main .dtag{ font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); font-weight: 700; margin: 18px 0 12px; display: block; }
.feature-main h3{ font-family: var(--serif); font-size: clamp(26px, 7vw, 44px); line-height: 1.12; letter-spacing: -.01em; margin-bottom: 12px; }
.feature-main h3:hover{ color: var(--red); }
.feature-main .dek{ color: var(--dim); font-size: 16px; line-height: 1.6; margin-bottom: 10px; }
.feature-main .byline, .side-story .byline, .col-story .byline{ font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--desert-ink-faint); }
.feature-main .byline b, .side-story .byline b, .col-story .byline b{ color: var(--dim); }
.side-stack{ display: flex; flex-direction: column; gap: 36px; border-top: 1px solid var(--rule); padding-top: 36px; }
.side-story img{ width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; margin-bottom: 14px; }
.side-story .dtag{ font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--red); font-weight: 700; margin-bottom: 8px; display: block; }
.side-story h3{ font-family: var(--serif); font-size: clamp(20px, 5.4vw, 29px); line-height: 1.2; margin-bottom: 8px; }
.side-story h3:hover{ color: var(--red); }
.side-story .dek{ color: var(--dim); font-size: 15px; line-height: 1.55; margin-bottom: 8px; }
.cols{ display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 40px; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.col-story{ padding: 28px 0; border-top: 1px solid var(--rule); }
.col-story:first-child{ border-top: 0; }
.col-story .dtag{ font-size: 11px; letter-spacing: .28em; text-transform: uppercase; color: var(--gold); font-weight: 700; margin-bottom: 10px; display: block; }
.col-story h4{ font-family: var(--serif); font-size: 21px; line-height: 1.28; margin-bottom: 10px; font-weight: 700; }
.col-story h4:hover{ color: var(--red); }
.col-story p{ color: var(--dim); font-size: 15px; line-height: 1.6; margin-bottom: 10px; }
.col-story img{ width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; margin-bottom: 16px; display: block; }
@media (min-width: 901px){
.front{ grid-template-columns: 7fr 5fr; gap: 56px; margin-top: 64px; }
.feature-main .dtag{ margin: 22px 0 14px; }
.feature-main h3{ font-size: clamp(30px, 3vw, 44px); margin-bottom: 14px; }
.feature-main .dek{ font-size: 17px; margin-bottom: 12px; }
.side-stack{ border-top: 0; border-left: 1px solid var(--rule); padding-top: 0; padding-left: 56px; gap: 44px; }
.side-story img{ margin-bottom: 18px; }
.side-story .dtag{ margin-bottom: 10px; }
.side-story h3{ font-size: clamp(22px, 2vw, 29px); margin-bottom: 10px; }
.side-story .dek{ margin-bottom: 10px; }
.cols{ grid-template-columns: repeat(3, 1fr); margin-top: 64px; }
.col-story{ padding: 36px 40px; border-top: 0; border-left: 1px solid var(--rule); }
.col-story:first-child{ border-left: 0; padding-left: 0; }
.col-story .dtag{ margin-bottom: 12px; }
.col-story h4{ font-size: 23px; margin-bottom: 12px; }
.col-story p{ margin-bottom: 12px; }
.col-story img{ margin-bottom: 18px; }
}
.desk{ margin-top: 64px; }
.desk__head{ display: flex; align-items: baseline; gap: 14px; border-bottom: 3px solid var(--ink); padding-bottom: 14px; margin-bottom: 28px; }
.desk__head h2{ font-family: var(--serif); font-size: clamp(34px, 9vw, 84px); font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.desk__head .sub{ font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--desert-ink-faint); margin-left: auto; white-space: nowrap; }
.desk__lead .dtag{ font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--red); font-weight: 700; margin-bottom: 10px; display: block; }
.desk__lead .dek{ color: var(--dim); font-size: 16px; line-height: 1.6; margin-bottom: 12px; }
.desk__opener .dtag{ font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); font-weight: 700; margin-bottom: 12px; display: block; }
.desk__opener .dek{ font-family: var(--serif); font-style: italic; color: var(--dim); font-size: 17px; line-height: 1.55; }
@media (min-width: 901px){
.desk{ margin-top: 88px; }
.desk__head{ gap: 22px; padding-bottom: 18px; margin-bottom: 40px; }
.desk__head h2{ font-size: clamp(44px, 5.4vw, 84px); }
.desk__head .sub{ font-size: 12px; letter-spacing: .24em; }
.desk__lead .dtag{ margin-bottom: 14px; }
.desk__lead .dek{ font-size: 17px; margin-bottom: 14px; }
.desk__opener .dtag{ margin-bottom: 14px; }
.desk__opener .dek{ font-size: 19px; }
}
.archive__head .count{ font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--desert-ink-faint); margin-left: auto; }
.arch-item{ display: grid; grid-template-columns: 72px 1fr; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--rule); }
.arch-item:hover .arch-title{ color: var(--red); }
.arch-date, .arch-desk{ display: none; }
.arch-thumb{ width: 72px; height: 52px; object-fit: cover; border-radius: 3px; }
.arch-title{ font-family: var(--serif); font-size: 17px; font-weight: 700; line-height: 1.3; }
@media (min-width: 901px){
.archive__head .count{ font-size: 13px; letter-spacing: .2em; }
.arch-item{ grid-template-columns: 120px 92px 1fr auto; gap: 28px; padding: 20px 0; }
.arch-date{ display: block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--desert-ink-faint); }
.arch-desk{ display: block; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--gold); font-weight: 700; white-space: nowrap; }
.arch-thumb{ width: 92px; height: 62px; }
.arch-title{ font-size: 19px; }
}
.pager button.on{ background: var(--red); border-color: var(--red); color: var(--desert-card); }
.pager .pinfo{ font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: var(--desert-ink-faint); margin: 0 14px; }
footer{ border-top: 1px solid var(--rule); margin-top: 80px; padding: 36px 0 60px; text-align: center; color: var(--desert-ink-faint); font-size: 13px; letter-spacing: .1em; }
.pv-vid{ position: relative; border-radius: 4px; overflow: hidden; background: var(--desert-card); }
.pv-vid__frame, .pv-vid__frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pv-vid__poster{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .6s ease; z-index: 2; }
.pv-vid.is-playing .pv-vid__poster{ opacity: 0; pointer-events: none; }
.pv-vid__mute{ position: absolute; bottom: 14px; right: 14px; z-index: 4; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(var(--desert-card-rgb), .35); background: rgba(var(--desert-ink-rgb), .72); color: var(--desert-card); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 17px; }
.pv-vid__mute:hover{ background: var(--red); border-color: var(--red); }
.pv-vid.no-video .pv-vid__badge, .pv-vid.no-video .pv-vid__mute{ display: none; }
.feature-main .pv-vid{ aspect-ratio: 16/9; margin-bottom: 22px; }
.pv-ad{ margin: 64px auto; max-width: 970px; text-align: center; }
.pv-ad.is-empty, .pv-ad.is-empty .pv-ad__label{ display: none; }
@media (max-width: 900px){
.pv-ad{ margin: 48px auto; }
}
.pv-breaking{display:flex;align-items:center;gap:14px;max-width:1360px;margin:0 auto 18px;padding:14px 18px;background:var(--desert-ink);border:1px solid var(--red);border-radius:8px;text-decoration:none;color:var(--desert-card)}
.pv-breaking__badge{flex:none;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--desert-card);background:var(--red);padding:8px 14px 8px 12px;border-radius:4px;display:flex;align-items:center;gap:8px}
.pv-breaking__badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--desert-card);animation:pv-blink 1.1s ease-in-out infinite}
.pv-breaking__thumb{flex:none;width:84px;height:52px;object-fit:cover;border-radius:4px}
.pv-breaking__text{font-family:var(--serif);font-weight:700;font-size:clamp(15px,2.4vw,20px);line-height:1.3;flex:1}
.pv-breaking__arrow{flex:none;color:var(--red);font-size:22px;font-weight:800}
.pv-breaking:hover .pv-breaking__text{text-decoration:underline}
@keyframes pv-blink{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){
.pv-breaking__badge::before{animation:none}
}
@media (max-width:640px){
.pv-breaking__thumb{display:none}
.pv-breaking{gap:10px;padding:12px 14px}
}
.desk__rail{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 8px; }
.dcard{ display: flex; flex-direction: column; text-decoration: none; color: inherit; min-width: 0; }
.dcard__img{ display: block; position: relative; margin-bottom: 14px; overflow: hidden; border-radius: 4px; }
.dcard__img img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; transition: transform .3s ease; }
.dcard:hover .dcard__img img{ transform: scale(1.03); }
.dcard__label{ font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--red); font-weight: 700; margin-bottom: 10px; display: block; }
.dcard h3{ font-family: var(--serif); font-size: 19px; font-weight: 700; line-height: 1.3; margin-bottom: 10px; }
.dcard:hover h3{ color: var(--red); }
.dcard__byline{ font-size: 12.5px; color: var(--desert-ink-faint); margin-top: auto; padding-top: 6px; }
.dcard--explore .dcard__img{ position: relative; }
.dcard--explore .dcard__img{ border-radius: 6px 6px 0 0; margin-bottom: 14px; }
.dcard--explore .dcard__label, .dcard--explore h3, .dcard--explore .dcard__byline{ padding-left: 16px; padding-right: 16px; }
@media (max-width: 900px){
.desk__rail{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 16px; padding-bottom: 12px; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
.desk__rail .dcard{ flex: 0 0 78%; scroll-snap-align: start; }
}
#pv-breaking-zone{ margin-top: 24px; }
#pv-developing{ margin-top: 36px; }
.dev-grid{ display: grid; grid-template-columns: 1fr; gap: 16px; }
.dev-card{ display: flex; gap: 14px; text-decoration: none; color: inherit; border: 1px solid var(--rule); border-radius: 6px; padding: 14px; background: rgba(var(--brand-red-rgb), .04); }
.dev-card:hover{ border-color: var(--red); }
.dev-card img{ width: 110px; height: 74px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.dev-card .dtag{ font-size: 10px; letter-spacing: .24em; text-transform: uppercase; color: var(--red); font-weight: 700; margin-bottom: 6px; display: block; }
.dev-card h3{ font-family: var(--serif); font-size: 16px; font-weight: 700; line-height: 1.3; }
@media (min-width: 901px){
#pv-developing{ margin-top: 48px; }
.dev-grid{ grid-template-columns: repeat(3, 1fr); gap: 24px; }
.dev-card{ gap: 16px; padding: 16px; }
.dev-card img{ width: 120px; height: 80px; }
.dev-card .dtag{ margin-bottom: 8px; }
.dev-card h3{ font-size: 17px; }
#pv-developing, #pv-breaking-zone{ padding: 0 40px !important; }
}
.arch-breaking, .arch-developing{ display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; padding: 3px 8px; border-radius: 3px; margin-left: 8px; vertical-align: middle; }
.arch-breaking{ background: var(--red); color: var(--desert-card); }
.arch-developing{ background: transparent; color: var(--red); border: 1px solid var(--red); }
#pv-vegas:empty, #pv-dept-sports:empty, #pv-dept-screen:empty,
#pv-dept-crime:empty, #pv-dept-music:empty, #pv-dept-culture:empty,
#pv-dept-games:empty{ display: none; }
.nr-subnav{
  position: static;
  z-index: 40;
  
  --bg: var(--desert-bg);
  --ink: var(--desert-ink);
  --dim: rgba(var(--desert-ink-rgb), .64);
  --faint: rgba(var(--desert-ink-rgb), .42);
  --rule: rgba(var(--desert-ink-rgb), .14);
  background: var(--bg);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.nr-subnav__inner{
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
  height: 52px;
  display: flex;
  align-items: center;
  gap: 26px;
}
.nr-subnav__brand{
  font-family: var(--serif);
  font-weight: 700;
  font-size: 17px;
  color: var(--ink);
  white-space: nowrap;
  text-decoration: none;
}
.nr-subnav__brand em{ color: var(--red); font-style: normal; }
.nr-subnav__links{
  display: flex;
  align-items: center;
  gap: 22px;
  flex: 1;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.nr-subnav__links::-webkit-scrollbar{ display: none; }
.nr-subnav__links a{
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--dim);
  white-space: nowrap;
  flex-shrink: 0;
  padding: 6px 0;
  border-bottom: 2px solid transparent;
  text-decoration: none;
}
.nr-subnav__links a:hover{ color: var(--ink); }
.nr-subnav__links a.is-active{ color: var(--ink); border-bottom-color: var(--red); }
.nr-subnav__links a.is-hidden{ display: none; }
.nr-subnav__top{
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--desert-ink-faint);
  white-space: nowrap;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, color .25s ease;
}
.nr-subnav.is-scrolled .nr-subnav__top{ opacity: 1; pointer-events: auto; }
.nr-subnav__top:hover{ color: var(--red); }
#top, #pv-breaking-zone, #pv-developing, #cover, #front, #vegas,
#sports, #screen, #crime, #music, #culture, #games, #archive{
  scroll-margin-top: 132px;
}
@media (max-width: 900px){
.nr-subnav{ top: 64px; }
.nr-subnav__inner{ padding: 0 22px; gap: 16px; height: 50px; }
.nr-subnav__links{ display: none; }
.nr-subnav__brand{ font-size: 15px; }
.nr-subnav__top{ font-size: 10px; }
}
.pv-local-filter{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  font-size: 14px;
}
.pv-local-filter label{
  font-weight: 600;
  color: var(--ink, var(--desert-ink));
}
.pv-local-filter select{
  font: inherit;
  padding: 8px 36px 8px 14px;
  border: 1px solid var(--line, var(--desert-pressed));
  border-radius: 8px;
  background: var(--surface, var(--desert-card));
  color: var(--ink, var(--desert-ink));
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.pv-local-filter select:focus{
  outline: 2px solid var(--accent, var(--brand-red));
  outline-offset: 1px;
}
.rewind .kicker{margin-bottom:6px}
.rewind .verdict{border:1px solid rgba(var(--brand-red-rgb), .6);border-radius:8px;padding:16px 18px;margin:18px 0;background:rgba(var(--brand-red-rgb), .07)}
.rewind .verdict .vlabel{font-size:10px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:8px}
.rewind .verdict p{font-family:var(--serif);font-size:20px;color:var(--ink);margin:0}
.rewind .verdict p strong{color:var(--red)}
.rewind .byline{font-size:13px;color:var(--dim)}
.rewind .byline a{color:inherit}
