/* =====================================================================
   News — page-specific styles (loaded after main.css)
   Two plain ruled lists (press releases; podcasts and interviews): date, headline or show, publisher or kind. The whole row is the link.
   ===================================================================== */
.nw-hero{padding-top:calc(var(--hdr) + clamp(3.6rem,10vh,7.5rem));padding-bottom:clamp(2.6rem,4.6vw,4.2rem)}
.nw-hero .d1{font-size:clamp(2.6rem,5.4vw,5.4rem)}
.nw-body{padding-top:0;padding-bottom:clamp(4.5rem,8vw,8rem)}
.nw-body::before{display:none}
/* the two lists' heads: the site's .d3 cut, sitting on each list's ink rule */
.nw-h{font-family:var(--f-serif);font-optical-sizing:auto;font-weight:460;font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.13;letter-spacing:-.015em;margin:0 0 clamp(1rem,1.5vw,1.4rem)}
.nw-h--next{margin-top:clamp(3.6rem,6.5vw,6rem)}
.nw-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.nw-it{border-bottom:1px solid var(--line)}
.nw-it a{
  display:grid;grid-template-columns:11.5rem minmax(0,1fr) auto;align-items:baseline;column-gap:clamp(1.4rem,3vw,3.4rem);
  padding-block:clamp(1.3rem,2vw,1.9rem);color:var(--ink);
}
.nw-it time{font-size:.98rem;color:var(--ink-soft);white-space:nowrap}
.nw-it__t{font-family:var(--f-serif);font-optical-sizing:auto;font-weight:460;font-size:clamp(1.2rem,1.6vw,1.6rem);line-height:1.25;letter-spacing:-.012em;max-width:46ch;text-wrap:pretty;transition:color .3s var(--ease)}
.nw-it__s{display:inline-flex;align-items:center;gap:.7rem;font-size:.98rem;color:var(--ink-soft);white-space:nowrap}
.nw-it .ic{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--ink);color:var(--ink);display:grid;place-items:center;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
.nw-it .ic svg{width:12px;height:12px}
.nw-it a:hover .nw-it__t{color:var(--teal)}
.nw-it a:hover .ic{background:var(--pine);border-color:var(--pine);color:var(--paper)}
.nw-it a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
@media (max-width:860px){
  .nw-it a{grid-template-columns:minmax(0,1fr) auto;row-gap:.45rem}
  .nw-it time{grid-column:1/-1}
  .nw-it__s{font-size:0;gap:0}
}