.narn{--narn-primary:#d71920;--narn-live:#9f1118;--narn-font:inherit;--narn-text:#111;--narn-muted:#6b7280;--narn-card:#fff;--narn-bg:#f5f6f8;--narn-border:#e5e7eb;--narn-critical:#d71920;--narn-advisory:#f59e0b;--narn-normal:#16a34a;--narn-info:#2563eb;background:var(--narn-bg);color:var(--narn-text);padding:24px;border-radius:0;font-family:var(--narn-font)}
.narn *{box-sizing:border-box;font-family:inherit}
.narn-hero{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.narn-hero h1{font-family:inherit;font-size:clamp(30px,4vw,50px);line-height:1;margin:7px 0}.narn-hero p{font-family:inherit;margin:0;color:var(--narn-muted);font-size:16px}.narn-live{font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--narn-live)}.narn-live span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--narn-live);margin-right:7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--narn-live) 15%,transparent)}
.narn-controls{display:flex;gap:8px;flex-wrap:wrap}.narn-controls select,.narn-btn{height:42px;border:1px solid var(--narn-border);background:var(--narn-card);border-radius:0;padding:0 13px;font-family:inherit;font-size:inherit;font-weight:700}.narn-btn{cursor:pointer}.narn-icon-btn{font-size:20px}
.narn-types{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;scrollbar-width:none}.narn-types button{white-space:nowrap;border:1px solid var(--narn-border);background:var(--narn-card);border-radius:0;padding:9px 13px;font-family:inherit;font-weight:700;cursor:pointer}.narn-types button.active{background:var(--narn-text);border-color:var(--narn-text);color:#fff}
.narn h2{font-family:inherit;font-size:21px;margin:18px 0 12px}.narn-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.narn-status{background:var(--narn-card);border:1px solid var(--narn-border);border-radius:0;padding:14px;min-height:90px}.narn-status strong{display:block;font-size:14px;margin-bottom:10px}.narn-status span{font-size:13px;font-weight:800}.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-alerts{display:grid;gap:10px;margin-top:16px}.narn-alert{background:var(--narn-card);border:1px solid var(--narn-border);border-left:5px solid var(--narn-critical);border-radius:0;padding:15px}.narn-alert.advisory{border-left-color:var(--narn-advisory)}.narn-alert h3{font-family:inherit;font-size:17px;margin:0 0 5px}.narn-alert p{margin:0;color:var(--narn-muted)}
.narn-content-tabs{display:flex;gap:0;margin-top:22px;border-bottom:2px solid var(--narn-text);overflow-x:auto}.narn-content-tab{appearance:none;border:1px solid var(--narn-border);border-bottom:0;background:var(--narn-card);color:var(--narn-text);border-radius:0;padding:12px 18px;font-family:inherit;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;margin-right:-1px}.narn-content-tab.active{background:var(--narn-text);border-color:var(--narn-text);color:#fff}.narn-tab-panel{display:none}.narn-tab-panel.active{display:block}.narn-tab-panel[hidden]{display:none!important}
.narn-map-card,.narn-feed-card{margin-top:18px;background:var(--narn-card);border:1px solid var(--narn-border);border-radius:0;padding:16px}.narn-tab-panel .narn-feed-card{margin-top:0;border-top:0}.narn-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.narn-section-head h2{margin:0 0 12px}.narn-section-head span{font-size:12px;color:var(--narn-muted)}.narn-map-placeholder{display:grid;place-items:center;text-align:center;border:1px dashed var(--narn-border);border-radius:0;background:linear-gradient(135deg,#fafafa,#f1f3f5);color:var(--narn-muted)}.narn-map-placeholder strong{color:var(--narn-text);font-size:19px}.narn-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:15px 0;border-top:1px solid var(--narn-border)}.narn-item:first-child{border-top:0}.narn-dot{width:11px;height:11px;border-radius:50%;margin-top:7px;background:var(--narn-info)}.narn-item[data-severity=critical] .narn-dot{background:var(--narn-critical)}.narn-item[data-severity=advisory] .narn-dot{background:var(--narn-advisory)}.narn-item[data-severity=normal] .narn-dot{background:var(--narn-normal)}.narn-item h3{font-family:inherit;font-size:16px;margin:0 0 4px}.narn-item h3 a{color:inherit;text-decoration:none}.narn-meta,.narn-item p{font-size:13px;color:var(--narn-muted);margin:3px 0}.narn-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.narn-badge{font-size:11px;font-weight:800;background:var(--narn-bg);padding:4px 7px;border-radius:0}.narn-time{font-size:12px;color:var(--narn-muted);white-space:nowrap}.narn-load{width:100%;height:42px;border:1px solid var(--narn-border);background:var(--narn-bg);font-family:inherit;font-weight:800;border-radius:0;cursor:pointer;margin-top:8px}.narn-empty{padding:24px;text-align:center;color:var(--narn-muted)}
@media(max-width:900px){.narn-status-grid{grid-template-columns:repeat(2,1fr)}.narn-hero{align-items:flex-start;flex-direction:column}.narn-controls{width:100%}.narn-controls select{flex:1}.narn{padding:16px;border-radius:0}.narn-item{grid-template-columns:auto 1fr}.narn-time{grid-column:2}.narn-map-placeholder{height:300px!important}.narn-content-tab{flex:1;min-width:max-content;text-align:center}}