.narn{--narn-radius:0;background:#fff;color:var(--narn-text);font-family:var(--narn-font);width:100%;max-width:none;margin:0;padding:0;border:0;border-top:5px solid #111;border-bottom:1px solid var(--narn-border);border-radius:0;overflow:hidden}
.narn *{box-sizing:border-box}.narn button,.narn select,.narn input{border-radius:0;font-family:inherit}.narn a:focus-visible,.narn button:focus-visible,.narn select:focus-visible{outline:3px solid color-mix(in srgb,var(--narn-live) 55%,transparent);outline-offset:2px}
.narn-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding:24px clamp(18px,3vw,44px) 22px;background:#fff;border-bottom:1px solid #111}.narn-hero-copy{min-width:0}.narn-live{font-family:var(--narn-font-subtitle);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--narn-live);display:flex;align-items:center;gap:8px}.narn-live span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--narn-live);box-shadow:0 0 0 4px color-mix(in srgb,var(--narn-live) 14%,transparent)}.narn-hero h1{font-family:var(--narn-font-title);font-size:clamp(38px,5.2vw,68px);line-height:.92;letter-spacing:-.045em;margin:15px 0 12px;font-weight:800;max-width:850px}.narn-hero p{font-family:var(--narn-font-subtitle);margin:0;color:var(--narn-muted);font-size:15px;line-height:1.4}.narn-hero-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.narn-dateline{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--narn-muted);border-bottom:1px solid var(--narn-border);padding-bottom:8px;width:100%;text-align:right}.narn-greeting{font-family:var(--narn-font-greeting);font-size:clamp(19px,2vw,27px);line-height:1;font-weight:800;letter-spacing:-.01em}.narn-controls{font-family:var(--narn-font-filters);display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.narn-controls select,.narn-btn{height:40px;border:1px solid #cfd2d6;background:#fff;padding:0 13px;font-size:13px;font-weight:800;color:var(--narn-text)}.narn-controls select:hover,.narn-btn:hover{border-color:#111}.narn-btn{cursor:pointer}.narn-icon-btn{font-size:20px;padding:0 12px}
.narn-types{font-family:var(--narn-font-filters);display:flex;gap:0;overflow:auto;padding:0 clamp(10px,2vw,32px);background:#fff;border-bottom:1px solid #111;scrollbar-width:none}.narn-types::-webkit-scrollbar{display:none}.narn-types button{position:relative;white-space:nowrap;border:0;border-right:1px solid #e2e3e5;background:#fff;padding:14px 16px 13px;font-size:13px;font-weight:800;cursor:pointer;color:#303236}.narn-types button:first-child{border-left:1px solid #e2e3e5}.narn-types button:hover{background:#f5f5f5;color:#000}.narn-types button.active{background:#111;color:#fff}.narn-types button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--narn-live)}
.narn-status-section{font-family:var(--narn-font-status);padding:20px clamp(18px,3vw,44px) 22px;background:#f4f4f3;border-bottom:1px solid #d7d8da}.narn-status-section h2{font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.13em;margin:0 0 12px;font-weight:900}.narn-status-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#d8dade;border:1px solid #d8dade}.narn-status{position:relative;background:#fff;border:0;padding:13px 12px 12px;min-height:78px}.narn-status:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--narn-normal)}.narn-status strong{display:block;font-size:12px;line-height:1.25;margin:0 0 11px;padding-left:3px}.narn-status span{font-size:11px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.035em;padding-left:3px}.narn-status[data-level=critical]:before{background:var(--narn-critical)}.narn-status[data-level=advisory]:before{background:var(--narn-advisory)}.narn-status[data-level=info]:before{background:var(--narn-info)}.narn-status[data-level=critical] span{color:var(--narn-critical)}.narn-status[data-level=advisory] span{color:var(--narn-advisory)}.narn-status[data-level=normal] span{color:var(--narn-normal)}.narn-status[data-level=info] span{color:var(--narn-info)}.narn-status small{display:block;margin:5px 0 0 3px;font-size:9px;line-height:1.3;color:var(--narn-muted);font-weight:600}.narn-aqi-credit{margin-top:8px;font-size:9px;color:var(--narn-muted)}.narn-aqi-credit a{color:inherit;text-decoration:underline}.narn-alerts{display:grid;gap:0;padding:0;background:#fff}.narn-alert{background:#fff;border:0;border-bottom:1px solid var(--narn-border);border-left:6px solid var(--narn-critical);padding:13px clamp(18px,3vw,44px)}.narn-alert.advisory{border-left-color:var(--narn-advisory)}.narn-alert h3{font-size:15px;margin:0 0 3px}.narn-alert p{margin:0;color:var(--narn-muted);font-size:12px}
.narn-content-tabs{font-family:var(--narn-font-tabs);display:flex;gap:0;margin-top:0;background:#111;color:#fff;overflow-x:auto;border:0;padding-left:clamp(4px,2vw,28px)}.narn-content-tab{appearance:none;border:0;background:transparent;color:#fff;padding:15px 18px 14px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.015em;cursor:pointer;position:relative;white-space:nowrap;opacity:.7}.narn-content-tab+.narn-content-tab:before{content:"";position:absolute;left:0;top:30%;bottom:30%;width:1px;background:#686868}.narn-content-tab:hover{opacity:1}.narn-content-tab.active{background:transparent;color:#fff;opacity:1}.narn-content-tab.active:after{content:"";height:4px;background:var(--narn-live);position:absolute;left:18px;right:18px;bottom:0}.narn-tab-panel{font-family:var(--narn-font-feed);display:none;background:#fff}.narn-tab-panel.active{display:block}.narn-tab-panel[hidden]{display:none!important}.narn-feed-card{background:#fff;padding:12px clamp(18px,3vw,44px) 30px;border:0}.narn-section-head{display:flex;justify-content:flex-end;min-height:24px;align-items:center;border-bottom:1px solid #111;margin-bottom:16px}.narn-section-head span{font-size:10px;color:var(--narn-muted);text-transform:uppercase;letter-spacing:.06em}
.narn-feed-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 22px}.narn-item{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid #bfc1c4;padding:0 0 13px;background:#fff;grid-column:span 3}.narn-item:first-child{grid-column:span 6;grid-row:span 2;border-bottom:1px solid #111}.narn-item-media{display:block;aspect-ratio:16/9;background:#eceff2;overflow:hidden;margin-bottom:10px}.narn-item-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.narn-item:hover .narn-item-media img{transform:scale(1.015)}.narn-item-media.narn-no-image{display:grid;place-items:center;font-size:30px;color:#9ca3af;background:#eef0f2}.narn-item h3{font-family:var(--narn-font-feed);font-size:16px;line-height:1.14;margin:0 0 7px;font-weight:800;letter-spacing:-.012em}.narn-item:first-child h3{font-size:clamp(24px,2.5vw,36px);line-height:1.02;letter-spacing:-.025em}.narn-item h3 a{color:inherit;text-decoration:none}.narn-item h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.narn-item p{font-size:12px;line-height:1.45;color:var(--narn-muted);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.narn-item:first-child p{font-size:14px;max-width:90%}.narn-meta{font-size:10px;color:var(--narn-muted);margin:0 0 6px}.narn-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:2px}.narn-badge{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--narn-live);background:transparent;padding:0}.narn-time{font-size:9px;color:var(--narn-muted);margin-top:6px;padding-top:5px}.narn-load{width:100%;height:40px;border:1px solid #111;background:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;cursor:pointer;margin-top:20px}.narn-load:hover{background:#111;color:#fff}.narn-empty{grid-column:1/-1;padding:28px;text-align:center;color:var(--narn-muted);border:1px solid var(--narn-border)}
.narn-black-heading{font-family:var(--narn-font-sections);min-height:45px;background:#111;color:#fff!important;display:flex;align-items:center;padding:8px clamp(18px,3vw,44px);border-top:4px solid var(--narn-live)}.narn .narn-black-heading h2{font-size:15px;line-height:1.05;text-transform:uppercase;margin:0;font-weight:900;letter-spacing:.07em;color:#fff!important}.narn-black-heading h2:after{content:"";display:inline-block;width:54px;height:1px;background:#777;margin-left:12px;vertical-align:middle}.narn-map-card{margin:0;background:#fff;border:0}.narn-map-placeholder{display:grid;place-items:center;text-align:center;border:0;background:linear-gradient(135deg,#fafafa,#eef0f2);color:var(--narn-muted);margin:0;box-shadow:inset 0 -1px #d9dbde}.narn-map-placeholder strong{color:var(--narn-text);font-size:18px}
.narn-resources{font-family:var(--narn-font-resources);background:#fff;padding-bottom:28px}.narn-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px clamp(18px,3vw,44px) 8px}.narn-resource-card{position:relative;text-decoration:none;border:0;min-height:148px;padding:23px;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;cursor:pointer;transition:transform .15s ease,filter .15s ease;overflow:hidden}.narn-resource-card:after{content:"→";position:absolute;right:18px;top:14px;font-size:22px;font-weight:400;opacity:.75}.narn-resource-card:hover{transform:translateY(-2px);filter:brightness(.96)}.narn-resource-card span{font-size:clamp(16px,1.35vw,21px);font-weight:900;line-height:1.02;text-transform:uppercase;max-width:210px;letter-spacing:-.02em}.narn-res-events{background:var(--narn-res-events);color:#fff}.narn-res-food{background:var(--narn-res-food);color:#000}.narn-res-government{background:var(--narn-res-government);color:#fff}.narn-res-attractions{background:var(--narn-res-attractions);color:#fff}.narn-directory-shell{font-family:var(--narn-font-directory);margin:24px clamp(18px,3vw,44px) 0;border-top:4px solid #111;padding-top:14px}.narn-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.narn-directory-toolbar h3{margin:0;font-size:22px;text-transform:uppercase}.narn-directory-close{width:38px;height:38px;border:1px solid var(--narn-border);background:#fff;font-size:26px;line-height:1;cursor:pointer}.narn-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.narn-directory-card{border:1px solid var(--narn-border);border-top:3px solid var(--narn-live);background:#fff;padding:15px;min-height:150px;display:flex;flex-direction:column}.narn-directory-kicker{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--narn-live);margin-bottom:8px}.narn-directory-card h4{font-size:17px;line-height:1.15;margin:0 0 8px}.narn-directory-card p{font-size:12px;line-height:1.45;color:var(--narn-muted);margin:0 0 8px}.narn-directory-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px solid var(--narn-border)}.narn-directory-actions a{font-size:10px;font-weight:900;text-transform:uppercase;text-decoration:none;color:var(--narn-text)}.narn-directory-loading{grid-column:1/-1;padding:28px;border:1px solid var(--narn-border);text-align:center;color:var(--narn-muted)}.narn-osm-credit{font-size:9px;color:var(--narn-muted);margin-top:12px}.narn-osm-credit a{color:inherit}
@media(max-width:1180px){.narn-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.narn-item{grid-column:span 4}.narn-item:first-child{grid-column:span 8}.narn-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.narn-hero{grid-template-columns:1fr;align-items:start;padding:20px 18px}.narn-hero-side{width:100%;margin-left:0;align-items:flex-start;gap:13px}.narn-dateline{text-align:left}.narn-controls{width:100%;justify-content:flex-start}.narn-controls select{flex:1;min-width:140px}.narn-types{padding-left:0;padding-right:0}.narn-status-section{padding-left:14px;padding-right:14px}.narn-feed-grid{gap:20px 16px}.narn-item,.narn-item:first-child{grid-column:span 6;grid-row:auto}.narn-item:first-child h3{font-size:27px}.narn-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.narn-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.narn-resource-card{min-height:132px}.narn-map-placeholder{height:300px!important}}
@media(max-width:560px){.narn{border-top-width:4px}.narn-hero{padding:17px 14px}.narn-hero h1{font-size:38px;margin-top:13px}.narn-greeting{font-size:20px}.narn-controls{display:grid;grid-template-columns:1fr auto}.narn-controls .narn-btn:first-child{grid-column:1/2}.narn-controls select{width:100%}.narn-types{scroll-snap-type:x proximity}.narn-types button{padding:12px 13px;font-size:12px;scroll-snap-align:start}.narn-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.narn-status{min-height:72px;padding:11px 10px}.narn-status strong{font-size:11px;margin-bottom:9px}.narn-content-tabs{position:sticky;top:0;z-index:20;padding-left:0}.narn-content-tab{font-size:13px;padding:13px 12px}.narn-content-tab.active:after{left:12px;right:12px}.narn-feed-card{padding:10px 14px 24px}.narn-feed-grid{grid-template-columns:1fr;gap:17px}.narn-item,.narn-item:first-child{grid-column:1;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:11px;align-content:start;padding-bottom:14px}.narn-item:first-child{display:flex}.narn-item-media{grid-row:1/7;margin:0;aspect-ratio:4/3}.narn-item:first-child .narn-item-media{aspect-ratio:16/9;margin-bottom:9px}.narn-item h3{font-size:14px;margin-bottom:5px}.narn-item:first-child h3{font-size:25px}.narn-item p{display:none}.narn-item:first-child p{display:-webkit-box;font-size:13px;max-width:100%}.narn-black-heading{padding-left:14px}.narn .narn-black-heading h2{font-size:13px}.narn-resource-grid{grid-template-columns:1fr 1fr;padding:12px;gap:8px}.narn-resource-card{min-height:110px;padding:14px}.narn-resource-card:after{right:12px;top:9px;font-size:18px}.narn-resource-card span{font-size:14px;max-width:135px}.narn-directory-shell{margin:16px 12px 0}.narn-directory-toolbar h3{font-size:19px}.narn-directory-grid{grid-template-columns:1fr}.narn-map-placeholder{margin:0}.narn-osm-credit{font-size:9px}}
@media(max-width:380px){.narn-item,.narn-item:first-child{grid-template-columns:100px minmax(0,1fr)}.narn-item:first-child{display:flex}.narn-resource-grid{grid-template-columns:1fr 1fr}.narn-resource-card span{font-size:13px}}

/* v1.2.1: keep all location controls on one mobile row. */
@media(max-width:560px){.narn-controls{display:flex;flex-wrap:nowrap;gap:6px;width:100%}.narn-controls .narn-btn:first-child{grid-column:auto;flex:0 0 auto;padding:0 10px;white-space:nowrap}.narn-controls select{flex:1 1 auto;min-width:0;width:auto;padding-left:10px;padding-right:26px}.narn-controls .narn-icon-btn{flex:0 0 40px;padding:0}}
@media(max-width:360px){.narn-controls .narn-btn:first-child,.narn-controls select{font-size:11px}.narn-controls .narn-btn:first-child{padding-left:8px;padding-right:8px}.narn-controls .narn-icon-btn{flex-basis:38px}}

/* v1.2.2: balanced status grid with equal-width and equal-height cards. */
.narn-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}
.narn-status{height:100%;display:flex;flex-direction:column;justify-content:space-between}
@media(max-width:900px){.narn-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}