.pn-bencana{box-sizing:border-box;width:330px;max-width:100%;margin:0 auto 24px;border:1px solid #d7e1ed;border-top:4px solid #b58c36;border-radius:12px;background:#fff;color:#19365d;box-shadow:0 5px 18px #19365d12;overflow:hidden;font-family:inherit}
.pn-bencana *{box-sizing:border-box}.pn-bencana__heading{padding:12px 13px 8px}.pn-bencana__heading>span{font-size:10px;letter-spacing:1.3px;color:#8d6b28;font-weight:700}.pn-bencana .pn-bencana__heading h2{font-size:20px;line-height:1.3;margin:3px 0 0;padding:0;color:#19365d}
.pn-bencana__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 8px;gap:2px}.pn-bencana__tabs button{font:inherit;font-size:12px;line-height:1.35;border:0;border-bottom:3px solid transparent;background:#f4f7fb;color:#435975;padding:8px 2px;min-height:56px;cursor:pointer;overflow-wrap:anywhere}.pn-bencana__tabs i{display:block;font-size:16px;margin-bottom:4px}.pn-bencana__tabs button[aria-selected=true]{background:#eaf0f8;color:#17365e;border-bottom-color:#b58c36;font-weight:700}.pn-bencana__tabs [data-count]:not(:empty){font-size:10px}
.pn-bencana__context{margin:9px 13px 4px;font-size:11px;color:#54677e}.pn-bencana__list{max-height:290px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#a4b2c5 #f3f6fa;padding:0 13px;overflow-wrap:anywhere}.pn-bencana__list>p{font-size:13px;padding:12px 0;margin:0}.pn-bencana__report{border-bottom:1px solid #e2e8ef;padding:10px 0}.pn-bencana__report:last-child{border-bottom:0}.pn-bencana__report summary{cursor:pointer;min-height:44px;color:#19365d;font-size:14px;font-weight:700}.pn-bencana__report summary time{display:block;font-weight:400;font-size:11px;color:#52667f;margin:4px 0 6px}.pn-bencana__report p{font-size:13px;line-height:1.55;margin:7px 0;white-space:pre-line}.pn-bencana__report a{font-size:12px;color:#214d80;text-decoration:underline}.pn-bencana__coords{font-size:11px!important;color:#52667f}.pn-bencana__status{font-size:11px;color:#52667f;margin:6px 13px;line-height:1.5}.pn-bencana footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 13px;background:#f4f7fb;font-size:11px}.pn-bencana footer a{color:#37577e;text-decoration:underline}.pn-bencana footer button{font:inherit;color:#19365d;background:#fff;border:1px solid #c8d5e5;border-radius:5px;min-height:32px;padding:5px 8px;cursor:pointer}.pn-bencana footer button:disabled{opacity:.6;cursor:wait}.pn-bencana__note{display:block;padding:6px 13px 9px;font-size:10px;line-height:1.5;color:#52667f}.pn-bencana :focus-visible{outline:2px solid #245c94;outline-offset:2px}
@media(pointer:coarse){.pn-bencana footer button{min-height:44px}.pn-bencana__report a{display:inline-flex;align-items:center;min-height:44px}}

/* Compact widget only. Its heading must not inherit the site's header geometry. */
.pn-bencana{display:block;height:auto;min-height:0;align-self:start;margin-bottom:18px}
.pn-bencana .pn-bencana__heading{display:block;position:static;width:auto;height:auto;min-height:0;margin:0;padding:12px 13px 12px;background:none;box-shadow:none}
.pn-bencana .pn-bencana__heading h2{display:block;font-size:18px;line-height:1.3;min-height:0;margin:8px 0 0;padding:0}
.pn-bencana .pn-bencana__heading>span{font-size:9px;line-height:1.4;letter-spacing:.7px}
.pn-bencana .pn-bencana__tabs{margin:0;padding:0 8px;align-items:stretch}
.pn-bencana .pn-bencana__tabs button{display:block;height:auto;min-height:56px;margin:0;padding:8px 2px;font-size:11px;line-height:1.35}
.pn-bencana .pn-bencana__tabs i{position:static;float:none;width:auto;height:auto;font-size:14px;line-height:1;margin:0 0 4px;text-align:center}
.pn-bencana .pn-bencana__context{margin:12px 12px 4px;padding:0;font-size:11px;line-height:1.4}
.pn-bencana .pn-bencana__list{height:auto;min-height:0;max-height:var(--pn-two-reports,150px);margin:0;padding:0 12px;scrollbar-gutter:stable}
.pn-bencana .pn-bencana__report{display:block;min-height:0;margin:0;padding:12px 0}
.pn-bencana .pn-bencana__report summary{display:list-item;min-height:60px;margin:0;padding:0;font-size:13px;line-height:1.4;list-style-position:inside}
.pn-bencana .pn-bencana__report summary time{margin:12px 0 0;padding:0;font-size:11px;line-height:1.4}
.pn-bencana .pn-bencana__report p{margin:5px 0;padding:0;font-size:12px;line-height:1.5}
.pn-bencana .pn-bencana__status{margin:5px 12px;padding:0;font-size:10px;line-height:1.4}
.pn-bencana .pn-bencana__status:empty{display:none}
.pn-bencana footer{position:static;width:auto;height:auto;min-height:0;margin:0;padding:5px 12px;line-height:1.4}
.pn-bencana .pn-bencana__note{margin:0;padding:5px 12px 7px;font-size:10px;line-height:1.4}
@media(pointer:coarse){.pn-bencana .pn-bencana__report summary{min-height:60px}}
.pn-bencana .pn-bencana__status[hidden]{display:none}

/* Pusako emblems: navy medallion, gold rim, and a shared wing seal. */
.pn-bencana{border-top:0;position:relative;background:linear-gradient(150deg,#fff 65%,#fcfaf5);box-shadow:0 5px 18px #19365d12}
.pn-bencana::before{content:"";display:block;height:4px;background:linear-gradient(90deg,#19365d 0%,#19365d 72%,#c49a42 72%,#e8d18e 100%)}
.pn-bencana .pn-bencana__heading{background:linear-gradient(115deg,#f5f8fc,#fff 65%,#fcf6e8);padding-top:11px;padding-bottom:10px;border-bottom:1px solid #e9edf3}
.pn-bencana .pn-bencana__heading>span{display:inline-block;color:#96712a;letter-spacing:1.1px}
.pn-bencana .pn-bencana__heading h2{margin-top:5px;letter-spacing:.1px}
.pn-bencana .pn-bencana__tabs{padding:6px 8px 0;gap:3px}
.pn-bencana .pn-bencana__tabs button{min-height:56px;padding:3px 1px 5px;border-radius:7px 7px 0 0;background:#f5f7fb;border-bottom-width:2px;transition:background-color .18s ease,box-shadow .18s ease}
.pn-bencana .pn-bencana__tabs button[aria-selected=true]{background:linear-gradient(180deg,#f9f2df,#f1e7cb);color:#19365d;border-bottom-color:#b58c36;box-shadow:inset 0 1px 0 #e4d1a1}
.pn-bencana .pn-bencana__tabs button:hover{background-color:#edf2f9}
.pn-bencana .pn-bencana__tab-label{display:block;white-space:nowrap;font-size:11px;line-height:1.35}
.pn-bencana .pn-bencana__tabs [data-count]:not(:empty){display:inline-block;font-size:10px;color:#51647c;font-weight:400}
.pn-bencana .pn-bencana__emblem{display:block;width:30px;height:30px;margin:0 auto 3px;overflow:visible;filter:drop-shadow(0 1px 1px #17365d26);transition:transform .18s ease}
.pn-bencana .pn-bencana__tabs button:hover .pn-bencana__emblem{transform:translateY(-1px)}
.pn-bencana .pn-emblem-base{fill:#eef3fa;stroke:#c7d3e4;stroke-width:1}
.pn-bencana .pn-emblem-ring{fill:none;stroke:#c8a04b;stroke-width:1.4}
.pn-bencana .pn-emblem-gold{fill:#e6bd5e}
.pn-bencana .pn-emblem-water{fill:#447ba7}
.pn-bencana .pn-emblem-mountain{fill:#1b3c64}
.pn-bencana .pn-emblem-line{fill:none;stroke:#b58c36;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pn-bencana .pn-emblem-seal{fill:#fffaf0;stroke:#bf9439;stroke-width:1.3}
.pn-bencana .pn-emblem-wing{fill:none;stroke:#a17a2c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pn-bencana .pn-bencana__report summary::marker{color:#a47b2c;font-size:11px}
.pn-bencana .pn-bencana__report[open]{background:linear-gradient(90deg,#f3f6fa80,transparent)}
.pn-bencana footer button{border-color:#d8c594;background:linear-gradient(#fffdf7,#f8f1df);color:#19365d;border-radius:6px}
@media(prefers-reduced-motion:reduce){.pn-bencana .pn-bencana__emblem,.pn-bencana .pn-bencana__tabs button{transition:none}.pn-bencana .pn-bencana__tabs button:hover .pn-bencana__emblem{transform:none}}

/* Stronger separation from the homepage's white-and-gold background. */
.pn-bencana{border-color:#b69a59;background:#edf2f8;box-shadow:0 8px 22px rgba(15,40,74,.20),0 1px 3px rgba(15,40,74,.12)}
.pn-bencana::before{background:linear-gradient(90deg,#b38831,#ead18b 55%,#b38831)}
.pn-bencana .pn-bencana__heading{background:linear-gradient(115deg,#142e51,#244a75);border-bottom-color:#b99a56;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pn-bencana .pn-bencana__heading>span{color:#efd293}
.pn-bencana .pn-bencana__heading h2{color:#fff}
.pn-bencana .pn-bencana__tabs button{background:#dce5f0;color:#304e70;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.pn-bencana .pn-bencana__tabs button[aria-selected=true]{background:linear-gradient(180deg,#fff1cc,#ead6a0);border-bottom-color:#96702a;box-shadow:inset 0 1px 0 #d6b46b;color:#18365b}
.pn-bencana .pn-bencana__tabs button:hover{background-color:#cddbea}
.pn-bencana .pn-bencana__context{color:#425b77}
.pn-bencana .pn-bencana__list{background:#fff;border-top:1px solid #d8e1ed;border-bottom:1px solid #d8e1ed}
.pn-bencana footer{background:#e2eaf4;color:#304d6f}
.pn-bencana .pn-bencana__note{background:#edf2f8;color:#415974}

/* Champagne header with the supplied three-disaster emblem. */
.pn-bencana::before{background:linear-gradient(90deg,#8d6b25,#d8b461 58%,#f1dea8)}
.pn-bencana .pn-bencana__heading{position:relative;isolation:isolate;overflow:hidden;padding-right:73px;background:linear-gradient(110deg,#f8efd9 0%,#e8d3a4 72%,#d6b367 100%);border-bottom:1px solid #b99a56;box-shadow:inset 4px 0 0 #a27b2c,inset 0 1px 0 #fff7df}
.pn-bencana .pn-bencana__heading>span{position:relative;z-index:1;color:#78571d;font-size:9px;letter-spacing:1.5px}
.pn-bencana .pn-bencana__heading h2{position:relative;z-index:1;color:#19365d;font-size:18px;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.pn-bencana .pn-bencana__heading::before{content:"";position:absolute;z-index:0;width:60px;height:60px;right:12px;top:50%;transform:translateY(-50%);border:0;border-radius:0;background:url('../img/pantauan-bencana-emblem.png') center/contain no-repeat;box-shadow:none;pointer-events:none}
.pn-bencana .pn-bencana__heading::after{content:none}

/* Province labels share the report summary's existing space. */
.pn-bencana .pn-bencana__report summary.pn-bencana__summary-location{display:grid;grid-template-columns:8px minmax(0,1fr) minmax(76px,34%);gap:6px;align-items:start;list-style:none}
.pn-bencana .pn-bencana__summary-location::-webkit-details-marker{display:none}
.pn-bencana .pn-bencana__summary-location::before{content:"\25B8";color:#a47b2c;font-size:12px;line-height:1.4}
.pn-bencana .pn-bencana__report[open]>.pn-bencana__summary-location::before{content:"\25BE"}
.pn-bencana .pn-bencana__location-info{display:block;min-width:0}
.pn-bencana .pn-bencana__city{display:block;overflow-wrap:anywhere}
.pn-bencana .pn-bencana__report .pn-bencana__summary-location time{font-size:11px;margin-top:12px;line-height:1.4}
.pn-bencana .pn-bencana__province{display:block;align-self:center;min-width:0;padding:7px 5px;border:1px solid #e6d4aa;border-radius:7px;background:linear-gradient(135deg,#fffaf0,#f3e6c8);box-shadow:inset 0 1px 0 #fff;text-align:center;line-height:1.35;overflow-wrap:anywhere}
.pn-bencana .pn-bencana__province-label{display:block;margin-bottom:3px;color:#806126;font:700 8px/1.4 system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase}
.pn-bencana .pn-bencana__province-name{display:block;color:#19365d;font-size:11px;font-weight:700}