/* Netania civic portal: original coastal design. */
html[lang="am"] body.netania,html[lang="am"] body.netania h1,html[lang="am"] body.netania h2,html[lang="am"] body.netania h3{font-family:"Noto Sans Ethiopic","Abyssinica SIL","Nyala","Segoe UI",sans-serif}
html[dir="rtl"] .netania .directional{transform:scaleX(-1)}
html[lang="ar"] .netania .ni-news-dropdown-panel{text-align:start}
:root{--background:#f8f5ec;--foreground:#173e39;--primary:#096d70;--primary-foreground:#fff;--border:#d7dfd4;--muted-foreground:#56665e}
body.netania{background:#f8f5ec;color:#173e39;font-family:"Trebuchet MS","Segoe UI",sans-serif}
.netania h1,.netania h2,.netania h3{font-family:"Trebuchet MS","Segoe UI",sans-serif;letter-spacing:-.035em}
.netania .utility,.netania .footer{background:#ebeadd}.netania .main-nav{background:#f8f5ec}.netania .masthead{min-height:100px}
.netania .nav-inner a.active{color:#096d70}.netania .language-select{background:#fffdf6;color:#173e39;border-radius:24px!important;border-color:#9cae9d!important;box-sizing:border-box;min-width:0;width:100%;max-width:100%}.netania .ni-language{min-width:0;max-width:100%;flex-shrink:1}.netania .ni-language select{min-width:0;max-width:100%}
.netania .section-heading h2{font-size:clamp(26px,2.5vw,36px);line-height:1.12}.netania .section-heading h2:before{display:none}
.netania .section-heading a{color:#096d70;font-weight:700}.netania a:focus-visible,.netania button:focus-visible,.netania input:focus-visible,.netania select:focus-visible{outline:3px solid #a45022;outline-offset:4px}
.ni-hub{padding-bottom:64px}.ni-welcome{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:36px;padding-block:52px 44px}
.ni-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;color:#096d70;margin-bottom:18px}
.ni-welcome h1{font-size:clamp(48px,5.8vw,88px);line-height:1.02;max-width:750px;font-weight:900;overflow-wrap:break-word}
.ni-welcome-intro{font-size:20px;line-height:1.55;max-width:570px;margin-top:23px;color:#405950}
.ni-coast{position:relative;background:#eeeddf;border-radius:48% 48% 24px 24px;max-width:490px;justify-self:end;width:100%;padding:8px 5px 20px;overflow:hidden}
.ni-coast svg{display:block;width:100%;height:auto}.ni-coast span{display:block;text-align:center;font-size:11px;letter-spacing:.15em;font-weight:700;margin-top:2px}
.ni-finder{margin-top:30px;max-width:600px}.ni-finder h2{font-size:16px;letter-spacing:0;margin-bottom:12px}
.ni-search{display:flex;align-items:stretch;gap:8px;max-width:100%}.ni-search label{flex:1;min-width:0}.ni-search input[type=search]{width:100%;height:54px;border:1px solid #9cae9d;border-radius:12px;background:#fffdf8;color:#173e39;padding:12px 16px;font:inherit;min-width:0}.ni-search button{border:0;border-radius:12px;background:#173e39;color:#fff;padding:12px 20px;font-weight:700;cursor:pointer}
.ni-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:52px}
.ni-shortcuts a{display:flex;align-items:center;gap:13px;min-height:100px;border:1px solid #c7d7cb;background:#e2ecdf;border-radius:18px;padding:22px 18px;transition:background .18s,transform .18s}
.ni-shortcuts a:nth-child(2){background:#f2dfae}.ni-shortcuts a:nth-child(3){background:#d5eeee}.ni-shortcuts a:nth-child(4){background:#e5e1ee}.ni-shortcuts a:hover{transform:translateY(-3px);background:#fffdf8}
.ni-shortcuts strong{font-size:17px;line-height:1.25}.ni-shortcuts svg{flex-shrink:0;width:24px;height:24px}.ni-shortcuts svg:last-child{width:18px;margin-inline-start:auto}
.ni-news-layout{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(245px,1fr);gap:36px}.ni-news-layout>*{min-width:0}
.ni-section-note{font-size:14px;line-height:1.6;color:#56665e;margin:-9px 0 25px}
.ni-news-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ni-hub .article-card{background:#fffdf8;border:1px solid #d7dfd4;border-radius:18px;padding:20px;overflow:hidden;min-width:0;transition:border-color .18s}
.ni-hub .article-card:hover{border-color:#096d70}.ni-hub .article-card .card-photo{height:190px;border-radius:10px;margin-bottom:18px}.ni-hub .article-card h3{font-size:23px;line-height:1.25}.ni-hub .article-card p{font-size:15px;color:#405348;line-height:1.55}
.ni-hub .article-card .number{font-size:35px;color:#6d9386;margin:0 0 18px}.ni-hub .meta{color:#53675d}.ni-hub .eyebrow{color:#096d70}
.ni-service-box{background:#173e39;border-radius:22px;padding:26px;color:#fffdf4;margin-bottom:26px}.ni-service-box>.ni-kicker{color:#b6dfd4}.ni-service-box .guide-box{background:none;padding:0;border-radius:0}.ni-service-box .guide-box>.eyebrow{display:none}.ni-service-box .guide-box h2{font-size:30px}.ni-service-box .guide-box p{color:#d8e6dc}.ni-service-box .guide-box a{background:#eac568;color:#173e39;border-radius:12px}.ni-service-box .aside-note{color:#c5d6cc;padding-bottom:18px}
.ni-official-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #52736a;font-size:14px;color:#fffdf4}
.ni-culture-block,.ni-discover-block{margin-top:60px}.ni-three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ni-community-block{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:60px;background:#d5eeee;border-radius:26px;padding:40px}
.ni-community-block h2{font-size:clamp(30px,3.5vw,49px);line-height:1.08;margin-bottom:18px}.ni-community-block>div>p:last-child{font-size:18px;line-height:1.6;max-width:490px}
.ni-community-block .ni-community{margin:0}
.netania .story-body{color:#29483e}.netania .story .standfirst{color:#53675d}.netania .source-box{background:#e2ecdf}.netania .category-intro{color:#53675d}
.netania .ad-frame--empty{background:#f2f0e7;border-color:#cbd0c1}.netania .ad-header:has(.ad-frame--empty){display:none}
@media(max-width:1050px){.ni-welcome{gap:24px}.ni-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.ni-news-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.ni-news-cards{grid-template-columns:1fr}.ni-three-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.netania .masthead{display:flex;align-items:center;gap:10px}.netania .masthead .brand{min-width:0;flex:1 1 auto}.netania .masthead .header-right{min-width:0;flex:0 0 104px;max-width:104px}.netania .masthead .ni-language{width:100%}.netania .masthead .ni-language select{width:100%;max-width:100%;font-size:14px;padding-inline:8px}.ni-welcome{grid-template-columns:1fr;padding-block:32px;gap:24px}.ni-welcome h1{font-size:52px}.ni-welcome-intro{font-size:18px}.ni-coast{display:none}.ni-shortcuts{gap:10px;margin-bottom:36px}.ni-shortcuts a{padding:18px 12px;min-height:96px;gap:9px}.ni-shortcuts strong{font-size:15px}.ni-shortcuts svg:last-child{display:none}.ni-news-layout{grid-template-columns:1fr}.ni-three-cards{grid-template-columns:1fr}.ni-hub .article-card .card-photo{height:220px}.ni-community-block{grid-template-columns:1fr;padding:25px;gap:22px;margin-top:40px}.ni-culture-block,.ni-discover-block{margin-top:40px}.ni-finder{margin-top:24px}.ni-search button{padding-inline:14px}.ni-service-rail{display:grid;grid-template-columns:1fr;gap:10px}.ni-service-box{margin-bottom:15px}}
/* News category dropdown: accessible through click/tap and keyboard. */
.netania .main-nav,.netania .main-nav .nav-inner{overflow:visible}
.netania .ni-news-dropdown{position:relative;display:flex;align-items:center;min-height:39px;z-index:60}
.netania .ni-news-dropdown>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;padding:10px 4px}
.netania .ni-news-dropdown>summary::-webkit-details-marker{display:none}
.netania .ni-news-dropdown[open]>summary{color:var(--primary)}
.netania .ni-news-dropdown-panel{position:absolute;top:calc(100% - 1px);inset-inline-start:0;min-width:230px;max-width:min(85vw,300px);max-height:65vh;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:8px;background:#fffdf8;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.netania .ni-news-dropdown-panel a{display:block;min-height:0;padding:11px 14px;border-radius:7px;white-space:normal;font-size:14px;line-height:1.3;font-weight:600}
.netania .ni-news-dropdown-panel a:hover,.netania .ni-news-dropdown-panel a:focus-visible{background:#e2ecdf;color:#096d70}
@media(max-width:760px){.netania .main-nav .nav-inner{overflow-x:auto;overflow-y:hidden}.netania .ni-news-dropdown[open] .ni-news-dropdown-panel{position:fixed;top:145px;inset-inline-start:18px;max-height:70vh;z-index:9999}.netania .ni-news-dropdown>summary{font-size:14px}}
.netania .ni-footer-news{position:relative;min-width:90px}.netania .ni-footer-news>summary{cursor:pointer;list-style:none;font-weight:700}.netania .ni-footer-news>summary::-webkit-details-marker{display:none}.netania .ni-footer-news-panel{position:absolute;bottom:100%;inset-inline-start:0;display:flex;flex-direction:column;gap:0;max-height:65vh;overflow:auto;min-width:205px;padding:7px;background:#fffdf8;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);z-index:40}.netania .ni-footer-news-panel>a{padding:9px 12px;white-space:nowrap}.netania .ni-footer-news-panel>a:hover{background:#e2ecdf}
/* Lead with news on the homepage while retaining search and city resources below. */
.netania .ni-hub{display:flex;flex-direction:column}
.netania .ni-hub>.ni-hub-body{order:0;padding-top:28px}
.netania .ni-hub>.ni-welcome{order:1}
.netania .ni-hub>.ni-shortcuts{order:2}
/* Balanced responsive navigation: wrap on desktop, scroll only on narrow screens. */
@media(min-width:761px){.netania .main-nav .nav-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:22px;row-gap:0;padding-block:7px;min-height:58px}.netania .main-nav .nav-inner>a{min-height:39px;font-size:13px;line-height:1.25;flex:0 0 auto}.netania .main-nav .nav-extra{margin-inline-start:0}}
@media(max-width:760px){.netania .main-nav .nav-inner{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow-x:auto;overflow-y:hidden;gap:21px;scrollbar-width:none}.netania .main-nav .nav-inner>a{flex-shrink:0;white-space:nowrap}.netania .main-nav .nav-inner::-webkit-scrollbar{display:none}}
/* Keep the complete logo visible when the language picker shares the mobile masthead. */
@media(max-width:760px){.netania .masthead .brand{width:auto;min-width:0;flex:1 1 0}.netania .masthead .brand-image{height:auto;overflow:visible}.netania .masthead .brand-image img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.netania .masthead .brand-caption{padding-inline-start:0;font-size:clamp(9px,2.5vw,12px);line-height:1.25}.netania .masthead .header-right{flex:0 0 104px;width:104px;max-width:104px}}
@media(prefers-reduced-motion:reduce){.ni-shortcuts a:hover{transform:none}}