/* The Daily — international wire desk. Newsreader + Archivo over warm
   paper, vermilion accents, classic double rules, night edition. */
:root{
  --paper:#f8f3ea; --paper-2:#f2ebdd; --card:#fffdf8;
  --ink:#1d1814; --soft:#5f564c; --faint:#94897c;
  --line:#d9cdba; --hair:#e8dfd0; --rule:#1d1814;
  --verm:#c8361f; --verm-d:#a52914; --verm-soft:#f4d9d2;
  --wire:#6b7280; --left:#2563eb; --right:#c0392b; --public:#7c3aed;
  --center:#0e7490; --business:#b45309; --tabloid:#be185d;
  --serif:'Newsreader',Georgia,'Iowan Old Style','Hiragino Mincho ProN','Yu Mincho','Noto Serif CJK TC',serif;
  --sans:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang TC','Hiragino Sans','Microsoft JhengHei','Noto Sans CJK',sans-serif;
  --w:1120px;
  --shadow:0 1px 2px rgba(29,24,20,.04),0 8px 28px -12px rgba(29,24,20,.14);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;
  background-image:radial-gradient(ellipse at 50% -20%,var(--paper-2),transparent 70%)}
/* paper grain */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
::selection{background:var(--verm);color:#fff}

/* ── masthead ── */
.mast{max-width:var(--w);margin:0 auto;padding:0 24px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 2px;
  border-bottom:1px solid var(--hair);font-size:11.5px;letter-spacing:.08em;color:var(--faint)}
.tb-date{font-variant-numeric:tabular-nums;text-transform:uppercase;white-space:nowrap;flex:none}
.lngs{display:flex;gap:1px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:640px){
  .lngs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;
    mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
  .lngs::-webkit-scrollbar{display:none}
  .lng{flex:none}
}
.lng{font-size:11px;font-weight:600;color:var(--soft);text-decoration:none;padding:3px 7px;border-radius:3px;transition:all .15s}
.lng:hover{background:var(--verm-soft);color:var(--verm-d)}
.lng.on{color:#fff;background:var(--verm)}
.nameplate{text-align:center;padding:26px 0 16px;border-bottom:4px double var(--rule);position:relative}
.nameplate::after{content:'';position:absolute;left:0;right:0;bottom:-7px;border-bottom:1px solid var(--rule)}
.wordmark{font-family:var(--serif);font-optical-sizing:auto;font-weight:800;font-size:clamp(40px,7vw,58px);
  letter-spacing:-.025em;text-decoration:none;line-height:1;display:inline-block}
.wordmark .dot{color:var(--verm)}
.tag{margin:8px 0 0;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}

main{max-width:var(--w);margin:0 auto;padding:10px 24px 80px}

/* ── lede ── */
.lede{padding:30px 0 8px;text-align:center}
.lede h1{font-family:var(--serif);font-size:clamp(24px,3.6vw,32px);font-weight:600;letter-spacing:-.01em;margin:0 0 6px}
.lede .sub{color:var(--faint);font-size:12.5px;margin:0;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.lede .flag{font-size:.85em}

/* ── nav row: country tabs + search, the working toolbar of the site ── */
.navrow{display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid var(--line);padding:4px 0 0}
.cnav-spacer{flex:1}
/* Desktop: WRAP — all countries always visible (15 tabs ≈ 1160px > the
   container; hiding 4 of them behind an affordance-less scroll was a
   measured, screenshotted bug). Mobile: horizontal scroll with a fade hint. */
.cnav{flex:1;display:flex;flex-wrap:wrap;gap:0}
.cnav a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:12px;font-weight:600;flex:none;
  letter-spacing:.04em;color:var(--soft);padding:10px 12px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}
.cnav a:hover{color:var(--verm-d);border-bottom-color:var(--verm)}
.cnav a.on{color:var(--verm-d);border-bottom-color:var(--verm);font-weight:800}
.cnav .flag{font-size:14px}

/* ── search ── */
.sbox{display:flex;flex:none;align-items:center}
.sbox input{font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--card);
  border:1px solid var(--line);border-radius:99px;padding:7px 14px 7px 34px;width:170px;outline:none;
  transition:all .2s cubic-bezier(.2,.7,.3,1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394897c' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:13px center}
.sbox input:focus{border-color:var(--verm);width:230px;box-shadow:0 0 0 3px var(--verm-soft)}
.sbox input::placeholder{color:var(--faint)}
@media(max-width:640px){
  .navrow{flex-wrap:wrap;gap:0}
  .cnav{flex-basis:100%;order:2;border-top:1px solid var(--hair);
    flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
  .cnav::-webkit-scrollbar{display:none}
  .cnav a{flex:none}
  .sbox{flex:1;order:1;padding:8px 0}
  .sbox input{width:100%}
  .sbox input:focus{width:100%}
}
.sbox-page{margin:14px auto 30px;max-width:560px;gap:10px;width:100%}
.sbox-page input{flex:1;min-width:0;font-size:16px;padding:12px 18px 12px 44px;background-position:17px center;border-radius:99px}
.sbox-page input:focus{width:auto}
.sbox-page button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;
  color:#fff;background:var(--verm);border:0;border-radius:50%;cursor:pointer;transition:background .15s,transform .15s}
.sbox-page button:hover{background:var(--verm-d);transform:scale(1.05)}
.arow-date{margin-left:auto;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums;flex:none}
.noresults{text-align:center;color:var(--faint);padding:40px 0;font-size:15px}

/* ── breadcrumbs ── */
.crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 2px 0;
  font-size:11.5px;letter-spacing:.05em;color:var(--faint)}
.crumbs a{color:var(--soft);text-decoration:none;text-transform:uppercase;font-weight:600;transition:color .15s}
.crumbs a:hover{color:var(--verm-d)}
.crumbs .csep{color:var(--line)}
.crumbs .cur{color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(46ch,62vw)}

/* ── archive months strip ── */
.months{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;padding:2px 0 10px}
.months-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin-right:4px}
.months a{text-decoration:none;font-size:12px;font-weight:600;color:var(--soft);font-variant-numeric:tabular-nums;
  padding:3px 11px;border:1px solid var(--line);border-radius:99px;background:var(--card);transition:all .15s}
.months a:hover{color:var(--verm-d);border-color:var(--verm)}

/* ── related (more from country) ── */
.related{max-width:720px;margin:46px auto 0;padding-top:6px}
.related .sec-head h2 a{text-decoration:none}
.related .item:first-of-type{border-top:0}
.related-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.related-cta .more{margin-top:8px}
.more-ghost{border-color:var(--line);color:var(--soft)}
.more-ghost:hover{background:var(--paper-2);color:var(--verm-d);border-color:var(--verm)}

/* ── sections ── */
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sec{padding-top:26px;margin-top:20px;animation:rise .55s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--d,0)*70ms)}
@media (prefers-reduced-motion: reduce){.sec{animation:none}}
.sec-head{display:flex;align-items:center;gap:10px;margin:0 0 18px}
.sec-head .flag{font-size:18px}
.sec-head h2{font-size:13.5px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin:0;white-space:nowrap}
.sec-head h2 a{text-decoration:none;transition:color .15s}
.sec-head h2 a:hover{color:var(--verm-d)}
.sec-head .sec-date{font-size:11px;color:var(--faint);letter-spacing:.05em;white-space:nowrap;font-variant-numeric:tabular-nums}
.sec-head .rule{flex:1;height:1px;background:var(--rule);position:relative}
.sec-head .rule::before{content:'';position:absolute;left:0;right:0;top:-3px;border-top:3px solid var(--rule)}
.sec-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:0}
.sec-lead{padding-right:30px;border-right:1px solid var(--hair)}
.sec-more{display:flex;flex-direction:column;padding-left:30px}
@media(max-width:780px){
  .sec-grid{grid-template-columns:1fr}
  .sec-lead{padding-right:0;border-right:0}
  .sec-more{padding-left:0;margin-top:8px}
}
/* hero: the first section leads the page */
.home .sec:first-of-type .lead-hl{font-size:clamp(28px,4.4vw,42px)}
.home .sec:first-of-type .lead-img{aspect-ratio:21/10}

/* ── kicker / source chips ── */
.kicker{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--verm-d)}
.kicker.sm{font-size:9.5px}
.srcline{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px}
.src{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--soft);
  padding:2.5px 8px 2.5px 6px;border:1px solid var(--line);border-radius:99px;background:var(--card);white-space:nowrap}
.src em{font-style:normal;font-weight:500;color:var(--faint);font-size:10px}
.src .ld{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}
.srcline.sm .src{font-size:10px;padding:1.5px 7px 1.5px 5px}
.srcline.sm .src em{display:none}
.ld-wire{background:var(--wire)}.ld-left{background:var(--left)}.ld-right{background:var(--right)}
.ld-public{background:var(--public)}.ld-center{background:var(--center)}
.ld-business{background:var(--business)}.ld-tabloid{background:var(--tabloid)}
.nsrc{font-size:11px;color:var(--faint)}

/* ── lead story ── */
.lead{display:block;text-decoration:none;padding-bottom:8px}
.lead-img{aspect-ratio:16/9;overflow:hidden;border-radius:3px;margin-bottom:16px;background:var(--hair);box-shadow:var(--shadow)}
.lead-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.lead:hover .lead-img img{transform:scale(1.025)}
.lead .kicker{margin-bottom:8px}
.lead-hl{font-family:var(--serif);font-optical-sizing:auto;font-weight:700;font-size:clamp(24px,3.2vw,31px);line-height:1.14;
  letter-spacing:-.018em;margin:0 0 10px;transition:color .15s}
.lead:hover .lead-hl{color:var(--verm-d)}
.lead-dek{font-family:var(--serif);color:var(--soft);font-size:16.5px;line-height:1.5;margin:0}
.lang-cjk .lead-hl{letter-spacing:0;line-height:1.3}
.lang-cjk .lead-dek{font-family:var(--sans);font-size:15px}

/* ── secondary list ── */
.item{display:flex;gap:14px;text-decoration:none;padding:15px 0;border-top:1px solid var(--hair)}
.sec-more .item:first-child{border-top:0;padding-top:2px}
@media(max-width:780px){.sec-more .item:first-child{border-top:1px solid var(--hair);padding-top:15px}}
.item-thumb{flex:0 0 92px;height:69px;overflow:hidden;border-radius:3px;background:var(--hair)}
.item-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.item:hover .item-thumb img{transform:scale(1.05)}
.item-txt{flex:1;min-width:0}
.item .kicker{margin-bottom:4px}
.item-hl{font-family:var(--serif);font-weight:600;font-size:17.5px;line-height:1.26;margin:3px 0 7px;transition:color .15s}
.item:hover .item-hl{color:var(--verm-d)}
.lang-cjk .item-hl{line-height:1.4}
.more{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;text-decoration:none;
  color:var(--verm-d);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;
  border:1.5px solid var(--verm);border-radius:99px;padding:9px 20px;transition:all .18s;align-self:flex-start}
.more:hover{background:var(--verm);color:#fff}
.more .arr{transition:transform .2s}
.more:hover .arr{transform:translateX(3px)}
@media(max-width:780px){.more{align-self:stretch}}

/* ── recent days river (country page) ── */
.recent{margin-top:34px}
.recent .aday{max-width:none;margin-left:0;margin-right:0;padding-top:14px}
.recent .aday-date{font-size:12px;border-bottom-width:2px}

/* ── archive ── */
.anav{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;padding:16px 0 4px}
.anav a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--verm-d);font-weight:700;
  font-size:11.5px;text-transform:uppercase;letter-spacing:.1em}
.anav a:hover{text-decoration:underline;text-underline-offset:3px}
.aday{padding-top:22px;margin-top:8px;max-width:760px;margin-left:auto;margin-right:auto}
.aday-date{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin:0 0 4px;
  padding-bottom:8px;border-bottom:3px solid var(--rule);font-variant-numeric:tabular-nums}
.arow{display:flex;gap:12px;align-items:baseline;text-decoration:none;padding:11px 2px;border-bottom:1px solid var(--hair)}
.arow .kicker{flex:0 0 auto;min-width:64px}
.arow-hl{font-family:var(--serif);font-weight:600;font-size:16.5px;line-height:1.3;transition:color .15s}
.arow:hover .arow-hl{color:var(--verm-d)}
@media(max-width:640px){
  .arow{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:baseline}
  .arow .kicker{min-width:0}
  .arow-hl{grid-column:1/-1}
  .arow-date{grid-column:2;justify-self:end;margin-left:0}
}

/* ── article ── */
.article main{max-width:720px}
.back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--verm-d);font-weight:700;font-size:11.5px;
  text-transform:uppercase;letter-spacing:.1em;margin:26px 0 18px}
.back:hover{text-decoration:underline;text-underline-offset:3px}
.art .kicker{display:block;margin-bottom:12px;font-size:12px}
.art-hl{font-family:var(--serif);font-optical-sizing:auto;font-weight:700;font-size:clamp(30px,5.4vw,44px);line-height:1.08;
  letter-spacing:-.022em;margin:0 0 16px}
.lang-cjk .art-hl{letter-spacing:0;line-height:1.25}
.art-dek{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.42;color:var(--soft);margin:0 0 18px}
.lang-cjk .art-dek{font-style:normal;font-family:var(--sans);font-size:17.5px}
.art-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;font-size:11.5px;color:var(--faint);
  text-transform:uppercase;letter-spacing:.08em;padding:13px 0;border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);
  margin-bottom:24px;font-variant-numeric:tabular-nums}
.art-meta .sep{color:var(--line)}
.art-hero{margin:6px 0 26px}
.art-hero img{width:100%;border-radius:3px;display:block;background:var(--hair);box-shadow:var(--shadow)}
.art-hero figcaption{font-size:11.5px;color:var(--faint);margin-top:9px;letter-spacing:.03em}
.art-hero a{color:var(--soft);text-decoration:underline;text-underline-offset:2px}
.art-body{font-family:var(--serif);font-size:18.5px;line-height:1.72}
.lang-cjk .art-body{font-family:var(--sans);font-size:17px;line-height:1.85}
.art-body p{margin:0 0 22px}
.art-body>p:first-of-type{font-size:19.5px}
body:not(.lang-cjk) .art-body>p:first-of-type::first-letter{
  font-family:var(--serif);font-weight:800;font-size:3.45em;line-height:.82;float:left;
  padding:.04em .09em 0 0;color:var(--verm)}
.art-src{margin-top:38px;padding:24px 26px;background:var(--card);border:1px solid var(--line);border-radius:4px;
  border-top:3px solid var(--verm);box-shadow:var(--shadow)}
.art-src h2{font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--soft);margin:0 0 16px}
.art-src ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.art-src li{display:flex;gap:10px;align-items:baseline;font-size:14.5px;flex-wrap:wrap}
.art-src li>a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);transition:all .15s}
.art-src li>a:hover{color:var(--verm-d);border-color:var(--verm)}
.disclaim{font-size:12.5px;color:var(--faint);margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--line);line-height:1.55}

/* ── footer ── */
.ft{max-width:var(--w);margin:0 auto;padding:0 24px 60px;color:var(--faint);font-size:12.5px;text-align:center}
.ft-rule{border-top:4px double var(--rule);margin-bottom:22px;position:relative}
.ft-brand{font-family:var(--serif);font-weight:800;font-size:21px;color:var(--ink);margin:0 0 8px}
.ft-brand .dot{color:var(--verm)}
.ft p{margin:5px auto;max-width:640px;line-height:1.6}
.ft-fine{letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;margin-top:14px}