/* The Signal: tarkika.com/news */
.nmast{max-width:1320px;margin:0 auto;padding-top:112px}
.nmast .issue{display:flex;justify-content:space-between;gap:20px;font-size:13.5px;color:var(--ink-3);border-bottom:1px solid var(--ink);padding-bottom:12px}
.nmast .issue span:last-child{display:inline-flex;align-items:center;gap:8px}
.nmast .issue span:last-child::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(46,117,104,.5);animation:live 2.4s ease-out infinite}
@keyframes live{70%{box-shadow:0 0 0 8px rgba(46,117,104,0)}100%{box-shadow:0 0 0 0 rgba(46,117,104,0)}}
.nmast h1{font-weight:300;font-size:clamp(64px,12vw,200px);line-height:.84;letter-spacing:-.06em;font-variation-settings:"opsz" 72;margin-top:26px}
.dek{font-family:var(--serif);font-size:clamp(19px,1.7vw,23px);line-height:1.45;color:var(--ink-2);max-width:46ch;margin-top:20px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:36px}
.tabs button{border:1px solid var(--rule-2);background:none;border-radius:999px;height:40px;padding:0 16px;font:500 14px var(--sans);color:var(--ink-2);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.nwrap{max-width:1320px;margin:0 auto;padding-block:var(--sec-s) var(--sec)}
.ntag{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
/* the lead story */
.lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px 5vw;padding-bottom:var(--sec-s);border-bottom:1px solid var(--ink)}
.lead .lmeta{grid-column:1/-1;display:flex;gap:16px;align-items:baseline;font-size:14px;color:var(--ink-3)}
.lead h2{font-weight:350;font-size:clamp(34px,4.6vw,72px);line-height:.98;letter-spacing:-.035em;font-variation-settings:"opsz" 72;text-wrap:balance}
.lead h2 a:hover{color:var(--ink-2)}
.lbody{font-family:var(--serif);font-size:clamp(18px,1.4vw,20px);line-height:1.6;color:#2D2E3E;display:grid;gap:12px;align-content:start}
.lead .so{grid-column:2}
.lfoot{grid-column:1/-1;display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:6px}
.so{background:var(--sheet);border-top:2px solid var(--ochre);padding:18px 20px 20px;border-radius:0 0 10px 10px}
.sol{display:block;font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ochre);margin-bottom:6px}
.so p{font-family:var(--serif);font-size:clamp(18px,1.4vw,20px);line-height:1.5;color:var(--ink)}
.src{font:500 14.5px var(--sans);color:var(--ink-2);border-bottom:1px solid var(--rule-2);padding-bottom:2px}
.src:hover{color:var(--ink);border-color:var(--ink)}
/* the day's list */
.day{margin-top:var(--sec-s)}
.dh{display:flex;justify-content:space-between;align-items:baseline;font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--ink)}
.dh i{font-style:normal;font-weight:500;color:var(--ink-3);letter-spacing:0;text-transform:none}
.nrow{display:grid;grid-template-columns:130px minmax(0,1fr) 180px;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule);transition:padding .6s var(--ease)}
.nrow:hover{padding-left:12px}
.nrow[hidden]{display:none}
.nmain{display:grid;gap:6px}
.nh{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2vw,28px);line-height:1.15;letter-spacing:-.015em}
.nso{font-size:15px;color:var(--ink-2);line-height:1.5;max-width:70ch}
.nsrc{font-size:13.5px;color:var(--ink-3);text-align:right}
.nomatch{padding:40px 0;color:var(--ink-3)}
.empty{max-width:640px;padding-block:var(--sec-s)}
.empty h2{font-weight:350;font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-.03em;margin:14px 0 16px}
.empty p{font-family:var(--serif);font-size:19px;color:var(--ink-2);margin-bottom:24px}
/* a story page */
.story{max-width:760px;margin:0 auto;padding-top:112px;padding-bottom:var(--sec-s)}
.crumbs{display:flex;gap:10px;font:500 14px var(--sans);color:var(--ink-3)}
.crumbs a{color:var(--green)}
.story h1{font-weight:350;font-size:clamp(38px,5vw,70px);line-height:.98;letter-spacing:-.04em;font-variation-settings:"opsz" 72;margin:18px 0 20px;text-wrap:balance}
.byl{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:14px;color:var(--ink-3);padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sbody{font-family:var(--serif);font-size:clamp(19px,1.35vw,21px);line-height:1.68;color:#24253A;margin:28px 0;display:grid;gap:16px}
.sbody a{text-decoration:underline;text-underline-offset:3px}
.story .so{margin-bottom:28px}
.srcbig,.deeper{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:18px 20px;border-radius:14px;margin-top:12px;transition:transform .5s var(--ease)}
.srcbig{border:1px solid var(--rule-2);background:var(--sheet)}
.srcbig:hover,.deeper:hover{transform:translateY(-2px)}
.srcbig .k,.deeper .k{grid-column:1;font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.srcbig b,.deeper b{grid-column:1;font:500 19px var(--sans)}
.srcbig .u{grid-column:1;font-size:13.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srcbig .ar{grid-column:2;grid-row:1/4;align-self:center;font-size:22px}
.deeper{background:var(--ink);color:var(--paper)}
.deeper .k{color:var(--gold)}
.disc{margin-top:28px;font-size:14px;color:var(--ink-3);line-height:1.55}
.disc a{text-decoration:underline}
.more{max-width:1080px;margin:0 auto;padding-bottom:var(--sec)}
.mh{font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.more .tlink{display:inline-block;margin-top:24px}
@media(max-width:900px){
  .lead{grid-template-columns:1fr}.lead .so{grid-column:1}
  .nrow{grid-template-columns:1fr;gap:6px}.nsrc{text-align:left}
}
@media(max-width:760px){.nmast,.story{padding-top:96px}}
