/* 54gist reader site. Loaded only on the news domain, after app.css.
   Adire indigo + turmeric; Bricolage Grotesque for headlines and interface, Literata for reading. */
.news{
  --indigo:#23306B; --indigo-2:#1A2453; --turmeric:#F2B300; --turmeric-soft:#FFF4D1;
  --paper:#FFFFFF; --mist:#ECEFF8; --ink:#1C2140; --graphite:#555B78; --rule:#D9DDEA; --signal:#D7263D;
  --pen:var(--indigo); --pen-soft:var(--mist);
  --serif:"Literata",Georgia,"Times New Roman",serif;
  --sans:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Bricolage Grotesque",system-ui,sans-serif;
  --wrap:1200px;
}
body.news{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans)}
.news h1,.news h2,.news h3,.news h4{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.08}
.news a:hover{color:var(--indigo)}
.news :focus-visible{outline:3px solid var(--turmeric);outline-offset:2px}

/* Masthead */
.nx-mast{background:var(--indigo);color:#fff}
.nx-mast-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:12px}
.nx-logo{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#fff}
.nx-logo:hover{color:#fff}
.nx-bubble{position:relative;display:inline-grid;place-items:center;min-width:52px;height:40px;padding:0 9px;background:var(--turmeric);color:var(--indigo);
  font:800 1.55rem/1 var(--display);letter-spacing:-.04em;border-radius:12px 12px 12px 3px}
.nx-bubble::after{content:"";position:absolute;left:6px;bottom:-9px;border-width:10px 10px 0 0;border-style:solid;border-color:var(--turmeric) transparent transparent transparent}
.nx-bubble.sm{min-width:38px;height:26px;font-size:.85rem;border-radius:8px 8px 8px 2px;padding:0 6px;margin-right:6px;vertical-align:.12em}
.nx-bubble.sm::after{left:4px;bottom:-6px;border-width:7px 7px 0 0}
.nx-word{font:800 2.05rem/1 var(--display);letter-spacing:-.05em}
.nx-search input{width:min(260px,40vw);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:999px;padding:9px 16px;font:500 .95rem var(--sans)}
.nx-search input::placeholder{color:rgba(255,255,255,.7)}
.nx-search input:focus{background:#fff;color:var(--ink);outline:none}
.nx-sections{background:var(--indigo-2);border-top:1px solid rgba(255,255,255,.08)}
.nx-sections .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nx-sections .wrap::-webkit-scrollbar{display:none}
.nx-sections a{flex:none;color:rgba(255,255,255,.82);text-decoration:none;font:600 .93rem var(--sans);padding:11px 12px;border-bottom:3px solid transparent}
.nx-sections a:hover{color:#fff}
.nx-sections a[aria-current="page"]{color:#fff;border-bottom-color:var(--turmeric)}
.nx-preview{background:var(--turmeric-soft);color:#5C4300;font-size:.88rem;padding:8px 0}

/* Home: lead + 60 seconds */
.nx-home{padding-top:28px;padding-bottom:64px}
.nx-top{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:36px;align-items:start}
.nx-lead-img img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.nx-sec{display:inline-block;margin:14px 0 6px;color:var(--indigo);font:700 .9rem var(--sans);text-decoration:none}
.nx-sec:hover{text-decoration:underline}
.nx-lead h1{font-size:clamp(2rem,4.2vw,3.25rem);margin:0 0 12px}
.nx-lead h1 a,.nx-big h3 a,.nx-list a,.nx-quick li a,.nx-popular a{text-decoration:none}
.nx-lead h1 a:hover,.nx-big h3 a:hover,.nx-list a:hover,.nx-quick li a:hover,.nx-popular a:hover{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--turmeric)}
.nx-dek{font:400 1.18rem/1.55 var(--serif);color:var(--graphite);max-width:40em}
.nx-time{color:var(--graphite);font-size:.84rem;margin:6px 0 0}
.nx-quick{background:var(--mist);border-radius:6px;padding:22px 22px 18px}
.nx-quick h2{font-size:1.3rem;margin:0 0 14px;display:flex;align-items:center}
.nx-quick ul{list-style:none;margin:0;padding:0}
.nx-quick li{padding:12px 0;border-top:1px solid var(--rule)}
.nx-quick li:first-child{border-top:0;padding-top:4px}
.nx-quick li a{display:block;font:700 1.04rem/1.3 var(--display);letter-spacing:-.01em}
.nx-quick li span{display:block;color:var(--graphite);font-size:.8rem;margin-top:4px}
.nx-more{display:inline-block;margin-top:10px;font-weight:700;color:var(--indigo)}

/* Section rows */
.nx-row{margin-top:44px;padding-top:18px;border-top:3px solid var(--indigo)}
.nx-row > h2{font-size:1.55rem;margin:0 0 16px}
.nx-row > h2 a{text-decoration:none}
.nx-row > h2 a:hover{color:var(--indigo)}
.nx-row-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
.nx-big img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:12px}
.nx-big h3{font-size:1.5rem;margin:0 0 8px}
.nx-big p{font:400 1.02rem/1.55 var(--serif);color:var(--graphite);margin:0}
.nx-list{list-style:none;margin:0;padding:0}
.nx-list li{padding:14px 0;border-bottom:1px solid var(--rule)}
.nx-list li:first-child{padding-top:0}
.nx-list a{display:block;font:700 1.12rem/1.3 var(--display);letter-spacing:-.01em}

/* Most read */
.nx-popular{margin-top:48px;background:var(--indigo);color:#fff;border-radius:6px;padding:26px 28px}
.nx-popular h2{font-size:1.4rem;margin:0 0 14px;color:#fff}
.nx-popular ol{margin:0;padding:0;list-style:none;counter-reset:pop;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.nx-popular li{counter-increment:pop;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.nx-popular li::before{content:counter(pop);font:800 2rem/1 var(--display);color:var(--turmeric)}
.nx-popular a{color:#fff;font:600 1rem/1.35 var(--display)}
.nx-popular a:hover{color:#fff}

.nx-write{margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid var(--rule)}
.nx-write p{margin:0;max-width:44em}
.nx-btn{display:inline-block;background:var(--turmeric);color:var(--indigo);font:800 .98rem var(--sans);text-decoration:none;padding:11px 18px;border-radius:999px}
.nx-btn:hover{background:#FFC61A;color:var(--indigo)}
.nx-empty{padding:80px 0;text-align:center}

/* Shared reader pages (articles, sections, search, writers) in the 54gist look */
.news .page-head h1{font-size:clamp(2rem,4vw,3rem)}
.news .cat-link{color:var(--indigo);font-family:var(--sans);font-weight:700;text-transform:none;letter-spacing:0}
.news .article-head h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.news .standfirst{font-family:var(--serif)}
.news .prose{font-family:var(--serif);font-size:1.1rem;line-height:1.75}
.news .prose h2,.news .prose h3{font-family:var(--display)}
.news .prose a{color:var(--indigo)}
.news .story h3{font-family:var(--display);font-weight:700}
.news .story p{font-family:var(--serif)}
.news .badge{background:var(--mist);color:var(--indigo)}
.news .btn{background:var(--indigo);border-color:var(--indigo);border-radius:999px}
.news .btn.ghost{background:transparent;color:var(--indigo)}
.news .aside-box h4{font-family:var(--display)}
.news .share a{border-radius:999px}

/* Footer */
.nx-foot{background:var(--indigo-2);color:rgba(255,255,255,.82);margin-top:56px;padding:44px 0 22px}
.nx-foot-in{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:32px}
.nx-foot-brand p{margin-top:16px;max-width:30em;font-size:.95rem}
.nx-foot h2{color:#fff;font-size:1rem;margin:0 0 10px}
.nx-foot nav a{display:block;color:rgba(255,255,255,.82);text-decoration:none;padding:4px 0;font-size:.94rem}
.nx-foot a:hover{color:#fff;text-decoration:underline}
.nx-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:.84rem}
.nx-legal a{color:#fff}

@media (max-width:860px){
  .nx-top,.nx-row-grid{grid-template-columns:1fr}
  .nx-foot-in{grid-template-columns:1fr 1fr}
  .nx-foot-brand{grid-column:1/-1}
}
@media (max-width:520px){
  .nx-mast-in{flex-wrap:wrap}
  .nx-search{width:100%}
  .nx-search input{width:100%}
  .nx-word{font-size:1.8rem}
  .nx-popular{padding:22px 18px}
}