/* Shared structure for kit-based publications. Identity (colours, type, shapes,
   ornaments) comes from each site's theme.css via these tokens:
   --bg --ink --muted --line --card --soft --acc --acc2 --on-acc --head-bg --head-ink --nav-bg --nav-ink
   --radius --shadow --h (headline font) --t (text font) --hw (headline weight) --wrap --reading */
:root{--bg:#fff;--ink:#161616;--muted:#666;--line:#e5e5e5;--card:#fff;--soft:#f5f5f5;--acc:#c00;--acc2:#111;--on-acc:#fff;--head-bg:#fff;--head-ink:var(--ink);--nav-bg:var(--acc2);--nav-ink:#fff;--radius:6px;--shadow:0 1px 3px #0000001a;--h:"Noto Sans Devanagari",system-ui,sans-serif;--t:"Noto Sans Devanagari",system-ui,sans-serif;--hw:700;--wrap:1220px;--reading:19px;--gap:20px}
body{background:var(--bg);color:var(--ink);font-family:var(--t);font-size:16px;line-height:1.58}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.k-wrap{max-width:var(--wrap);margin:0 auto;padding-left:16px;padding-right:16px}
.icon-button,.save-button{border-radius:50%;color:inherit}
/* header */
.k-head{background:var(--head-bg);color:var(--head-ink);position:sticky;top:0;z-index:50}
.k-head-in{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px}
.k-tools{display:flex;margin-left:auto}
.k-mark{display:inline-flex;align-items:baseline;gap:6px;line-height:1}
.k-mark b{font-family:var(--h);font-weight:var(--hw);font-size:34px}
.k-mark i{font-style:normal;font-family:var(--h);font-weight:var(--hw);font-size:22px}
.k-mark small{display:block;font-size:12px;font-weight:600;opacity:.8}
.k-tagline{margin:0;font-size:13.5px;opacity:.75}
.k-date{font-size:13px;opacity:.75}
.k-nav{background:var(--nav-bg);color:var(--nav-ink)}
.k-nav-in{display:flex;overflow-x:auto;scrollbar-width:none;gap:2px}
.k-nav-in::-webkit-scrollbar{display:none}
.k-nav a{white-space:nowrap;padding:9px 13px;font-weight:700;font-size:15px}
.k-nav a[aria-current],.k-nav a:hover{box-shadow:inset 0 -3px 0 var(--acc)}
.k-head-center .k-head-in{flex-direction:column;gap:4px;padding-top:14px}
.k-head-center .k-tools{position:absolute;right:16px;top:12px}
.k-head-center .k-wrap{position:relative}.k-head-center .k-nav-in{justify-content:center}
.k-head-center .k-mark b{font-size:clamp(40px,6vw,64px)}
.k-head-stack .k-mark b{font-size:clamp(40px,7vw,72px)}
.k-head-stack .k-head-in{align-items:flex-end;padding-top:16px}
.k-head-minimal .k-head-in{padding-top:6px;padding-bottom:6px}.k-head-minimal .k-mark b{font-size:26px}
.k-head-minimal .k-nav{background:transparent;color:inherit;border-top:1px solid var(--line)}
.k-head-pills .k-nav{background:transparent;color:inherit}.k-head-pills .k-nav-in{gap:8px;padding-bottom:10px}
.k-head-pills .k-nav a{border:1.5px solid currentColor;border-radius:99px;padding:5px 14px}
.k-head-pills .k-nav a[aria-current],.k-head-pills .k-nav a:hover{background:var(--acc);color:var(--on-acc);border-color:var(--acc);box-shadow:none}
@media(max-width:700px){.k-tagline,.k-date{display:none}.k-mark b{font-size:28px}.k-head-center .k-mark b,.k-head-stack .k-mark b{font-size:40px}.k-head-center .k-nav-in{justify-content:flex-start}}
.k-datebar{background:var(--acc2);color:#ddd;font-size:13px}.k-datebar .k-wrap{display:flex;gap:16px;align-items:center;min-height:30px;overflow:hidden}
.k-datebar nav{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;min-width:0}.k-datebar a{white-space:nowrap}
.k-ticker{border-bottom:1px solid var(--line);background:var(--soft)}
.k-ticker-in{display:flex;align-items:center;gap:12px;min-height:38px;overflow:hidden}
.k-ticker-in>b{flex:0 0 auto;background:var(--acc);color:var(--on-acc);padding:2px 12px;font-size:14px}
.k-ticker-track{overflow:hidden;flex:1;min-width:0}
.k-ticker-run{display:flex;width:max-content;animation:k-run 60s linear infinite}
.k-ticker-run:hover,.k-ticker-run:focus-within{animation-play-state:paused}
.k-ticker-run a{white-space:nowrap;font-weight:700;font-size:14.5px;padding:0 20px}
@keyframes k-run{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.k-ticker-track{overflow-x:auto}}
/* sections */
.k-home-page{padding-top:18px;padding-bottom:40px}
.k-sec{margin-bottom:30px;min-width:0}
.k-sh{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}
.k-shh{font-family:var(--h);font-weight:var(--hw);font-size:22px;margin:0}
.k-more{margin-left:auto;font-weight:700;font-size:14px;color:var(--acc);white-space:nowrap}
.k-kick{margin:6px 0 2px;font-size:12.5px;font-weight:700;color:var(--acc)}
.k-meta{margin:3px 0 0;font-size:12.5px;color:var(--muted)}
.k-lh{font-family:var(--h);font-weight:var(--hw);font-size:clamp(25px,2.9vw,38px);line-height:1.3;margin:0 0 10px}
.k-lh a:hover,.k-h a:hover,.k-fh a:hover{color:var(--acc)}
.k-lsum{margin:0 0 10px;font-size:17px}
.k-pts{margin:0 0 8px;padding-left:18px}.k-pts li{margin-bottom:4px;font-size:15px}.k-pts li::marker{color:var(--acc)}
.k-fig{display:block}.k-fig img{width:100%;height:auto;object-fit:cover}
.k-lead-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:center}
.k-lead-split .k-fig img{aspect-ratio:16/10;border-radius:var(--radius)}
.k-lead-overlay{position:relative;border-radius:var(--radius);overflow:hidden;background:#111;color:#fff}
.k-lead-overlay .k-fig img{aspect-ratio:21/9;min-height:360px}
.k-lead-overlay .k-lead-copy{position:absolute;left:0;right:0;bottom:0;padding:60px 26px 22px;background:linear-gradient(transparent,#000d)}
.k-lead-overlay .k-lsum{color:#eee;max-width:70ch}
.k-badge{display:inline-block;background:var(--acc);color:var(--on-acc);font-weight:700;font-size:13px;padding:2px 10px;margin-bottom:8px}
.k-lead-stack{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:26px}
.k-lead-stack .k-lead-main .k-fig img{aspect-ratio:16/9;border-radius:var(--radius)}
.k-lead-side{display:grid;gap:4px;align-content:start}
.k-lead-trio{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
.k-trio-main .k-fig img{aspect-ratio:16/10;border-radius:var(--radius)}
@media(max-width:900px){.k-lead-split,.k-lead-stack{grid-template-columns:minmax(0,1fr)}.k-lead-trio{grid-template-columns:1fr 1fr}.k-trio-main{grid-column:1/-1}.k-lead-overlay .k-fig img{aspect-ratio:4/3;min-height:0}}
/* cards */
.k-card{position:relative;min-width:0}
.k-h{font-family:var(--h);font-weight:var(--hw);font-size:17px;line-height:1.42;margin:0}
.k-sum{margin:6px 0 0;font-size:14.5px;color:var(--muted)}
.k-card .save-button{position:absolute;top:6px;right:6px;width:36px;height:36px;padding:6px;background:var(--card);box-shadow:var(--shadow)}
.k-noimg .save-button,.k-row .save-button,.k-row-right .save-button,.k-text .save-button,.k-line .save-button{position:static;box-shadow:none;background:none;margin-left:auto}
.k-tile{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.k-tile .k-fig img{aspect-ratio:16/10}.k-tile .k-body{padding:10px 12px 12px}
.k-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}
.k-row .k-fig img{width:110px;height:76px;border-radius:calc(var(--radius) * .6)}.k-row .k-kick{margin-top:0}.k-row .k-h{font-size:15.5px}
.k-row.k-noimg{grid-template-columns:minmax(0,1fr) auto}
.k-row-right{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.k-row-right .k-fig{order:2}.k-row-right .k-fig img{width:110px;height:76px;border-radius:calc(var(--radius) * .6)}.k-row-right .k-kick{margin-top:0}.k-row-right .k-h{font-size:15.5px}
.k-row-right .save-button{display:none}
.k-overlay{position:relative;border-radius:var(--radius);overflow:hidden;background:#222;color:#fff;min-height:220px}
.k-overlay .k-fig,.k-overlay .k-fig img{position:absolute;inset:0;width:100%;height:100%}
.k-overlay .k-body{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(transparent,#000c)}
.k-overlay .k-kick{color:#ffd}.k-overlay .k-meta,.k-overlay .k-sum{color:#ddd}.k-overlay .k-h a:hover{color:#fff;text-decoration:underline}
.k-circle{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding:8px 0}
.k-circle .k-fig img{width:84px;height:84px;border-radius:50%}
.k-text{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:8px}.k-line{padding:7px 0;border-bottom:1px dotted var(--line);display:flex;gap:8px}
.k-line .k-kick,.k-line .k-meta{display:none}.k-line .k-h{font-size:15px}
.k-num{font-family:var(--h);font-weight:var(--hw);font-size:28px;color:var(--acc);line-height:1;margin-right:10px}
.k-grid{display:grid;gap:var(--gap)}
.k-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.k-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.k-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.k-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:980px){.k-cols-4,.k-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}.k-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.k-cols-2,.k-cols-3,.k-cols-4,.k-cols-5{grid-template-columns:minmax(0,1fr)}}
.k-mosaic-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:12px}
.k-mosaic-in>.k-card:first-child{grid-column:span 2;grid-row:span 2}
.k-mosaic-in .k-tile{min-height:0}
@media(max-width:800px){.k-mosaic-in{grid-template-columns:1fr 1fr;grid-auto-rows:180px}}
@media(max-width:480px){.k-mosaic-in{grid-template-columns:1fr}.k-mosaic-in>.k-card:first-child{grid-column:auto;grid-row:span 2}}
.k-numbered ol{list-style:none;margin:0;padding:0}
.k-numbered li{display:grid;grid-template-columns:36px 1fr;padding:9px 0;border-bottom:1px solid var(--line)}
.k-rank{font-family:var(--h);font-weight:var(--hw);font-size:24px;color:var(--acc);line-height:1.1}
.k-numbered a{font-weight:700;font-size:15px;line-height:1.45}.k-numbered a:hover{color:var(--acc)}
.k-rail-in{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.k-rail-in>.k-card{flex:0 0 min(78vw,260px);scroll-snap-align:start}
.k-band{background:var(--acc2);color:#fff;margin-left:-16px;margin-right:-16px;padding:22px 16px;border-radius:0}
.k-band .k-card:not(.k-tile) .k-h a,.k-band .k-shh{color:inherit}
.k-band .k-tile{color:var(--ink)}
@media(min-width:1260px){.k-band{margin-left:calc((var(--wrap) - 100vw)/2 + 8px);margin-right:calc((var(--wrap) - 100vw)/2 + 8px);padding-left:calc((100vw - var(--wrap))/2 + 16px);padding-right:calc((100vw - var(--wrap))/2 + 16px)}}
.k-topics{display:grid;gap:26px}
.k-topics.k-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.k-topics.k-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.k-topics.k-cols-2,.k-topics.k-cols-3{grid-template-columns:minmax(0,1fr)}}
.k-topic .k-tile{box-shadow:none;background:none}.k-topic .k-tile .k-body{padding:8px 0 4px}
.k-digest ol{list-style:none;margin:0;padding:0}
.k-digest li{padding:10px 0;border-bottom:1px solid var(--line)}.k-digest b{font-size:12.5px;color:var(--acc)}
.k-digest p{margin:3px 0;font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.k-digest a{font-size:13px;font-weight:700;color:var(--acc)}
.k-exp-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.k-exp{display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.k-exp img{width:100%;aspect-ratio:16/10;object-fit:cover}
.k-q{align-self:flex-start;margin:10px 12px 0;font-size:12px;font-weight:700;background:var(--acc);color:var(--on-acc);padding:2px 10px;border-radius:99px}
.k-exp b{display:block;margin:6px 12px;font-family:var(--h);font-weight:var(--hw);font-size:17px;line-height:1.4}.k-exp small{display:block;margin:0 12px 14px;color:var(--muted);font-size:13.5px}
.k-stories-in{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.k-story{position:relative;flex:0 0 170px;aspect-ratio:9/16;border-radius:calc(var(--radius) * 1.6);overflow:hidden;background:#222}
.k-story img{width:100%;height:100%;object-fit:cover}
.k-story::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000d)}
.k-story b{position:absolute;z-index:2;left:10px;right:10px;bottom:12px;color:#fff;font-size:14.5px;line-height:1.35}
.k-story-bars{position:absolute;z-index:2;top:8px;left:8px;right:8px;display:flex;gap:3px}.k-story-bars i{flex:1;height:3px;background:#fff9;border-radius:2px}.k-story-bars i:first-child{background:#fff}
.k-timeline ol{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--acc)}
.k-timeline li{position:relative;padding:8px 0}.k-timeline li::before{content:"";position:absolute;left:-21px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--acc)}
.k-timeline time{display:block;font-size:12px;font-weight:700;color:var(--acc)}.k-timeline a{font-weight:700;font-size:15px}
.k-feature{position:relative;border-radius:var(--radius);overflow:hidden;background:#111;color:#fff}
.k-feature .k-fig img{aspect-ratio:21/8;min-height:300px;opacity:.85}
.k-feature-copy{position:absolute;left:0;bottom:0;max-width:640px;padding:28px;background:linear-gradient(90deg,#000c,transparent)}
.k-fh{font-family:var(--h);font-weight:var(--hw);font-size:clamp(22px,2.6vw,32px);line-height:1.3;margin:0 0 8px}
.k-cta{display:inline-block;margin-top:8px;font-weight:700;background:var(--acc);color:var(--on-acc);padding:7px 16px;border-radius:99px}
@media(max-width:700px){.k-feature .k-fig img{aspect-ratio:4/3;min-height:0}.k-feature-copy{position:static;background:#111}}
.k-quote{text-align:center;padding:30px 16px;border-top:3px solid var(--acc);border-bottom:1px solid var(--line)}
.k-quote-label{font-weight:700;color:var(--acc);margin:0 0 6px}.k-quote blockquote{margin:0 auto;max-width:820px;font-family:var(--h);font-weight:var(--hw);font-size:clamp(22px,3vw,34px);line-height:1.35}
.k-quote-src{color:var(--muted);font-size:14px;margin:10px 0 0}
.k-numbers-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.k-stat{display:flex;flex-direction:column;padding:14px;border-radius:var(--radius);background:var(--soft);border-top:4px solid var(--acc)}
.k-stat b{font-family:var(--h);font-weight:var(--hw);font-size:28px;color:var(--acc);line-height:1.1}.k-stat span{font-size:14px;margin-top:6px;line-height:1.4}
.k-regions-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.k-region{background:var(--card);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow)}.k-rh{margin:0 0 4px;font-family:var(--h);font-weight:var(--hw);font-size:18px;color:var(--acc)}
.k-ext ul{list-style:none;margin:0;padding:0}
.ext-item{padding:9px 0;border-bottom:1px solid var(--line)}.ext-item a{font-weight:700;font-size:14.5px;line-height:1.45;display:block}.ext-item a:hover{color:var(--acc)}.ext-item small{color:var(--muted);font-size:12px}
.k-split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;margin-bottom:10px}
.k-split-side{min-width:0}.k-split-side .k-sec{background:var(--card);padding:14px;border-radius:var(--radius);box-shadow:var(--shadow)}
@media(max-width:1000px){.k-split{grid-template-columns:minmax(0,1fr)}}
/* article */
.k-art{padding-top:18px;padding-bottom:10px}
.k-art-narrow{max-width:800px;margin:0 auto}.k-art-center{text-align:left}
.k-crumb{font-size:13px;color:var(--muted)}.k-crumb a:hover{color:var(--acc)}
.k-ah{font-family:var(--h);font-weight:var(--hw);font-size:clamp(27px,3.8vw,42px);line-height:1.3;margin:6px 0 12px}
.k-dek{font-size:18.5px;font-weight:600;line-height:1.6}
.k-by{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0 16px;font-size:13.5px;color:var(--muted)}
.k-by-tools{display:flex;align-items:center}
.k-art-photo img{width:100%;border-radius:var(--radius)}
.k-keybox{background:var(--soft);border-left:4px solid var(--acc);padding:12px 16px;margin:0 0 16px;border-radius:0 var(--radius) var(--radius) 0}
.k-keybox h2{font-size:16px;margin:0 0 4px;color:var(--acc)}.k-keybox ul{margin:0;padding-left:20px}.k-keybox li{margin-bottom:5px}
.k-body{font-size:var(--reading);line-height:1.85}.k-body p{margin-bottom:1em}.k-body h2{font-family:var(--h);font-weight:var(--hw);font-size:1.25em;margin:1.4em 0 .4em}
.k-art-hero .k-art-photo img{border-radius:0;max-height:78vh;object-fit:cover}.k-art-hero figcaption{max-width:800px;margin:6px auto 0}
.k-art-splitgrid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px}.k-art-meta{position:sticky;top:90px;align-self:start}
.k-art-sidegrid{display:grid;grid-template-columns:minmax(0,780px) 320px;gap:34px}.k-art-side{min-width:0}
@media(max-width:1000px){.k-art-splitgrid,.k-art-sidegrid{grid-template-columns:minmax(0,1fr)}.k-art-meta{position:static}}
.k-more-sec{padding:20px 0 40px}
/* utility pages */
.k-page{padding-top:20px;padding-bottom:40px}.k-simple>*:not(.k-sh){max-width:860px}.k-simple a:not(.solid-link){text-decoration:underline}
.k-chips{display:flex;flex-wrap:wrap;gap:8px}.k-chips a{padding:6px 14px;border:1.5px solid var(--line);border-radius:99px;font-weight:700;text-decoration:none!important}
.k-foot{background:var(--acc2);color:#ccc;padding:26px 0 40px;font-size:14px;margin-top:20px}.k-foot .k-mark{color:#fff}.k-foot nav{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.k-foot a:hover{color:#fff}
.page-intro{color:var(--muted)}
.solid-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:var(--radius);background:var(--acc);color:var(--on-acc)!important;font-weight:700;text-decoration:none!important}
.text-link{color:var(--acc);text-decoration:underline}
.search-form label{display:block;font-weight:700;margin-bottom:6px}.search-form div{display:flex;gap:8px}
.search-form input,.search-filters select{flex:1;min-height:48px;padding:8px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);color:inherit}
.search-form button{width:52px;border:0;border-radius:var(--radius);background:var(--acc);color:var(--on-acc)}
.search-form p{font-size:14px;color:var(--muted)}.search-filters{margin:12px 0}.search-filters label{display:block;margin-bottom:4px}.search-filters select{width:100%}
.empty-state{text-align:center;padding:28px;border:1.5px dashed var(--line);border-radius:var(--radius)}
.brief-controls{display:flex;gap:12px;align-items:center;margin-bottom:10px}.brief-controls button{width:46px;height:46px;border:1.5px solid var(--line);border-radius:50%;background:var(--card);color:inherit}
.brief-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.brief-sheet{flex:0 0 min(84vw,380px);scroll-snap-align:start;background:var(--soft);border-radius:var(--radius);padding:16px}
.brief-sheet img{border-radius:calc(var(--radius) * .6);margin:8px 0;width:100%;aspect-ratio:4/3;object-fit:cover}.brief-sheet h2{font-size:20px;line-height:1.35}
.brief-top,.brief-bottom{display:flex;justify-content:space-between;align-items:center;font-weight:700}.brief-bottom a{color:var(--acc)}
.source-record{padding:12px 0;border-bottom:1px solid var(--line)}.source-record h2{font-size:17px}
.photo-credits li{font-size:14px;margin-bottom:8px}.photo-credits a{text-decoration:underline}
.wire-item{padding:12px 0;border-bottom:1px solid var(--line)}.wire-meta{font-size:13px;color:var(--muted);display:flex;gap:10px}
.wire-photo{display:grid;grid-template-columns:84px 1fr;gap:12px}.wire-thumb img{border-radius:6px;aspect-ratio:1;object-fit:cover}
.source-notes{margin:26px 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);font-size:14px}
.source-notes h2{font-size:16px}.source-notes li{margin-bottom:8px}.source-notes li a{text-decoration:underline}.source-notes li span{display:block;color:var(--muted)}
.article-photo figcaption{font-size:13px;color:var(--muted);margin:6px 0 16px;line-height:1.5}.article-photo figcaption a{text-decoration:underline}
.font-controls{display:flex;gap:4px}.font-controls button{min-width:42px;min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:inherit}
.menu-dialog,.share-dialog{border-radius:var(--radius);background:var(--card);color:var(--ink)}
.menu-dialog nav{display:grid}.menu-dialog nav a{font-weight:700;font-size:19px;padding:10px 0;border-bottom:1px solid var(--line)}
.reading-progress span{background:var(--acc)}
.toast{border-radius:var(--radius)}

/* listing layouts */
.k-list-lead{margin-bottom:26px}.k-list-rows>*{padding:14px 0;border-bottom:1px solid var(--line)}
.k-list-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px}.k-list-compact>*{padding:12px 0;border-bottom:1px solid var(--line)}
.k-lay-wide .k-cols-2{margin-bottom:22px}
@media(max-width:760px){.k-list-compact{grid-template-columns:minmax(0,1fr)}}

/* readability fixes from the evaluation (2026-10-02) */
.k-datebar span{white-space:nowrap;flex:0 0 auto}
@media(max-width:760px){
  .k-nav-in,.k-datebar nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);padding-right:26px}
}
.k-ticker-run{animation-delay:3.5s;padding-left:4px}

/* headlines use a readable face when the site's display face is decorative (theme.css sets --hl); the display face keeps the masthead and section heads */
.k-lh,.k-h,.k-ah,.k-fh,.k-exp b,.k-story b{font-family:var(--hl,var(--h));font-weight:var(--hlw,var(--hw))}

/* evaluation round 2: hierarchy, meta legibility, compact phone header */
.k-dek{font-weight:400 !important;color:var(--muted);font-size:clamp(16px,1.5vw,19px);line-height:1.6}
.k-meta{font-size:13px}.k-tagline{opacity:.9}
@media(max-width:700px){
  .k-datebar{display:none}
  .k-head-center .k-mark small,.k-head-stack .k-mark small{display:none}
  .k-head-in{padding-top:8px;padding-bottom:8px}
  .k-head-center .k-head-in{padding-top:10px}
}
@media(max-width:700px){.k-lead-split .k-pts,.k-lead-stack .k-pts,.k-lead-trio .k-pts,.p-lead .k-pts{display:none}.k-lsum{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}

.k-rail-in,.p-vrail,.p-grail{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
/* bookmark over a photo: a dark translucent chip with a white icon (a white disc read as a broken image) */
.k-card .save-button{background:rgba(15,15,15,.5);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.k-card .save-button[aria-pressed="true"]{background:var(--acc);color:#fff}
.k-noimg .save-button,.k-row .save-button,.k-text .save-button,.k-line .save-button{background:none;color:inherit;-webkit-backdrop-filter:none;backdrop-filter:none}
/* subheads inside a story use the readable headline face, not the display/masthead face */
.k-body h2{font-family:var(--hl,var(--h));font-weight:var(--hlw,700);line-height:1.35;font-size:1.22em}
/* meta lines, bylines and standfirsts: one step larger and closer to the ink colour (critic: "faint and small") */
.k-meta{font-size:13.5px;color:color-mix(in srgb,var(--muted) 65%,var(--ink))}
.k-by{font-size:14px;color:color-mix(in srgb,var(--muted) 65%,var(--ink))}
.k-by button,.k-by .icon-button{color:var(--ink)}
.k-dek{color:color-mix(in srgb,var(--muted) 50%,var(--ink))}
.k-overlay .k-meta,.k-lead-overlay .k-meta{color:#e8e8e8}