/*
Theme Name: Cityline News
Description: Regional newsroom theme.
Version: 1.5.4
*/
@font-face{
  font-family:"Manrope";
  src:url("assets/fonts/manrope-cyrillic.woff2") format("woff2");
  font-weight:200 800;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:"Manrope";
  src:url("assets/fonts/manrope-latin.woff2") format("woff2");
  font-weight:200 800;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --ink:#1c2128;
  --muted:#5d6772;
  --line:#e3e6eb;
  --paper:#f4f5f7;
  --surface:#fff;
  --soft:#eef0f3;
  --accent:#d0121a;
  --max:1120px;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:12px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --ink:#e7eaef;
    --muted:#a7b0ba;
    --line:#2c333c;
    --paper:#12151a;
    --surface:#1a1f26;
    --soft:#242b33;
    --accent:#ff6a5c;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{--ink:#e7eaef;--muted:#a7b0ba;--line:#2c333c;--paper:#12151a;--surface:#1a1f26;--soft:#242b33;--accent:#ff6a5c;color-scheme:dark}
:root[data-theme="light"]{--ink:#1c2128;--muted:#5d6772;--line:#e3e6eb;--paper:#f4f5f7;--surface:#fff;--soft:#eef0f3;--accent:#d0121a;color-scheme:light}
*{box-sizing:border-box}
html{font-size:16px}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:var(--sans);
  font-weight:460;
  line-height:1.5;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;margin:0;clip:auto;background:var(--surface);padding:8px 12px;z-index:80}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
time{font-variant-numeric:tabular-nums}

.mast{
  position:sticky;
  top:0;
  z-index:40;
  background:var(--surface);
  border-bottom:1px solid var(--line);
  padding-top:env(safe-area-inset-top);
}
.mast-top{min-height:64px;display:flex;align-items:center;gap:16px;padding:8px 0}
.brand{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:760;letter-spacing:-.04em;white-space:nowrap;min-width:0}
.brand-region{flex:none}
.brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.brand i{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}
.mast-tools{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}
.theme-toggle{position:relative;display:inline-flex;align-items:center;width:52px;height:36px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--soft);cursor:pointer}.theme-knob{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px #0002;transition:transform .18s}.theme-knob svg{width:15px;height:15px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-moon{display:none}.theme-toggle[aria-pressed="true"] .theme-knob{transform:translateX(14px)}.theme-toggle[aria-pressed="true"] .theme-sun{display:none}.theme-toggle[aria-pressed="true"] .theme-moon{display:block}
.region-switch{position:relative;min-width:0}
.region-button{
  display:flex;gap:7px;align-items:center;
  max-width:42vw;min-height:40px;
  padding:6px 12px 6px 10px;
  border:1px solid var(--line);border-radius:999px;
  background:var(--surface);
  font-weight:680;font-size:.9rem;
  cursor:pointer;
}
.region-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pin,.chevron,.search-icon{display:block;flex:none;fill:currentColor}
.pin{width:16px;height:16px;color:var(--accent)}
.chevron{width:12px;height:12px;color:var(--muted)}
.region-menu{
  display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:60;
  width:min(760px,calc(100vw - 32px));max-height:min(78vh,640px);overflow:auto;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 16px 40px color-mix(in srgb,var(--ink) 12%,transparent);
  padding:14px;
}
.region-switch.open .region-menu{display:block}
.region-menu-title{font-size:1rem;font-weight:740;letter-spacing:-.03em;margin-bottom:10px}
.region-menu-label{margin:14px 0 8px;color:var(--muted);font-size:.78rem;font-weight:680}
.edition-links{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.region-links{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.region-filter{
  width:100%;margin:14px 0 2px;min-height:40px;padding:8px 12px;
  border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:.9rem;
}
.region-filter:focus{outline:2px solid var(--accent);outline-offset:1px}
.region-group[hidden],.region-menu a[hidden]{display:none}
.region-empty{margin:12px 0 0;color:var(--muted);font-size:.9rem}
.region-menu a{
  display:flex;align-items:center;min-height:44px;padding:8px 10px;
  border-radius:8px;font-size:.9rem;font-weight:640;
}
.edition-link{background:#1c2128;color:#f4f5f7}
.region-menu a:hover,.region-menu a.is-current{background:var(--soft);color:var(--ink)}
.edition-link.is-current{box-shadow:inset 0 0 0 2px var(--accent)}
.mast-search{
  display:flex;align-items:center;gap:4px;
  min-height:40px;padding:0 8px 0 12px;
  border:1px solid var(--line);border-radius:999px;background:var(--soft);
}
.mast-search input{width:140px;border:0;padding:8px 0;background:transparent;font-size:.9rem}
.mast-search input:focus{outline:none}
.mast-search button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:.82rem;font-weight:700;cursor:pointer;min-height:36px;padding:0 4px}
.search-icon{display:none;width:18px;height:18px}
.nav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nav::-webkit-scrollbar{display:none}
.nav .wrap{display:flex;justify-content:flex-start;gap:2px;width:max-content;margin-left:max(20px,calc((100% - var(--max)) / 2));margin-right:20px;padding-right:12px}
.nav a:first-child{padding-left:0}
.nav a{
  display:inline-flex;align-items:center;min-height:44px;
  padding:0 12px;font-size:.92rem;font-weight:640;color:var(--muted);
}
.nav a:hover,.nav a.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}

.edition-line{padding-top:18px}
.edition-line .wrap{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.edition-line a{font-size:1.35rem;font-weight:760;letter-spacing:-.04em}
.edition-line time{color:var(--muted);font-size:.88rem}

.front-page{padding:8px 0 72px}
.front{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr);gap:28px 36px;align-items:start}
.front-solo{grid-template-columns:minmax(0,760px)}
.lead-media{display:block;background:var(--soft);border-radius:var(--radius);overflow:hidden}
.lead-media img{width:100%;aspect-ratio:16/9;object-fit:cover}
.lead-copy{padding-top:14px}
.kicker-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;margin-bottom:8px}
.kicker{color:var(--accent);font-size:.84rem;font-weight:720}
.kicker-row time,.section-card time,.story-copy time,.related time{color:var(--muted);font-size:.84rem;font-weight:560}
.lead h1{margin:0 0 10px;font-size:clamp(1.7rem,2.6vw,2.55rem);font-weight:780;letter-spacing:-.042em;line-height:1.08}
.lead h1 a:hover,.section-card h3 a:hover,.story-copy h2:hover,.rail-item strong:hover,.related a:hover strong{color:var(--accent)}
.lead-deck{margin:0;max-width:40rem;font-size:1.02rem;line-height:1.48;color:var(--muted)}
.rail h2{margin:0 0 2px;font-size:.84rem;font-weight:720}
.rail h2 a{color:var(--accent)}
.rail h2 a:hover{text-decoration:underline;text-underline-offset:3px}
.rail-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.rail-item time{color:var(--muted);font-size:.8rem;font-weight:680;padding-top:3px}
.rail-kicker{display:block;color:var(--accent);font-size:.78rem;font-weight:700}
.rail-item strong{display:block;margin-top:2px;font-size:1rem;font-weight:720;letter-spacing:-.025em;line-height:1.28}

.section-band{margin-top:40px}
.section-band header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.section-band h2{margin:0;font-size:1.25rem;font-weight:760;letter-spacing:-.035em}
.section-band header a{color:var(--accent);font-size:.88rem;font-weight:700}
.section-band header a:hover{text-decoration:underline;text-underline-offset:3px}
.section-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px 28px}
.section-grid.count-1{grid-template-columns:minmax(0,460px)}
.section-grid.count-2{grid-template-columns:1.3fr 1fr}
.section-photo{display:block;margin-bottom:10px;background:var(--soft);border-radius:var(--radius);overflow:hidden}
.section-photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.section-card h3{margin:4px 0 0;font-size:1.05rem;font-weight:730;letter-spacing:-.028em;line-height:1.28}
.section-card:first-child h3{font-size:1.28rem}
.section-card p{margin:8px 0 0;color:var(--muted);font-size:.95rem;line-height:1.45}

.page-list{padding:22px 0 80px}
.list-head{padding-bottom:12px;border-bottom:1px solid var(--line)}
.list-head h1{margin:0 0 6px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:780;letter-spacing:-.045em;line-height:1.05}
.list-head p{margin:0;color:var(--muted);font-size:.95rem}
.story-list{margin-top:4px}
.story-row{border-bottom:1px solid var(--line)}
.story-row>a{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0}
.story-row-text>a{grid-template-columns:1fr}
.story-photo{display:block;background:var(--soft);border-radius:10px;overflow:hidden}
.story-photo img{width:100%;height:112px;object-fit:cover}
.story-copy h2{margin:2px 0 6px;font-size:1.18rem;font-weight:740;letter-spacing:-.03em;line-height:1.25}
.story-copy p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}
.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pagination .page-numbers{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.88rem;font-weight:680}
.pagination .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}

.edition-fallback{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.edition-fallback a{display:flex;align-items:center;min-height:52px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:700}
.edition-fallback a:hover{border-color:var(--accent);color:var(--accent)}

.empty{padding:48px 0 80px}
.empty h1{margin:0 0 8px;font-size:1.8rem;font-weight:760;letter-spacing:-.04em}
.empty p{color:var(--muted);max-width:38rem}
.empty a{color:var(--accent);font-weight:720}

.story{padding-bottom:72px}
.article{width:min(680px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.article-header{margin-top:22px;margin-bottom:18px}
.article-header h1{margin:.15em 0 .4em;font-size:clamp(1.75rem,4vw,2.7rem);font-weight:780;letter-spacing:-.042em;line-height:1.1}
.article-lead{margin:0 0 14px;font-size:1.05rem;line-height:1.48;color:var(--muted)}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:.86rem}
.article-meta a{color:var(--ink);font-weight:720}
.article-meta a:hover{color:var(--accent)}
.meta-views{display:inline-flex;align-items:center;gap:5px}.views-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.article-hero{width:min(1040px,calc(100% - 40px));margin:0 auto 26px}
.article-hero img{width:100%;max-height:640px;object-fit:cover;border-radius:var(--radius)}
.article-hero figcaption{margin-top:8px;color:var(--muted);font-size:.8rem}
.article-body{font-size:1.125rem;line-height:1.7;font-weight:450}
.article-body p{margin:0 0 1.15em}
.article-body a,.article-source a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.article-body img{border-radius:var(--radius)}
.legal-mark{color:#b42318;font-size:.72em;font-weight:800;line-height:0;margin-left:1px}
.legal-notices{margin:28px 0 0;padding:15px 18px;background:#b42318;color:#fff;border-radius:var(--radius);font-size:.92rem;line-height:1.45;font-weight:500}
.legal-notices p{margin:0}.legal-notices p+p{margin-top:9px}
.legal-notices strong{font-weight:760}.legal-decision{display:block;margin-top:5px;font-size:.8em;font-weight:500;opacity:.9}
.article-source{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;font-weight:640}
.related{margin-top:36px;padding-top:4px}
.related h2{margin:0 0 4px;font-size:1.15rem;font-weight:760;letter-spacing:-.03em}
.related a{display:block;padding:12px 0;border-top:1px solid var(--line)}
.related .kicker{display:flex;gap:8px;align-items:baseline}
.related strong{display:block;margin-top:3px;font-size:1.05rem;font-weight:720;letter-spacing:-.025em;line-height:1.3}

.site-footer{background:#14181e;color:#f4f5f7;padding:36px 0 calc(28px + env(safe-area-inset-bottom))}
.footer-grid{display:flex;justify-content:space-between;gap:24px}
.footer-brand{font-weight:760;letter-spacing:-.03em}
.site-footer p{margin:8px 0 0;color:#b7c0c8;max-width:28rem}
.footer-owner{font-size:.86rem}
.footer-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end;color:#c5ced6;font-size:.9rem}
.site-footer a:hover{color:#fff}

/* living stories, outages, digest, bots */
.badge{display:inline-flex;align-items:center;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:0;vertical-align:1px}
.badge-live{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.badge-live::before{content:"";width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor}
.rail-kicker .badge{margin-left:4px}
.alert-banner{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:6px 0 18px;padding:12px 16px;border-radius:var(--radius);background:#fff4e5;color:#5c3200;border:1px solid #f2c27b}
.alert-banner.alert-alert{background:#fde8e8;color:#6b0f0f;border-color:#f0a3a3}
.alert-banner strong{font-weight:780}
.alert-banner span{flex:1 1 320px;font-size:.95rem}
.alert-banner a{font-weight:720;text-decoration:underline;text-underline-offset:3px}
.digest-card{display:grid;gap:4px;margin:4px 0 22px;padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.digest-card:hover{border-color:var(--accent)}
.digest-label{color:var(--accent);font-size:.8rem;font-weight:740}
.digest-card strong{font-size:1.2rem;font-weight:770;letter-spacing:-.03em;line-height:1.25}
.digest-lead{color:var(--muted);font-size:.95rem}
.outage-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.outage-chip{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.outage-chip:hover{border-color:var(--accent)}
.outage-kind{color:var(--muted);font-size:.78rem;font-weight:720}
.outage-chip strong{font-size:.95rem;font-weight:720;line-height:1.3}
.outage-chip time{color:var(--muted);font-size:.82rem}
.bot-cta{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:40px;padding:20px 22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);min-width:0}
.bot-cta>div{min-width:0}
.bot-cta h2{margin:0 0 4px;font-size:1.15rem;font-weight:770;letter-spacing:-.03em;overflow-wrap:anywhere}
.bot-cta p{margin:0;color:var(--muted);font-size:.95rem;max-width:36rem}
.bot-buttons,.bot-cta-inline>div{display:flex;gap:8px;flex-wrap:wrap}
.bot-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:740;font-size:.92rem}
.bot-icon{display:block;width:18px;height:18px;flex:none}.bot-icon-tg,.bot-icon-max{fill:#fff}
.bot-button.bot-tg{background:#229ed9;color:#fff}
.bot-button.bot-max{background:#6b3cf6;color:#fff}
.bot-button:hover{opacity:.9}
.bot-cta-inline{display:block;margin-top:24px;padding:16px 18px}
.bot-cta-inline p{margin-bottom:10px}
.meta-live{color:var(--accent);font-weight:700}
.meta-reader{color:var(--ink);font-weight:700}
.article-audio{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 22px;padding:12px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:.9rem}
.article-audio audio{flex:1 1 240px;max-width:100%}
.story-updates{margin:0 0 26px;padding:14px 18px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}
.story-updates h2{margin:0 0 8px;font-size:1rem;font-weight:770;letter-spacing:-.02em}
.story-update{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.story-update:first-of-type{border-top:0}
.story-update time{color:var(--accent);font-weight:760;font-size:.88rem;padding-top:2px}
.story-update p{margin:0;font-size:1rem;line-height:1.55}
.story-update a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.place-chips{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 4px}
.place-chips a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.88rem;font-weight:680}
.place-chips a span{color:var(--muted);font-weight:600}
.place-chips a.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.place-chips a.is-active span{color:inherit}
.outage-group{margin-top:28px}
.outage-group h2{margin:0 0 6px;font-size:1.2rem;font-weight:770;letter-spacing:-.03em}
.outage-group h2 span{color:var(--muted);font-weight:600;font-size:.95rem}
.outage-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 20px;padding:14px 0;border-top:1px solid var(--line)}
.outage-when{font-weight:720;font-size:.92rem;font-variant-numeric:tabular-nums}
.outage-row h3{margin:0 0 4px;font-size:1.05rem;font-weight:730;letter-spacing:-.02em;line-height:1.3}
.outage-row p{margin:0 0 4px;color:var(--muted);font-size:.95rem;line-height:1.45}
.outage-where{color:var(--ink)!important}
.outage-source{color:var(--accent);font-size:.84rem;font-weight:680}
.severity-alert .outage-when{color:#b3261e}
.severity-warning .outage-when{color:#a15c00}
@media (prefers-color-scheme:dark){
  .alert-banner{background:#3a2a12;color:#ffe2b8;border-color:#6b4a1c}
  .alert-banner.alert-alert{background:#3c1717;color:#ffd0d0;border-color:#7a2a2a}
  .severity-alert .outage-when{color:#ff8a80}
  .severity-warning .outage-when{color:#ffb74d}
}

@media (max-width:900px){
  .front,.section-grid,.section-grid.count-2{grid-template-columns:1fr 1fr}
  .outage-strip{grid-template-columns:1fr 1fr}
  .rail{grid-column:1 / -1}
  .edition-links{grid-template-columns:1fr 1fr}
  .region-links,.edition-fallback{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .wrap{width:min(100% - 32px,var(--max))}
  .outage-strip{grid-template-columns:1fr}
  .outage-row{grid-template-columns:1fr;gap:4px}
  .bot-cta{display:block;padding:18px 16px;overflow:hidden}
  .bot-cta .bot-buttons{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;max-width:100%}
  .bot-button{justify-content:center;min-width:0;padding:0 12px}
  .mast-top{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 0}
  .brand{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;font-size:1.05rem;white-space:nowrap}
  .brand-region,.brand-name{overflow:visible;text-overflow:clip;white-space:nowrap}
  .mast-tools{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;gap:8px;width:100%;margin-left:0}
  .region-switch{width:100%}
  .region-button{width:100%;max-width:none;padding:6px 10px 6px 8px;font-size:.86rem}
  .theme-toggle{width:48px;flex:none}.theme-toggle[aria-pressed="true"] .theme-knob{transform:translateX(10px)}
  .mast-search{padding:0;border:0;background:transparent;min-width:0;width:40px}
  .mast-search input{width:0;padding:0;opacity:0}
  .mast-search:focus-within{
    padding:0 8px 0 12px;border:1px solid var(--line);background:var(--surface);
    position:absolute;right:0;left:0;z-index:2;
  }
  .mast-tools{position:static}
  .mast-top{position:relative}
  .mast-search:focus-within input{width:100%;opacity:1;padding:8px 0}
  .search-label{display:none}
  .search-icon{display:block}
  .mast-search button{min-width:40px;min-height:40px;justify-content:center;border-radius:999px;background:var(--soft)}
  .mast-search:focus-within button{background:transparent}
  .region-menu{position:fixed;left:12px;right:12px;top:132px;width:auto}
  .region-links{grid-template-columns:1fr}
  .front,.front-solo,.section-grid,.section-grid.count-1,.section-grid.count-2{grid-template-columns:1fr}
  .lead-media{margin-left:-16px;margin-right:-16px;border-radius:0}
  .lead-media img{border-radius:0}
  .lead h1{font-size:1.65rem;line-height:1.12}
  .story-row>a{grid-template-columns:108px minmax(0,1fr);gap:12px;padding:14px 0}
  .story-row-text>a{grid-template-columns:minmax(0,1fr)}
  .story-photo img{height:76px}
  .story-copy h2{font-size:1.05rem}
  .story-copy p{display:none}
  .article,.article-hero{width:min(100% - 32px,680px)}
  .article-header h1{font-size:1.7rem}
  .article-body{font-size:1.0625rem;line-height:1.68}
  .article-hero img{border-radius:10px}
  .footer-grid{display:block}
  .footer-meta{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
  .footer-meta{margin-top:18px}
  .list-head h1{font-size:1.7rem}
  .nav .wrap{margin-left:16px;margin-right:16px}
  .nav a{padding:0 10px}
  .nav a:first-child{padding-left:0}
}
@media (max-width:390px){.nav a{flex:none;padding:0 9px}.region-menu{top:132px}}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto}
}