/* OFFSCRPT news portal: a modern newspaper. Warm newsprint, black ink, Newsreader for the news, Archivo for kickers and navigation,
   Plex Mono for timestamps. The OFFSCRPT plum night carries over into the drone band and the footer. */
:root{--paper:#f5f0e6;--paper2:#ece4d4;--ink:#15120f;--ink2:#2b2621;--mute:#6f665c;--rule:#d5cab6;
--red:#c43b2b;--amber:#f5b45a;--night:#16111c;--night2:#0d0912;--cream:#f1e6d6;
--serif:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Archivo',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
--navbg:rgba(245,240,230,.92);--card:#fffdf8;--shadow:0 1px 0 rgba(21,18,15,.04);
--gut:clamp(16px,4vw,56px);--max:1360px;--colgap:clamp(16px,1.6vw,26px);--ease:cubic-bezier(.2,.8,.2,1);color-scheme:light}
/* the dark edition: follows the reader's system unless they pick one with the toggle */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#131110;--paper2:#1c1915;--ink:#efe8dc;--ink2:#cfc6b8;--mute:#9b9184;--rule:#37312a;--red:#ef6b55;--navbg:rgba(19,17,16,.9);--card:#1c1915;color-scheme:dark}}
:root[data-theme=dark]{--paper:#131110;--paper2:#1c1915;--ink:#efe8dc;--ink2:#cfc6b8;--mute:#9b9184;--rule:#37312a;--red:#ef6b55;--navbg:rgba(19,17,16,.9);--card:#1c1915;color-scheme:dark}
@view-transition{navigation:auto}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}
body{background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--serif);font-feature-settings:"kern","liga";font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .3s,color .3s}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul,ol{list-style:none}
button,input{font:inherit;color:inherit}
h1,h2,h3{font-weight:inherit;text-wrap:balance}p{text-wrap:pretty}
::selection{background:var(--ink);color:var(--paper)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--ink);color:var(--paper);padding:8px 14px}.skip:focus{left:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.wrap-n{max-width:740px;margin:0 auto;padding:0 var(--gut)}
.wrap-w{max-width:1180px;margin:0 auto;padding:0 var(--gut)}
.it{font-family:var(--serif);font-style:italic}
.label{font:500 11px/1.45 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.kick{font:700 11.5px/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--red)}
a.label:hover,a.kick:hover{text-decoration:underline;text-underline-offset:3px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);font:600 14px/1 var(--sans);padding:13px 20px;border:0;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--red)}

/* top bar + masthead with ears */
.top{border-bottom:1px solid var(--rule)}
.top-in{display:flex;align-items:center;gap:20px;height:40px}
#today{margin-right:auto}
.srch{display:flex;align-items:center;border-bottom:1px solid var(--rule);height:28px}.srch:focus-within{border-color:var(--ink)}
.srch input{background:none;border:0;outline:0;width:180px;font:400 13px var(--sans)}
.srch input::placeholder{color:var(--mute)}
.srch button{background:none;border:0;cursor:pointer;width:24px;font-size:16px;color:var(--mute)}
.mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:clamp(16px,2.6vw,30px);padding-bottom:clamp(12px,1.8vw,20px)}
.ear{display:grid;gap:4px;font:500 13px/1.35 var(--sans);color:var(--ink2)}
.ear .label{color:var(--mute)}
.ear-r{text-align:right}
.ear .it{font-size:16px}
.wm{display:block;font:800 clamp(52px,10.5vw,148px)/.86 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.025em;color:var(--ink);text-align:center}

/* section nav: double rule above, sticky, takes a small wordmark once the masthead scrolls away */
.nav{position:sticky;top:0;z-index:20;background:var(--navbg);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:blur(10px);border-top:4px double var(--ink);border-bottom:1px solid var(--ink)}
.nav-in{display:flex;align-items:center;gap:18px;height:46px}
.nav-wm{font:800 22px/1 var(--serif);letter-spacing:-.02em;max-width:0;overflow:hidden;opacity:0;transition:max-width .35s,opacity .35s}
.nav.stuck .nav-wm{max-width:150px;opacity:1}
.nav-s{display:flex;justify-content:center;flex:1;overflow-x:auto;scrollbar-width:none}
.nav.stuck .nav-s{justify-content:flex-start}
.nav-s::-webkit-scrollbar{display:none}
.nav-s a{flex:none;display:flex;align-items:center;height:46px;padding:0 clamp(10px,1.2vw,18px);font:600 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.nav-s a{position:relative}
.nav-s a+a::before{content:'';position:absolute;left:0;top:50%;height:14px;margin-top:-7px;width:1px;background:var(--rule)}
.nav-s a:hover{color:var(--red)}
.nav-s a[aria-current]{color:var(--red);border-bottom-color:var(--red)}

/* ticker */
.tick{display:flex;align-items:stretch;background:var(--ink);color:var(--paper);height:38px;overflow:hidden}
.tick-k{flex:none;display:flex;align-items:center;padding:0 14px;background:var(--red);color:#fff;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.tick-b{flex:1;overflow:hidden;display:flex;align-items:center}
.tick-t{display:flex;align-items:center;gap:22px;width:max-content;animation:tk 170s linear infinite;white-space:nowrap;font:500 15px/1 var(--serif)}
.tick:hover .tick-t{animation-play-state:paused}
.tick-t a{display:flex;align-items:center;gap:10px}.tick-t a:hover{text-decoration:underline}
.tick-t .label{color:#a59b8f}.tick-t i{display:block;width:1px;height:14px;background:rgba(245,240,230,.25)}
@keyframes tk{to{transform:translateX(-50%)}}

/* shared card bits */
.ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--paper2)}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.9,.2,1)}
.ph-empty{display:grid;place-items:center}.ph-empty span{font:700 24px var(--serif);color:var(--mute)}
.cimg:hover img,.card:hover .ph img{transform:scale(1.03)}
.meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:12px 0 6px}
.card h3{font:600 20px/1.18 var(--serif);letter-spacing:-.005em}
.card h3 a:hover,.lead-a h1 a:hover,.op h3 a:hover,.lines a:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.card .dek{color:var(--ink2);margin-top:8px;font-size:16px;line-height:1.45}
.by{margin-top:10px}
.blk{margin-top:clamp(44px,5vw,72px)}
.blk-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:3px solid var(--ink);padding-top:10px;margin-bottom:20px}
.blk-h h2{font:700 clamp(26px,2.6vw,34px)/1.05 var(--serif);letter-spacing:-.015em}
.blk-h h2 a:hover{color:var(--red)}
.more{white-space:nowrap}
.more:hover{color:var(--red)}

/* card grids with column rules, the newspaper way */
.grid4,.grid3{display:grid;row-gap:clamp(26px,2.6vw,38px)}
.grid4{grid-template-columns:repeat(4,1fr)}
.grid3{grid-template-columns:repeat(3,1fr)}
.grid4>*,.grid3>*{padding:0 var(--colgap);border-left:1px solid var(--rule)}
.grid4>:nth-child(4n+1),.grid3>:nth-child(3n+1){border-left:0;padding-left:0}
.grid4>:nth-child(4n),.grid3>:nth-child(3n){padding-right:0}
.grid3 .card h3{font-size:24px}

/* lead */
.lead{display:grid;grid-template-columns:1.9fr 1fr .95fr;margin-top:clamp(22px,2.6vw,36px)}
.lead>*{padding:0 var(--colgap);border-left:1px solid var(--rule)}
.lead>:first-child{padding-left:0;border-left:0}.lead>:last-child{padding-right:0}
.lead-a .ph{aspect-ratio:16/10.5}
.lead-a h1{font:700 clamp(34px,3.6vw,54px)/1.04 var(--serif);letter-spacing:-.018em}
.lead-a .dek{font:400 clamp(18px,1.4vw,21px)/1.42 var(--serif);color:var(--ink2);margin-top:12px}
.lead-b{display:flex;flex-direction:column;gap:22px}
.lead-b .card+.card{border-top:1px solid var(--rule);padding-top:20px}
.lead-b .card h3{font-size:22px}
.lead-c>h2{border-bottom:1px solid var(--ink);padding-bottom:8px}
.lines li a{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--rule)}
.lines li:last-child a{border-bottom:0}
.lines .n{font:italic 700 24px/1 var(--serif);color:var(--red);min-width:28px}
.lines b{display:block;font:600 16.5px/1.25 var(--serif);margin-top:4px}

/* drone band: the OFFSCRPT night spread */
.band{margin-top:clamp(52px,6vw,88px);background:radial-gradient(120% 120% at 80% 30%,#3a2140 0%,var(--night2) 60%);color:var(--cream);overflow:hidden}
.band .label{color:#a597b0}
.band-in{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:min(74vh,580px)}
.band-c{padding:56px 0;position:relative;z-index:1}
.band h2{font:700 clamp(40px,5vw,76px)/.98 var(--serif);letter-spacing:-.025em;margin:16px 0 22px}
.band h2 .it{color:var(--amber);font-weight:500}
.band p{max-width:440px;color:#cfc3d3;font-size:18px;margin-bottom:28px}
.band .btn{background:var(--amber);color:var(--night)}.band .btn:hover{background:var(--cream)}
.band-d{position:relative;height:100%;min-height:380px}
#drone{position:absolute;inset:-10% -6% -10% -10%;width:116%;height:120%}

/* opinion: a tinted page with author-first columns */
.op{background:var(--paper2);margin-top:clamp(52px,6vw,88px);padding:clamp(36px,4.4vw,64px) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.op-g{display:grid;grid-template-columns:repeat(4,1fr)}
.op-g>*{padding:0 var(--colgap);border-left:1px solid var(--rule)}
.op-g>:nth-child(4n+1){border-left:0;padding-left:0}.op-g>:nth-child(4n){padding-right:0}
.op .kick{color:var(--ink)}
.op h3{font:italic 500 clamp(23px,1.9vw,28px)/1.14 var(--serif);margin:10px 0 10px}
.op h3 .it{font-weight:700}
.op p:not(.kick){font-size:16px;color:var(--ink2)}

.anl-g{display:grid;grid-template-columns:1.25fr 1fr}
.anl-g>*{padding:0 var(--colgap)}.anl-g>:first-child{padding-left:0}.anl-g>:last-child{padding-right:0;border-left:1px solid var(--rule)}
.anl-g .card h3{font-size:clamp(26px,2.3vw,34px);font-weight:700}
.anl .lines b{font-size:20px}

/* section + search headers */
.sh{padding-top:clamp(28px,3.6vw,48px);border-bottom:1px solid var(--ink);padding-bottom:18px}
.sh h1{font:800 clamp(52px,8vw,112px)/.92 var(--serif);letter-spacing:-.03em;margin-top:8px}
.sh h1 .it{color:var(--red);font-weight:500}
.sec-lead{margin-top:30px}
.sec-lead .card{display:grid;grid-template-columns:1.5fr 1fr;gap:6px clamp(24px,3vw,44px);align-items:end}
.sec-lead .cimg{grid-row:span 5}
.sec-lead .card h3{font-size:clamp(30px,3vw,46px);line-height:1.05;font-weight:700}
.sec-lead .card .dek{font-size:19px}
.pager{display:flex;justify-content:space-between;align-items:center;margin-top:44px;border-top:1px solid var(--ink);padding-top:16px}
.pager a{font:600 14px var(--sans);text-transform:uppercase;letter-spacing:.06em}.pager a:hover{color:var(--red)}
.empty{color:var(--mute);margin:28px 0}
.big-s{display:flex;gap:10px;margin-top:24px;max-width:720px}
.big-s input{flex:1;background:var(--card);border:1px solid var(--rule);padding:0 18px;height:50px;font:400 18px var(--serif);outline:0}
.big-s input:focus{border-color:var(--ink)}

/* story */
.story{padding-top:clamp(28px,4vw,52px)}
.st-h h1{font:700 clamp(36px,5vw,62px)/1.04 var(--serif);letter-spacing:-.02em;margin:12px 0 16px}
.st-dek{font:400 clamp(20px,1.9vw,24px)/1.4 var(--serif);color:var(--ink2)}
.st-by{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:12px 0;margin-top:24px}
.st-by b{display:block;font:700 15px var(--sans)}
.share{display:flex;gap:0;flex-wrap:wrap}
.share>*{font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);padding:6px 12px;background:none;border:0;border-left:1px solid var(--rule);cursor:pointer}
.share>:first-child{border-left:0}
.share>*:hover{color:var(--red)}
.st-fig{margin-top:30px}.st-fig .ph{aspect-ratio:16/9}
.st-fig figcaption{margin-top:8px}
.st-body{margin-top:clamp(26px,3vw,40px);font:400 20.5px/1.66 var(--serif);color:var(--ink2)}
.st-body>*+*{margin-top:1.05em}
.st-body h2{font:700 27px/1.15 var(--serif);letter-spacing:-.01em;color:var(--ink);margin-top:1.6em}
.st-body a{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.st-body li{position:relative;padding-left:22px}.st-body li+li{margin-top:.5em}
.st-body li::before{content:'';position:absolute;left:2px;top:.66em;width:7px;height:7px;background:var(--red)}
.st-body blockquote{font:italic 500 1.3em/1.32 var(--serif);border-top:3px solid var(--ink);border-bottom:1px solid var(--rule);padding:16px 0;color:var(--ink)}
.st-body strong{color:var(--ink)}
.st-body p:first-of-type::first-letter{float:left;font:700 4.3em/.8 var(--serif);color:var(--red);margin:.07em .09em 0 0}
.src{border-top:1px solid var(--rule);padding-top:16px;margin-top:2.2em!important}.src a{color:var(--red);text-decoration:none}

/* footer: back to the OFFSCRPT night */
.foot{margin-top:clamp(64px,8vw,112px);background:var(--night2);color:var(--cream);padding:clamp(40px,5vw,64px) 0 28px;overflow:hidden}
.foot .label{color:#a597b0}
.foot-wm{font:800 clamp(72px,17vw,250px)/.8 var(--serif);letter-spacing:-.035em;color:#2a2132;text-align:center;user-select:none}
.foot-g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-top:40px}
.foot-p{font:700 clamp(26px,2.4vw,34px)/1.08 var(--serif);margin-bottom:12px}.foot-p .it{color:var(--amber);font-weight:500}
.foot ul{margin-top:12px;display:grid;gap:8px;font-family:var(--sans);font-size:15px}.foot li a:hover{color:var(--amber)}
.foot-c{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px}

@media (max-width:1100px){
 .lead{grid-template-columns:1.5fr 1fr}.lead-c{grid-column:1/-1;border-left:0!important;padding:18px 0 0!important;margin-top:22px;border-top:3px solid var(--ink)}.lead-c .lines{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
 .grid4{grid-template-columns:repeat(3,1fr)}
 .grid4>*{padding:0 var(--colgap)!important;border-left:1px solid var(--rule)!important}
 .grid4>:nth-child(3n+1){border-left:0!important;padding-left:0!important}.grid4>:nth-child(3n){padding-right:0!important}
 .op-g{grid-template-columns:1fr 1fr;row-gap:28px}.op-g>*{padding:0 var(--colgap)!important;border-left:1px solid var(--rule)!important}.op-g>:nth-child(2n+1){border-left:0!important;padding-left:0!important}.op-g>:nth-child(2n){padding-right:0!important}
 .ear{display:none}.mast{grid-template-columns:1fr}
}
@media (max-width:820px){
 .lead,.anl-g,.sec-lead .card,.band-in,.foot-g{grid-template-columns:1fr}
 .lead>*,.anl-g>*{padding:0!important;border-left:0!important}
 .lead-b{border-top:1px solid var(--rule);padding-top:20px!important;margin-top:20px}.lead-c .lines{grid-template-columns:1fr}
 .anl-g>:last-child{margin-top:20px}.anl-g .ph{aspect-ratio:16/9}
 .grid4,.grid3{grid-template-columns:1fr 1fr}
 .grid4>*,.grid3>*{padding:0 var(--colgap)!important;border-left:1px solid var(--rule)!important}
 .grid4>:nth-child(2n+1),.grid3>:nth-child(2n+1){border-left:0!important;padding-left:0!important}.grid4>:nth-child(2n),.grid3>:nth-child(2n){padding-right:0!important}
 .band-d{min-height:300px;order:-1}.band-c{padding-top:0}.sec-lead .cimg{grid-row:auto}
 .nav-s{justify-content:flex-start}
}
@media (max-width:560px){
 .grid4,.grid3,.op-g{grid-template-columns:1fr;row-gap:0}
 .grid4>*,.grid3>*,.op-g>*{padding:16px 0!important;border-left:0!important;border-top:1px solid var(--rule)}
 .grid4>:first-child,.grid3>:first-child,.op-g>:first-child{border-top:0;padding-top:0!important}
 .grid4 .card{display:grid;grid-template-columns:1fr 112px;gap:0 14px}.grid4 .card .cimg{grid-column:2;grid-row:1/span 2}.grid4 .card .ph{aspect-ratio:1}.grid4 .card .meta{margin-top:0}.grid4 .card .meta time{display:none}.grid4 .card h3{font-size:18px}
 .srch input{width:120px}.d-wd{display:none}.top-in{gap:10px}.st-body{font-size:19px}.blk-h .more{font-size:10px}
 .wm{font-size:clamp(42px,14vw,80px)}
}
@media (prefers-reduced-motion:reduce){.tick-t{animation:none}.ph img{transition:none}}


/* ===== premium layer ===== */
/* headlines draw an underline on hover instead of snapping one on */
.card h3 a,.lead-a h1 a,.op h3 a,.lines b,.nc h3{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease)}
.card h3 a:hover,.lead-a h1 a:hover,.op h3 a:hover,.lines a:hover b,.nc a:hover h3{text-decoration:none;background-size:100% 1px}
/* photos fade up as they arrive */
.js .ph img,.js .nc-ph img,.js .gal img{opacity:0;transition:opacity .6s var(--ease),transform .8s var(--ease)}
.js .ph img.ok,.js .nc-ph img.ok,.js .gal img.ok{opacity:1}
.ph{box-shadow:var(--shadow)}
.label,.meta time{font-variant-numeric:tabular-nums}
.lead-a h1{font-size:clamp(36px,4vw,60px);line-height:1.02}
.lead-a .kick,.st-h .kick{display:inline-flex;align-items:center;gap:8px}
.lead-a .kick::before,.st-h .kick::before{content:'';width:18px;height:2px;background:currentColor}
/* masthead hairlines */
.ear{border-left:1px solid var(--rule);padding-left:16px}.ear-r{border-left:0;border-right:1px solid var(--rule);padding:0 16px 0 0}
.theme{background:none;border:0;cursor:pointer;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:6px 0}
.theme:hover{color:var(--ink)}
/* reading progress on stories */
.progress{position:fixed;left:0;top:0;right:0;height:2px;z-index:40;pointer-events:none}
.progress i{display:block;height:100%;background:var(--red);transform-origin:0 50%;transform:scaleX(0)}
.endmark{display:block;width:10px;height:10px;background:var(--red);margin-top:1.4em}

/* square arrow buttons for the scrollers */
.nb{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--rule);background:none;cursor:pointer;font:500 16px/1 var(--sans);color:var(--ink);transition:border-color .2s,background .2s}
.nb:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}

/* ===== Near Me ===== */
.near{margin-top:clamp(52px,6vw,88px);padding:clamp(36px,4vw,56px) 0 clamp(40px,4.4vw,64px);background:var(--paper2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.near-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.near-h h2{font:700 clamp(32px,3.6vw,52px)/1 var(--serif);letter-spacing:-.02em;margin-top:8px}
.near-h h2 .it{font-weight:400;color:var(--red)}
.near-nav{display:flex;align-items:center;gap:8px}.near-nav .more{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.06em;margin-right:12px}
.near-row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,22vw,300px);gap:clamp(14px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.near-row::-webkit-scrollbar{display:none}
.near-row>*{scroll-snap-align:start}
.nc a{display:block}
.nc-ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--rule)}
.nc-ph img{width:100%;height:100%;object-fit:cover}
.nc a:hover .nc-ph img{transform:scale(1.04)}
.nc-t{padding-top:12px}
.nc h3{display:inline;font:600 19px/1.22 var(--serif)}
.nc .kick{display:block;margin-bottom:6px}
.nc .label{display:block;margin-top:8px}
.near-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(26px,2.6vw,40px) clamp(14px,1.6vw,24px)}
.sh-near h1 .it{font-weight:400}
.sh-dek{font:400 clamp(18px,1.6vw,22px)/1.4 var(--serif);color:var(--ink2);max-width:640px;margin-top:14px}
.areas{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:22px}
.areas a{font:600 12.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);padding:8px 0;border-bottom:2px solid transparent}
.areas a span{color:var(--mute);font-weight:500;margin-left:4px}
.areas a:hover{color:var(--red)}.areas a[aria-current]{color:var(--red);border-bottom-color:var(--red)}
/* gallery on a Near Me story */
.gal{margin-top:30px}
.gal-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gal-row::-webkit-scrollbar{display:none}
.gal figure{flex:none;height:min(72vh,680px);aspect-ratio:4/5;scroll-snap-align:start;background:var(--rule)}
.gal figure:only-child{margin:0 auto}
.gal img{width:100%;height:100%;object-fit:cover}
.gal-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.gal-nav .label{margin-right:auto}
.place{display:grid;gap:4px;border-top:3px solid var(--red);background:var(--paper2);padding:16px 18px;margin-bottom:1.6em;font:400 16px/1.45 var(--sans)}
.place b{font:700 20px/1.25 var(--serif)}
.place a{color:var(--red);font-weight:600;text-decoration:none;margin-top:6px}

@media (max-width:1100px){.near-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.near-grid{grid-template-columns:1fr 1fr}.near-nav .nb{display:none}.near-row{grid-auto-columns:62vw}.gal figure{height:auto;width:84vw}}
@media (max-width:560px){.ear{display:none}.nav-wm{display:none}.near-h{align-items:flex-start;flex-direction:column}.nc h3{font-size:17px}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}.js .ph img,.js .nc-ph img,.js .gal img{transition:none}}