/* =====================================================================
   NEIGHBOR layout (spec 013): "a friendly note from next door".
   Loaded after site.css. Every class is prefixed nb-; shared page classes
   are restyled only under .l-neighbor.

   Reviewed palette (copy into the Theme tab when switching a city here):
     --primary #9A3B22  --primary-contrast #FFFFFF  --accent #E8A33D
     --accent-contrast #2C2420  --bg #FBF5EC  --surface #FFFDF8
     --text #2C2420  --muted #6A5A4F
   (text/bg 14.0, muted/bg 6.1, primary/bg 6.4, white/primary 7.0)
   Second palette that also works:
     --primary #2B5866 --accent #F0B544 --bg #F6F3EC --surface #FFFEFB
     --text #1F2A2E --muted #56626A
   The layout owns its fonts (Fraunces, Nunito Sans, Kalam) and radius.
   Derived tones (band, rules, UI edges) are mixed from the city's tokens,
   so any reasonable palette works. UI edges use --muted (>= 3:1), and
   open/closed greens and violets are mixed toward --text.
   ===================================================================== */
.l-neighbor{
  --font-heading:'Fraunces',Georgia,serif;
  --font-body:'Nunito Sans',system-ui,sans-serif;
  --nb-script:'Kalam','Comic Neue',cursive;
  --nb-r:22px;
  --nb-col:720px;
  --nb-band:color-mix(in srgb,var(--accent) 13%,var(--bg));
  --nb-line:color-mix(in srgb,var(--text) 13%,var(--bg));
  --nb-edge:var(--muted); /* UI boundaries: the theme keeps muted >= 4.5:1 */
  --nb-soft:color-mix(in srgb,var(--primary) 11%,var(--surface));
  --nb-ink:color-mix(in srgb,var(--accent) 62%,var(--text));
  --nb-open:color-mix(in srgb,#1E7A43 62%,var(--text));
  --nb-closed:color-mix(in srgb,#5B48A8 66%,var(--text));
  --nb-on-primary:var(--primary-contrast,#fff);
  --nb-on-accent:var(--accent-contrast,var(--text));
  background:var(--bg);color:var(--text);
  font:400 1.125rem/1.6 var(--font-body);
  overflow-x:hidden;
}
html:has(.l-neighbor){scroll-padding-top:16px;scroll-padding-bottom:16px}
@media (max-width:760px){html:has(.nb-callbar){scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))}}
.l-neighbor a{color:var(--primary);text-underline-offset:.2em;text-decoration-thickness:1px}
.l-neighbor a:hover{text-decoration-thickness:2px}
.l-neighbor :focus-visible{outline:3px solid var(--text);outline-offset:3px;border-radius:6px;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 55%,transparent)}
.l-neighbor h1,.l-neighbor h2,.l-neighbor h3{font-family:var(--font-heading);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:600;line-height:1.15;margin:0;letter-spacing:-.01em}
.l-neighbor p{margin:0 0 1em}
.nb-sprite{position:absolute;width:0;height:0;overflow:hidden}
.nb-hide-sm{display:inline}
.nb-nowrap{white-space:nowrap}
.nb-skip{border-radius:999px;background:var(--text);color:var(--bg)!important;padding:.6rem 1rem;font-weight:700}
.nb-ic{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nb-ic .nb-solid,.nb-solid{fill:currentColor;stroke:none}

/* glyph inks (porch light, house, mailbox, door) */
.nb-glow{fill:var(--accent);opacity:.24}
.nb-gp{fill:var(--primary)}
.nb-ga{fill:var(--accent)}
.nb-gs{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.nb-gs2{stroke:var(--primary);stroke-width:2.5;stroke-linejoin:round}
.nb-gs1{fill:none;stroke:var(--primary);stroke-width:1.6}

/* ---------- frame: one reading column plus a margin for notes ---------- */
.nb-wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}
.nb-row{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:1080px){
  .nb-row{grid-template-columns:minmax(0,var(--nb-col)) minmax(0,380px);column-gap:clamp(48px,6vw,96px);justify-content:space-between}
  .nb-row--wide{grid-template-columns:minmax(0,860px) minmax(0,1fr)}
}
.nb-margin{display:none}
@media (min-width:1080px){
  .nb-margin{display:block;font-family:var(--nb-script);color:var(--muted);font-size:1.15rem;line-height:1.35;transform:rotate(-2deg);padding-top:.5rem;max-width:250px;margin:0}
  .nb-margin svg{display:block;color:var(--accent);margin-bottom:.4rem;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
  .nb-margin--hero{align-self:start;margin-top:18px}
}

/* ---------- header: no bar, the logo and three links ---------- */
.nb-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:22px;min-height:100px}
.nb-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)!important;border-radius:14px;min-width:0}
.nb-logo__glyph,.nb-logo__img{width:54px;height:54px;flex:none}
.nb-logo__img{object-fit:contain;width:auto;max-width:120px}
.nb-logo__text{display:flex;flex-direction:column;line-height:1;min-width:0}
.nb-logo__name{position:relative;font-family:var(--nb-script);font-weight:700;font-size:2.1rem;color:var(--primary);line-height:1.05;padding-bottom:6px;display:inline-block;align-self:flex-start}
.nb-logo--long .nb-logo__name{font-size:1.8rem}
.nb-logo__swash{position:absolute;left:2%;bottom:-3px;width:96%;height:10px;overflow:visible}
.nb-logo__swash path{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.nb-logo__tag{font-size:.8rem;color:var(--muted);margin-top:7px;letter-spacing:.01em}
.nb-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nb-nav a{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--text);text-decoration:none;font-weight:600;font-size:1rem;border-radius:999px}
.nb-nav a:hover{background:var(--nb-band)}
.nb-nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:.35em}

/* ---------- inner pages: the search box and crumbs ---------- */
.nb-top .nb-ask{margin:0 0 8px}
.nb-top{padding-bottom:4px}
.nb-top:empty{display:none}
.nb-crumbs,.l-neighbor main .crumbs{font-size:.95rem;color:var(--muted);margin:18px 0 26px}
.nb-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.nb-crumbs li{display:inline-flex;align-items:center;min-width:0;overflow-wrap:anywhere}
.nb-crumbs li+li::before{content:"›";content:"›" / "";margin-right:8px;color:var(--muted)}
.nb-crumbs a,.l-neighbor main .crumbs a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}
.l-neighbor:has(main .crumbs) .nb-crumbs--default{display:none}

/* ---------- hero: a greeting, one question, one search box ---------- */
.nb-hero{padding-top:clamp(24px,5vh,64px);padding-bottom:clamp(36px,6vh,64px)}
.nb-hello{font-family:var(--nb-script);font-weight:400;font-size:1.5rem;line-height:1.4;letter-spacing:0;font-variation-settings:normal;color:var(--muted);margin:0 0 .35rem!important;transform:rotate(-1.5deg);transform-origin:left;display:block;width:max-content;max-width:100%}
.nb-hero__h{font-variation-settings:"SOFT" 100,"WONK" 0,"opsz" 144!important;font-weight:500!important;font-size:clamp(2rem,1.35rem + 2.4vw,3.25rem);line-height:1.12!important;letter-spacing:-.02em;max-width:18ch;text-wrap:balance;overflow-wrap:break-word}
.nb-hero__intro{font-size:1.125rem;line-height:1.55;color:var(--muted);max-width:56ch;margin:14px 0 0!important}

/* the search box: "I need ___ [Find]" (hero, search page; --sm on inner pages) */
.nb-ask{display:flex;align-items:center;gap:10px;max-width:640px;min-height:64px;margin-top:clamp(20px,3.5vh,32px);padding:6px 6px 6px 22px;background:var(--surface);border:2px solid var(--nb-edge);border-radius:999px;box-shadow:0 10px 24px -18px rgb(60 20 10 / .45)}
.nb-ask:focus-within{border-color:var(--primary);outline:3px solid var(--text);outline-offset:3px;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 55%,transparent)}
.nb-ask__lead{flex:none;cursor:text;font-family:var(--font-heading);font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.3rem;color:var(--primary);padding-right:12px;border-right:2px solid color-mix(in srgb,var(--nb-edge) 35%,transparent);line-height:1.2}
.nb-ask input{flex:1;min-width:0;min-height:48px;border:0;background:transparent;outline:none;font:500 1.15rem var(--font-body);color:var(--text)} /* the ring is on .nb-ask:focus-within */
.nb-ask input::placeholder{color:var(--muted);opacity:1}
.nb-ask button{flex:none;display:inline-flex;align-items:center;gap:.45rem;min-height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--primary);color:var(--nb-on-primary);font:700 1.05rem var(--font-body);cursor:pointer}
.nb-ask button:hover{box-shadow:0 6px 16px -6px rgb(60 20 10 / .45)}
.nb-ask button .nb-ic{width:18px;height:18px}
.nb-ask__alt{margin:14px 0 0 22px!important;font-size:1rem;color:var(--muted)}
.nb-ask__alt a{font-weight:700}
.nb-ask--sm{max-width:560px;min-height:52px;padding:4px 4px 4px 18px;box-shadow:none}
.nb-ask--sm .nb-ask__lead{font-size:1.1rem}
.nb-ask--sm input{font-size:1.0625rem;min-height:44px}
.nb-ask--sm button{min-height:44px;padding:0 18px;font-size:.98rem;background:var(--text);color:var(--bg)}
.nb-ask--sm button:hover{background:var(--primary);color:var(--nb-on-primary);box-shadow:none}

/* buttons */
.nb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:0 26px;border-radius:999px;border:2px solid transparent;font:700 1.05rem/1.2 var(--font-body);text-decoration:none!important;cursor:pointer;text-align:center}
.nb-btn--primary{background:var(--primary);color:var(--nb-on-primary)!important}
.nb-btn--primary:hover{box-shadow:0 6px 16px -6px rgb(60 20 10 / .45)}
.nb-btn--soft{background:var(--surface);color:var(--text)!important;border-color:var(--nb-edge)}
.nb-btn--soft:hover{border-color:var(--text)}
.nb-btn--accent{background:var(--accent);color:var(--nb-on-accent)!important}
.nb-btn--accent:hover{filter:brightness(1.08)}
.nb-btn .nb-ic{width:18px;height:18px}
.nb-btn:focus-visible,.nb-call:focus-visible,.nb-chip:focus-visible,.nb-nav a:focus-visible,.nb-ask button:focus-visible{outline:3px solid var(--text);outline-offset:3px;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 55%,transparent);border-radius:999px}

/* ---------- section headings with a soft blob behind ---------- */
.nb-section{padding-block:clamp(48px,8vw,88px)}
.nb-section--flush{padding-top:0}
.nb-section--new{padding-top:8px}
.nb-title{position:relative;font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem)!important;margin-bottom:.4rem!important;isolation:isolate;display:inline-block}
.nb-blob{position:absolute;left:-.6em;top:-.3em;width:3.6em;height:1.7em;fill:var(--accent);opacity:.2;z-index:-1}
.nb-sub{color:var(--muted);margin:0 0 28px!important;max-width:38em}

/* ---------- the conversational picker ---------- */
.nb-convo{display:grid;gap:26px}
.nb-say{font-family:var(--font-heading);font-variation-settings:"SOFT" 100;font-size:1.35rem;font-weight:500;margin:0 0 14px;padding:0;line-height:1.3}
.nb-who{font-family:var(--nb-script);font-size:1.08rem;color:var(--muted);display:block;font-weight:400}
.nb-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.nb-chips li{max-width:100%}
.nb-chip{display:inline-flex;align-items:center;gap:10px;min-height:52px;max-width:100%;padding:6px 20px 6px 14px;border-radius:999px;background:var(--surface);border:2px solid var(--nb-edge);color:var(--text)!important;text-decoration:none!important;font-weight:700;font-size:1.02rem;line-height:1.25;overflow-wrap:anywhere}
.nb-chip .nb-ic{width:26px;height:26px;color:var(--primary);filter:url(#nb-hand);stroke-width:2.1}
.nb-chip:hover{border-color:var(--primary)}
.nb-n{font-weight:400;color:var(--muted);font-size:.9rem;white-space:nowrap}
.nb-chip--quiet{border-style:dashed}
.nb-chip[aria-expanded="true"],.nb-chip.is-on{background:var(--primary);border-color:var(--primary);color:var(--nb-on-primary)!important}
.nb-chip[aria-expanded="true"] .nb-ic,.nb-chip[aria-expanded="true"] .nb-n,.nb-chip.is-on .nb-ic,.nb-chip.is-on .nb-n{color:var(--nb-on-primary)}
.nb-thread{display:none;position:relative;padding-left:28px;border-left:3px dotted var(--nb-edge);margin-left:18px;gap:22px}
.nb-convo.nb-js .nb-thread.is-on{display:grid}
.nb-convo:not(.nb-js) .nb-thread:target{display:grid}
/* without JS the chip for the shown answer is marked by the URL fragment */
.nb-convo:not(.nb-js):has(#nb-need-fix:target) [data-nb-need="fix"],
.nb-convo:not(.nb-js):has(#nb-need-car:target) [data-nb-need="car"],
.nb-convo:not(.nb-js):has(#nb-need-eat:target) [data-nb-need="eat"],
.nb-convo:not(.nb-js):has(#nb-need-health:target) [data-nb-need="health"],
.nb-convo:not(.nb-js):has(#nb-need-pets:target) [data-nb-need="pets"],
.nb-convo:not(.nb-js):has(#nb-need-yard:target) [data-nb-need="yard"],
.nb-convo:not(.nb-js):has(#nb-need-look:target) [data-nb-need="look"],
.nb-convo:not(.nb-js):has(#nb-need-money:target) [data-nb-need="money"],
.nb-convo:not(.nb-js):has(#nb-need-kids:target) [data-nb-need="kids"],
.nb-convo:not(.nb-js):has(#nb-need-fun:target) [data-nb-need="fun"],
.nb-convo:not(.nb-js):has(#nb-need-errands:target) [data-nb-need="errands"],
.nb-convo:not(.nb-js):has(#nb-need-work:target) [data-nb-need="work"],
.nb-convo:not(.nb-js):has(#nb-need-town:target) [data-nb-need="town"],
.nb-convo:not(.nb-js):has(#nb-need-other:target) [data-nb-need="other"]{background:var(--primary);border-color:var(--primary);color:var(--nb-on-primary)!important}
.nb-convo:not(.nb-js):has(#nb-need-fix:target) [data-nb-need="fix"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-car:target) [data-nb-need="car"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-eat:target) [data-nb-need="eat"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-health:target) [data-nb-need="health"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-pets:target) [data-nb-need="pets"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-yard:target) [data-nb-need="yard"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-look:target) [data-nb-need="look"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-money:target) [data-nb-need="money"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-kids:target) [data-nb-need="kids"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-fun:target) [data-nb-need="fun"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-errands:target) [data-nb-need="errands"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-work:target) [data-nb-need="work"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-town:target) [data-nb-need="town"] :is(.nb-ic,.nb-n),
.nb-convo:not(.nb-js):has(#nb-need-other:target) [data-nb-need="other"] :is(.nb-ic,.nb-n){color:var(--nb-on-primary)}
.nb-step{border:0;margin:0;padding:0;min-width:0}
.nb-step legend{padding:0;margin-bottom:14px}
.nb-radios{display:flex;flex-wrap:wrap;gap:10px}
.nb-radios label{position:relative;max-width:100%}
.nb-radios input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%}
.nb-radios span{display:inline-flex;align-items:center;gap:8px;min-height:48px;max-width:100%;padding:6px 18px;border-radius:999px;border:2px solid var(--nb-edge);background:var(--surface);font-weight:600;font-size:1rem;line-height:1.25;cursor:pointer;overflow-wrap:anywhere}
.nb-radios small{font-weight:400;color:var(--muted);font-size:.85rem}
.nb-radios input:checked+span small{color:var(--text)}
.nb-radios input:hover+span{border-color:var(--primary)}
.nb-radios input:checked+span{border-color:var(--primary);background:var(--nb-soft);color:var(--text)}
.nb-radios input:checked+span::before{content:"";width:9px;height:9px;flex:none;border-radius:50%;background:var(--primary)}
.nb-radios input:focus-visible+span{outline:3px solid var(--text);outline-offset:3px}
.nb-convo-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.nb-yousaid{font-size:.98rem;color:var(--muted);margin:0!important}
.nb-yousaid b{color:var(--text)}
.nb-yousaid a{display:inline-block;padding-block:11px;margin-block:-11px}

/* "folks usually start with" */

/* ---------- sponsored: a plain-spoken card in the margin ---------- */
.nb-side{display:grid;gap:22px;align-content:start;margin-top:44px;min-width:0}
@media (min-width:1080px){.nb-side{margin-top:0;position:sticky;top:24px}}
.nb-pick{background:var(--surface);border-radius:var(--nb-r);padding:clamp(22px,3vw,30px);box-shadow:0 1px 0 var(--nb-line),0 18px 40px -24px rgb(90 50 20 / .35);border:2px solid var(--nb-line);min-width:0}
.nb-pick__paid{text-wrap:balance;margin:0 0 12px!important;padding-bottom:12px;border-bottom:2px solid var(--text);font-size:.9rem;color:var(--text)}
.nb-pick__paid b,.nb-paid b{font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.nb-pick h3{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);overflow-wrap:anywhere}
.nb-pick h3 a{color:inherit;text-decoration:none}
.nb-pick h3 a:hover{text-decoration:underline}
.nb-pick p{margin:.6rem 0 0}
.nb-pick .nb-acts{margin-top:20px}
.nb-pick__fine{font-size:.85rem;color:var(--muted);margin-top:18px!important;padding-top:14px;border-top:1px dashed var(--nb-edge)}
.nb-pick__fine a{display:inline-flex;min-height:44px;align-items:center}
.nb-asked{background:var(--surface);border:2px solid var(--nb-line);border-radius:var(--nb-r);padding:24px 26px}
.nb-asked h3{font-size:1.3rem;margin-bottom:10px}
.nb-asked ol{list-style:none;margin:0 0 6px;padding:0;counter-reset:a}
.nb-asked li{display:flex;align-items:baseline;gap:10px;border-bottom:1px dotted var(--nb-edge);counter-increment:a}
.nb-asked li::before{content:counter(a);font-family:var(--font-heading);font-weight:600;color:var(--primary);width:1.2em;flex:none}
.nb-asked li a{flex:1;display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--text);text-decoration:none;overflow-wrap:anywhere;min-width:0}
.nb-asked li a:hover{text-decoration:underline}
.nb-asked li span{font-size:.85rem;color:var(--muted)}

/* ---------- listings: a generous single column, one warm sentence ---------- */
.nb-list{list-style:none;margin:0;padding:0}
.nb-item{padding:30px 0;border-top:1px solid var(--nb-line);min-width:0}
.nb-item:last-child{border-bottom:1px solid var(--nb-line)}
.nb-paid{font-size:.9rem;color:var(--text);margin:0 0 8px!important}
.nb-paid--pick b{color:var(--primary)}
.nb-item__kind,.nb-biz__kind{font-family:var(--font-heading);font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1;color:var(--muted);font-size:1.02rem;margin:0 0 2px!important;overflow-wrap:anywhere}
.nb-item__name{font-size:clamp(1.45rem,1.2rem + .8vw,1.8rem)!important;overflow-wrap:anywhere}
.nb-item__name a{color:var(--text);text-decoration:none;display:inline-block;min-height:44px;padding-top:2px}
.nb-item__name a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px}
.nb-item__say{margin:.45rem 0 0!important;max-width:36em}
.nb-revs{display:block;color:var(--muted);font-size:1rem;margin-top:2px}
.nb-revs a{display:inline-block;padding-block:11px;margin-block:-11px}
.nb-star{color:#8A5A12}
.nb-status{margin:.35rem 0 0!important;font-weight:700}
.nb-status--open{color:var(--nb-open)}
.nb-status--closed{color:var(--nb-closed)}
.nb-acts{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:16px}
.nb-call{display:inline-flex;align-items:center;gap:8px;min-height:46px;max-width:100%;padding:6px 20px;border-radius:999px;background:var(--primary);color:var(--nb-on-primary)!important;font-weight:700;text-decoration:none!important;font-size:1rem;line-height:1.2}
.nb-call .nb-ic{width:17px;height:17px}
.nb-call:hover{box-shadow:0 6px 14px -6px rgb(60 20 10 / .45)}
.nb-textlink{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:1rem}
.nb-more{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font-weight:700}
@media (max-width:520px){.nb-acts{gap:8px 16px}.nb-acts .nb-call{flex:1 1 auto;justify-content:center;min-height:48px;padding-inline:16px}}

/* ---------- the owner nudge: the one dark band ---------- */
.nb-dark{background:var(--text);color:var(--bg);padding-block:clamp(48px,7vw,80px);position:relative;overflow:hidden}
.nb-dark::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:var(--accent);opacity:.16}
.nb-owner{display:grid;gap:22px;align-items:center;position:relative;z-index:1}
@media (min-width:860px){.nb-owner{grid-template-columns:minmax(0,1fr) auto;column-gap:64px}}
.nb-owner h2{font-size:clamp(2rem,1.5rem + 2vw,3.2rem);font-style:italic;color:var(--bg)}
.nb-owner p{margin:.5rem 0 0;color:color-mix(in srgb,var(--bg) 88%,var(--text));max-width:34em;font-size:1.15rem}
.nb-dark :focus-visible{outline-color:var(--bg)!important}

/* ---------- the welcome letter ---------- */
.nb-band{background:var(--nb-band);position:relative}
.nb-band::before{content:"";position:absolute;inset:0 0 auto 0;height:14px;background:radial-gradient(circle at 7px 0,var(--bg) 7px,transparent 7.5px) 0 0/28px 14px repeat-x}
.nb-letter{background:var(--surface);border-radius:var(--nb-r);padding:clamp(28px,5vw,60px);box-shadow:0 30px 60px -36px rgb(90 50 20 / .45);position:relative;max-width:var(--nb-col);min-width:0}
.nb-letter__date{color:var(--muted);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:0 0 18px!important;padding-right:70px}
.nb-letter h2{font-style:italic;font-weight:600;font-size:2.3rem;color:var(--primary);margin-bottom:14px}
.nb-letter p{font-size:1.15rem;line-height:1.7}
.nb-num{font-family:var(--font-heading);font-variation-settings:"SOFT" 100,"opsz" 144;font-weight:700;font-size:1.3em;color:var(--primary);line-height:1;white-space:nowrap}
.nb-sign{font-family:var(--font-heading);font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.4rem!important;line-height:1.3!important;margin:28px 0 0!important}
.nb-sign small{display:block;font-family:var(--font-body);font-style:normal;font-size:.9rem;color:var(--muted)}
.nb-ps{margin-top:26px!important;padding-top:20px;border-top:2px dashed var(--nb-line);font-size:1.02rem!important}
.nb-letter__porch{position:absolute;right:clamp(20px,4vw,48px);top:clamp(20px,4vw,44px);width:58px;height:58px}
.nb-shortver{margin-top:28px;min-width:0}
@media (min-width:1080px){.nb-shortver{margin-top:40px}}
.nb-shortver h3{font-size:1.15rem;margin-bottom:12px;font-family:var(--font-body);font-weight:800;font-variation-settings:normal;letter-spacing:0}
.nb-shortver dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
@media (min-width:1080px){.nb-shortver dl{grid-template-columns:minmax(0,1fr)}}
.nb-shortver div{border-left:3px solid var(--accent);padding-left:12px;min-width:0}
.nb-shortver dt{font-size:.85rem;color:var(--muted)}
.nb-shortver dd{margin:0;font-family:var(--font-heading);font-variation-settings:"SOFT" 100;font-weight:600;font-size:1.35rem;line-height:1.2;overflow-wrap:anywhere}

/* ---------- about the city ---------- */
.nb-history p{max-width:36em}
.nb-src{font-size:.95rem;color:var(--muted)}
.nb-src a{display:inline-block;padding-block:10px}

/* ---------- footer: a sign-off, not a dark band ---------- */
.nb-foot{padding-block:56px 40px;border-top:1px solid var(--nb-line);margin-top:24px}
.nb-dark+.nb-foot,.nb-band+.nb-foot{border-top:0;margin-top:0}
.nb-foot__bye{font-family:var(--font-heading);font-variation-settings:"SOFT" 100,"WONK" 1;font-style:italic;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:0 0 14px!important;max-width:24em;line-height:1.3}
.nb-foot__bye a{color:var(--text)}
.nb-foot__line{margin:0 0 6px!important;max-width:40em}
.nb-foot__links{display:flex;flex-wrap:wrap;gap:0 4px;list-style:none;padding:0;margin:22px 0}
.nb-foot__links li{display:inline-flex;align-items:center}
.nb-foot__links li:not(:last-child)::after{content:"·";color:var(--muted);margin-left:10px;margin-right:6px}
.nb-foot__links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--text)}
.nb-notice{font-size:.92rem;color:var(--muted);max-width:44em;margin:0!important}
.nb-credit{font-size:.95rem;color:var(--muted);margin:18px 0 0!important;max-width:40em;font-style:italic}
.nb-credit a{display:inline-block;padding-block:10px;margin-block:-10px}

/* =================== listing detail =================== */
.nb-biz{row-gap:0}
@media (min-width:1080px){
  .nb-biz{grid-template-columns:minmax(0,var(--nb-col)) minmax(0,360px);column-gap:64px}
  .nb-biz__head{grid-column:1;grid-row:1}
  .nb-biz__know{grid-column:2;grid-row:1 / span 2}
  .nb-biz__rest{grid-column:1;grid-row:2}
}
.nb-biz__head,.nb-biz__rest,.nb-biz__know{min-width:0}
.nb-biz__kind{font-size:1.25rem}
.nb-biz__name{font-size:clamp(2.5rem,1.4rem + 4vw,4.4rem)!important;letter-spacing:-.025em!important;line-height:1.05!important;margin:.1rem 0 .3em!important;overflow-wrap:anywhere;hyphens:auto}
.nb-biz__lead{font-size:clamp(1.15rem,1rem + .5vw,1.4rem);line-height:1.55;margin:0!important;max-width:32em}
.nb-biz__status{font-family:var(--font-heading);font-variation-settings:"SOFT" 100,"WONK" 1;font-style:italic;font-weight:500;font-size:clamp(1.45rem,1.2rem + 1vw,2rem);margin:22px 0 0!important;line-height:1.3}
.nb-biz__status b{font-weight:700;font-style:normal}
.nb-biz__status--open b{color:var(--nb-open)}
.nb-biz__status--closed b{color:var(--nb-closed)}
.nb-bigacts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.nb-bigacts .nb-btn{min-height:56px}
.nb-know{background:var(--surface);border-radius:var(--nb-r);padding:26px 26px 22px;border:2px solid var(--nb-line);margin-top:40px}
@media (min-width:1080px){.nb-know{margin-top:0;position:sticky;top:24px}}
.nb-know h2{font-size:1.45rem;margin-bottom:4px}
.nb-know__sub{color:var(--muted);font-size:.95rem;margin:0 0 14px!important}
.nb-know ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nb-know li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;font-size:1rem;line-height:1.4;overflow-wrap:anywhere}
.nb-ic-yes,.nb-ic-q{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.nb-ic-yes{background:color-mix(in srgb,var(--nb-open) 16%,var(--surface));color:var(--nb-open)}
.nb-ic-q{background:var(--nb-soft);color:var(--primary)}
.nb-know li small{display:block;color:var(--muted);font-size:.88rem}
.nb-know li small a{display:inline-flex;align-items:center;min-height:44px}
.nb-know__claim{display:inline-flex;margin-top:16px;min-height:44px;align-items:center;font-weight:700}
.nb-know__own{margin:16px 0 0!important;font-size:.95rem;color:var(--muted)}
.nb-block{padding-top:clamp(48px,7vw,72px)}
.nb-block h2{font-size:clamp(1.7rem,1.3rem + 1.3vw,2.3rem);margin-bottom:12px}
.nb-hours-words{font-size:1.2rem;margin:0 0 20px!important;max-width:30em}
.nb-week{margin:0;border-top:1px solid var(--nb-line);max-width:520px}
.nb-week div{display:flex;justify-content:space-between;gap:16px;padding:12px 4px;border-bottom:1px solid var(--nb-line);font-size:1.05rem}
.nb-week dt{font-weight:600}
.nb-week dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}
.nb-week .nb-today{background:var(--surface);border-radius:12px;border-bottom-color:transparent;padding-inline:14px;margin-inline:-10px;box-shadow:inset 4px 0 0 var(--accent)}
.nb-today__tag{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nb-on-primary);background:var(--primary);border-radius:999px;padding:3px 9px;margin-left:8px;vertical-align:2px}
.nb-note{font-size:.95rem;color:var(--muted);margin:14px 0 0!important}
.nb-map{position:relative;border-radius:var(--nb-r);overflow:hidden;border:2px solid var(--nb-line);background:var(--nb-band);aspect-ratio:16/8}
.nb-map svg,.nb-map iframe{width:100%;height:100%;border:0;display:block}
.nb-map__bg{fill:color-mix(in srgb,var(--accent) 12%,var(--bg))}
.nb-map__lots rect{fill:color-mix(in srgb,var(--accent) 22%,var(--bg))}
.nb-map__park{fill:none;stroke:color-mix(in srgb,var(--nb-open) 22%,var(--bg));stroke-width:26;stroke-linecap:round}
.nb-map__roads path{fill:none;stroke:var(--surface);stroke-linecap:round}
.nb-map__label{font:800 15px var(--font-body);letter-spacing:.06em;fill:var(--muted)}
.nb-map__halo{fill:var(--accent);opacity:.28}
.nb-map__pin{fill:var(--primary)}
.nb-map__dot{fill:var(--surface)}
.nb-map__area{fill:var(--accent);opacity:.14;stroke:var(--primary);stroke-width:3;stroke-dasharray:4 10;stroke-linecap:round}
.nb-map__card{position:absolute;left:16px;bottom:16px;right:16px;max-width:360px;background:var(--surface);border-radius:16px;padding:14px 16px;box-shadow:0 10px 24px -14px rgb(60 30 10 / .5)}
.nb-map__card p{margin:0!important;font-size:1rem;overflow-wrap:anywhere}
.nb-map__card a{font-weight:700;display:inline-flex;align-items:center;min-height:44px}
@media (max-width:520px){.nb-map{aspect-ratio:1/1}}
.nb-invite{display:grid;gap:18px;background:var(--surface);border:2px solid var(--nb-line);border-radius:var(--nb-r);padding:clamp(22px,4vw,34px)}
@media (min-width:640px){.nb-invite{grid-template-columns:72px minmax(0,1fr);gap:24px}}
.nb-invite__mark{width:64px;height:64px}
.nb-invite__bubble{fill:var(--accent);opacity:.35}
.nb-invite__lines{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round}
.nb-invite__big{font-family:var(--font-heading);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:600;font-size:clamp(1.35rem,1.1rem + .8vw,1.7rem);line-height:1.25;margin:0!important}
.nb-invite__sub{color:var(--muted);margin:.5rem 0 18px!important;max-width:34em}
.nb-fix{margin-top:18px!important;font-size:1rem;color:var(--muted)}
.nb-fix a{display:inline-flex;align-items:center;min-height:44px}
.nb-score{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 18px!important;color:var(--muted)}
.nb-score__n{font-family:var(--font-heading);font-variation-settings:"SOFT" 100,"opsz" 144;font-weight:600;font-size:3.4rem;line-height:.9;color:var(--primary)}
.nb-reviews .review{background:var(--surface);border:2px solid var(--nb-line);border-radius:var(--nb-r);padding:20px 22px;margin:0 0 14px}
.nb-reviews .review__reply{background:var(--nb-band);border-radius:14px;padding:12px 16px;border:0}
.nb-also-lead{margin:0 0 4px!important;color:var(--muted)}
.nb-compact .nb-item{padding:22px 0}
.nb-compact .nb-item__name{font-size:1.4rem!important}
.nb-photos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.nb-photos a{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:1}
.nb-photos img{width:100%;height:100%;object-fit:cover}
.nb-photos__more{position:absolute;inset:0;display:grid;place-items:center;background:rgb(0 0 0 / .55);color:#fff;font-weight:800}
.nb-about p{max-width:36em}
.nb-hide-phone{display:inline-flex}
@media (max-width:600px){
  .nb-hide-phone{display:none!important}
  .nb-bigacts .nb-btn--soft{flex:1 1 0}
}

/* phone call pill: floating, bottom centre */
.nb-callbar{display:none}
@media (max-width:760px){
  .l-neighbor:has(.nb-callbar) .nb-foot{padding-bottom:120px}
  .nb-callbar{display:block;position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;width:max-content;max-width:calc(100vw - 40px)}
  .nb-callbar .nb-call{min-height:58px;padding:6px 30px;font-size:1.08rem;box-shadow:0 14px 30px -10px rgb(60 20 10 / .55),0 0 0 4px var(--bg)}
  .nb-callbar .nb-call .nb-ic{width:19px;height:19px}
}

/* =================== categories, category, search =================== */
.nb-pagehead{padding:8px 0 28px;max-width:900px}
.nb-pagehead__hello{font-family:var(--nb-script);font-size:1.35rem;color:var(--muted);margin:0 0 .3rem!important;transform:rotate(-1.5deg);transform-origin:left;width:max-content;max-width:100%}
.nb-pagehead__hello a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}
.nb-pagehead h1{font-size:clamp(2.2rem,1.3rem + 3.4vw,3.8rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin:0 0 14px;overflow-wrap:anywhere}
.nb-pagehead .nb-sub{margin-bottom:0!important}
.nb-pagehead--search .nb-ask{margin-top:22px}
.nb-jump{margin:0 0 20px}
.nb-needlist{display:grid;gap:0}
.nb-need{padding:40px 0;border-top:1px solid var(--nb-line)}
.nb-need__head{display:flex;gap:18px;align-items:flex-start;margin-bottom:18px}
.nb-need__ic{width:48px;height:48px;color:var(--primary);filter:url(#nb-hand);flex:none;padding:8px;border-radius:50%;background:var(--nb-band)}
.nb-need h2{font-size:clamp(1.7rem,1.3rem + 1.3vw,2.3rem)}
.nb-need .nb-say{font-size:1.05rem;margin:.3rem 0 0}
.nb-need .nb-who{display:inline}
.nb-need__n{display:block;font-family:var(--font-body);font-size:.95rem;color:var(--muted);margin-top:2px}
.nb-need__group{margin:0 0 22px;padding-left:66px}
.nb-need__group h3{font-size:1.25rem;margin-bottom:10px}
.nb-need__group h3 a{color:var(--text);display:inline-flex;align-items:center;min-height:44px}
.nb-kindchips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.nb-kindchips li{max-width:100%}
.nb-kindchips a{display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:100%;padding:6px 16px;border-radius:999px;border:2px solid var(--nb-edge);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600;font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}
.nb-kindchips a:hover{border-color:var(--primary)}
.nb-kindchips a[aria-current="page"]{background:var(--primary);border-color:var(--primary);color:var(--nb-on-primary)}
.nb-kindchips a[aria-current="page"] .nb-n{color:var(--nb-on-primary)}
.nb-kindchips__more{border-style:dashed!important}
.nb-filters{margin:0 0 28px}
.nb-filters .nb-say{margin-bottom:8px}
.nb-morekinds{margin-top:12px}
.nb-morekinds summary{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--primary);cursor:pointer}
.nb-morekinds .nb-kindchips{margin-top:8px}
.nb-sponsored{margin-bottom:8px}
.nb-sponsored .nb-item{background:var(--surface);border:2px solid var(--nb-line);border-radius:var(--nb-r);padding:22px 24px;margin-bottom:14px}
.nb-empty{background:var(--surface);border:2px dashed var(--nb-edge);border-radius:var(--nb-r);padding:clamp(22px,4vw,34px);max-width:var(--nb-col);margin:8px 0 32px}
.nb-empty h2{font-size:1.6rem;margin-bottom:8px}
.nb-empty p:last-child{margin:0}
.nb-needs{margin:24px 0 56px;max-width:var(--nb-col)}
.nb-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 8px;color:var(--muted)}
.nb-pager a{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 20px;border-radius:999px;border:2px solid var(--nb-edge);background:var(--surface);color:var(--text);font-weight:700;text-decoration:none}
.nb-pager a:hover{border-color:var(--primary)}

/* =================== shared pages in this chrome =================== */
.l-neighbor main>.page{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px);padding-block:8px 64px}
.l-neighbor .auth>*{max-width:520px}
.l-neighbor .formpage>*{max-width:720px}
.l-neighbor .legal>*{max-width:68ch}
.l-neighbor .legal table{max-width:100%;display:block;overflow-x:auto}
.l-neighbor .page__title{font-size:clamp(2.2rem,1.3rem + 3.4vw,3.6rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin:.2em 0 .4em;overflow-wrap:anywhere}
.l-neighbor .page__title::before{display:block;font-family:var(--nb-script);font-size:1.3rem;font-weight:400;font-variation-settings:normal;letter-spacing:0;color:var(--muted);margin-bottom:.2rem;transform:rotate(-1.5deg);transform-origin:left;content:"Hi, neighbor.";content:"Hi, neighbor." / ""}
.l-neighbor .auth .page__title::before{content:"Welcome back.";content:"Welcome back." / ""}
.l-neighbor .formpage .page__title::before{content:"We're all ears.";content:"We're all ears." / ""}
.l-neighbor .legal .page__title::before{content:"The plain-spoken fine print.";content:"The plain-spoken fine print." / ""}
.l-neighbor .page__lead{color:var(--muted);font-size:1.15rem;max-width:40em}
.l-neighbor .legal p,.l-neighbor .legal li{line-height:1.7}
.l-neighbor .legal h2{font-size:1.6rem;margin-top:2.2rem}
.l-neighbor .panel,.l-neighbor .form,.l-neighbor .group,.l-neighbor .callout{background:var(--surface);border:2px solid var(--nb-line);border-radius:var(--nb-r);box-shadow:none}
.l-neighbor .form{padding:clamp(20px,3vw,30px)}
.l-neighbor .btn{min-height:48px;border-radius:999px;font-family:var(--font-body);font-weight:700;padding-inline:22px;border:2px solid var(--nb-edge);background:var(--surface);color:var(--text)}
.l-neighbor .btn--primary{background:var(--primary);border-color:var(--primary);color:var(--nb-on-primary)}
.l-neighbor .btn:focus-visible{border-radius:999px}
.l-neighbor .form__field label{font-weight:700}
.l-neighbor .form__field input,.l-neighbor .form__field select,.l-neighbor .form__field textarea{border:2px solid var(--nb-edge);border-radius:14px;background:var(--surface);min-height:48px;font:inherit;font-size:1rem}
.l-neighbor .form__field input:focus-visible,.l-neighbor .form__field select:focus-visible,.l-neighbor .form__field textarea:focus-visible{outline:3px solid var(--text);outline-offset:2px;border-color:var(--primary)}
.l-neighbor .notice{border-radius:16px;background:var(--nb-band);color:var(--text);border:0;border-left:4px solid var(--accent)}
.l-neighbor .chip{border-radius:999px;background:var(--surface);border:2px solid var(--nb-edge);color:var(--text)}
.l-neighbor .review{border-radius:var(--nb-r)}
.l-neighbor .star__fg{fill:#8A5A12}

/* =================== small screens =================== */
@media (max-width:520px){
  .nb-head{min-height:84px;padding-block:16px}
  .nb-logo__glyph,.nb-logo__img{width:38px;height:38px}
  .nb-logo__name{font-size:1.75rem}
  .nb-logo--long .nb-logo__name{font-size:1.45rem}
  .nb-logo__tag{font-size:.72rem;white-space:nowrap}
  .nb-nav a{padding:0 7px;font-size:.92rem}
  .nb-nav ul{gap:0}
  .nb-logo{gap:8px}
  .nb-hide-sm{display:none}
  .nb-chip{min-height:46px;padding:4px 14px 4px 10px;font-size:.95rem;gap:7px}
  .nb-chip .nb-ic{width:22px;height:22px}
  .nb-chips{gap:8px}
  .nb-radios span{min-height:44px;padding:4px 14px;font-size:.95rem}
  .nb-thread{margin-left:6px;padding-left:16px}
  .nb-item{padding:24px 0}
  .nb-hello{font-size:1.2rem}
  .nb-hero__intro{font-size:1.02rem}
  .nb-ask{min-height:58px;gap:8px;padding:5px 5px 5px 16px}
  .nb-ask__lead{font-size:1.1rem;padding-right:8px}
  .nb-ask input{font-size:1.0625rem}
  .nb-ask button{min-height:48px;padding:0 16px;font-size:1rem}
  .nb-ask--sm button{min-height:44px;padding:0 14px}
  .nb-ask__alt{margin-left:16px!important}
  .nb-need__group{padding-left:0}
  .nb-need__ic{width:40px;height:40px}
}
@media (max-width:600px){
  .nb-crumbs li{display:none}
  .nb-crumbs li:nth-last-child(2){display:inline-flex}
  .nb-crumbs li:nth-last-child(2)::before{content:"‹";content:"‹" / "";margin-right:8px}
  .nb-crumbs li:nth-last-child(2) a{font-weight:700;color:var(--text)}
  .nb-crumbs{margin:6px 0 14px}
}
@media (max-width:360px){.nb-ask__lead{border-right:0;padding-right:0}}
@media (max-width:370px){
  .nb-head{flex-wrap:wrap;row-gap:4px}
  .nb-nav{width:100%}
  .nb-nav ul{margin-left:-7px}
}

/* motion is opt-in */
@media (prefers-reduced-motion:no-preference){
  .nb-btn,.nb-chip,.nb-call,.nb-ask,.nb-ask button,.nb-radios span,.nb-kindchips a{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
  .nb-btn--primary:hover,.nb-chip:hover{transform:translateY(-1px)}
}
.l-neighbor main .crumbs{align-items:center;gap:0 8px}
.l-neighbor main .crumbs span{display:inline-flex;align-items:center;min-height:44px}
.nb-needs .nb-say{margin-bottom:16px}

/* ---------- review round 2 ---------- */
.nb-item__dir{margin:.4rem 0 0!important}
.nb-chip-narrow{display:none}
.nb-pick--house{border-style:dashed;border-color:var(--nb-edge);box-shadow:none;background:color-mix(in srgb,var(--surface) 70%,var(--bg))}
.nb-pick--house h3{font-size:clamp(1.4rem,1.2rem + .6vw,1.7rem)}
.nb-pick--house .nb-pick__paid{border-bottom-style:dashed}
.nb-side--page{margin-top:8px}
@media (min-width:1080px){.nb-side--page{padding-top:8px}}
.nb-kinds{margin:0 0 30px}
.nb-kinds__lead{font-weight:700;margin:0 0 10px!important}
.nb-asked h3{overflow-wrap:anywhere}
/* shared crumbs: "Home / Terms" becomes "Home › Terms" */
.l-neighbor main .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.l-neighbor main .crumbs span[aria-hidden="true"]{font-size:0;min-height:0}
.l-neighbor main .crumbs span[aria-hidden="true"]::before{content:"›";content:"›" / "";font-size:.95rem;color:var(--muted)}
/* shared pages: one centred column, the search line above it lines up */
.l-neighbor main>.page{max-width:880px}
.l-neighbor:has(main>.page) .nb-top{max-width:880px}
.l-neighbor main>.page .form{margin-bottom:24px}
.l-neighbor .auth__links{margin-top:8px}
@media (max-width:520px){
  .nb-chip-extra{display:none}
  .nb-chip-wide{display:none}
  .nb-chip-narrow{display:inline}
  .nb-chips{gap:6px}
  .nb-chip{min-height:44px;padding:4px 12px 4px 9px;font-size:.92rem;gap:6px}
  .nb-chip .nb-ic{width:20px;height:20px}
  .nb-convo{gap:20px}
  .nb-radios{gap:6px}
  .nb-radios span{padding:4px 12px;font-size:.92rem}
}
@media (forced-colors:active){
  .nb-chip[aria-expanded="true"],.nb-chip.is-on,
  .nb-radios input:checked+span,.nb-kindchips a[aria-current="page"]{forced-color-adjust:none;background:Highlight;color:HighlightText!important;border-color:Highlight}
  .nb-chip[aria-expanded="true"] :is(.nb-ic,.nb-n),.nb-radios input:checked+span small,.nb-kindchips a[aria-current="page"] .nb-n{color:HighlightText}
  .nb-radios input:checked+span::before{background:HighlightText}
  .nb-radios input:focus-visible+span,.nb-ask:focus-within{outline:3px solid CanvasText}
}
.nb-biz__know{display:grid;gap:22px;align-content:start}
@media (min-width:1080px){.nb-biz__know{position:sticky;top:24px;align-self:start}.nb-biz__know .nb-know{position:static}}
.nb-biz__know .nb-asked{margin-top:0}
@media (max-width:1079px){.nb-biz__know .nb-asked{display:none}}