/* ENC Weather Site Data - Environmental Suite */
.encsd-env-page .enc-entry-header{display:none}.encsd-env-page .enc-content-shell{padding-top:26px}.encsd-env{--navy:#071f34;--cyan:#55d5ff;--line:#d7e3e9;--text:#10283b;--muted:#647c8d;--shadow:0 15px 34px rgba(14,43,64,.075);color:var(--text)}.encsd-env *{box-sizing:border-box}.encsd-env-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.34fr);gap:25px;align-items:end;padding:clamp(28px,4vw,43px);background:radial-gradient(circle at 84% -15%,rgba(74,214,255,.24),transparent 36%),linear-gradient(130deg,#061a2b,#092e4b 58%,#0b4569);color:#fff;border-radius:18px;box-shadow:var(--shadow)}.encsd-env-eyebrow{display:block;color:var(--cyan);font-size:10px;font-weight:860;letter-spacing:.13em;text-transform:uppercase}.encsd-env-hero h1{margin:6px 0 0;color:#fff;font-size:clamp(38px,6vw,60px);line-height:1;letter-spacing:-.04em}.encsd-env-hero p{max-width:780px;margin:13px 0 0;color:#bdd0dd;font-size:14px;line-height:1.55}.encsd-env-hero-note{padding:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:11px}.encsd-env-hero-note span,.encsd-env-hero-note strong,.encsd-env-hero-note small{display:block}.encsd-env-hero-note span{color:#91b2c6;font-size:9px;font-weight:800;text-transform:uppercase}.encsd-env-hero-note strong{margin-top:5px;color:#fff;font-size:14px}.encsd-env-hero-note small{margin-top:4px;color:#a9c3d2;font-size:9px;line-height:1.35}.encsd-env-section{margin-top:25px}.encsd-env-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.encsd-env-heading h2{margin:3px 0 0;font-size:clamp(25px,3.4vw,32px);line-height:1.1;letter-spacing:-.027em}.encsd-env-heading>p{max-width:430px;margin:0;color:var(--muted);font-size:9px;line-height:1.45}.encsd-env-panel{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.encsd-env-map{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.encsd-env-map>a{position:relative;display:grid;place-items:center;min-height:530px;padding:8px;background:#e8eef2}.encsd-env-map img{display:block;width:min(100%,900px);height:auto;object-fit:contain;background:#fff}.encsd-env-expand{position:absolute;right:12px;bottom:12px;padding:5px 7px;background:rgba(7,31,52,.88);color:#fff;border-radius:5px;font-size:8px;font-weight:800;text-transform:uppercase}.encsd-env-map-meta{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;background:#f7fafc;border-top:1px solid var(--line)}.encsd-env-map-meta strong,.encsd-env-map-meta span{display:block}.encsd-env-map-meta strong{font-size:11px}.encsd-env-map-meta span,.encsd-env-map-meta small{color:var(--muted);font-size:8px}.encsd-env-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.encsd-env-links>a{padding:13px;background:#fff;color:var(--text)!important;border:1px solid var(--line);border-top:3px solid #159ed1;border-radius:10px;box-shadow:0 7px 18px rgba(14,43,64,.045);text-decoration:none!important}.encsd-env-links span,.encsd-env-links strong,.encsd-env-links small{display:block}.encsd-env-links span{color:#0084b8;font-size:8px;font-weight:850;text-transform:uppercase}.encsd-env-links strong{margin-top:4px;font-size:11px}.encsd-env-links p{min-height:44px;margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.4}.encsd-env-links small{margin-top:7px;color:#007da9;font-size:8px;font-weight:780}.encsd-env-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.encsd-env-scale article{padding:10px;background:#f4f8fa;border:1px solid #dbe5ea;border-radius:9px}.encsd-env-scale span,.encsd-env-scale strong{display:block}.encsd-env-scale span{font-size:10px;font-weight:900}.encsd-env-scale strong{margin-top:4px;font-size:9px;line-height:1.25}.encsd-env-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.encsd-env-image-card{margin:0}.encsd-env-image-card>a{display:block;overflow:hidden;height:100%;background:#fff;color:var(--text)!important;border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 21px rgba(14,43,64,.055);text-decoration:none!important}.encsd-env-image-wrap{position:relative;display:grid;height:285px;place-items:center;background:#edf3f6}.encsd-env-image-wrap img{max-width:100%;max-height:100%;object-fit:contain}.encsd-env-image-card figcaption{padding:10px 11px;border-top:1px solid #e0e8ed}.encsd-env-image-card figcaption strong,.encsd-env-image-card figcaption span,.encsd-env-image-card figcaption small{display:block}.encsd-env-image-card figcaption strong{font-size:10px}.encsd-env-image-card figcaption span,.encsd-env-image-card figcaption small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4}.encsd-env-explain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.encsd-env-explain-grid article{padding:12px;background:#f4f8fa;border:1px solid #dbe5ea;border-radius:9px}.encsd-env-explain-grid strong{font-size:11px}.encsd-env-explain-grid p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.4}.encsd-clim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.encsd-clim-grid article{padding:13px;background:#fff;border:1px solid var(--line);border-radius:10px}.encsd-clim-grid h3{margin:0 0 7px;font-size:12px}.encsd-clim-grid a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;color:#007da9!important;border-top:1px solid #edf1f3;font-size:9px;text-decoration:none!important}.encsd-clim-grid a:first-of-type{border-top:0}.encsd-advisory-summary{display:grid;grid-template-columns:220px 1fr;gap:12px}.encsd-advisory-summary>div:first-child{padding:16px;background:var(--navy);color:#fff;border-radius:11px}.encsd-advisory-summary>div:first-child span,.encsd-advisory-summary>div:first-child strong,.encsd-advisory-summary>div:first-child small{display:block}.encsd-advisory-summary>div:first-child span{color:var(--cyan);font-size:8px;font-weight:850}.encsd-advisory-summary>div:first-child strong{font-size:42px}.encsd-advisory-summary>div:first-child small{color:#a9c3d2;font-size:8px}.encsd-advisory-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.encsd-advisory-types article{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-left:4px solid var(--alert-color);border-radius:8px}.encsd-advisory-types article strong{font-size:9px}.encsd-advisory-types article span{font-size:14px;font-weight:900}.encsd-env-source{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:13px 15px;background:var(--navy);color:#a8c0cf;border-radius:10px}.encsd-env-source strong,.encsd-env-source span{display:block}.encsd-env-source strong{color:#fff;font-size:10px}.encsd-env-source span{font-size:8px}.encsd-env-source a{color:#65d7ff!important;font-size:9px;font-weight:780;text-decoration:none!important}.encsd-env-lightbox[hidden]{display:none!important}.encsd-env-lightbox{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}.encsd-env-lightbox-backdrop{position:absolute;inset:0;background:rgba(2,13,23,.88);backdrop-filter:blur(4px)}.encsd-env-lightbox-dialog{position:relative;z-index:1;display:flex;width:min(1240px,97vw);max-height:96vh;flex-direction:column;overflow:hidden;background:#fff;border-radius:14px;outline:none}.encsd-env-lightbox-toolbar{display:flex;justify-content:space-between;gap:14px;padding:12px 13px;background:var(--navy);color:#fff}.encsd-env-lightbox-toolbar strong,.encsd-env-lightbox-toolbar span{display:block}.encsd-env-lightbox-toolbar span{margin-top:3px;color:#a9c1d0;font-size:9px}.encsd-env-lightbox-close{width:38px;height:38px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:8px;font-size:28px;cursor:pointer}.encsd-env-lightbox-image-wrap{display:grid;place-items:center;overflow:auto;min-height:0;padding:10px;background:#dfe7eb}.encsd-env-lightbox-image{display:block;max-width:100%;max-height:calc(96vh - 80px)}body.encsd-env-lightbox-open{overflow:hidden}.aq-good{border-top:4px solid #00e400!important}.aq-moderate{border-top:4px solid #ffff00!important}.aq-usg{border-top:4px solid #ff7e00!important}.aq-unhealthy{border-top:4px solid #ff0000!important}.aq-very{border-top:4px solid #8f3f97!important}.aq-hazard{border-top:4px solid #7e0023!important}.drought-scale{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:980px){.encsd-env-links{grid-template-columns:repeat(2,minmax(0,1fr))}.encsd-env-scale{grid-template-columns:repeat(3,minmax(0,1fr))}.encsd-env-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.encsd-env-hero{grid-template-columns:1fr;padding:24px 19px}.encsd-env-heading,.encsd-env-map-meta,.encsd-env-source{align-items:flex-start;flex-direction:column}.encsd-env-map>a{min-height:390px}.encsd-env-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.encsd-advisory-summary{grid-template-columns:1fr}}@media(max-width:520px){.encsd-env-page .enc-content-shell{padding-top:18px}.encsd-env-hero h1{font-size:38px}.encsd-env-map>a{min-height:0;padding:3px}.encsd-env-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.encsd-env-image-grid,.encsd-clim-grid{grid-template-columns:1fr}.encsd-env-scale,.drought-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.encsd-env-explain-grid{grid-template-columns:1fr}.encsd-advisory-types{grid-template-columns:1fr}.encsd-env-lightbox{padding:7px}}


/* Sea Ice data presentation */
.encsd-sea-ice-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}
.encsd-sea-ice-stat{
    padding:16px;
    background:#fff;
    border:1px solid var(--line);
    border-top:4px solid #159ed1;
    border-radius:11px;
    box-shadow:0 8px 21px rgba(14,43,64,.055)
}
.encsd-sea-ice-stat>span,
.encsd-sea-ice-stat>strong,
.encsd-sea-ice-stat>footer{
    display:block
}
.encsd-sea-ice-stat>span{
    color:#0084b8;
    font-size:9px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase
}
.encsd-sea-ice-stat>strong{
    margin-top:5px;
    color:var(--text);
    font-size:25px;
    line-height:1.1
}
.encsd-sea-ice-stat-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:12px
}
.encsd-sea-ice-stat-row>div{
    padding:9px;
    background:#f4f8fa;
    border:1px solid #dbe5ea;
    border-radius:8px
}
.encsd-sea-ice-stat-row small,
.encsd-sea-ice-stat-row b{
    display:block
}
.encsd-sea-ice-stat-row small{
    color:var(--muted);
    font-size:7px;
    text-transform:uppercase
}
.encsd-sea-ice-stat-row b{
    margin-top:3px;
    font-size:10px
}
.encsd-sea-ice-stat>footer{
    margin-top:9px;
    color:var(--muted);
    font-size:8px
}
.encsd-sea-ice-daily-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.encsd-sea-ice-daily-grid .encsd-env-image-wrap{
    height:420px
}
.encsd-sea-ice-monthly-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.encsd-sea-ice-monthly-grid .encsd-env-image-wrap{
    height:260px
}
.encsd-sea-ice-monthly-grid .encsd-env-image-card figcaption{
    min-height:86px
}
@media(max-width:1100px){
    .encsd-sea-ice-monthly-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .encsd-sea-ice-monthly-grid .encsd-env-image-wrap{
        height:330px
    }
}
@media(max-width:780px){
    .encsd-sea-ice-daily-grid{
        grid-template-columns:1fr
    }
    .encsd-sea-ice-daily-grid .encsd-env-image-wrap{
        height:390px
    }
}
@media(max-width:520px){
    .encsd-sea-ice-stats{
        grid-template-columns:1fr
    }
    .encsd-sea-ice-stat-row{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .encsd-sea-ice-daily-grid,
    .encsd-sea-ice-monthly-grid{
        grid-template-columns:1fr
    }
    .encsd-sea-ice-daily-grid .encsd-env-image-wrap,
    .encsd-sea-ice-monthly-grid .encsd-env-image-wrap{
        height:auto;
        min-height:300px
    }
}


/* ENC Advisories — full county/detail display */
.encsd-advisory-summary-expanded{
    grid-template-columns:190px 190px minmax(0,1fr)
}
.encsd-advisory-counties-summary{
    padding:16px;
    background:#f4f8fa;
    border:1px solid var(--line);
    border-radius:11px
}
.encsd-advisory-counties-summary span,
.encsd-advisory-counties-summary strong,
.encsd-advisory-counties-summary small{
    display:block
}
.encsd-advisory-counties-summary span{
    color:#0084b8;
    font-size:8px;
    font-weight:850
}
.encsd-advisory-counties-summary strong{
    margin-top:3px;
    color:var(--text);
    font-size:42px;
    line-height:1
}
.encsd-advisory-counties-summary small{
    margin-top:5px;
    color:var(--muted);
    font-size:8px
}
.encsd-advisory-summary-expanded .encsd-advisory-types{
    align-content:start
}
.encsd-advisory-summary-expanded .encsd-advisory-types article{
    border-left:4px solid #159ed1
}
.encsd-advisory-detail-list{
    display:grid;
    gap:12px
}
.encsd-advisory-detail{
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-top:5px solid #718696;
    border-radius:12px;
    box-shadow:0 10px 24px rgba(14,43,64,.06)
}
.encsd-advisory-detail.is-extreme{
    border-top-color:#b91c1c
}
.encsd-advisory-detail.is-severe{
    border-top-color:#d97706
}
.encsd-advisory-detail.is-moderate{
    border-top-color:#ca8a04
}
.encsd-advisory-detail.is-minor{
    border-top-color:#16835c
}
.encsd-advisory-detail-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:15px 16px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}
.encsd-advisory-detail-label{
    display:block;
    color:#007da9;
    font-size:8px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase
}
.encsd-advisory-detail-header h3{
    margin:4px 0 0;
    color:var(--text);
    font-size:22px;
    line-height:1.1
}
.encsd-advisory-detail-header p{
    max-width:850px;
    margin:6px 0 0;
    color:var(--muted);
    font-size:9px;
    line-height:1.45
}
.encsd-advisory-detail-badge{
    min-width:82px;
    padding:9px 10px;
    background:var(--navy);
    color:#fff;
    border-radius:9px;
    font-size:22px;
    font-weight:900;
    line-height:1;
    text-align:center
}
.encsd-advisory-detail-badge span{
    display:block;
    margin-top:4px;
    color:#a9c3d2;
    font-size:7px;
    font-weight:700
}
.encsd-advisory-detail-meta{
    display:grid;
    grid-template-columns:1.35fr repeat(3,minmax(0,1fr));
    gap:0;
    border-bottom:1px solid var(--line)
}
.encsd-advisory-detail-meta>div{
    padding:11px 12px;
    border-right:1px solid var(--line)
}
.encsd-advisory-detail-meta>div:last-child{
    border-right:0
}
.encsd-advisory-detail-meta span,
.encsd-advisory-detail-meta strong{
    display:block
}
.encsd-advisory-detail-meta span{
    color:#8294a0;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase
}
.encsd-advisory-detail-meta strong{
    margin-top:3px;
    color:var(--text);
    font-size:9px;
    line-height:1.35
}
.encsd-advisory-detail-body,
.encsd-advisory-detail-instruction{
    padding:14px 16px
}
.encsd-advisory-detail-body{
    border-bottom:1px solid #edf1f3
}
.encsd-advisory-detail-instruction{
    background:#f7fafc
}
.encsd-advisory-detail-body>span,
.encsd-advisory-detail-instruction>span{
    display:block;
    color:#0084b8;
    font-size:8px;
    font-weight:850;
    letter-spacing:.05em;
    text-transform:uppercase
}
.encsd-advisory-detail-body p,
.encsd-advisory-detail-instruction p{
    margin:6px 0 0;
    color:#334e60;
    font-size:10px;
    line-height:1.6
}
.encsd-advisory-detail-footer{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:9px 12px;
    background:var(--navy);
    color:#a9c3d2;
    font-size:8px
}
.encsd-advisory-detail-footer a{
    color:#65d7ff!important;
    font-weight:780;
    text-decoration:none!important
}
.encsd-advisory-none{
    padding:22px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    text-align:center
}
.encsd-advisory-none strong,
.encsd-advisory-none span{
    display:block
}
.encsd-advisory-none strong{
    font-size:13px
}
.encsd-advisory-none span{
    max-width:720px;
    margin:5px auto 0;
    color:var(--muted);
    font-size:9px;
    line-height:1.45
}
.encsd-advisory-county-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px
}
.encsd-advisory-county-grid article{
    padding:10px 11px;
    background:#fff;
    border:1px solid var(--line);
    border-left:4px solid #b8c5cd;
    border-radius:8px
}
.encsd-advisory-county-grid article.is-active{
    background:#f4fbfe;
    border-left-color:#159ed1
}
.encsd-advisory-county-grid strong,
.encsd-advisory-county-grid span{
    display:block
}
.encsd-advisory-county-grid strong{
    color:var(--text);
    font-size:9px
}
.encsd-advisory-county-grid span{
    margin-top:3px;
    color:var(--muted);
    font-size:7px;
    line-height:1.35
}
.encsd-advisory-county-grid article.is-active span{
    color:#007da9;
    font-weight:760
}
@media(max-width:1050px){
    .encsd-advisory-summary-expanded{
        grid-template-columns:180px 180px 1fr
    }
    .encsd-advisory-county-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}
@media(max-width:820px){
    .encsd-advisory-summary-expanded{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .encsd-advisory-summary-expanded .encsd-advisory-types{
        grid-column:1/-1
    }
    .encsd-advisory-detail-meta{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .encsd-advisory-detail-meta>div{
        border-bottom:1px solid var(--line)
    }
    .encsd-advisory-county-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:520px){
    .encsd-advisory-summary-expanded{
        grid-template-columns:1fr 1fr
    }
    .encsd-advisory-detail-header{
        flex-direction:column
    }
    .encsd-advisory-detail-badge{
        width:100%;
        text-align:left
    }
    .encsd-advisory-detail-badge span{
        display:inline;
        margin-left:5px
    }
    .encsd-advisory-detail-meta{
        grid-template-columns:1fr
    }
    .encsd-advisory-detail-meta>div{
        border-right:0
    }
    .encsd-advisory-detail-footer{
        align-items:flex-start;
        flex-direction:column
    }
    .encsd-advisory-county-grid{
        grid-template-columns:1fr 1fr
    }
}


/* Atmospheric River — image-first restoration */
.encsd-ar-current-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.encsd-ar-current-grid .encsd-env-image-wrap{
    height:390px
}
.encsd-ar-current-grid .encsd-env-image-card:first-child{
    grid-column:1/-1
}
.encsd-ar-current-grid .encsd-env-image-card:first-child .encsd-env-image-wrap{
    height:520px
}
.encsd-ar-legacy-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.encsd-ar-legacy-grid .encsd-env-image-card{
    position:relative
}
.encsd-ar-legacy-grid .encsd-env-image-card::before{
    content:"LEGACY / ARCHIVAL";
    position:absolute;
    z-index:3;
    top:8px;
    left:8px;
    padding:4px 6px;
    background:rgba(7,31,52,.90);
    color:#fff;
    border-radius:5px;
    font-size:7px;
    font-weight:850;
    letter-spacing:.05em
}
.encsd-ar-legacy-grid .encsd-env-image-wrap{
    height:300px
}
@media(max-width:900px){
    .encsd-ar-current-grid{
        grid-template-columns:1fr
    }
    .encsd-ar-current-grid .encsd-env-image-card:first-child{
        grid-column:auto
    }
    .encsd-ar-current-grid .encsd-env-image-card:first-child .encsd-env-image-wrap,
    .encsd-ar-current-grid .encsd-env-image-wrap{
        height:390px
    }
    .encsd-ar-legacy-grid{
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:520px){
    .encsd-ar-current-grid,
    .encsd-ar-legacy-grid{
        grid-template-columns:1fr
    }
    .encsd-ar-current-grid .encsd-env-image-card:first-child .encsd-env-image-wrap,
    .encsd-ar-current-grid .encsd-env-image-wrap,
    .encsd-ar-legacy-grid .encsd-env-image-wrap{
        height:auto;
        min-height:285px
    }
}


/* Climatology — image-first restoration */
.encsd-clim-image-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px
}
.encsd-clim-product{
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    box-shadow:0 8px 21px rgba(14,43,64,.055)
}
.encsd-clim-product header{
    min-height:58px;
    padding:10px 11px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}
.encsd-clim-product header span,
.encsd-clim-product header strong{
    display:block
}
.encsd-clim-product header span{
    color:#0084b8;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em;
    text-transform:uppercase
}
.encsd-clim-product header strong{
    margin-top:3px;
    color:var(--text);
    font-size:10px;
    line-height:1.3
}
.encsd-clim-product-image{
    position:relative;
    display:grid;
    height:285px;
    place-items:center;
    overflow:hidden;
    background:#edf3f6
}
.encsd-clim-product-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#fff
}
.encsd-clim-product-missing{
    display:grid;
    min-height:285px;
    place-items:center;
    align-content:center;
    padding:18px;
    background:#f0f4f6;
    text-align:center
}
.encsd-clim-product-missing strong,
.encsd-clim-product-missing span{
    display:block
}
.encsd-clim-product-missing strong{
    color:var(--text);
    font-size:10px
}
.encsd-clim-product-missing span{
    max-width:260px;
    margin-top:4px;
    color:var(--muted);
    font-size:8px;
    line-height:1.4
}
.encsd-clim-product footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:38px;
    padding:8px 10px;
    background:#f7fafc;
    border-top:1px solid var(--line)
}
.encsd-clim-product footer span{
    color:#8294a0;
    font-size:7px
}
.encsd-clim-product footer a{
    color:#007da9!important;
    font-size:7px;
    font-weight:780;
    text-decoration:none!important
}
.encsd-clim-product.is-pentad{
    border-top:3px solid #7048a8
}
.encsd-clim-product.is-monthly{
    border-top:3px solid #159ed1
}
.encsd-clim-product.is-annual{
    border-top:3px solid #16835c
}
@media(max-width:1000px){
    .encsd-clim-image-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .encsd-clim-product-image,
    .encsd-clim-product-missing{
        height:320px;
        min-height:320px
    }
}
@media(max-width:560px){
    .encsd-clim-image-grid{
        grid-template-columns:1fr
    }
    .encsd-clim-product-image,
    .encsd-clim-product-missing{
        height:auto;
        min-height:285px
    }
    .encsd-clim-product-image img{
        min-height:285px;
        object-fit:contain
    }
}


/* Climatology 3.1: CPC's 500-hPa products are monthly NH/SH products. */
.encsd-clim-product:not(.is-annual):not(.is-pentad){
    border-top:3px solid #159ed1
}


/* SPC Convective Outlooks
   ========================================================================== */

.encsd-spc-map-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px
}

.encsd-spc-card{
    min-width:0;
    margin:0;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    box-shadow:0 8px 21px rgba(14,43,64,.055)
}

.encsd-spc-card header{
    min-height:76px;
    padding:11px 12px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}

.encsd-spc-card header span,
.encsd-spc-card header strong,
.encsd-spc-card header small{
    display:block
}

.encsd-spc-card header span{
    color:#0084b8;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em;
    text-transform:uppercase
}

.encsd-spc-card header strong{
    margin-top:4px;
    color:var(--text);
    font-size:12px;
    line-height:1.25
}

.encsd-spc-card header small{
    margin-top:4px;
    color:var(--muted);
    font-size:7px
}

.encsd-spc-map{
    display:block;
    width:100%;
    padding:0;
    background:#edf3f6;
    border:0;
    cursor:zoom-in
}

.encsd-spc-map-frame{
    position:relative;
    display:block;
    width:100%;
    overflow:hidden;
    background:#f7f7f4
}

.encsd-spc-map-frame img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:fill
}

.encsd-spc-map-overlay{
    z-index:2
}

.encsd-spc-expand{
    position:absolute;
    z-index:3;
    right:7px;
    bottom:7px;
    padding:4px 6px;
    background:rgba(7,31,52,.88);
    color:#fff;
    border-radius:5px;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase
}

.encsd-spc-card figcaption{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:40px;
    padding:8px 10px;
    background:#f7fafc;
    border-top:1px solid var(--line)
}

.encsd-spc-card figcaption span{
    color:#8294a0;
    font-size:7px
}

.encsd-spc-card figcaption a{
    color:#007da9!important;
    font-size:7px;
    font-weight:780;
    text-decoration:none!important
}

.encsd-spc-unavailable{
    display:grid;
    min-height:250px;
    place-items:center;
    align-content:center;
    padding:18px;
    background:#eef3f5;
    text-align:center
}

.encsd-spc-unavailable strong,
.encsd-spc-unavailable span{
    display:block
}

.encsd-spc-unavailable strong{
    color:var(--text);
    font-size:10px
}

.encsd-spc-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

.encsd-spc-risk-legend{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:7px
}

.encsd-spc-risk-legend article{
    min-width:0;
    padding:11px;
    background:#fff;
    border:1px solid var(--line);
    border-top:5px solid #a5b4be;
    border-radius:8px
}

.encsd-spc-risk-legend span,
.encsd-spc-risk-legend strong{
    display:block
}

.encsd-spc-risk-legend span{
    font-size:9px;
    font-weight:900
}

.encsd-spc-risk-legend strong{
    margin-top:4px;
    color:var(--text);
    font-size:8px;
    line-height:1.25
}

.encsd-spc-risk-legend .is-tstm{
    border-top-color:#55bb55
}
.encsd-spc-risk-legend .is-mrgl{
    border-top-color:#005500
}
.encsd-spc-risk-legend .is-slgt{
    border-top-color:#ddaa00
}
.encsd-spc-risk-legend .is-enh{
    border-top-color:#ff6600
}
.encsd-spc-risk-legend .is-mdt{
    border-top-color:#cc0000
}
.encsd-spc-risk-legend .is-high{
    border-top-color:#cc00cc
}

/* SPC layered lightbox */
body.encsd-spc-lightbox-open{
    overflow:hidden
}

.encsd-spc-lightbox[hidden]{
    display:none!important
}

.encsd-spc-lightbox{
    position:fixed;
    inset:0;
    z-index:999999;
    display:grid;
    place-items:center;
    padding:18px
}

.encsd-spc-lightbox-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,13,23,.90);
    backdrop-filter:blur(4px)
}

.encsd-spc-lightbox-dialog{
    position:relative;
    z-index:1;
    display:flex;
    width:min(1320px,97vw);
    max-height:96vh;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border-radius:14px;
    box-shadow:0 28px 80px rgba(0,0,0,.45);
    outline:none
}

.encsd-spc-lightbox-toolbar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:12px 13px;
    background:var(--navy);
    color:#fff
}

.encsd-spc-lightbox-toolbar strong,
.encsd-spc-lightbox-toolbar span{
    display:block
}

.encsd-spc-lightbox-toolbar strong{
    color:#fff;
    font-size:15px
}

.encsd-spc-lightbox-toolbar span{
    margin-top:3px;
    color:#a9c1d0;
    font-size:9px
}

.encsd-spc-lightbox-close{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    padding:0;
    background:rgba(255,255,255,.10);
    color:#fff;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    cursor:pointer;
    font-size:28px;
    line-height:1
}

.encsd-spc-lightbox-map{
    position:relative;
    width:100%;
    min-height:0;
    flex:1 1 auto;
    aspect-ratio:16/8.5;
    background:#f7f7f4
}

.encsd-spc-lightbox-map img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain
}

.encsd-spc-lightbox-overlay{
    z-index:2
}

@media(max-width:980px){
    .encsd-spc-map-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .encsd-spc-risk-legend{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media(max-width:620px){
    .encsd-spc-map-grid{
        grid-template-columns:1fr
    }

    .encsd-spc-risk-legend{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .encsd-spc-lightbox{
        padding:7px
    }

    .encsd-spc-lightbox-dialog{
        width:100%;
        max-height:97vh;
        border-radius:10px
    }
}


/* Current Mesoscale Discussions
   ========================================================================== */

.encsd-md-status{
    display:grid;
    grid-template-columns:180px 180px minmax(0,1fr);
    gap:10px;
    align-items:stretch
}

.encsd-md-status>article{
    padding:15px;
    background:#071f34;
    color:#fff;
    border-radius:11px
}

.encsd-md-status>article.is-enc-active{
    background:#6d168f
}

.encsd-md-status>article span,
.encsd-md-status>article strong,
.encsd-md-status>article small{
    display:block
}

.encsd-md-status>article span{
    color:#55d5ff;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em
}

.encsd-md-status>article strong{
    margin-top:4px;
    font-size:40px;
    line-height:1
}

.encsd-md-status>article small{
    margin-top:5px;
    color:#adc5d3;
    font-size:7px;
    line-height:1.35
}

.encsd-md-status>article.is-enc-active span,
.encsd-md-status>article.is-enc-active small{
    color:#f0cfff
}

.encsd-md-status>div{
    padding:15px 17px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px
}

.encsd-md-status>div strong,
.encsd-md-status>div span{
    display:block
}

.encsd-md-status>div strong{
    color:var(--text);
    font-size:12px
}

.encsd-md-status>div span{
    margin-top:5px;
    color:var(--muted);
    font-size:9px;
    line-height:1.45
}

.encsd-md-map-grid{
    display:grid;
    grid-template-columns:1.45fr 1fr;
    gap:10px
}

.encsd-md-map-card{
    min-width:0;
    margin:0;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    box-shadow:0 8px 21px rgba(14,43,64,.055)
}

.encsd-md-map-card header{
    padding:10px 11px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}

.encsd-md-map-card header strong,
.encsd-md-map-card header span{
    display:block
}

.encsd-md-map-card header strong{
    color:var(--text);
    font-size:11px
}

.encsd-md-map-card header span{
    margin-top:2px;
    color:var(--muted);
    font-size:7px
}

.encsd-md-map{
    display:block;
    width:100%;
    padding:0;
    background:#eef3f6;
    border:0;
    cursor:zoom-in
}

.encsd-md-map-frame{
    position:relative;
    display:block;
    width:100%;
    overflow:hidden;
    background:#f8f8f5
}

.encsd-md-map-frame img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:fill
}

.encsd-md-map-overlay{
    z-index:2
}

.encsd-md-expand{
    position:absolute;
    z-index:3;
    right:7px;
    bottom:7px;
    padding:4px 6px;
    background:rgba(7,31,52,.88);
    color:#fff;
    border-radius:5px;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase
}

.encsd-md-map-card figcaption{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:8px 10px;
    background:#f7fafc;
    border-top:1px solid var(--line)
}

.encsd-md-map-card figcaption span{
    color:#8294a0;
    font-size:7px
}

.encsd-md-map-card figcaption a{
    color:#007da9!important;
    font-size:7px;
    font-weight:780;
    text-decoration:none!important
}

.encsd-md-map-unavailable{
    display:grid;
    min-height:280px;
    place-items:center;
    align-content:center;
    padding:20px;
    background:#eef3f5;
    text-align:center
}

.encsd-md-map-unavailable strong,
.encsd-md-map-unavailable span{
    display:block
}

.encsd-md-map-unavailable strong{
    font-size:10px
}

.encsd-md-map-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

.encsd-md-list{
    display:grid;
    gap:13px
}

.encsd-md-card{
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-top:5px solid #7b2da4;
    border-radius:12px;
    box-shadow:0 10px 24px rgba(14,43,64,.06)
}

.encsd-md-card.is-enc{
    border-top-color:#d000d0;
    box-shadow:0 10px 28px rgba(120,35,145,.12)
}

.encsd-md-card>header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:14px 15px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}

.encsd-md-kicker{
    display:block;
    color:#8a2cab;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em
}

.encsd-md-card h3{
    margin:4px 0 0;
    color:var(--text);
    font-size:21px;
    line-height:1.1
}

.encsd-md-concerning{
    margin:5px 0 0;
    color:#405d70;
    font-size:9px;
    font-weight:760;
    line-height:1.4
}

.encsd-md-number{
    min-width:72px;
    padding:8px 9px;
    background:#071f34;
    color:#a9c3d2;
    border-radius:9px;
    font-size:7px;
    font-weight:800;
    text-align:center
}

.encsd-md-number strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:22px
}

.encsd-md-meta{
    display:grid;
    grid-template-columns:2fr 1fr;
    border-bottom:1px solid var(--line)
}

.encsd-md-meta>div{
    padding:10px 12px;
    border-right:1px solid var(--line)
}

.encsd-md-meta>div:last-child{
    border-right:0
}

.encsd-md-meta span,
.encsd-md-meta strong{
    display:block
}

.encsd-md-meta span{
    color:#8294a0;
    font-size:7px;
    font-weight:850;
    text-transform:uppercase
}

.encsd-md-meta strong{
    margin-top:3px;
    color:var(--text);
    font-size:9px;
    line-height:1.4
}

.encsd-md-product-image{
    position:relative;
    display:grid;
    min-height:340px;
    place-items:center;
    overflow:hidden;
    padding:8px;
    background:#eaf0f3;
    border-bottom:1px solid var(--line)
}

.encsd-md-product-image img{
    display:block;
    max-width:100%;
    max-height:540px;
    width:auto;
    height:auto;
    background:#fff
}

.encsd-md-summary{
    padding:13px 15px;
    border-bottom:1px solid #edf1f3
}

.encsd-md-summary>span{
    display:block;
    color:#8a2cab;
    font-size:7px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase
}

.encsd-md-summary p{
    margin:5px 0 0;
    color:#334e60;
    font-size:10px;
    line-height:1.55
}

.encsd-md-full{
    border-bottom:1px solid var(--line)
}

.encsd-md-full summary{
    padding:10px 15px;
    background:#f7fafc;
    color:#007da9;
    cursor:pointer;
    font-size:9px;
    font-weight:800
}

.encsd-md-full pre{
    overflow:auto;
    max-height:620px;
    margin:0;
    padding:14px 15px;
    background:#0b1e2b;
    color:#e6f2f8;
    white-space:pre-wrap;
    word-break:break-word;
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:9px;
    line-height:1.55
}

.encsd-md-card>footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 11px;
    background:#071f34;
    color:#9fb7c5;
    font-size:7px
}

.encsd-md-card>footer a{
    color:#65d7ff!important;
    font-weight:780;
    text-decoration:none!important
}

.encsd-md-none{
    padding:22px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    text-align:center
}

.encsd-md-none strong,
.encsd-md-none span,
.encsd-md-none a{
    display:block
}

.encsd-md-none strong{
    color:var(--text);
    font-size:14px
}

.encsd-md-none span{
    max-width:620px;
    margin:5px auto 0;
    color:var(--muted);
    font-size:9px
}

.encsd-md-none a{
    width:max-content;
    margin:10px auto 0;
    color:#007da9!important;
    font-size:8px;
    font-weight:780;
    text-decoration:none!important
}

/* Layered map lightbox */
body.encsd-md-lightbox-open{
    overflow:hidden
}

.encsd-md-lightbox[hidden]{
    display:none!important
}

.encsd-md-lightbox{
    position:fixed;
    inset:0;
    z-index:999999;
    display:grid;
    place-items:center;
    padding:18px
}

.encsd-md-lightbox-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,13,23,.90);
    backdrop-filter:blur(4px)
}

.encsd-md-lightbox-dialog{
    position:relative;
    z-index:1;
    display:flex;
    width:min(1320px,97vw);
    max-height:96vh;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border-radius:14px;
    box-shadow:0 28px 80px rgba(0,0,0,.45);
    outline:none
}

.encsd-md-lightbox-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:12px 13px;
    background:#071f34;
    color:#fff
}

.encsd-md-lightbox-toolbar strong{
    color:#fff;
    font-size:15px
}

.encsd-md-lightbox-close{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    padding:0;
    background:rgba(255,255,255,.10);
    color:#fff;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    cursor:pointer;
    font-size:28px;
    line-height:1
}

.encsd-md-lightbox-map{
    position:relative;
    flex:1 1 auto;
    min-height:0;
    aspect-ratio:16/8.5;
    background:#f8f8f5
}

.encsd-md-lightbox-map img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain
}

.encsd-md-lightbox-overlay{
    z-index:2
}

@media(max-width:950px){
    .encsd-md-status{
        grid-template-columns:160px 160px 1fr
    }

    .encsd-md-map-grid{
        grid-template-columns:1fr
    }
}

@media(max-width:700px){
    .encsd-md-status{
        grid-template-columns:1fr 1fr
    }

    .encsd-md-status>div{
        grid-column:1/-1
    }

    .encsd-md-meta{
        grid-template-columns:1fr
    }

    .encsd-md-meta>div{
        border-right:0;
        border-bottom:1px solid var(--line)
    }
}

@media(max-width:520px){
    .encsd-md-status{
        grid-template-columns:1fr 1fr
    }

    .encsd-md-status>article strong{
        font-size:32px
    }

    .encsd-md-card>header{
        flex-direction:column
    }

    .encsd-md-number{
        width:100%;
        text-align:left
    }

    .encsd-md-number strong{
        display:inline;
        margin-left:4px
    }

    .encsd-md-card>footer{
        align-items:flex-start;
        flex-direction:column
    }

    .encsd-md-lightbox{
        padding:7px
    }

    .encsd-md-lightbox-dialog{
        width:100%;
        max-height:97vh;
        border-radius:10px
    }
}


/* ENC Storm Reports
   ========================================================================== */

.encsd-report-summary{
    display:grid;
    grid-template-columns:170px 170px minmax(0,1fr);
    gap:9px;
    align-items:stretch
}

.encsd-report-summary>article{
    padding:14px;
    background:#071f34;
    color:#fff;
    border-radius:10px
}

.encsd-report-summary>article span,
.encsd-report-summary>article strong,
.encsd-report-summary>article small{
    display:block
}

.encsd-report-summary>article span{
    color:#55d5ff;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em
}

.encsd-report-summary>article strong{
    margin-top:4px;
    font-size:38px;
    line-height:1
}

.encsd-report-summary>article small{
    margin-top:5px;
    color:#afc5d2;
    font-size:7px
}

.encsd-report-summary>div{
    padding:14px 16px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px
}

.encsd-report-summary>div strong,
.encsd-report-summary>div span{
    display:block
}

.encsd-report-summary>div strong{
    color:var(--text);
    font-size:11px
}

.encsd-report-summary>div span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

/* Map */
.encsd-report-map-card{
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:0 10px 26px rgba(14,43,64,.06)
}

.encsd-report-map-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}

.encsd-report-map-head span,
.encsd-report-map-head strong,
.encsd-report-map-head small{
    display:block
}

.encsd-report-map-head span{
    color:#0084b8;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em
}

.encsd-report-map-head strong{
    margin-top:2px;
    color:var(--text);
    font-size:11px
}

.encsd-report-map-head small{
    color:var(--muted);
    font-size:7px
}

.encsd-report-map{
    position:relative;
    overflow:hidden;
    background:#f5f6f4
}

.encsd-report-map-base{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:fill
}

.encsd-report-marker{
    --marker:#cc2032;
    position:absolute;
    z-index:3;
    width:16px;
    height:16px;
    padding:0;
    transform:translate(-50%,-50%);
    background:transparent;
    border:0;
    cursor:pointer
}

.encsd-reports.is-tornado .encsd-report-marker{
    --marker:#cf1f2e
}

.encsd-reports.is-wind .encsd-report-marker{
    --marker:#1677b8
}

.encsd-reports.is-hail .encsd-report-marker{
    --marker:#228a49
}

.encsd-reports.is-rain .encsd-report-marker{
    --marker:#7050b8
}

.encsd-reports.is-snow .encsd-report-marker{
    --marker:#168ba3
}

.encsd-reports.is-ice .encsd-report-marker{
    --marker:#6b7fa3
}

.encsd-report-marker-dot{
    position:absolute;
    inset:2px;
    display:block;
    background:var(--marker);
    border:2px solid #fff;
    border-radius:50%;
    box-shadow:
        0 0 0 2px rgba(7,31,52,.46),
        0 2px 8px rgba(0,0,0,.35)
}

.encsd-report-marker:hover,
.encsd-report-marker.is-hover,
.encsd-report-marker.is-active{
    z-index:8
}

.encsd-report-marker:hover .encsd-report-marker-dot,
.encsd-report-marker.is-hover .encsd-report-marker-dot,
.encsd-report-marker.is-active .encsd-report-marker-dot{
    inset:0;
    box-shadow:
        0 0 0 3px rgba(255,255,255,.95),
        0 0 0 5px var(--marker),
        0 4px 12px rgba(0,0,0,.3)
}

.encsd-report-marker-tooltip{
    position:absolute;
    left:50%;
    bottom:20px;
    display:none;
    width:max-content;
    max-width:230px;
    padding:7px 8px;
    transform:translateX(-50%);
    background:#071f34;
    color:#fff;
    border-radius:7px;
    box-shadow:0 7px 20px rgba(0,0,0,.24);
    text-align:left;
    pointer-events:none
}

.encsd-report-marker:hover .encsd-report-marker-tooltip,
.encsd-report-marker:focus-visible .encsd-report-marker-tooltip,
.encsd-report-marker.is-active .encsd-report-marker-tooltip{
    display:block
}

.encsd-report-marker-tooltip strong,
.encsd-report-marker-tooltip span,
.encsd-report-marker-tooltip b{
    display:block
}

.encsd-report-marker-tooltip strong{
    color:#fff;
    font-size:8px
}

.encsd-report-marker-tooltip span{
    margin-top:2px;
    color:#afc6d3;
    font-size:7px
}

.encsd-report-marker-tooltip b{
    margin-top:3px;
    color:#62d9ff;
    font-size:8px
}

.encsd-report-map-empty{
    position:absolute;
    inset:auto 50% 22px auto;
    z-index:2;
    width:min(420px,calc(100% - 30px));
    padding:11px 13px;
    transform:translateX(50%);
    background:rgba(7,31,52,.91);
    color:#fff;
    border-radius:9px;
    text-align:center
}

.encsd-report-map-empty strong,
.encsd-report-map-empty span{
    display:block
}

.encsd-report-map-empty strong{
    font-size:10px
}

.encsd-report-map-empty span{
    margin-top:3px;
    color:#b6cbd7;
    font-size:8px
}

.encsd-report-map-unavailable{
    display:grid;
    min-height:380px;
    place-items:center;
    align-content:center;
    padding:20px;
    background:#eef3f5;
    text-align:center
}

.encsd-report-map-unavailable strong,
.encsd-report-map-unavailable span{
    display:block
}

.encsd-report-map-unavailable strong{
    color:var(--text);
    font-size:11px
}

.encsd-report-map-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

.encsd-report-map-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 10px;
    background:#f7fafc;
    border-top:1px solid var(--line);
    color:#8294a0;
    font-size:7px
}

/* Report details */
.encsd-report-list{
    display:grid;
    gap:8px
}

.encsd-report-row{
    --report-accent:#159ed1;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-left:4px solid var(--report-accent);
    border-radius:9px;
    box-shadow:0 5px 15px rgba(14,43,64,.04);
    scroll-margin-top:22px;
    transition:
        box-shadow .15s ease,
        transform .15s ease,
        border-color .15s ease
}

.encsd-report-row.is-tornado{
    --report-accent:#cf1f2e
}

.encsd-report-row.is-wind{
    --report-accent:#1677b8
}

.encsd-report-row.is-hail{
    --report-accent:#228a49
}

.encsd-report-row.is-rain{
    --report-accent:#7050b8
}

.encsd-report-row.is-snow{
    --report-accent:#168ba3
}

.encsd-report-row.is-ice{
    --report-accent:#6b7fa3
}

.encsd-report-row:hover,
.encsd-report-row.is-active{
    border-color:var(--report-accent);
    box-shadow:0 8px 24px rgba(14,43,64,.10);
    transform:translateY(-1px)
}

.encsd-report-row-main{
    display:grid;
    grid-template-columns:185px minmax(0,1fr) 145px;
    align-items:center;
    gap:0
}

.encsd-report-row-main>div{
    min-width:0;
    padding:10px 12px
}

.encsd-report-row-main>div+div{
    border-left:1px solid var(--line)
}

.encsd-report-row-time span,
.encsd-report-row-time strong,
.encsd-report-row-place strong,
.encsd-report-row-place span,
.encsd-report-row-value strong,
.encsd-report-row-value span{
    display:block
}

.encsd-report-row-time span{
    color:#8294a0;
    font-size:7px
}

.encsd-report-row-time strong{
    margin-top:3px;
    color:var(--report-accent);
    font-size:9px
}

.encsd-report-row-place strong{
    color:var(--text);
    font-size:10px
}

.encsd-report-row-place span{
    margin-top:2px;
    color:var(--muted);
    font-size:8px
}

.encsd-report-row-value{
    text-align:right
}

.encsd-report-row-value strong{
    color:var(--text);
    font-size:12px
}

.encsd-report-row-value span{
    margin-top:2px;
    color:#8294a0;
    font-size:7px
}

.encsd-report-row-comments{
    padding:10px 12px;
    background:#f7fafc;
    border-top:1px solid var(--line)
}

.encsd-report-row-comments span{
    display:block;
    color:var(--report-accent);
    font-size:7px;
    font-weight:850;
    letter-spacing:.06em
}

.encsd-report-row-comments p{
    margin:4px 0 0;
    color:#334e60;
    font-size:9px;
    line-height:1.5
}

.encsd-report-row>footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:7px 10px;
    background:#071f34;
    color:#a5bdca;
    font-size:7px
}

.encsd-report-row>footer>div{
    display:flex;
    flex-wrap:wrap;
    gap:10px
}

.encsd-report-row>footer strong{
    color:#fff
}

.encsd-report-none{
    padding:22px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px;
    text-align:center
}

.encsd-report-none strong,
.encsd-report-none span{
    display:block
}

.encsd-report-none strong{
    color:var(--text);
    font-size:12px
}

.encsd-report-none span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

/* Source */
.encsd-report-source{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:18px;
    padding:12px 14px;
    background:#071f34;
    color:#a8c0cf;
    border-radius:9px
}

.encsd-report-source strong,
.encsd-report-source span{
    display:block
}

.encsd-report-source strong{
    color:#fff;
    font-size:9px
}

.encsd-report-source span{
    margin-top:2px;
    font-size:7px
}

.encsd-report-source>div:last-child{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px
}

.encsd-report-source a{
    color:#65d7ff!important;
    font-size:7px;
    font-weight:780;
    text-decoration:none!important
}

@media(max-width:850px){
    .encsd-report-summary{
        grid-template-columns:145px 145px 1fr
    }

    .encsd-report-row-main{
        grid-template-columns:155px minmax(0,1fr) 115px
    }
}

@media(max-width:680px){
    .encsd-report-summary{
        grid-template-columns:1fr 1fr
    }

    .encsd-report-summary>div{
        grid-column:1/-1
    }

    .encsd-report-map-head{
        align-items:flex-start;
        flex-direction:column
    }

    .encsd-report-row-main{
        grid-template-columns:1fr
    }

    .encsd-report-row-main>div+div{
        border-left:0;
        border-top:1px solid var(--line)
    }

    .encsd-report-row-value{
        text-align:left
    }

    .encsd-report-source{
        align-items:flex-start;
        flex-direction:column
    }

    .encsd-report-source>div:last-child{
        justify-content:flex-start
    }
}

@media(max-width:480px){
    .encsd-report-summary>article strong{
        font-size:32px
    }

    .encsd-report-marker{
        width:18px;
        height:18px
    }

    .encsd-report-marker-tooltip{
        max-width:190px
    }

    .encsd-report-row>footer{
        align-items:flex-start;
        flex-direction:column
    }
}


/* Lightning
   ========================================================================== */

.encsd-lightning .encsd-env-map{
    max-width:100%
}

.encsd-lightning .encsd-env-map>a{
    background:#e9f0f4
}

.encsd-lightning-unavailable{
    display:grid;
    min-height:320px;
    place-items:center;
    align-content:center;
    padding:20px;
    background:#eef3f5;
    border:1px solid var(--line);
    border-radius:11px;
    text-align:center
}

.encsd-lightning-unavailable strong,
.encsd-lightning-unavailable span{
    display:block
}

.encsd-lightning-unavailable strong{
    color:var(--text);
    font-size:12px
}

.encsd-lightning-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}


/* Real-time Lightning Maps
   ========================================================================== */

.encsd-rtl-status{
    display:grid;
    grid-template-columns:170px 170px minmax(0,1fr);
    gap:9px
}

.encsd-rtl-status>article{
    padding:14px;
    background:#071f34;
    color:#fff;
    border-radius:10px
}

.encsd-rtl-status>article span,
.encsd-rtl-status>article strong,
.encsd-rtl-status>article small{
    display:block
}

.encsd-rtl-status>article span{
    color:#55d5ff;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em
}

.encsd-rtl-status>article strong{
    margin-top:4px;
    font-size:28px;
    line-height:1
}

.encsd-rtl-status>article small{
    margin-top:5px;
    color:#aec6d3;
    font-size:7px
}

.encsd-rtl-status>div{
    padding:14px 16px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:10px
}

.encsd-rtl-status>div strong,
.encsd-rtl-status>div span{
    display:block
}

.encsd-rtl-status>div strong{
    color:var(--text);
    font-size:11px
}

.encsd-rtl-status>div span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px;
    line-height:1.45
}

.encsd-rtl-refresh{
    margin-top:9px;
    padding:7px 10px;
    background:#071f34;
    color:#fff;
    border:0;
    border-radius:7px;
    cursor:pointer;
    font-size:8px;
    font-weight:800
}

.encsd-rtl-refresh:hover,
.encsd-rtl-refresh:focus-visible{
    background:#0a4266
}

.encsd-rtl-map-card{
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:0 10px 26px rgba(14,43,64,.06)
}

.encsd-rtl-map-link{
    position:relative;
    display:grid;
    place-items:center;
    min-height:420px;
    padding:8px;
    overflow:hidden;
    background:#e8eef2
}

.encsd-rtl-map-link img{
    display:block;
    width:min(100%,1024px);
    height:auto;
    object-fit:contain;
    background:#fff
}

.encsd-rtl-map-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:9px 11px;
    background:#f7fafc;
    border-top:1px solid var(--line)
}

.encsd-rtl-map-meta strong,
.encsd-rtl-map-meta span{
    display:block
}

.encsd-rtl-map-meta strong{
    color:var(--text);
    font-size:9px
}

.encsd-rtl-map-meta span{
    margin-top:2px;
    color:var(--muted);
    font-size:7px
}

.encsd-rtl-map-meta small{
    flex:0 0 auto;
    color:#8294a0;
    font-size:7px
}

.encsd-rtl-unavailable{
    display:grid;
    min-height:320px;
    place-items:center;
    align-content:center;
    padding:20px;
    background:#eef3f5;
    border:1px solid var(--line);
    border-radius:11px;
    text-align:center
}

.encsd-rtl-unavailable strong,
.encsd-rtl-unavailable span{
    display:block
}

.encsd-rtl-unavailable strong{
    color:var(--text);
    font-size:11px
}

.encsd-rtl-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

@media(max-width:720px){
    .encsd-rtl-status{
        grid-template-columns:1fr 1fr
    }

    .encsd-rtl-status>div{
        grid-column:1/-1
    }

    .encsd-rtl-map-link{
        min-height:0
    }

    .encsd-rtl-map-meta{
        align-items:flex-start;
        flex-direction:column
    }
}


/* Southeast CONUS One-Hour Lightning
   ========================================================================== */

.encsd-hour-frame-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}

.encsd-hour-frame{
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    box-shadow:0 8px 22px rgba(14,43,64,.055)
}

.encsd-hour-frame header{
    padding:10px 11px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}

.encsd-hour-frame header span,
.encsd-hour-frame header strong{
    display:block
}

.encsd-hour-frame header span{
    color:#0084b8;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em;
    text-transform:uppercase
}

.encsd-hour-frame header strong{
    margin-top:3px;
    color:var(--text);
    font-size:10px
}

.encsd-hour-frame-map{
    position:relative;
    display:block;
    overflow:hidden;
    background:#eaf0f3
}

.encsd-hour-frame-map img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:2/1;
    object-fit:cover
}

.encsd-hour-frame footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:8px 10px;
    background:#f7fafc;
    border-top:1px solid var(--line)
}

.encsd-hour-frame footer span{
    color:#8294a0;
    font-size:7px
}

.encsd-hour-frame footer b{
    color:#405d70;
    font-size:7px
}

.encsd-hour-frame-unavailable{
    display:grid;
    min-height:256px;
    place-items:center;
    align-content:center;
    padding:16px;
    background:#eef3f5;
    text-align:center
}

.encsd-hour-frame-unavailable strong,
.encsd-hour-frame-unavailable span{
    display:block
}

.encsd-hour-frame-unavailable strong{
    color:var(--text);
    font-size:10px
}

.encsd-hour-frame-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

@media(max-width:680px){
    .encsd-hour-frame-grid{
        grid-template-columns:1fr
    }
}


/* Fire Outlook
   ========================================================================== */

.encsd-fire-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}

.encsd-fire-card{
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    box-shadow:0 8px 22px rgba(14,43,64,.055)
}

.encsd-fire-card header{
    padding:10px 11px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}

.encsd-fire-card header span,
.encsd-fire-card header strong{
    display:block
}

.encsd-fire-card header span{
    color:#b14d17;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em
}

.encsd-fire-card header strong{
    margin-top:3px;
    color:var(--text);
    font-size:11px
}

.encsd-fire-map{
    position:relative;
    display:block;
    overflow:hidden;
    background:#ecefea
}

.encsd-fire-map img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:3/2;
    object-fit:cover
}

.encsd-fire-card footer{
    min-height:58px;
    padding:8px 10px;
    background:#f7fafc;
    border-top:1px solid var(--line)
}

.encsd-fire-card footer span,
.encsd-fire-card footer b{
    display:block
}

.encsd-fire-card footer span{
    color:#8294a0;
    font-size:7px
}

.encsd-fire-card footer b{
    margin-top:3px;
    color:#405d70;
    font-size:7px;
    font-weight:650;
    line-height:1.35
}

.encsd-fire-unavailable{
    display:grid;
    min-height:280px;
    place-items:center;
    align-content:center;
    padding:18px;
    background:#eef3f5;
    text-align:center
}

.encsd-fire-unavailable strong,
.encsd-fire-unavailable span{
    display:block
}

.encsd-fire-unavailable strong{
    color:var(--text);
    font-size:10px
}

.encsd-fire-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

@media(max-width:680px){
    .encsd-fire-grid{
        grid-template-columns:1fr
    }
}


/* Atlantic Graphical Forecasts
   ========================================================================== */

.encsd-agf-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px
}

.encsd-agf-card{
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    box-shadow:0 8px 21px rgba(14,43,64,.055)
}

.encsd-agf-card header{
    min-height:62px;
    padding:10px 11px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}

.encsd-agf-card header span,
.encsd-agf-card header strong{
    display:block
}

.encsd-agf-card header span{
    color:#0084b8;
    font-size:7px;
    font-weight:850;
    letter-spacing:.065em
}

.encsd-agf-card header strong{
    margin-top:3px;
    color:var(--text);
    font-size:10px;
    line-height:1.25
}

.encsd-agf-map{
    position:relative;
    display:grid;
    min-height:230px;
    place-items:center;
    overflow:hidden;
    padding:5px;
    background:#e8edf0
}

.encsd-agf-map img{
    display:block;
    width:100%;
    height:auto;
    max-height:420px;
    object-fit:contain;
    background:#fff
}

.encsd-agf-copy{
    min-height:102px;
    padding:9px 10px;
    background:#fff
}

.encsd-agf-copy p{
    margin:0;
    color:#405d70;
    font-size:7.5px;
    line-height:1.45
}

.encsd-agf-loops{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    margin-top:7px;
    padding-top:7px;
    border-top:1px solid #edf1f3
}

.encsd-agf-loops span{
    color:#8294a0;
    font-size:7px;
    font-weight:750
}

.encsd-agf-loops a{
    padding:3px 5px;
    background:#edf7fb;
    color:#007da9!important;
    border-radius:4px;
    font-size:7px;
    font-weight:800;
    text-decoration:none!important
}

.encsd-agf-unavailable{
    display:grid;
    min-height:230px;
    place-items:center;
    align-content:center;
    padding:16px;
    background:#eef3f5;
    text-align:center
}

.encsd-agf-unavailable strong,
.encsd-agf-unavailable span{
    display:block
}

.encsd-agf-unavailable strong{
    color:var(--text);
    font-size:9px
}

.encsd-agf-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:7px
}

@media(max-width:1050px){
    .encsd-agf-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media(max-width:600px){
    .encsd-agf-grid{
        grid-template-columns:1fr
    }

    .encsd-agf-map{
        min-height:0
    }

    .encsd-agf-copy{
        min-height:0
    }
}


/* Tropical Atlantic Surface Analysis
   ========================================================================== */

.encsd-tasa-basin-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}

.encsd-tasa-region-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px
}

.encsd-tasa-card{
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    box-shadow:0 8px 22px rgba(14,43,64,.055)
}

.encsd-tasa-card header{
    padding:10px 11px;
    background:#f7fafc;
    border-bottom:1px solid var(--line)
}

.encsd-tasa-card header span,
.encsd-tasa-card header strong{
    display:block
}

.encsd-tasa-card header span{
    color:#0084b8;
    font-size:7px;
    font-weight:850;
    letter-spacing:.07em
}

.encsd-tasa-card header strong{
    margin-top:3px;
    color:var(--text);
    font-size:11px;
    line-height:1.25
}

.encsd-tasa-map{
    position:relative;
    display:grid;
    min-height:300px;
    place-items:center;
    overflow:hidden;
    padding:6px;
    background:#e9eef1
}

.encsd-tasa-card.is-basin .encsd-tasa-map{
    min-height:620px
}

.encsd-tasa-card.is-basin .encsd-tasa-map img{
    width:auto;
    max-width:100%;
    max-height:720px
}

.encsd-tasa-map img{
    display:block;
    width:100%;
    height:auto;
    max-height:620px;
    object-fit:contain;
    background:#fff
}

.encsd-tasa-card footer{
    min-height:76px;
    padding:9px 10px;
    background:#fff;
    border-top:1px solid var(--line)
}

.encsd-tasa-card footer p{
    margin:0;
    color:#405d70;
    font-size:8px;
    line-height:1.45
}

.encsd-tasa-card footer small{
    display:block;
    margin-top:5px;
    color:#8294a0;
    font-size:7px
}

.encsd-tasa-unavailable{
    display:grid;
    min-height:300px;
    place-items:center;
    align-content:center;
    padding:18px;
    background:#eef3f5;
    text-align:center
}

.encsd-tasa-unavailable strong,
.encsd-tasa-unavailable span{
    display:block
}

.encsd-tasa-unavailable strong{
    color:var(--text);
    font-size:10px
}

.encsd-tasa-unavailable span{
    margin-top:4px;
    color:var(--muted);
    font-size:8px
}

@media(max-width:900px){
    .encsd-tasa-region-grid{
        grid-template-columns:1fr
    }
}

@media(max-width:680px){
    .encsd-tasa-basin-grid{
        grid-template-columns:1fr
    }

    .encsd-tasa-card.is-basin .encsd-tasa-map,
    .encsd-tasa-map{
        min-height:0
    }

    .encsd-tasa-card footer{
        min-height:0
    }
}