/* Neighborhood Press — approved 2026-10-10. Scoped to the two front doors.
   Existing Journey/search/navigation engines remain responsible for behavior. */
.np-hope,.np-civic{background:var(--cream);color:var(--navy);font-family:var(--font-body)}
.np-hope::after,.np-civic::after{display:none!important}
.np-hope :focus-visible,.np-civic :focus-visible{outline:3px solid var(--navy-lift);outline-offset:4px}
.np-hope .os-footer :focus-visible,.np-hope .mobile-nav :focus-visible,.np-civic .side-nav :focus-visible,.np-city-story :focus-visible{outline-color:var(--gold)}
.np-hope .os-header,.np-civic .topbar{background:var(--cream);color:var(--navy);border-bottom:1px solid var(--navy)!important;box-shadow:none!important;backdrop-filter:none}
.np-hope .os-header-in{max-width:1320px;min-height:102px;height:auto;padding:20px 4%}
.np-hope .os-brand,.np-hope .os-brand-copy small{color:var(--navy)}
.np-hope .os-brand-copy strong,.np-civic .topbar .brand-copy strong{font:750 32px/1 var(--font-display);letter-spacing:-1.5px;text-transform:none;color:var(--navy)}
.np-hope .os-brand-copy small,.np-civic .topbar .brand-copy small{font-size:10px;letter-spacing:.07em;line-height:1.5;color:var(--ink-muted)}
.np-hope .os-brand-mark,.np-anchor{height:46px;width:46px;flex-shrink:0;border:1px solid var(--navy);border-radius:50%;background:none;color:var(--navy);display:grid;place-items:center;font:28px 'Segoe UI Symbol',serif;filter:none!important}
.np-hope .os-tool,.np-hope .os-watch-link{border:1px solid var(--line);border-radius:4px;color:var(--navy);background:transparent;font-weight:650}
.np-hope .os-tool:hover,.np-hope .os-watch-link:hover{background:var(--gold-2)}
.np-hope .hero{background:var(--cream);color:var(--navy);background-image:none;overflow:visible}
.np-hope .hero::after{display:none}
.np-hope .hero-in{max-width:1320px;min-height:0;padding:48px 4%;gap:6%;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.np-hope .hero h1,.np-civic .civic-journey-primary h1{font:650 clamp(46px,5.2vw,76px)/1.04 var(--font-display);text-transform:none;letter-spacing:-3px;color:var(--navy);max-width:none;margin:18px 0 24px}
.np-hope .hero h1 em,.np-civic .civic-journey-primary h1 em{background:linear-gradient(transparent 67%,var(--gold) 67%,var(--gold) 92%,transparent 92%);color:var(--navy)!important;font-style:normal;font-weight:inherit;padding:0;clip-path:none}
.np-hope .hero .eyebrow,.np-civic .civic-journey-kicker{font:750 11px/1.5 var(--font-body);color:var(--navy);text-transform:uppercase;letter-spacing:.13em}
.np-hope .hero .eyebrow::before,.np-civic .civic-journey-kicker::before{content:'';display:inline-block;width:22px;height:3px;background:var(--gold);margin-right:10px;vertical-align:middle}
.np-hope .hero-copy,.np-civic .np-civic-copy>p:not(.civic-journey-privacy){font:400 17px/1.7 var(--font-body);color:var(--ink-muted);max-width:540px;margin:0 0 25px}
.np-home-search{margin-top:26px}
.np-hope .home-search,.np-civic .civic-journey-input-row{padding:6px;border:1px solid var(--navy);box-shadow:4px 4px 0 var(--line);background:var(--cream-2);gap:8px;border-radius:0}
.np-hope .home-search input,.np-civic .civic-journey-input-row input{min-width:0;border:0;border-radius:0;min-height:48px;background:transparent;color:var(--navy);font:400 15px var(--font-body);padding:10px}
.np-hope .home-search button,.np-civic .civic-journey-input-row button{border-radius:0;background:var(--navy);color:var(--cream);border:1px solid var(--navy);min-height:48px;box-shadow:none;font:650 13px var(--font-body);padding:10px 17px}
.np-hope .home-search input:focus{outline:2px solid var(--navy-lift);outline-offset:-2px;box-shadow:none}
.np-hope .search-suggestions button,.np-civic .civic-journey-examples button{border:1px solid var(--line);border-radius:0;background:transparent;color:var(--navy);min-height:44px;padding:8px 11px;font-size:12px;font-weight:500}
.np-hope .search-suggestions button:hover,.np-civic .civic-journey-examples button:hover{background:var(--gold-2)}
.np-hope .search-help,.np-civic .civic-journey-privacy{font-size:12px!important;color:var(--ink-muted)!important;line-height:1.6}
.np-hope .np-helpdesk{background:var(--cream-2);color:var(--navy);border:1px solid var(--navy);border-radius:0!important;box-shadow:7px 7px 0 var(--gold);backdrop-filter:none;padding:27px}
.np-helpdesk h2{font:550 30px/1.15 var(--font-display);letter-spacing:-1px;margin:12px 0 20px}
.np-kicker{font:11px/1.5 var(--font-data);letter-spacing:.12em;text-transform:uppercase}
.np-helpitem{display:flex;align-items:center;justify-content:space-between;gap:15px;text-decoration:none;min-height:77px;padding:14px 0;border-top:1px solid var(--line);color:var(--navy)}
.np-helpitem b{font-size:15px;font-weight:550;display:block}.np-helpitem small{font-size:12px;color:var(--ink-muted);display:block;margin-top:4px}.np-helpitem:hover{background:var(--gold-2)}
.np-hope .np-deskfoot{font:12px/1.6 var(--font-body);border-top:1px solid var(--line);margin:0;padding:16px 0 0;color:var(--ink-muted)}
.np-urgent{max-width:1216px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.np-urgent a{display:inline-flex;min-height:44px;align-items:center;font-weight:700;color:var(--navy);text-underline-offset:4px}
.np-pledge{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-block:1px solid var(--navy);font:700 11px/1.5 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.np-hope .np-pledge{max-width:1216px;margin:auto}.np-pledge span::before{content:'✳';font-size:18px;margin-right:10px;color:var(--gold-ink);vertical-align:middle}
.np-hope .section{max-width:1320px;padding:42px 4%;background:transparent}.np-hope .section-heading h2,.np-hope .hc-top h2{font-family:var(--font-display);font-weight:550;letter-spacing:-1px;color:var(--navy)}
.np-hope .intent-grid{gap:0;border-block:1px solid var(--navy)}.np-hope .intent{border:0;border-radius:0!important;border-right:1px solid var(--line);background:none;box-shadow:none;padding:24px;transform:none}.np-hope .intent:last-child{border-right:0}.np-hope .intent:hover{background:var(--gold-2);box-shadow:none}.np-hope .intent strong{font-family:var(--font-display);font-size:27px;font-weight:550}.np-hope .intent p{font-size:14px;color:var(--ink-muted)}
.np-hope .hc-photo{border-radius:0}.np-hope .hc-photo img{aspect-ratio:1.5/1;object-fit:cover;object-position:50% 65%}.np-hope .hc-photo figcaption{font:10px/1.6 var(--font-data)}
.np-hope .system-card,.np-hope .honesty{border-radius:0!important;box-shadow:none}.np-hope .os-footer{background:var(--navy);color:var(--cream);border-top:3px solid var(--gold)}
/* Civic home uses a drawer; other views keep their existing navigation layout. */
.np-civic{--topbar-h:88px}
.np-civic.civic-home-active .workspace{display:block}.np-civic.civic-home-active .main-stage{max-width:1320px;margin:auto;padding:0 4% 45px;min-width:0}
.np-civic.civic-home-active .side-nav:not(.open){display:none}
.np-civic.civic-home-active .side-nav.open{display:block;position:fixed;top:var(--topbar-h);bottom:0;left:0;width:min(320px,90vw);height:calc(100dvh - var(--topbar-h));overflow-y:auto;z-index:160;background:var(--navy);color:var(--cream);transform:none;padding-bottom:100px}
.np-civic.civic-home-active .drawer-backdrop.open{display:block;position:fixed;inset:var(--topbar-h) 0 0;background:rgba(13,31,60,.55);z-index:150}
.np-civic.civic-home-active .menu-toggle{display:inline-flex}.np-civic.civic-home-active .command-bar{display:none!important}
.np-civic .topbar{padding:14px 4%;min-height:88px;height:auto}.np-civic .topbar .brand-copy small{max-width:330px}.np-civic .topbar .brand{color:var(--navy)}
.np-civic .topbar .top-tools>button,.np-civic .topbar .civic-utility-menu>summary,.np-civic .topbar .menu-toggle{color:var(--navy);border:1px solid var(--line);background:transparent;min-height:44px;border-radius:3px}
.np-civic #civicJourneyFrontDoor{border:0;border-radius:0;background:transparent;color:var(--navy);box-shadow:none;margin:0}
.np-edition{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font:10px/1.5 var(--font-data);letter-spacing:.07em;text-transform:uppercase}
.np-civic .civic-journey-primary{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6%;align-items:center;padding:44px 0;background:none;color:var(--navy)}
.np-civic .civic-journey-primary::after{display:none}.np-civic-copy{min-width:0}.np-civic .civic-journey-form label{color:var(--navy);font:600 13px var(--font-body);margin:0 0 10px}.np-civic .civic-journey-primary .civic-journey-privacy{margin:13px 0}.np-civic .civic-journey-examples{gap:7px;flex-wrap:wrap}
.np-hero-art{margin:0;align-self:start}.np-hero-art img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.np-hero-art figcaption{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--navy);padding:6px 0;font:10px/1.5 var(--font-data);text-transform:uppercase}.np-hero-art figcaption a{min-height:44px;display:inline-flex;align-items:center;color:var(--navy)}
.np-civic .civic-secondary-navigation{border:0;background:none;padding:14px 0}.np-civic .civic-secondary-navigation>summary{font:600 15px/1.5 var(--font-body);color:var(--navy)}
.np-civic .np-paths{padding:36px 0;background:none;border:0;border-radius:0;box-shadow:none;margin:0}.np-paths .civic-community-heading h2{font:550 35px/1.15 var(--font-display);letter-spacing:-1px;color:var(--navy);margin:12px 0}.np-paths .civic-community-heading p{font-size:14px;color:var(--ink-muted)}
.np-paths .civic-community-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid var(--navy);margin-top:24px}
.np-paths .civic-community-cards>a{background:transparent!important;border:0;border-right:1px solid var(--line);border-radius:0;padding:23px 20px;box-shadow:none!important;color:var(--navy)!important;min-height:240px;display:flex;flex-direction:column;gap:0;transform:none}
.np-paths .civic-community-cards>a:first-child{padding-left:0}.np-paths .civic-community-cards>a:last-child{border:0}.np-paths .civic-community-cards>a:hover{background:var(--gold-2)!important}.np-paths .civic-community-cards>a>span{font:10px var(--font-data);color:var(--ink-muted)!important;letter-spacing:.08em;margin-bottom:28px}.np-paths .civic-community-cards h3{font:550 25px/1.15 var(--font-display);letter-spacing:-.5px;margin:0 0 12px;color:var(--navy)!important}.np-paths .civic-community-cards p{font:13px/1.6 var(--font-body);color:var(--ink-muted)!important}.np-paths .civic-community-cards b{margin-top:auto;color:var(--navy)!important;font-size:23px}.np-paths .civic-community-links{margin-top:18px}
.np-city-story{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:var(--cream);margin:5px 0 35px}.np-city-story>img{width:100%;height:100%;max-height:420px;min-height:300px;object-fit:cover;filter:grayscale(1)}.np-city-story>div{padding:36px}.np-city-story h2{font:550 38px/1.15 var(--font-display);margin:18px 0;color:var(--cream);letter-spacing:-1px}.np-city-story p{font-size:15px;line-height:1.7;color:var(--on-navy-muted)}.np-city-story button{background:transparent;border:0;border-bottom:1px solid var(--gold);color:var(--gold);min-height:44px;padding:10px 0;border-radius:0;font:600 13px var(--font-body)}
.np-family{border-top:1px solid var(--navy);padding:30px 0}.np-family h2{font:550 29px/1.15 var(--font-display);margin:0 0 12px}.np-family p{font-size:14px;color:var(--ink-muted)}.np-family a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;color:var(--navy);text-underline-offset:4px}
.np-hope.low-data .hc-photo,.np-civic.low-data .np-hero-art{display:none}.large-text .np-hope .np-helpitem b{font-size:19px}.high-contrast .np-hope .hero-copy,.high-contrast .np-hope .np-helpitem small{color:var(--navy)}
@media(max-width:1050px){.np-urgent,.np-hope .np-pledge{margin-inline:4%}.np-civic .civic-journey-primary{gap:4%}.np-civic .civic-journey-primary h1{font-size:56px}.np-paths .civic-community-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.np-paths .civic-community-cards>a{padding:22px!important;border-bottom:1px solid var(--line);min-height:210px}.np-paths .civic-community-cards>a:nth-child(2){border-right:0}}
@media(max-width:760px){.np-hope .os-header-in{flex-wrap:wrap;padding:12px 5%;gap:12px}.np-hope .os-tools{gap:6px;flex-wrap:wrap}.np-hope .os-tool,.np-hope .os-watch-link{padding:8px 10px}.np-hope .hero-in{grid-template-columns:1fr;padding:30px 5%;gap:30px}.np-hope .hero h1{font-size:clamp(43px,10vw,60px);letter-spacing:-2px}.np-hope .hero-copy{font-size:16px}.np-hope .np-helpdesk{padding:24px;box-shadow:5px 5px 0 var(--gold)}.np-urgent{font-size:12px;margin-inline:5%}.np-urgent span{max-width:54%}.np-urgent a span{max-width:none}.np-hope .np-pledge{margin-inline:5%}.np-pledge{flex-wrap:wrap;gap:10px;font-size:10px;letter-spacing:.02em}.np-pledge span:before{margin-right:5px}.np-pledge span:last-child{display:none}.np-hope .intent-grid{grid-template-columns:1fr}.np-hope .intent{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.np-hope .intent:last-child{border-bottom:0}.np-civic .topbar{padding:10px 4%;min-height:78px;gap:9px}.np-civic .topbar .brand-copy strong{font-size:27px}.np-civic .topbar .brand-copy small{display:none}.np-anchor{width:35px;height:35px;font-size:23px}.np-civic.civic-home-active .main-stage{padding-inline:5%}.np-civic .civic-journey-primary{grid-template-columns:1fr;padding:30px 0;gap:0}.np-civic .civic-journey-primary h1{font-size:clamp(45px,11vw,65px);letter-spacing:-2px}.np-civic .np-civic-copy>p:not(.civic-journey-privacy){font-size:16px}.np-hero-art{display:none}.np-edition{font-size:9px;gap:12px}.np-edition span:last-child{text-align:right}.np-civic .civic-journey-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.np-civic .civic-journey-input-row button{padding:10px;max-width:130px;white-space:normal}.np-civic .np-paths{padding-top:25px}.np-paths .civic-community-heading h2{font-size:31px}.np-paths .civic-community-cards{grid-template-columns:1fr}.np-paths .civic-community-cards>a{padding:20px 0!important;border-right:0;min-height:190px}.np-paths .civic-community-cards>a>span{margin-bottom:18px}.np-city-story{grid-template-columns:1fr}.np-city-story>img{height:220px;min-height:0}.np-city-story>div{padding:26px}.np-city-story h2{font-size:32px}}
.np-hope .watch-snapshot{white-space:normal;overflow-wrap:anywhere}
.np-hope .helper-banner{min-width:0;overflow-wrap:anywhere}.np-hope .helper-banner .button{white-space:normal;max-width:100%}
.np-hope .mobile-nav>a,.np-hope .mobile-nav>button{min-width:0;padding-inline:2px}.np-hope .mobile-nav b{white-space:normal;overflow-wrap:anywhere;line-height:1.15;max-width:100%}
.np-hope .mobile-nav .hope-cross-app-nav b{white-space:normal}
@media(max-width:760px){.np-civic{--topbar-h:78px}}
@media(max-width:400px){.np-civic .topbar .np-anchor{display:none}.np-civic .topbar .brand-copy strong{font-size:24px}.np-civic .topbar{gap:6px;padding-inline:3%}.np-civic .top-tools{gap:4px}}
/* Keep optional tools in document flow on small screens so they cannot cover search. */
@media(max-width:760px){
 .np-hope .hope-help-launcher,.np-hope .hope-install-action,.np-hope .corkboard-entry,.np-civic .corkboard-entry{position:static;margin:16px;max-width:calc(100% - 32px);width:max-content;transform:none;animation:none}
 .np-hope .corkboard-entry::before,.np-civic .corkboard-entry::before{display:none}
 html.hope-civic-context body.np-hope .os-footer a[href^="report-problem.html"]{position:static!important;width:auto;height:auto;min-height:44px;padding:8px!important;border-radius:4px!important;white-space:normal;animation:none;transform:none!important}
 html.hope-civic-context body.np-hope .os-footer a[href^="report-problem.html"]::before,html.hope-civic-context body.np-hope .os-footer a[href^="report-problem.html"]::after{content:none!important}
}
@media(prefers-reduced-motion:reduce){.np-hope *,.np-civic *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
