.okb-folio{isolation:isolate;color:#dce6f4;background:radial-gradient(90% 70% at 8% 0,#5698ff33 0%,#0000 52%),linear-gradient(168deg,#063888 0%,#001433 48%,#000c1c 100%);padding-top:clamp(1.25rem,3.5vw,2.25rem);padding-bottom:clamp(1.75rem,4vw,3rem);position:relative;overflow:hidden}.okb-folio-art,.okb-folio-glow{pointer-events:none;position:absolute}.okb-folio-art{z-index:0;inset:0;overflow:hidden}.okb-folio-art>*{position:absolute}.okb-folio-art__aurora{filter:blur(42px);background:radial-gradient(circle,#7ec8ff42 0%,#5698ff1a 48%,#0000 72%);border-radius:9999px;width:55%;height:130%;animation:22s ease-in-out infinite alternate okb-folio-aurora;top:-45%;left:-18%}.okb-folio-art__aurora--warm{background:radial-gradient(circle,#ffb05c33 0%,#ff8c2814 46%,#0000 72%);width:48%;height:110%;animation-delay:-7s;inset:auto -16% -40% auto}.okb-folio-art__grid{opacity:.09;background-image:radial-gradient(#fff9 1px,#0000 1.4px);background-size:26px 26px;animation:48s linear infinite okb-folio-drift;inset:-20%}.okb-folio-art__grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.okb-folio-art__vignette{background:radial-gradient(90% 70% at 50% 42%,#0000 0% 52%,#0008188c 100%);inset:0}.okb-folio-glow{z-index:2;inset-inline:0;background:linear-gradient(90deg,#ff8a1e 0%,#ffc14d 42%,#ffe08a 68%,#ff8a1e 100%);height:3px;top:0;box-shadow:0 0 18px 2px #ff9a2e66}.okb-folio>.okb-public-container,.okb-folio>.okb-public-container-narrow{z-index:2;position:relative}.okb-folio-intro{margin-inline:auto;text-align:center;max-width:42rem;margin-bottom:clamp(.9rem,2vw,1.4rem)}.okb-folio-chip{letter-spacing:.16em;text-transform:uppercase;color:#ffffffe0;background:#00103052;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.6rem;padding:.28rem .75rem .28rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.okb-folio-chip__dot{background:var(--dpwh-orange);border-radius:9999px;width:.45rem;height:.45rem;animation:2.4s ease-out infinite okb-folio-pulse;box-shadow:0 0 #ff8a1e8c}.okb-folio-title{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#0000;background-image:linear-gradient(108deg,#fff 0% 62%,#ffe7b0 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.85rem,4.2vw,3.15rem);font-weight:700;line-height:.94}.okb-folio-lead{color:#dce6f4c7;text-wrap:pretty;margin-top:.5rem;font-size:.9375rem;line-height:1.5}.okb-folio-stage{max-width:42rem;margin-inline:auto;position:relative}.okb-folio-frame{background:linear-gradient(#ffffff14 0%,#ffffff06 100%);border:1px solid #ffc14d47;border-radius:1.05rem;padding:.7rem;position:relative;box-shadow:0 28px 70px #0006168c,inset 0 1px #ffffff1f}.okb-folio-crop{z-index:2;border-style:solid;border-color:#ffc14dd9;width:1.15rem;height:1.15rem;position:absolute}.okb-folio-crop--tl{border-width:1.5px 0 0 1.5px;top:.35rem;left:.35rem}.okb-folio-crop--tr{border-width:1.5px 1.5px 0 0;top:.35rem;right:.35rem}.okb-folio-crop--bl{border-width:0 0 1.5px 1.5px;bottom:.35rem;left:.35rem}.okb-folio-crop--br{border-width:0 1.5px 1.5px 0;bottom:.35rem;right:.35rem}.okb-folio-shot{cursor:zoom-in;background:#071018;border-radius:.55rem;width:100%;display:block;position:relative;overflow:hidden}.okb-folio-shot__img{object-fit:contain;width:100%;height:auto;max-height:min(75vh,800px);margin-inline:auto;animation:.45s okb-folio-in;display:block}.okb-folio-shot__hint{color:#fff;letter-spacing:.12em;text-transform:uppercase;opacity:0;background:#000a1c9e;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.35rem;padding:.32rem .6rem;font-size:.625rem;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;bottom:.7rem;right:.7rem;transform:translateY(4px)}.okb-folio-shot__hint svg{width:.8rem;height:.8rem}.okb-folio-shot:hover .okb-folio-shot__hint,.okb-folio-shot:focus-visible .okb-folio-shot__hint{opacity:1;transform:none}.okb-folio-nav{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#081c44c7 0%,#000e28b8 100%);border:1px solid #ffffff38;border-radius:9999px;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px #00061666}.okb-folio-nav svg{width:1.25rem;height:1.25rem}.okb-folio-nav--prev{left:.65rem}.okb-folio-nav--next{right:.65rem}.okb-folio-nav:hover:not(:disabled){color:#ffe7b0;border-color:#ffc14db3;transform:translateY(-50%)scale(1.05)}.okb-folio-nav:disabled{cursor:not-allowed;opacity:.28}.okb-folio-meta{flex-direction:column;align-items:center;gap:.85rem;max-width:42rem;margin:1.15rem auto 0;display:flex}.okb-folio-count{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.12em;color:#dce6f48c;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;display:inline-flex}.okb-folio-count span:first-child{color:#ffe7b0}.okb-folio-count__rule{background:linear-gradient(90deg,#ff8a1e,#ffc14d);width:1.6rem;height:1px}.okb-folio-ticks{flex-wrap:wrap;justify-content:center;gap:.28rem;width:100%;display:flex}.okb-folio-tick{cursor:pointer;background:#ffffff38;border:0;border-radius:9999px;width:.7rem;height:.28rem;padding:0;transition:width .2s,background-color .2s;display:block}.okb-folio-tick--on{background:linear-gradient(90deg,#ff8a1e,#ffc14d);width:1.55rem}.okb-folio-tick:hover:not(.okb-folio-tick--on){background:#ffe7b08c}.okb-folio-contact{background:linear-gradient(#ffffff12 0%,#ffffff06 100%);border:1px solid #ffffff1f;border-radius:1rem;gap:.7rem;max-width:42rem;margin:1.6rem auto 0;padding:.85rem;display:grid}@media (min-width:640px){.okb-folio-contact{grid-template-columns:1fr 1fr;padding:.95rem 1.1rem}.okb-folio-nav{width:3.05rem;height:3.05rem}.okb-folio-nav--prev{left:-.35rem}.okb-folio-nav--next{right:-.35rem}}.okb-folio-contact__item{color:inherit;border-radius:.7rem;align-items:center;gap:.7rem;padding:.45rem .55rem;text-decoration:none;transition:background-color .18s;display:flex}.okb-folio-contact__item:hover{background:#ffb05c14}.okb-folio-contact__item svg{color:#ffb05ce6;flex-shrink:0;width:1.05rem;height:1.05rem}.okb-folio-contact__item span{color:#fff;flex-direction:column;gap:.08rem;font-size:.92rem;font-weight:600;display:flex}.okb-folio-contact__item em{letter-spacing:.14em;text-transform:uppercase;color:#ffe0a8b3;font-size:.625rem;font-style:normal;font-weight:700}.okb-folio-lightbox{z-index:80;background:radial-gradient(80% 70% at 50% 40%,#001c4859 0%,#000000eb 100%);justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;inset:0}.okb-folio-lightbox__stage{max-width:100%;max-height:100%;position:relative}.okb-folio-lightbox__img{object-fit:contain;border-radius:.4rem;width:auto;max-width:min(96vw,1400px);max-height:88vh;display:block;box-shadow:0 24px 60px #0000008c}.okb-folio-lightbox__close{z-index:4;color:#fff;background:#000a1cb8;border:1px solid #ffffff38;border-radius:9999px;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:inline-flex;position:absolute;top:.4rem;right:.4rem}.okb-folio-lightbox__close svg{width:1.1rem;height:1.1rem}.okb-folio-lightbox__close:hover{color:#ffe7b0;border-color:#ffc14db3}.okb-folio-lightbox .okb-folio-nav--prev{left:.5rem}.okb-folio-lightbox .okb-folio-nav--next{right:.5rem}.okb-folio-lightbox__cap{color:#fff;text-wrap:pretty;background:#000a1cb3;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:.55rem;max-width:calc(100% - 7rem);padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.okb-folio-lightbox__cap span{color:#ffe7b0;font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.08em}@keyframes okb-folio-in{0%{opacity:0}to{opacity:1}}@keyframes okb-folio-aurora{0%{transform:translate(0,0)scale(1)}to{transform:translate(36%,6%)scale(1.14)}}@keyframes okb-folio-drift{to{background-position:260px 130px}}@keyframes okb-folio-pulse{0%{box-shadow:0 0 #ff8a1e8c}70%,to{box-shadow:0 0 0 8px #ff8a1e00}}@media (prefers-reduced-motion:reduce){.okb-folio-art__aurora,.okb-folio-art__grid,.okb-folio-chip__dot,.okb-folio-shot__img{animation:none}.okb-folio-nav:hover:not(:disabled){transform:translateY(-50%)}}@media (max-width:639px){.okb-folio-shot__hint{opacity:1;transform:none}}
.okb-home-hero{border-bottom:3px solid var(--dpwh-orange);background-color:#001433}.okb-home-hero__image{opacity:1;background-position:62% 45%;background-size:cover;animation:30s ease-in-out infinite alternate okb-home-drift;transform:scale(1.04)}.okb-home-hero__veil{background:linear-gradient(90deg,#001030f5 0%,#001840db 40%,#001c4880 72%,#00143459 100%),linear-gradient(#000c2440 0%,#0000 40%,#000c248c 100%),radial-gradient(60% 70% at 0 0,#f57e2038 0%,#0000 60%)}@media (max-width:1023px){.okb-home-hero__veil{background:linear-gradient(#001030d1 0%,#001438e6 60%,#000e28f5 100%),radial-gradient(80% 50% at 0 0,#f57e203d 0%,#0000 60%)}}.okb-home-hero__grid{background-image:linear-gradient(#94c5ff12 1px,#0000 1px),linear-gradient(90deg,#94c5ff12 1px,#0000 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 70%);mask-image:linear-gradient(90deg,#000 0%,#0000 70%)}@keyframes okb-home-drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.1)translate(-1.5%,-1%)}}.okb-home-title{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px #00081880,0 14px 36px #000a1c73;margin-top:.7rem;font-size:clamp(2.3rem,7vw,4.6rem);font-weight:700;line-height:.92}.okb-home-title__accent{color:#0000;text-shadow:none;filter:drop-shadow(0 6px 22px #000a1cb3);background-image:linear-gradient(100deg,#ffb166 0%,#fcd116 45%,#fff6d6 100%);-webkit-background-clip:text;background-clip:text;display:block}.okb-home-lead{color:#ffffffe6;text-wrap:pretty;max-width:38rem;margin-top:.75rem;font-size:.9375rem;line-height:1.5}.okb-home-lead em{color:#ffd6a8;font-style:normal;font-weight:600}@media (min-width:640px){.okb-home-lead{font-size:1.0625rem}}.okb-home-btn{letter-spacing:.09em;text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.55rem 1.2rem;font-size:.75rem;font-weight:800;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.okb-home-btn:hover{transform:translateY(-1px)}.okb-home-btn--solid{background-image:linear-gradient(100deg, #ff9a3c 0%, var(--dpwh-orange) 55%, #e5620c 100%);color:#fff;box-shadow:0 10px 26px -10px #f57e20d9}.okb-home-btn--ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffff0f;border:1px solid #ffffff80}.okb-home-btn--ghost:hover{background-color:#ffffff24}.okb-home-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;max-width:38rem;margin-top:1rem;display:grid}@media (max-width:479px){.okb-home-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.okb-home-fact{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000e2873;border:1px solid #ffffff29;border-radius:.6rem;flex-direction:column;justify-content:center;min-height:2.75rem;padding:.4rem .6rem;transition:border-color .2s,background-color .2s;display:flex}.okb-home-fact:hover{background-color:#00143499;border-color:#fcd11699}.okb-home-fact__value{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;color:#fcd116;font-size:1.6rem;font-weight:700;line-height:1}.okb-home-fact__label{letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;margin-top:.15rem;font-size:.625rem;font-weight:700;line-height:1.2}.okb-home-zones{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#030e24b8 0%,#0109188c 100%);border:1px solid #ffffff2e;border-radius:1rem;padding:1rem 1.1rem;box-shadow:0 28px 60px -30px #000612e6}.okb-home-zones__kicker{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ffd6a8;font-size:1.15rem;font-weight:700}.okb-home-zone{border-radius:.55rem;align-items:center;gap:.6rem;padding:.35rem .4rem;display:flex}.okb-home-zone:hover{background-color:#ffffff0f}.okb-home-zone__num{background-color:var(--dpwh-orange);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 0 0 3px #f57e2033}.okb-home-zone__label{color:#fff;font-size:.875rem;font-weight:700;line-height:1.2;display:block}.okb-home-zone__lead{color:#ffffffa6;font-size:.75rem;line-height:1.25;display:block}.okb-home-zones__foot{letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;border-top:1px solid #ffffff24;margin-top:.6rem;padding-top:.5rem;font-size:.625rem;font-weight:700}.okb-home-section{background-color:var(--dpwh-bg);background-image:radial-gradient(70% 60% at 100% 0,#0038a812 0%,#0000 60%);padding-top:clamp(1.5rem,4vw,2.75rem);padding-bottom:clamp(1.5rem,4vw,2.75rem)}.okb-home-section--alt{border-top:1px solid var(--dpwh-border);border-bottom:1px solid var(--dpwh-border);background-color:#e9eef4;background-image:radial-gradient(60% 80% at 0 100%,#f57e2014 0%,#0000 60%),linear-gradient(#0038a80a 1px,#0000 1px),linear-gradient(90deg,#0038a80a 1px,#0000 1px);background-size:auto,32px 32px,32px 32px}.okb-home-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--dpwh-orange-dark);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:800;display:inline-flex}.okb-home-kicker:before{content:"";background:linear-gradient(90deg, var(--dpwh-orange), var(--dpwh-gold));border-radius:9999px;width:1.4rem;height:2px}.okb-home-h2{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.01em;text-transform:uppercase;color:var(--dpwh-blue-dark);margin-top:.3rem;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700;line-height:1}.okb-home-h2--light{color:#fff}.okb-home-body{max-width:42rem;color:var(--dpwh-muted);text-wrap:pretty;font-size:.9375rem;line-height:1.55}.okb-home-body--light{color:#ffffffd1}.okb-home-pillar{border:1px solid var(--dpwh-border);background-color:var(--dpwh-panel);border-radius:.75rem;gap:.65rem;padding:.7rem .75rem;display:flex;box-shadow:0 1px 2px #0028550f}.okb-home-pillar__icon{color:#fff;border-radius:.55rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.okb-home-pillar__icon--blue{background:linear-gradient(140deg, #2563eb, var(--dpwh-blue))}.okb-home-pillar__icon--orange{background:linear-gradient(140deg, #fb923c, var(--dpwh-orange-dark))}.okb-home-pillar__icon--gold{color:#3b2300;background:linear-gradient(140deg,#fcd116,#d97706)}.okb-home-pillar__title{color:var(--dpwh-blue-dark);font-size:.875rem;font-weight:700;line-height:1.25;display:block}.okb-home-pillar__body{color:var(--dpwh-muted);margin-top:.15rem;font-size:.8125rem;line-height:1.4;display:block}.okb-home-illus{border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 24px 50px -28px #002855a6}.okb-home-card{border:1px solid var(--dpwh-border);background-color:var(--dpwh-panel);border-radius:.9rem;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00285514}.okb-home-card:hover{border-color:var(--dpwh-orange);transform:translateY(-2px);box-shadow:0 18px 36px -22px #0028558c}.okb-home-card__media{aspect-ratio:16/9;background-color:#001433;display:block;position:relative;overflow:hidden}.okb-home-card__media:after{content:"";background:linear-gradient(#0000 45%,#0010308c 100%);position:absolute;inset:0}.okb-home-card__tag{z-index:1;letter-spacing:.14em;text-transform:uppercase;color:#ffd6a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#001030b8;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.625rem;font-weight:800;display:inline-flex;position:absolute;top:.6rem;left:.6rem}.okb-home-card__text{padding:.65rem .8rem .8rem;display:block}.okb-home-card__title{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--dpwh-blue-dark);justify-content:space-between;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;line-height:1.05;display:flex}.okb-home-card:hover .okb-home-card__title{color:var(--dpwh-orange-dark)}.okb-home-card__body{color:var(--dpwh-muted);margin-top:.2rem;font-size:.8125rem;line-height:1.4;display:block}@media (max-width:639px){.okb-home-card{flex-direction:row}.okb-home-card__media{aspect-ratio:auto;flex-shrink:0;width:7.5rem;min-height:6rem}.okb-home-card__tag{padding:.15rem .45rem;font-size:.5625rem;top:.35rem;left:.35rem}.okb-home-card__text{align-self:center;padding:.55rem .7rem}.okb-home-card__title{font-size:1.15rem}}.okb-home-cycle{counter-reset:okb-step;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}@media (min-width:640px){.okb-home-cycle{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}}.okb-home-step{border:1px solid var(--dpwh-border);border-left:3px solid var(--dpwh-blue);background-color:var(--dpwh-panel);border-radius:.6rem;align-items:center;gap:.55rem;min-height:3rem;padding:.45rem .6rem;display:flex;position:relative;overflow:hidden}.okb-home-step:nth-child(4n+2){border-left-color:#2563eb}.okb-home-step:nth-child(4n+3){border-left-color:var(--dpwh-orange)}.okb-home-step:nth-child(4n+4){border-left-color:#d97706}.okb-home-step__num{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;color:var(--dpwh-orange);font-size:1.35rem;font-weight:700;line-height:1}.okb-home-step__title{color:var(--dpwh-blue-dark);font-size:.8125rem;font-weight:700;line-height:1.2}.okb-home-link{min-height:2.5rem;color:var(--dpwh-blue);align-items:center;gap:.35rem;font-size:.8125rem;font-weight:700;display:inline-flex}.okb-home-link:hover{color:var(--dpwh-orange-dark)}.okb-home-command{border-top:3px solid var(--dpwh-orange);background:radial-gradient(70% 120% at 100% 0,#0038a88c 0%,#0000 60%),radial-gradient(50% 90% at 0 100%,#f57e2033 0%,#0000 60%),linear-gradient(135deg,#001433 0%,#002855 55%,#001a40 100%)}.okb-home-command__map{opacity:.55;width:auto;height:135%;top:50%;right:-2rem;transform:translateY(-50%)}@media (min-width:1024px){.okb-home-command__map{opacity:.8;right:24%}}.okb-home-ping{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite okb-home-ping}@keyframes okb-home-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2)}}@media (prefers-reduced-motion:reduce){.okb-home-hero__image,.okb-home-ping{animation:none}}.okb-home-zone__num--code{letter-spacing:.04em;border-radius:.45rem;width:auto;min-width:1.6rem;padding:0 .35rem;font-size:.625rem}.okb-home-zone__count{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;color:#fcd116;flex-direction:column;align-items:flex-end;font-size:1.2rem;font-weight:700;line-height:1;display:flex}.okb-home-zone__count span{font-family:var(--font-okb-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;font-size:.5625rem;font-weight:700}.okb-home-zone__lead{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.okb-home-zones__foot--link{transition:color .2s;display:block}.okb-home-zones__foot--link:hover{color:#ffd6a8}.okb-home-coverage{border-top:3px solid var(--dpwh-orange);background-color:#001433}.okb-home-coverage__image{background-position:50% 40%;background-size:cover}.okb-home-coverage__veil{background:linear-gradient(#001030e0 0%,#001438cc 45%,#000e28f0 100%),radial-gradient(60% 70% at 100% 0,#f57e2038 0%,#0000 60%)}.okb-home-kicker--light{color:#ffb166}.okb-home-regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}@media (min-width:640px){.okb-home-regions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}}@media (min-width:1024px){.okb-home-regions{grid-template-columns:repeat(5,minmax(0,1fr))}}.okb-home-region{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000e288c;border:1px solid #ffffff29;border-radius:.7rem;flex-direction:column;height:100%;min-height:2.75rem;padding:.5rem .6rem;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.okb-home-region:hover{background-color:#00183cb3;border-color:#fcd11699;transform:translateY(-1px)}.okb-home-region__code{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fcd116;font-size:1.15rem;font-weight:700;line-height:1}.okb-home-region__name{color:#fff;margin-top:.15rem;font-size:.75rem;font-weight:700;line-height:1.2}.okb-home-region__places{color:#ffffff9e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.1rem;font-size:.6875rem;line-height:1.3;display:-webkit-box;overflow:hidden}.okb-home-region__nums{color:#fff;gap:.6rem;margin-top:auto;padding-top:.35rem;font-size:.75rem;font-weight:800;display:flex}.okb-home-region__nums span{align-items:center;gap:.25rem;display:inline-flex}.okb-home-region__nums span:first-child svg{color:#38bdf8}.okb-home-region__nums span:last-child svg{color:#4ade80}.okb-home-link--light{color:#ffd6a8}.okb-home-link--light:hover{color:#fff}.okb-cov-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.okb-cov-search{border:1px solid var(--dpwh-border);min-height:2.75rem;color:var(--dpwh-muted);background-color:#fff;border-radius:9999px;flex:18rem;align-items:center;gap:.5rem;padding:0 .4rem 0 .9rem;display:flex}.okb-cov-search:focus-within{border-color:var(--dpwh-blue);box-shadow:0 0 0 3px #0038a826}.okb-cov-search input{min-width:0;color:var(--dpwh-text);background:0 0;outline:none;flex:1;font-size:.875rem}.okb-cov-search input::-webkit-search-cancel-button{appearance:none}.okb-cov-search__clear{border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.okb-cov-search__clear:hover{background-color:var(--dpwh-blue-light)}.okb-cov-kinds{border:1px solid var(--dpwh-border);background-color:#fff;border-radius:9999px;padding:.2rem;display:flex}.okb-cov-kind{white-space:nowrap;min-height:2.35rem;color:var(--dpwh-muted);border-radius:9999px;padding:0 .8rem;font-size:.75rem;font-weight:700}.okb-cov-kind--on{background-color:var(--dpwh-blue);color:#fff}.okb-cov-regions{scrollbar-width:thin;gap:.35rem;margin-top:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.okb-cov-region{border:1px solid var(--dpwh-border);background-color:var(--dpwh-panel);white-space:nowrap;min-height:2.5rem;color:var(--dpwh-blue-dark);border-radius:9999px;flex-shrink:0;padding:0 .85rem;font-size:.75rem;font-weight:700}.okb-cov-region:hover{border-color:var(--dpwh-orange)}.okb-cov-region--on{border-color:var(--dpwh-orange);background-color:var(--dpwh-orange);color:#fff}.okb-cov-list{gap:.6rem;margin-top:.6rem;display:grid}@media (min-width:1024px){.okb-cov-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.okb-cov-card{border:1px solid var(--dpwh-border);border-top:3px solid var(--dpwh-blue);background-color:var(--dpwh-panel);border-radius:.8rem;scroll-margin-top:7rem;overflow:hidden}.okb-cov-card:target{border-top-color:var(--dpwh-orange);box-shadow:0 0 0 3px #f57e204d}.okb-cov-card__head{border-bottom:1px solid var(--dpwh-border);background:linear-gradient(100deg, #fff 0%, var(--dpwh-panel) 100%);align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.okb-cov-card__code{background-color:var(--dpwh-blue-dark);min-width:2.6rem;font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fcd116;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem .4rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.okb-cov-card__name{color:var(--dpwh-blue-dark);font-size:.9375rem;font-weight:800;line-height:1.2;display:block}.okb-cov-card__meta{text-overflow:ellipsis;white-space:nowrap;color:var(--dpwh-muted);font-size:.6875rem;display:block;overflow:hidden}.okb-cov-card__nums{letter-spacing:.06em;text-transform:uppercase;color:var(--dpwh-muted);flex-direction:column;flex-shrink:0;align-items:flex-end;font-size:.625rem;font-weight:700;line-height:1.25;display:flex}.okb-cov-card__nums b{font-family:var(--font-okb-display), ui-sans-serif, system-ui, sans-serif;color:var(--dpwh-orange-dark);font-size:1rem}.okb-cov-card__body{gap:.55rem;padding:.6rem .7rem .7rem;display:grid}.okb-cov-area__head{letter-spacing:.04em;text-transform:uppercase;color:var(--dpwh-blue);align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;display:flex}.okb-cov-area__count{letter-spacing:.04em;color:var(--dpwh-muted);flex-shrink:0;font-size:.625rem;font-weight:700}.okb-cov-chips{flex-wrap:wrap;gap:.25rem;margin-top:.3rem;display:flex}.okb-cov-chip{border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.35;display:inline-flex}.okb-cov-chip--water{color:#075985;background-color:#0284c71a}.okb-cov-chip--drain{color:#166534;background-color:#16a34a1a}.okb-cov-chip--btn{cursor:pointer;text-align:left;border:1px solid #0000;transition:border-color .15s,background-color .15s,transform .15s}.okb-cov-chip--btn:hover{border-color:currentColor}.okb-cov-chip--btn:active{transform:scale(.97)}.okb-cov-chip--btn:focus-visible{outline:2px solid var(--dpwh-orange);outline-offset:2px}@media (pointer:coarse){.okb-cov-chip--btn{min-height:2.5rem;padding:.35rem .7rem;font-size:.75rem}}.okb-cov-chip--muted{border:1px dashed var(--dpwh-border);color:var(--dpwh-muted)}.okb-cov-empty{color:var(--dpwh-muted);margin-top:.8rem;font-size:.875rem}.okb-cov-note{color:var(--dpwh-muted);margin-top:.6rem;font-size:.6875rem}