/* ============================================================
   NDF — EDITORIAL SKIN
   A premium broadsheet look: warm-white paper, true black ink,
   Playfair Display headlines, Source Serif body, Libre Franklin
   kickers and UI, hairline rules and a single deep-red accent.

   Active only when <html data-skin="editorial">. Every rule below
   is scoped to that attribute, so without it nothing here applies.
   Fonts: Playfair Display + Libre Franklin are appended to the
   Google Fonts <link> in each page's <head>.
   ============================================================ */

/* ---------- 1. TOKENS: light ---------- */
html[data-skin="editorial"]{
  --ground:      #FBF9F5;
  --paper:       #FFFFFF;
  --paper-2:     #F4F1EA;
  --ink:         #111111;
  --ink-2:       #363636;
  --ink-3:       #66635D;   /* 5.6:1 on --ground */
  --rule:        #D8D3C8;
  --rule-soft:   #E8E4DB;
  --stamp:       #A3141F;   /* deep newsroom red, 7.3:1 on white */
  --stamp-hi:    #C21B28;
  --stamp-ink:   #FFFFFF;
  --field-a:     #2B2A28;
  --field-b:     #121211;
  --field-ink:   #F5F3EE;
  --field-mute:  #ACA9A2;
  --bar:         #FBF9F5;
  --state-2:     #3E5A78;   /* ink-blue secondary state */
  --bar-ink:     #4A4844;
  --halftone:    transparent;

  --display: "Playfair Display", "Libre Caslon Text", Georgia, "Times New Roman", serif;
  --body:    "Source Serif 4", Georgia, "Times New Roman", serif;
  --mono:    "Libre Franklin", "Helvetica Neue", Arial, sans-serif;  /* kickers, meta and UI go sans */
  --sans:    "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
}

/* ---------- 1b. TOKENS: dark ---------- */
@media (prefers-color-scheme: dark){
  html[data-skin="editorial"]:not([data-theme="light"]){
    --ground:     #121212;
    --paper:      #1A1A1A;
    --paper-2:    #202020;
    --ink:        #F0EDE6;
    --ink-2:      #C9C5BD;
    --ink-3:      #9A968E;   /* 6.4:1 on --ground */
    --rule:       #3A3936;
    --rule-soft:  #2A2927;
    --stamp:      #F0776C;   /* 6.6:1 on --ground */
    --stamp-hi:   #F68C82;
    --stamp-ink:  #160B0A;
    --field-a:    #262524;
    --field-b:    #0A0A0A;
    --field-ink:  #EEEBE4;
    --field-mute: #9D9A93;
    --bar:        #121212;
    --state-2:    #93AECB;
    --bar-ink:    #A9A59E;
    --halftone:   transparent;
  }
}
html[data-skin="editorial"][data-theme="dark"]{
  --ground:     #121212;
  --paper:      #1A1A1A;
  --paper-2:    #202020;
  --ink:        #F0EDE6;
  --ink-2:      #C9C5BD;
  --ink-3:      #9A968E;
  --rule:       #3A3936;
  --rule-soft:  #2A2927;
  --stamp:      #F0776C;
  --stamp-hi:   #F68C82;
  --stamp-ink:  #160B0A;
  --field-a:    #262524;
  --field-b:    #0A0A0A;
  --field-ink:  #EEEBE4;
  --field-mute: #9D9A93;
  --bar:        #121212;
  --state-2:    #93AECB;
  --bar-ink:    #A9A59E;
  --halftone:   transparent;
}

/* ============================================================
   2. COMPONENTS
   ============================================================ */
html[data-skin="editorial"] body{ font-size:17.5px; line-height:1.6; }
html[data-skin="editorial"] body::before{ display:none; }   /* no newsprint grain */

html[data-skin="editorial"] h1,
html[data-skin="editorial"] h2,
html[data-skin="editorial"] h3,
html[data-skin="editorial"] h4{ font-weight:700; letter-spacing:-.005em; line-height:1.12; }

/* type roles: kickers in small, tracked sans */
html[data-skin="editorial"] .eyebrow{
  font-family:var(--sans); font-size:11.5px; font-weight:700;
  letter-spacing:.12em; color:var(--stamp);
}
html[data-skin="editorial"] .meta{ font-family:var(--sans); font-size:12.5px; letter-spacing:.01em; }
html[data-skin="editorial"] .hero-lede,
html[data-skin="editorial"] .featured-body p,
html[data-skin="editorial"] .post p,
html[data-skin="editorial"] .panel p,
html[data-skin="editorial"] .arch p,
html[data-skin="editorial"] .about-body p,
html[data-skin="editorial"] .brief p,
html[data-skin="editorial"] .desk p,
html[data-skin="editorial"] .sector p,
html[data-skin="editorial"] .plate-spec > p,
html[data-skin="editorial"] .art-text,
html[data-skin="editorial"] .foot-brand p{ font-weight:400; }
html[data-skin="editorial"] .hero-lede{ color:var(--ink-2); line-height:1.55; }

/* ---------- utility bar: a quiet dateline ---------- */
html[data-skin="editorial"] .utility{
  font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.1em;
  border-bottom:1px solid var(--rule-soft);
}
html[data-skin="editorial"] .utility .shell{ min-height:32px; }
html[data-skin="editorial"] .dot{ background:var(--stamp); box-shadow:none; }

/* ---------- masthead: centred nameplate over a ruled section nav ---------- */
html[data-skin="editorial"] .masthead{
  background:var(--ground);
  border-bottom:0;
  box-shadow:0 1px 0 var(--ink), 0 4px 0 -1px var(--ground), 0 4px 0 0 var(--ink);  /* thin double rule */
}
html[data-skin="editorial"] .masthead.is-stuck{
  box-shadow:0 1px 0 var(--ink), 0 4px 0 -1px var(--ground), 0 4px 0 0 var(--ink), 0 14px 28px -24px rgba(0,0,0,.6);
}
html[data-skin="editorial"] .brand-logo{ filter:none; }
html[data-skin="editorial"] .brand .wordmark{ gap:4px; }
html[data-skin="editorial"] .brand .wordmark b{
  font-family:var(--display); font-weight:900; font-size:30px;
  letter-spacing:.04em; line-height:.95;
}
html[data-skin="editorial"] .wordmark small{
  font-family:var(--display); font-style:italic; font-size:13.5px;
  letter-spacing:.01em; color:var(--ink-2);
}
html[data-skin="editorial"] .nav a{
  font-family:var(--sans); font-size:13px; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; color:var(--ink-2);
}
html[data-skin="editorial"] .nav a::after{ height:2px; bottom:-1px; background:var(--ink); }
html[data-skin="editorial"] .nav a[aria-current="page"]{ color:var(--ink); }

@media (min-width:901px){
  html[data-skin="editorial"] .masthead .shell{
    display:grid; grid-template-columns:1fr auto 1fr; grid-template-rows:auto auto;
    align-items:center; column-gap:var(--s3); row-gap:0; min-height:0;
  }
  html[data-skin="editorial"] .brand{
    grid-column:2; grid-row:1; justify-self:center;
    padding-block:18px 14px; gap:16px;
  }
  html[data-skin="editorial"] .brand-logo{ width:58px; }
  html[data-skin="editorial"] .brand .wordmark b{ font-size:44px; }
  html[data-skin="editorial"] .theme-switch{ grid-column:3; grid-row:1; justify-self:end; margin-left:0; }
  html[data-skin="editorial"] .masthead .nav{
    grid-column:1 / -1; grid-row:2; justify-self:stretch; justify-content:center;
    margin-left:0; gap:clamp(18px,2.4vw,34px);
    border-top:1px solid var(--rule); padding-block:10px;
  }
  /* the stuck header folds the nameplate down to save room */
  html[data-skin="editorial"] .masthead.is-stuck .brand{ padding-block:10px 8px; }
  html[data-skin="editorial"] .masthead.is-stuck .brand-logo{ width:40px; }
  html[data-skin="editorial"] .masthead.is-stuck .brand .wordmark b{ font-size:32px; }
  html[data-skin="editorial"] .masthead.is-stuck .wordmark small{ display:none; }
}

/* theme switch: square, hairline */
html[data-skin="editorial"] .theme-switch{ border-radius:0; background:transparent; border-color:var(--rule); }
html[data-skin="editorial"] .theme-switch button{ border-radius:0; font-family:var(--sans); font-weight:600; font-size:11px; }

/* drawer */
html[data-skin="editorial"] .drawer{ background:var(--ground); }
html[data-skin="editorial"] .drawer a{ font-weight:600; font-size:21px; }

/* ---------- buttons: ink first, accent on hover ---------- */
html[data-skin="editorial"] .btn{ font-family:var(--sans); font-weight:600; font-size:13.5px; letter-spacing:.03em; border-radius:0; }
html[data-skin="editorial"] .btn-solid,
html[data-skin="editorial"] .nav a.btn-solid{ background:var(--ink); color:var(--ground); }
html[data-skin="editorial"] .btn-solid:hover,
html[data-skin="editorial"] .nav a.btn-solid:hover{ background:var(--stamp); color:var(--stamp-ink); transform:none; }
html[data-skin="editorial"] .nav a.btn-solid{ font-family:var(--sans); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
html[data-skin="editorial"] .btn-ghost{ border-color:var(--ink); }
html[data-skin="editorial"] .btn-ghost:hover{ background:var(--ink); color:var(--ground); transform:none; }

/* ---------- ticker ---------- */
html[data-skin="editorial"] .ticker{ background:var(--ground); }
html[data-skin="editorial"] .ticker::after{ background:linear-gradient(90deg,var(--ground),transparent 6%,transparent 94%,var(--ground)); }
html[data-skin="editorial"] .ticker-item{ font-family:var(--body); font-size:14px; letter-spacing:0; }
html[data-skin="editorial"] .tag{ font-family:var(--sans); font-size:10.5px; letter-spacing:.12em; }

/* ---------- section heads: heavy-over-hairline rule ---------- */
html[data-skin="editorial"] .section-head{
  border-bottom:0;
  border-top:1px solid var(--ink);
  box-shadow:inset 0 3px 0 -2px var(--ground), inset 0 4px 0 -2px var(--ink);
  padding-top:16px; padding-bottom:0;
}
html[data-skin="editorial"] .section-head h2{ font-size:clamp(26px,3vw,36px); font-weight:800; letter-spacing:-.01em; }
html[data-skin="editorial"] .link-more{
  font-family:var(--sans); font-size:11.5px; font-weight:700; letter-spacing:.1em; color:var(--stamp);
}

/* ---------- global front: headline list + globe ---------- */
html[data-skin="editorial"] .global-news h2.global-title,
html[data-skin="editorial"] .global-news h1{ font-weight:800; letter-spacing:-.015em; line-height:1.04; }
html[data-skin="editorial"] .gn-list{ border-top:2px solid var(--ink); }
html[data-skin="editorial"] .gn-list li{ padding:15px 0 15px 46px; border-bottom-color:var(--rule); }
html[data-skin="editorial"] .gn-list li::before{
  font-family:var(--display); font-style:italic; font-weight:400;
  font-size:22px; line-height:1; top:15px; color:var(--stamp);
}
html[data-skin="editorial"] .gn-list li > a{ font-family:var(--display); font-weight:600; font-size:19.5px; line-height:1.25; }
html[data-skin="editorial"] .gn-list li > a:hover{ color:var(--ink); text-decoration-color:var(--stamp); text-decoration-thickness:1px; }
html[data-skin="editorial"] a.gn-src:hover{ color:var(--stamp); }
html[data-skin="editorial"] .gn-meta{ font-family:var(--sans); font-size:12px; letter-spacing:.02em; }
html[data-skin="editorial"] .gn-top li.gn-lead > a{ font-weight:800; font-size:clamp(24px,2.8vw,34px); line-height:1.12; }
html[data-skin="editorial"] .global{ border-bottom:0; }
html[data-skin="editorial"] .global-hint b{ color:var(--ink); }

/* globe palette: cream sea, ink-blue land, gold country boundaries; the
   country under the pointer turns gold with a brighter, heavier gold
   boundary. Look/sizes come from the admin (Site > Globe), whose colours,
   when set, beat these. */
html[data-skin="editorial"] [data-globe]{
  --g-sea:#EEE9DE; --g-land:#2E4A68; --g-desk:#A3141F;
  --g-border:#B8913A; --g-hover:#D4AF37; --g-hover-border:#F6D35B;
  --g-grid:#CDC1A9; --g-grid-w:.6;
  --g-limb:#B8913A; --g-limb-w:1; --g-ring:#A3141F; --g-arc:#A3141F;
}
@media (prefers-color-scheme: dark){
  html[data-skin="editorial"]:not([data-theme="light"]) [data-globe]{
    --g-sea:#151A21; --g-land:#5B7FA6; --g-desk:#F0776C;
    --g-border:#C9A247; --g-hover:#E2B93F; --g-hover-border:#FFE07A;
    --g-grid:#2A3340; --g-limb:#C9A247; --g-ring:#F0776C; --g-arc:#F0776C;
  }
}
html[data-skin="editorial"][data-theme="dark"] [data-globe]{
  --g-sea:#151A21; --g-land:#5B7FA6; --g-desk:#F0776C;
  --g-border:#C9A247; --g-hover:#E2B93F; --g-hover-border:#FFE07A;
  --g-grid:#2A3340; --g-limb:#C9A247; --g-ring:#F0776C; --g-arc:#F0776C;
}
html[data-skin="editorial"] .globe-tip i{ font-family:var(--sans); font-weight:700; }

html[data-skin="editorial"] .finder input,
html[data-skin="editorial"] .cn-filter,
html[data-skin="editorial"] .signup input{ font-family:var(--sans); background:var(--paper); border-radius:0; }
html[data-skin="editorial"] .channels-title{ font-weight:700; }
html[data-skin="editorial"] .channel{ background:transparent; border-radius:0; }
html[data-skin="editorial"] .channel b{ font-family:var(--body); font-weight:600; }
html[data-skin="editorial"] .channel span{ font-family:var(--sans); }
html[data-skin="editorial"] .channel:hover b{ color:var(--ink); text-decoration:underline; text-decoration-color:var(--stamp); }
html[data-skin="editorial"] .news-topics button[aria-pressed="true"],
html[data-skin="editorial"] .cn-dir a.is-here{ background:var(--ink); color:var(--ground); }

/* ---------- cards: no boxes, picture over kicker over headline ---------- */
html[data-skin="editorial"] .reel-card,
html[data-skin="editorial"] .art-card{
  background:transparent; border:0; border-radius:0; overflow:visible;
}
html[data-skin="editorial"] .reel-card:hover,
html[data-skin="editorial"] .reel-card:focus-visible,
html[data-skin="editorial"] .art-card:hover,
html[data-skin="editorial"] .art-card:focus-visible{ border-color:transparent; transform:none; box-shadow:none; }
html[data-skin="editorial"] .reel-img,
html[data-skin="editorial"] .art-img{ background:var(--paper-2); }
html[data-skin="editorial"] .reel-body,
html[data-skin="editorial"] .art-body{ padding:12px 0 6px; gap:7px; }
html[data-skin="editorial"] .reel-src,
html[data-skin="editorial"] .art-src{ font-family:var(--sans); font-weight:700; font-size:10.5px; letter-spacing:.1em; }
html[data-skin="editorial"] .art-series,
html[data-skin="editorial"] .bento-series{ font-family:var(--sans); font-size:12px; font-style:italic; letter-spacing:0; margin-top:-3px; }
html[data-skin="editorial"] .reel-body h3,
html[data-skin="editorial"] .art-title{ font-family:var(--display); font-weight:700; font-size:19px; line-height:1.22; }
html[data-skin="editorial"] .reel-card:hover h3,
html[data-skin="editorial"] .art-card:hover .art-title{
  color:var(--ink); text-decoration:underline; text-decoration-thickness:1px;
  text-underline-offset:4px; text-decoration-color:var(--stamp);
}
html[data-skin="editorial"] .art-text{ font-size:15.5px; color:var(--ink-2); }
html[data-skin="editorial"] .art-grid{ column-gap:var(--s4); row-gap:var(--s4); }
html[data-skin="editorial"] .art-card.is-lead{
  border-bottom:1px solid var(--rule); padding-bottom:var(--s4); gap:var(--s4);
}
html[data-skin="editorial"] .art-card.is-lead .art-body{ padding:0; }
@media (min-width:761px){ html[data-skin="editorial"] .art-card.is-lead .art-img{ aspect-ratio:3/2; min-height:0; align-self:start; } }
html[data-skin="editorial"] .art-card.is-lead .art-title{ font-weight:800; font-size:clamp(28px,3vw,42px); line-height:1.08; }
html[data-skin="editorial"] .art-card.is-lead .art-text{ font-size:18px; }
html[data-skin="editorial"] .art-card.no-img{ border-top:0; }
html[data-skin="editorial"] .art-empty{ background:transparent; border-block:1px solid var(--rule); }
html[data-skin="editorial"] .art-ph{
  background:var(--paper-2); color:var(--ink-3);
  font-family:var(--display); font-style:italic; font-weight:700; font-size:22px;
}
html[data-skin="editorial"] .art-ph::before{ border-color:var(--rule); }
html[data-skin="editorial"] .reel-btn{ font-family:var(--sans); background:transparent; border-radius:0; }
html[data-skin="editorial"] .reel-img.is-broken::after{ font-style:italic; }

html[data-skin="editorial"] .cat-links a{ font-family:var(--sans); font-weight:600; background:transparent; border-radius:0; }
html[data-skin="editorial"] .cat-links a:hover,
html[data-skin="editorial"] .cat-links a:focus-visible{ background:var(--ink); color:var(--ground); border-color:var(--ink); }

/* ---------- hero, stats, panels ---------- */
html[data-skin="editorial"] .hero h1,
html[data-skin="editorial"] .def-hero h1,
html[data-skin="editorial"] .art-head h1,
html[data-skin="editorial"] .service-title,
html[data-skin="editorial"] .country h1,
html[data-skin="editorial"] .post-title{ font-weight:800; letter-spacing:-.02em; }
html[data-skin="editorial"] .stats{
  background:transparent; border:0;
  border-top:1px solid var(--ink); border-bottom:1px solid var(--rule);
}
html[data-skin="editorial"] .stat{ border-right-color:var(--rule); }
html[data-skin="editorial"] .stat:hover{ background:transparent; }
html[data-skin="editorial"] .stat b{ color:var(--ink); font-weight:700; font-variant-numeric:lining-nums tabular-nums; }
html[data-skin="editorial"] .stat span{ font-family:var(--sans); font-weight:600; letter-spacing:.1em; }

html[data-skin="editorial"] .stampbox{ font-family:var(--sans); font-weight:700; letter-spacing:.12em; padding:6px 11px; }
html[data-skin="editorial"] .hero-panel p{ font-family:var(--body); font-size:15px; line-height:1.6; }

html[data-skin="editorial"] .featured,
html[data-skin="editorial"] .about{ background:transparent; border:0; border-top:1px solid var(--ink); border-bottom:1px solid var(--rule); }
html[data-skin="editorial"] .featured-body,
html[data-skin="editorial"] .about-body{ padding-inline:var(--s4) 0; }
html[data-skin="editorial"] .featured-body h3,
html[data-skin="editorial"] .about-body h3{ font-weight:800; }
@media (max-width:900px){
  html[data-skin="editorial"] .featured-body,
  html[data-skin="editorial"] .about-body{ padding-inline:0; }
}

/* grids of hairline cells */
html[data-skin="editorial"] .posts,
html[data-skin="editorial"] .desks{ background:var(--rule); border:0; border-block:1px solid var(--rule); }
html[data-skin="editorial"] .post,
html[data-skin="editorial"] .desk{ background:var(--ground); }
html[data-skin="editorial"] .post:hover,
html[data-skin="editorial"] .desk:hover{ background:var(--paper-2); }
html[data-skin="editorial"] .post::before{ height:2px; }
html[data-skin="editorial"] .post:hover h4{ color:var(--ink); text-decoration:underline; text-decoration-color:var(--stamp); text-underline-offset:3px; text-decoration-thickness:1px; }
html[data-skin="editorial"] .post-foot{ font-family:var(--sans); }
html[data-skin="editorial"] .desk .num{ font-family:var(--display); font-style:italic; font-size:16px; letter-spacing:0; }
html[data-skin="editorial"] .desk h4{ font-size:18px; }

html[data-skin="editorial"] .panel,
html[data-skin="editorial"] .sector,
html[data-skin="editorial"] .orbat,
html[data-skin="editorial"] .stations{ background:transparent; border-color:var(--rule); }
html[data-skin="editorial"] .panel{ border:0; border-top:2px solid var(--ink); padding:var(--s3) 0 0; }
html[data-skin="editorial"] .sectors .sector{ border:0; border-top:2px solid var(--ink); padding:var(--s3) 0 0; }
html[data-skin="editorial"] .orbat .sector{ border:0; padding:0; background:transparent; font-family:var(--sans); }
html[data-skin="editorial"] .sector-tags li{ font-family:var(--sans); font-weight:600; }
html[data-skin="editorial"] .conf-bar,
html[data-skin="editorial"] .gauge .track{ height:4px; }
html[data-skin="editorial"] .conf-bar i{ background:var(--ink); }
html[data-skin="editorial"] .conf-bar.mid i{ background:var(--state-2); }
html[data-skin="editorial"] .conf-bar.low i{ background:var(--ink-3); }

html[data-skin="editorial"] .arch{ border-top:2px solid var(--ink); }
html[data-skin="editorial"] .arch:hover{ border-color:var(--stamp); }

html[data-skin="editorial"] .brief{
  background:var(--paper-2); border:0; border-top:4px double var(--ink);
}

/* tabs: ink-selected */
html[data-skin="editorial"] .tabs{ border-color:var(--ink); }
html[data-skin="editorial"] .tab{ font-family:var(--sans); font-weight:600; border-right-color:var(--ink); }
html[data-skin="editorial"] .tab[aria-selected="true"]{ background:var(--ink); color:var(--ground); }
html[data-skin="editorial"] .plate{ background:var(--rule); border-color:var(--rule); }
html[data-skin="editorial"] .plate-art{ margin:0; }
html[data-skin="editorial"] .plate-spec{ background:var(--ground); }
html[data-skin="editorial"] .spec-list dt,
html[data-skin="editorial"] .spec-list dd{ font-family:var(--sans); }
html[data-skin="editorial"] .station b{ font-weight:700; }
html[data-skin="editorial"] .station .co,
html[data-skin="editorial"] .station .desc{ font-family:var(--sans); }

/* defence page */
html[data-skin="editorial"] .def-tabs{
  background:color-mix(in srgb, var(--ground) 94%, transparent);
  border-top:1px solid var(--ink); border-bottom:1px solid var(--rule);
}
html[data-skin="editorial"] .def-tabs a{ font-family:var(--sans); font-weight:600; font-size:12px; letter-spacing:.08em; }
html[data-skin="editorial"] .def-tabs a[aria-current="true"],
html[data-skin="editorial"] .def-tabs a[aria-current="page"]{ color:var(--ink); border-bottom-color:var(--stamp); }
html[data-skin="editorial"] .def-tile{
  background:transparent; border:0; border-top:1px solid var(--rule); border-left:0; padding:16px 4px;
}
html[data-skin="editorial"] .def-tiles .def-tile:first-child{ border-top:2px solid var(--ink); }
html[data-skin="editorial"] .def-tile:hover,
html[data-skin="editorial"] .def-tile:focus-visible{ background:transparent; transform:none; }
html[data-skin="editorial"] .def-tile:hover .def-tile-name{ text-decoration:underline; text-decoration-color:var(--stamp); text-decoration-thickness:1px; text-underline-offset:4px; }
html[data-skin="editorial"] .def-tile-name{ font-weight:800; font-size:26px; }
html[data-skin="editorial"] .def-tile-fig{ font-family:var(--sans); font-weight:500; }
html[data-skin="editorial"] .service{ border-top:4px double var(--ink); }

/* ---------- single article ---------- */
html[data-skin="editorial"] .post-title{ font-size:clamp(34px,5.2vw,60px); line-height:1.05; }
html[data-skin="editorial"] .post-summary{ font-family:var(--body); font-style:italic; font-size:21px; line-height:1.45; color:var(--ink-2); }
html[data-skin="editorial"] .post-byline{ font-family:var(--sans); border-top:1px solid var(--ink); }
html[data-skin="editorial"] .post-body{ font-size:19.5px; line-height:1.72; }
html[data-skin="editorial"] .post:not(.is-missing) .post-body > p:first-child::first-letter{
  float:left; font-family:var(--display); font-weight:700;
  font-size:4.1em; line-height:.82; padding:6px 10px 0 0; color:var(--ink);
}
html[data-skin="editorial"] .post-more{ border-top:4px double var(--ink); }

/* ---------- banner ---------- */
html[data-skin="editorial"] .ndf-banner{ background:var(--ground); }
html[data-skin="editorial"] .ndf-banner-tag{ font-family:var(--sans); font-weight:700; }

/* ---------- footer ---------- */
html[data-skin="editorial"] .footer{ background:var(--ground); border-top:4px double var(--ink); }
html[data-skin="editorial"] .foot-brand b{ font-weight:900; letter-spacing:.03em; }
html[data-skin="editorial"] .foot-brand small{ font-family:var(--display); font-style:italic; font-size:14px; color:var(--ink-2); }
html[data-skin="editorial"] .foot-col h5{ font-family:var(--sans); font-weight:700; color:var(--ink); letter-spacing:.12em; }
html[data-skin="editorial"] .foot-col a::before{ content:none; }
html[data-skin="editorial"] .foot-col a:hover{ text-decoration:underline; text-decoration-color:var(--stamp); text-underline-offset:3px; padding-left:0; }
html[data-skin="editorial"] .colophon{ font-family:var(--sans); letter-spacing:.1em; border-top-color:var(--ink); }
html[data-skin="editorial"] .theme-toggle{ font-family:var(--sans); }
html[data-skin="editorial"] .progress{ background:var(--stamp); height:2px; }
html[data-skin="editorial"] .reel{ -webkit-mask-image:none; mask-image:none; }

/* the single article shares the .post class with grid cards: undo the card bits */
html[data-skin="editorial"] #post,
html[data-skin="editorial"] #post:hover{ background:transparent; }
html[data-skin="editorial"] #post::before{ display:none; }
html[data-skin="editorial"] #post .post-body p{ font-size:inherit; color:var(--ink); }
html[data-skin="editorial"] #post .post-body .post-notes p{ color:var(--ink-2); }
html[data-skin="editorial"] #post .post-body .post-notes > h2{ font-weight:500; }
html[data-skin="editorial"] #post .post-body h2{ font-weight:800; }

html[data-skin="editorial"] .panel-cap{ font-family:var(--sans); }

/* ---------- newsroom v2: header actions, highlights, socials ---------- */
@media (min-width:901px){
  html[data-skin="editorial"] .mast-actions{ grid-column:1; grid-row:1; justify-self:start; margin-left:0; }
  html[data-skin="editorial"] .nl-panel{ right:auto; left:0; }
  html[data-skin="editorial"] .nl-panel::before{ right:auto; left:28px; }
}
html[data-skin="editorial"] .mast-signin{ font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
html[data-skin="editorial"] .nl-toggle{ font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
html[data-skin="editorial"] .nl-panel{ border-radius:0; background:var(--ground); }
html[data-skin="editorial"] .nl-row input{ font-family:var(--sans); background:var(--paper); border-radius:0; }
html[data-skin="editorial"] .nl-note,
html[data-skin="editorial"] .dw-nl .nl-label,
html[data-skin="editorial"] .social-rail-label{ font-family:var(--sans); }
html[data-skin="editorial"] .social-rail{ background:var(--ground); }
html[data-skin="editorial"] .hl-head{ border-bottom:0; border-top:1px solid var(--ink); box-shadow:inset 0 3px 0 -2px var(--ground), inset 0 4px 0 -2px var(--ink); padding:12px 0 0; }
html[data-skin="editorial"] .hl-title{ font-weight:800; }
html[data-skin="editorial"] .hl-src{ font-family:var(--sans); font-weight:700; color:var(--stamp); letter-spacing:.1em; }
html[data-skin="editorial"] .hl-num{ font-family:var(--display); font-style:italic; }
html[data-skin="editorial"] .hl-note{ font-family:var(--body); }