/* Borough variant — BRIGHT & VIBRANT identity for large areas (Brooklyn, Queens, Staten Island, Long Island City…).
   Loaded after city.css when $CFG['variant']==='borough'.
   Language: daylight sky hero, sticker-pop cards (ink outline + hard colour shadow), colour-blocked bands,
   a picture on every card (image slots, see PHOTOS.md). Nothing here is dark. */
.variant-borough{
  --f-ui:"Archivo",system-ui,sans-serif;--f-serif:"Literata",Georgia,serif;
  --coral:#ff5a6e;--sky:#3db8ff;--mint:#4fe0c0;--lilac:#a78bfa;--sun:var(--accent);--lemon:#fff3bf;
  --t-sky:#e4f5ff;--t-mint:#dcf9ef;--t-sun:#fff1c2;--t-coral:#ffe4e0;--t-lilac:#eee8ff;
  --pop:3px solid var(--ink);--shadow:5px 5px 0 var(--band,var(--primary));
  background:var(--cream);color:var(--ink)
}
.variant-borough h1,.variant-borough h2,.variant-borough h3,.variant-borough h4{font-family:var(--f-serif);color:var(--ink)}
.variant-borough .prose h2,.variant-borough .prose h3{font-family:var(--f-ui)}

/* ---------- image slots ---------- */
.slot{display:block;position:relative;overflow:hidden;background:var(--t-sky)}
.slot img{display:block;width:100%;height:100%;object-fit:cover}
.slot-debug::after{content:attr(data-key);position:absolute;left:6px;top:6px;z-index:5;background:#111;color:#fff;font:700 11px/1 ui-monospace,monospace;padding:4px 6px;border-radius:4px;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- header ---------- */
.variant-borough .site-header{background:#fff}
.variant-borough .main-nav>a,.variant-borough .dd-btn,.variant-borough .brand{color:var(--ink)}
.variant-borough .main-nav>a:hover,.variant-borough .dd-btn:hover{background:var(--lemon);color:var(--ink)}
.variant-borough .main-nav [aria-current=page]{box-shadow:inset 0 -4px 0 var(--accent);color:var(--ink)}
.variant-borough .lang-switch a.on{background:var(--primary);color:#fff}
.variant-borough .lang-switch,.variant-borough .search-mini input{border-color:var(--ink)}

/* ---------- buttons: sticker pop ---------- */
.variant-borough.profile-city .btn{border:var(--pop);border-radius:999px;background:#fff;color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:800}
.variant-borough.profile-city .btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);background:var(--lemon);color:var(--ink)}
.variant-borough.profile-city .btn.primary{background:var(--accent);color:var(--ink);border-color:var(--ink)}
.variant-borough.profile-city .btn.primary:hover{background:#ffd24d;color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.variant-borough.profile-city .btn.primary.dark{background:var(--primary);color:#fff;border-color:var(--ink)}
.variant-borough.profile-city .btn.primary.dark:hover{background:var(--secondary);color:#fff;box-shadow:5px 5px 0 var(--ink)}
.variant-borough .c-chip,.variant-borough .c-pill{border-radius:999px}

/* ---------- HOME HERO: a day on the East River ---------- */
.c-bhero{position:relative;isolation:isolate;min-height:max(86vh,640px);display:flex;align-items:center;color:var(--ink);background:#bfeaff;overflow:hidden}
.c-bhero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 58%;z-index:-2}
.c-bhero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,250,240,.97) 0%,rgba(255,250,240,.9) 30%,rgba(255,250,240,.45) 52%,rgba(255,250,240,0) 70%)}
.c-bhero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;z-index:1;background:linear-gradient(90deg,var(--primary) 0 20%,var(--accent) 20% 40%,var(--coral) 40% 60%,var(--sky) 60% 80%,var(--lilac) 80%)}
.c-bhero-in{width:min(1180px,100% - 2rem);margin-inline:auto;padding-top:5.5rem;padding-bottom:6rem}
.c-bhero-kicker{display:inline-block;margin:0 0 1.1rem;padding:.4rem .9rem;border:var(--pop);border-radius:999px;background:var(--accent);font:800 .92rem/1.2 var(--f-ui);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.c-bhero-h1{margin:0;display:flex;flex-direction:column;gap:.1em}
.c-bhero-name{font:900 clamp(3.6rem,13vw,10rem)/.9 var(--f-serif);letter-spacing:-.04em;color:var(--ink);text-shadow:.045em .045em 0 var(--accent);overflow-wrap:anywhere}
.c-bhero-sub{font:700 clamp(1.15rem,2.4vw,1.8rem)/1.2 var(--f-serif);font-style:italic;color:var(--coral)}
.c-bhero-lead{max-width:36rem;margin:1.4rem 0 1.7rem;font:500 clamp(1.1rem,1.9vw,1.35rem)/1.55 var(--f-serif);color:#26305c}
.c-bsearch{display:flex;max-width:40rem;background:#fff;border:var(--pop);border-radius:999px;box-shadow:6px 6px 0 var(--primary);padding:.3rem}
.c-bsearch input{flex:1;min-width:0;border:0;background:transparent;padding:.9rem 1.2rem;font:600 1.05rem var(--f-ui);color:var(--ink);border-radius:999px}
.c-bsearch input:focus-visible{outline:3px solid var(--sky);outline-offset:-3px}
.c-bsearch .btn{margin:0;padding:0 1.7rem;box-shadow:none!important}
.c-bchips{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.2rem 0 0;max-width:46rem}
.c-bchips a{color:var(--ink);text-decoration:none;font:700 .92rem var(--f-ui);padding:.38rem .9rem;border:2px solid var(--ink);border-radius:999px;background:#fff}
.c-bchips a:nth-child(5n+1):hover{background:var(--accent)}.c-bchips a:nth-child(5n+2):hover{background:var(--mint)}.c-bchips a:nth-child(5n+3):hover{background:var(--sky)}.c-bchips a:nth-child(5n+4):hover{background:var(--coral);color:#fff}.c-bchips a:nth-child(5n):hover{background:var(--lilac)}
.c-bticket{position:absolute;right:max(1rem,calc((100vw - 1180px)/2));bottom:3.4rem;display:flex;flex-direction:column;gap:.2rem;width:min(300px,34vw);padding:1.1rem 1.2rem;background:#fff;border:var(--pop);border-radius:18px;box-shadow:6px 6px 0 var(--coral);color:var(--ink);text-decoration:none;font:500 .92rem/1.35 var(--f-ui)}
.c-bticket strong{font:800 1.15rem/1.2 var(--f-serif)}
.c-bticket-tag{align-self:flex-start;padding:.15rem .6rem;border-radius:999px;background:var(--mint);font:800 .78rem var(--f-ui)}
.c-bticket:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--coral);color:var(--ink)}

/* ---------- facts strip: four colour blocks ---------- */
.variant-borough .c-facts{background:var(--cream);border-block:var(--pop)}
.variant-borough .c-facts dl{gap:0}
.variant-borough .c-facts dl>div{padding:1.5rem 1.4rem;border-left:var(--pop)}
.variant-borough .c-facts dl>div:first-child{border-left:0}
.variant-borough .c-facts dl>div:nth-child(4n+1){background:var(--accent)}
.variant-borough .c-facts dl>div:nth-child(4n+2){background:var(--mint)}
.variant-borough .c-facts dl>div:nth-child(4n+3){background:var(--sky)}
.variant-borough .c-facts dl>div:nth-child(4n){background:var(--coral)}
.variant-borough .c-facts dt{font:900 clamp(2rem,4vw,3.1rem)/1 var(--f-serif);color:var(--ink)}
.variant-borough .c-facts dd{color:var(--ink);font:600 .92rem/1.35 var(--f-ui)}

/* ---------- colour-blocked bands ---------- */
.variant-borough .c-lines{background:var(--cream);--band:var(--primary)}
.variant-borough .c-agenda-band{background:var(--t-sky);--band:var(--sky)}
.variant-borough .c-nb-band{background:var(--t-sun);--band:var(--accent)}
.variant-borough .c-gallery{background:#fff;--band:var(--coral);padding:3.6rem 0}
.variant-borough .c-dir-band{background:var(--t-mint);--band:var(--primary)}
.variant-borough .c-rent-band{background:var(--t-coral);--band:var(--coral)}
.variant-borough .c-areas-band{background:var(--t-lilac);--band:var(--lilac)}
.variant-borough .c-b2b-band{background:var(--accent);--band:var(--ink)}
.variant-borough .c-map-band{background:var(--t-sky);color:var(--ink);--band:var(--sky)}
.variant-borough .c-map-band h2,.variant-borough .c-map-band p{color:var(--ink)}
.variant-borough .c-dyk{background:#fff;--band:var(--mint)}
.variant-borough .c-intro{background:var(--t-sun);--band:var(--accent)}
.variant-borough .c-quote-band{background:linear-gradient(100deg,var(--coral),#ff9d3d);color:var(--ink);--band:var(--ink)}
.variant-borough .c-quote-band :is(h2,p){color:var(--ink)}
.variant-borough .c-chip-quote{background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:999px}
.variant-borough .c-chip-quote:hover{background:var(--accent);color:var(--ink)}
.variant-borough .c-sec-head h2{font:900 clamp(1.9rem,3.8vw,2.9rem)/1.06 var(--f-serif);letter-spacing:-.02em}
.variant-borough .c-sec-head h2::after{content:"";display:block;width:72px;height:9px;margin-top:.55rem;border-radius:9px;background:var(--band,var(--primary));border:2px solid var(--ink)}
.variant-borough .c-sec-head p{font-family:var(--f-serif);color:#2f3b69}
.variant-borough .c-b2b-band .c-sec-head h2::after{background:#fff}

/* ---------- explore cards: a picture on top ---------- */
.variant-borough .c-line{border:var(--pop);border-radius:20px;background:#fff;color:var(--ink);overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.variant-borough .c-line:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--band,var(--primary))}
.variant-borough .c-line.has-img{flex-direction:column;align-items:stretch;gap:0;padding:0}
.variant-borough .c-line-img{aspect-ratio:8/5;border-bottom:var(--pop)}
.variant-borough .c-line.has-img .c-bullet{margin:-1.7rem 0 0 1rem;position:relative;z-index:2;border:var(--pop);background:#fff;box-shadow:2px 2px 0 var(--ink)}
.variant-borough .c-line.has-img .c-line-t{padding:.55rem 1.15rem 1.2rem}
.variant-borough .c-line-t strong{font:900 1.25rem/1.15 var(--f-serif);color:var(--ink)}
.variant-borough .c-line-t>span{color:#3a4572;font:500 .95rem/1.45 var(--f-ui)}
.variant-borough .c-line-grid .c-line:nth-child(6n+1){--band:var(--primary)}.variant-borough .c-line-grid .c-line:nth-child(6n+2){--band:var(--accent)}.variant-borough .c-line-grid .c-line:nth-child(6n+3){--band:var(--coral)}
.variant-borough .c-line-grid .c-line:nth-child(6n+4){--band:var(--sky)}.variant-borough .c-line-grid .c-line:nth-child(6n+5){--band:var(--lilac)}.variant-borough .c-line-grid .c-line:nth-child(6n){--band:var(--mint)}

/* ---------- neighbourhood tiles ---------- */
.variant-borough .c-nb{border:var(--pop);border-radius:20px;color:var(--ink);box-shadow:var(--shadow)}
.variant-borough .c-nb:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--band,var(--primary));color:var(--ink)}
.variant-borough .c-nb.has-img{position:relative;overflow:hidden;padding:0;min-height:210px;background:#fff;justify-content:flex-end}
.variant-borough .c-nb-img{position:absolute;inset:0 0 74px 0;border-bottom:var(--pop)}
.variant-borough .c-nb-t{position:relative;display:flex;flex-direction:column;gap:.1rem;min-height:74px;padding:.65rem 1rem .75rem;background:var(--nbc,#fff)}
.variant-borough .c-nb.has-img strong{font:900 1.2rem/1.1 var(--f-serif);color:var(--ink)}
.variant-borough .c-nb.has-img span{font:600 .85rem var(--f-ui);opacity:1;color:#2f3b69}
.variant-borough .c-nb.has-img em{font:800 .78rem var(--f-ui);color:var(--ink);opacity:.8;margin-top:0}
.variant-borough .c-nb-0{--nbc:#d6fbf3}.variant-borough .c-nb-1{--nbc:#ffe6e1}.variant-borough .c-nb-2{--nbc:#fff1c2}.variant-borough .c-nb-3{--nbc:#e0f3ff}.variant-borough .c-nb-4{--nbc:#eee8ff}.variant-borough .c-nb-5{--nbc:#ffeccf}
.variant-borough .c-nb:not(.has-img){color:#fff}

/* ---------- gallery mosaic ---------- */
.c-gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(110px,15vw,190px);gap:.9rem}
.c-gal-grid .slot{border:var(--pop);border-radius:20px;box-shadow:4px 4px 0 var(--ink);transition:transform .15s}
.c-gal-grid .slot:hover{transform:rotate(-1deg) scale(1.02)}
.c-gal-grid .c-gal-1{grid-column:span 2;grid-row:span 2}.c-gal-grid .c-gal-4{grid-column:span 2}
.c-gal-grid .c-gal-1{box-shadow:6px 6px 0 var(--coral)}
@media (max-width:700px){.c-gal-grid{grid-template-columns:repeat(2,1fr)}.c-gal-grid .c-gal-4{grid-column:span 1}}

/* ---------- cards with pictures: events, places, directory, rentals ---------- */
.variant-borough .c-event,.variant-borough .c-poi,.variant-borough .c-biz,.variant-borough .c-rent,.variant-borough .c-area,.variant-borough .c-b2b,.variant-borough .c-empty,.variant-borough .c-dyk-card{border:var(--pop);border-radius:18px;background:#fff;color:var(--ink)}
.variant-borough .c-event,.variant-borough .c-poi,.variant-borough .c-biz,.variant-borough .c-rent,.variant-borough .c-dyk-card{box-shadow:4px 4px 0 var(--band,var(--primary));transition:transform .15s,box-shadow .15s}
.variant-borough .c-event:hover,.variant-borough .c-poi:hover,.variant-borough .c-biz:hover,.variant-borough .c-rent:hover,.variant-borough .c-dyk-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--band,var(--primary))}
.variant-borough .c-event h3 a,.variant-borough .c-biz h3 a,.variant-borough .c-poi h3 a,.variant-borough .c-rent h3 a{color:var(--ink);font-family:var(--f-serif)}
.variant-borough .c-event{overflow:hidden}
.c-event-img{flex:none;width:132px;position:relative;border-right:var(--pop)}
.c-event-img .slot{position:absolute;inset:0}
.variant-borough .c-date{border-radius:0}
.variant-borough .c-poi-ico:has(.slot){width:104px;height:80px;border-radius:14px;overflow:hidden;border:var(--pop);background:var(--t-sky)}
.variant-borough .c-poi-ico .slot{width:100%;height:100%}
.variant-borough .c-poi{border-left-width:3px}
.variant-borough .c-rent{overflow:hidden}
.variant-borough .c-rent-img{border-bottom:var(--pop)}
.variant-borough .c-rent-img .slot{width:100%;height:100%}
.variant-borough .c-rent.is-featured{border-color:var(--ink);box-shadow:5px 5px 0 var(--accent)}
.variant-borough .c-rent-price strong{font-family:var(--f-serif);font-weight:900}
.variant-borough .c-rent-avail{color:#0b7d80}
.variant-borough .c-badge{border-radius:999px}
.variant-borough .c-badge-spon{background:var(--accent);color:var(--ink)}
.variant-borough .c-biz-logo{background:var(--primary);border-radius:14px}
.variant-borough .c-dyk-card h3{font-family:var(--f-serif)}
.variant-borough .c-dyk-grid .c-dyk-card:nth-child(4n+1){--band:var(--primary)}.variant-borough .c-dyk-grid .c-dyk-card:nth-child(4n+2){--band:var(--accent)}.variant-borough .c-dyk-grid .c-dyk-card:nth-child(4n+3){--band:var(--coral)}.variant-borough .c-dyk-grid .c-dyk-card:nth-child(4n){--band:var(--sky)}

/* ---------- regions / areas index ---------- */
.variant-borough .c-region{background:#fff;border:var(--pop);border-radius:20px;padding:1rem 1.1rem 1.2rem;box-shadow:5px 5px 0 var(--band)}
.variant-borough .c-region:nth-child(5n+1){--band:var(--primary)}.variant-borough .c-region:nth-child(5n+2){--band:var(--coral)}.variant-borough .c-region:nth-child(5n+3){--band:var(--accent)}.variant-borough .c-region:nth-child(5n+4){--band:var(--sky)}.variant-borough .c-region:nth-child(5n){--band:var(--mint)}
.c-reg-img{aspect-ratio:16/6;border:var(--pop);border-radius:14px;margin:0 0 .8rem}
.variant-borough .c-region header h3{font-family:var(--f-serif);font-weight:900}
.variant-borough .c-region header p{opacity:1;color:#2f3b69}
.variant-borough .c-area{border-width:2px;border-radius:999px;background:var(--cream);color:var(--ink)}
.variant-borough .c-area:hover{background:var(--accent)}
.variant-borough .c-area.has-guide{background:#fff;border-color:var(--ink);box-shadow:2px 2px 0 var(--primary)}
.variant-borough .c-tab{border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink)}
.variant-borough .c-tab:hover{background:var(--accent);color:var(--ink)}
.variant-borough .c-tab.on{background:var(--ink);color:#fff}
.variant-borough .c-b2b{box-shadow:5px 5px 0 var(--ink)}
.variant-borough .c-filters{border:var(--pop);border-radius:18px;background:#fff}
.variant-borough .c-timeline li{border-color:var(--ink)}

/* ---------- inner pages: light photographic hero ---------- */
.variant-borough .page-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(3rem,7vw,5rem) 0 clamp(2.4rem,5vw,3.4rem);background:#d9f2ff;color:var(--ink);border-bottom:var(--pop)}
.variant-borough .page-hero .c-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 55%;z-index:-2}
.variant-borough .page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,250,240,.97) 0%,rgba(255,250,240,.9) 38%,rgba(255,250,240,.4) 66%,rgba(255,250,240,0) 88%)}
.variant-borough .page-hero::after{height:8px}
.variant-borough .page-hero .hero-pattern,.variant-borough .page-hero .hero-fx{display:none}
.variant-borough .page-hero h1{font:900 clamp(2.2rem,5.6vw,4.2rem)/1.02 var(--f-serif);letter-spacing:-.025em;color:var(--ink);max-width:22ch}
.variant-borough .page-hero .lead{color:#26305c;font-weight:500}
.variant-borough .page-hero .meta{color:var(--coral)}
.variant-borough .crumbs,.variant-borough .crumbs a{color:var(--ink)}
.variant-borough .crumbs a{text-decoration-color:var(--coral)}
.variant-borough .page-hero .kicker,.variant-borough .kicker{background:var(--accent);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:.28rem .85rem .28rem .6rem}
.variant-borough .kicker:empty{display:none}
.variant-borough .hub-hero .hero-bg{object-position:72% 55%}
.variant-borough .hub-hero .hero-shade{background:linear-gradient(90deg,rgba(255,250,240,.97) 0%,rgba(255,250,240,.9) 38%,rgba(255,250,240,.4) 66%,rgba(255,250,240,0) 88%)}
.variant-borough .sub-hero-badge{border-color:var(--ink);background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}

/* ---------- article furniture ---------- */
.variant-borough .figure{border:var(--pop);border-radius:22px;background:#fff;box-shadow:6px 6px 0 var(--accent)}
.variant-borough .figure figcaption{background:#fff;color:#2f3b69}
.variant-borough .acard{border:var(--pop);border-bottom-width:var(--pop);border-radius:20px;background:#fff;box-shadow:5px 5px 0 var(--primary);overflow:hidden}
.variant-borough .acard:hover{box-shadow:8px 8px 0 var(--primary)}
.variant-borough .acard-img{background:var(--t-sky);border-bottom:var(--pop);aspect-ratio:16/9}
.variant-borough .acard-img img{width:100%;height:100%;object-fit:cover}
.variant-borough .acard h3{font-family:var(--f-serif);color:var(--ink)}
.variant-borough .toc a{border-radius:999px}
.variant-borough .toc a.active,.variant-borough .toc a[aria-current=page]{background:var(--accent);color:var(--ink);border-color:var(--ink)}
.variant-borough .next-card,.variant-borough .next-card.chapter{background:var(--t-sun);color:var(--ink);border:var(--pop);border-radius:20px;box-shadow:5px 5px 0 var(--coral)}
.variant-borough .next-card *{color:var(--ink)}
.variant-borough .prose table th{background:var(--primary);color:#fff}
.variant-borough .factbox{background:var(--lemon);border:var(--pop);border-left-width:10px;border-left-color:var(--accent);border-radius:16px}
.variant-borough .callout,.variant-borough .debate{border:var(--pop);border-radius:16px;background:#fff}
.variant-borough .c-quotebox{background:var(--t-mint);border:var(--pop);border-radius:18px;color:var(--ink)}
.variant-borough .c-cta{background:var(--t-sun);border:var(--pop);border-radius:20px;color:var(--ink)}
.variant-borough .c-cta *{color:var(--ink)}
.variant-borough .to-top{background:var(--accent);color:var(--ink);border:var(--pop);border-radius:999px}
.variant-borough .c-here{background:#fff;border:var(--pop);border-radius:22px;padding:1.2rem 1.3rem;box-shadow:5px 5px 0 var(--primary)}

/* ---------- footer: bright ---------- */
.variant-borough .site-footer{background:#fff1c2;color:var(--ink);border-top:var(--pop)}
.variant-borough .site-footer h3{color:var(--ink);font:900 1.05rem var(--f-serif);letter-spacing:0;text-transform:none}
.variant-borough .site-footer a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:3px}
.variant-borough .site-footer a:hover{color:var(--ink);background:var(--accent)}
.variant-borough .foot-base{border-top:2px solid var(--ink);color:var(--ink)}
.variant-borough .foot-brand p,.variant-borough .site-footer p{color:#26305c}
.variant-borough .site-footer .brand,.variant-borough .site-footer .brand-text{color:var(--ink)}
.variant-borough .site-footer input,.variant-borough .site-footer select{border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink)}

@media (max-width:860px){
  .c-bticket{position:static;width:auto;max-width:28rem;margin:0 1rem 2.4rem}
  .c-bhero{min-height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start}
  .c-bhero::before{background:linear-gradient(180deg,rgba(255,250,240,.96) 0%,rgba(255,250,240,.88) 62%,rgba(255,250,240,.25) 100%)}
  .c-bhero-img{object-position:78% 50%}
  .c-bhero-in{padding-bottom:2rem}
  .variant-borough .page-hero::before,.variant-borough .hub-hero .hero-shade{background:linear-gradient(180deg,rgba(255,250,240,.96) 0%,rgba(255,250,240,.86) 70%,rgba(255,250,240,.4) 100%)}
  .c-event-img{width:96px}
}
@media (max-width:520px){.c-bsearch{flex-direction:column;border-radius:22px;padding:.4rem}.c-bsearch .btn{padding:.8rem}.c-bsearch input{padding:.8rem 1rem}.variant-borough .c-facts dl>div{border-left:0;border-top:var(--pop)}}
@media (prefers-reduced-motion:no-preference){.c-bhero-img{animation:bk-drift 30s ease-in-out infinite alternate}@keyframes bk-drift{to{transform:scale(1.05)}}}
@media (prefers-reduced-motion:reduce){.variant-borough *{transition:none!important}}

/* icon bullets on picture cards */
.variant-borough .c-line .c-bullet{color:var(--ink);--ico-accent:var(--primary);background:#fff}
.variant-borough .c-line .c-line-ico{color:var(--ink);fill:currentColor}
.variant-borough .c-line-grid .c-line:nth-child(6n+1) .c-bullet{background:#b9f3ea}.variant-borough .c-line-grid .c-line:nth-child(6n+2) .c-bullet{background:#ffe08a}.variant-borough .c-line-grid .c-line:nth-child(6n+3) .c-bullet{background:#ffc9c9}
.variant-borough .c-line-grid .c-line:nth-child(6n+4) .c-bullet{background:#bfe6ff}.variant-borough .c-line-grid .c-line:nth-child(6n+5) .c-bullet{background:#e0d6ff}.variant-borough .c-line-grid .c-line:nth-child(6n) .c-bullet{background:#c9f7df}
@media (min-width:981px){
  .variant-borough .bar{gap:.6rem}
  .variant-borough .main-nav{min-width:0;gap:0}
  .variant-borough .main-nav>a,.variant-borough .dd-btn{padding:.45rem .5rem;font-size:.84rem;white-space:nowrap}
  .variant-borough .search-mini{display:none}
}

/* ---------- community boards, jobs, resources, data, legal (borough pop style) ---------- */
.variant-borough .c-bd,.variant-borough .c-voice,.variant-borough .c-job,.variant-borough .c-res,.variant-borough .c-comm-tile,.variant-borough .c-live,.variant-borough .c-data,.variant-borough .c-plan,.variant-borough .c-fs,.variant-borough .c-legal-list a{border:var(--pop);border-radius:18px;background:#fff}
.variant-borough .c-bd,.variant-borough .c-voice,.variant-borough .c-job,.variant-borough .c-res,.variant-borough .c-comm-tile,.variant-borough .c-live,.variant-borough .c-data{box-shadow:4px 4px 0 var(--band,var(--primary));transition:transform .15s,box-shadow .15s}
.variant-borough .c-bd:hover,.variant-borough .c-job:hover,.variant-borough .c-res:hover,.variant-borough .c-comm-tile:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--band,var(--primary))}
.variant-borough .c-bd.is-featured,.variant-borough .c-job.is-featured{border-color:var(--ink);box-shadow:5px 5px 0 var(--accent)}
.variant-borough .c-bd-img,.variant-borough .c-comm-img{border-bottom:var(--pop)}
.variant-borough .c-bd h3,.variant-borough .c-voice h3,.variant-borough .c-job h3,.variant-borough .c-res h3,.variant-borough .c-res-sec header h2{font-family:var(--f-serif);color:var(--ink)}
.variant-borough .c-bd h3 a,.variant-borough .c-job h3 a,.variant-borough .c-res h3 a{color:var(--ink)}
.variant-borough .c-comm-band{background:var(--t-lilac);--band:var(--lilac);border-block:var(--pop)}
.variant-borough .c-comm-tile.t-voice{--band:var(--coral)}.variant-borough .c-comm-tile.t-lostfound{--band:var(--sky)}.variant-borough .c-comm-tile.t-gigs{--band:var(--mint)}.variant-borough .c-comm-tile.t-jobs{--band:var(--accent)}
.variant-borough .c-comm-tile.t-res-women{--band:var(--coral)}.variant-borough .c-comm-tile.t-res-youth{--band:var(--sky)}.variant-borough .c-comm-tile.t-res-all{--band:var(--mint)}
.variant-borough .c-comm-body strong{font-family:var(--f-serif)}
.variant-borough .c-voice-answer{background:var(--t-mint);border-left:6px solid var(--mint);border-radius:0 12px 12px 0}
.variant-borough .c-voice.is-complaint{--band:var(--coral)}.variant-borough .c-voice.is-praise{--band:var(--mint)}.variant-borough .c-voice.is-suggestion{--band:var(--accent)}.variant-borough .c-voice.is-opinion{--band:var(--sky)}
.variant-borough .c-tabs-nav a,.variant-borough .c-jump a{border:var(--pop);background:#fff;color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.variant-borough .c-tabs-nav a[aria-current=page],.variant-borough .c-jump a:hover{background:var(--accent);color:var(--ink)}
.variant-borough .c-bd-gallery .c-photo,.variant-borough .c-bd-gallery .slot{border:var(--pop);border-radius:16px}
.variant-borough .c-live-band{background:var(--t-sun);border:var(--pop);border-radius:20px;padding:1.2rem;box-shadow:5px 5px 0 var(--coral)}
.variant-borough .c-bar{background:var(--primary);border:2px solid var(--ink);height:12px}
.variant-borough .c-data summary:hover{background:var(--lemon);border-radius:15px}
.variant-borough .c-quick-exit{border:var(--pop);box-shadow:3px 3px 0 var(--ink)}
.variant-borough .c-table-wrap{border:var(--pop);border-radius:12px}
.variant-borough .c-legal-list a:hover{background:var(--lemon)}
.variant-borough .c-hero-bd .hero-cta{margin-top:1.2rem}

/* ======================================================= ENCYCLOPEDIA (pop style) */
.variant-borough .enc-vol,.variant-borough .enc-chap,.variant-borough .enc-hit,.variant-borough .enc-stats li,.variant-borough .enc-pn a,.variant-borough .enc-allsources,.variant-borough .enc-table-scroll{border:var(--pop);border-radius:18px;box-shadow:4px 4px 0 var(--tc,var(--band,var(--primary)));transition:transform .15s,box-shadow .15s}
.variant-borough .enc-vol:hover,.variant-borough .enc-chap:hover,.variant-borough .enc-hit:hover,.variant-borough .enc-pn a:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--tc,var(--primary))}
.variant-borough .enc-hit{border-left:var(--pop)}
.variant-borough .enc-vol-img{border-bottom:var(--pop)}.variant-borough .enc-vol-badge{border:var(--pop)}
.variant-borough .enc-stats li:nth-child(5n+1){background:var(--t-sun)}.variant-borough .enc-stats li:nth-child(5n+2){background:var(--t-mint)}.variant-borough .enc-stats li:nth-child(5n+3){background:var(--t-sky)}.variant-borough .enc-stats li:nth-child(5n+4){background:var(--t-coral)}.variant-borough .enc-stats li:nth-child(5n){background:var(--t-lilac)}
.variant-borough .enc-cover{border:var(--pop);box-shadow:6px 6px 0 var(--tc)}.variant-borough .enc-cover-img{border:var(--pop)}.variant-borough .enc-cover-ico{border:var(--pop)}
.variant-borough .enc-chips li{border:2px solid var(--ink)}
.variant-borough .enc-facts li{border:var(--pop);border-top-width:3px;border-radius:14px;box-shadow:3px 3px 0 var(--tc)}
.variant-borough .enc-facts li.tone-1{background:var(--t-mint)}.variant-borough .enc-facts li.tone-2{background:var(--t-sky)}.variant-borough .enc-facts li.tone-3{background:var(--t-coral)}
.variant-borough .enc-fig-img,.variant-borough .enc-fig-empty,.variant-borough .enc-cover-img{border-radius:16px}.variant-borough .enc-fig-img{border:var(--pop);box-shadow:5px 5px 0 var(--tc)}
.variant-borough .enc-callout{border:var(--pop);border-style:solid;box-shadow:4px 4px 0 var(--tc);background:#fff}
.variant-borough .enc-quote{border-left:8px solid var(--ink);background:var(--tt)}
.variant-borough .enc-table thead th{color:var(--ink)}
.variant-borough .enc-search input{border:var(--pop);box-shadow:4px 4px 0 var(--primary)}
.variant-borough .enc-toc-chaps li.on a{color:var(--ink);border:2px solid var(--ink)}
.variant-borough .enc-body h2{border-top:var(--pop)}
.variant-borough .enc-timeline{border-left:4px solid var(--ink)}.variant-borough .enc-timeline li::before{border:3px solid var(--ink);background:var(--tc)}
.variant-borough .enc-check li::before{border:3px solid var(--ink);box-shadow:2px 2px 0 var(--tc)}