:root{--pack-blue:#0038A8;--pack-blue-dark:#082B63;--pack-gold:#FFCC00;--pack-bg:#F4F7FB;--pack-surface:#fff;--pack-text:#152238;--pack-muted:#667085;--pack-border:#DDE4EE;--pack-shadow:0 8px 24px rgba(8,43,99,.08);--pack-radius:16px}
*{box-sizing:border-box}html{background:var(--pack-bg)}body{margin:0!important;background:var(--pack-bg)!important;color:var(--pack-text)!important;font-family:'Poppins',Arial,sans-serif!important;line-height:1.5}a{color:var(--pack-blue-dark)}a:hover{color:var(--pack-blue)}img{max-width:100%;height:auto}
.navigation{width:100%!important;margin:0!important;padding:0!important;background:var(--pack-blue)!important;color:#fff!important;border-bottom:4px solid var(--pack-gold)!important;box-shadow:none!important}.n-content,.navigation>.n-content{width:min(1180px,calc(100% - 32px))!important;min-height:72px!important;margin:0 auto!important;padding:10px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}.n-col{width:auto!important;margin:0!important;padding:0!important;background:none!important;color:#fff!important}.n-col h2,.n-col h3,.n-col h4{margin:0!important;color:#fff!important}.n-col h2{font-size:1.25rem!important;font-weight:700!important}.n-col h3{font-size:.78rem!important;color:var(--pack-gold)!important}.n-col h4{font-size:.8rem!important;font-weight:500!important}.n-col a{color:#fff!important;text-decoration:none!important;padding:6px 8px!important;font-weight:500!important}.n-col a:hover{color:var(--pack-gold)!important}.n-col:nth-child(3){display:flex!important;gap:4px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#login{width:100%!important;margin:0!important;padding:0!important;background:var(--pack-gold)!important;color:var(--pack-blue-dark)!important}#l-content{width:min(1180px,calc(100% - 32px))!important;min-height:46px!important;margin:0 auto!important;padding:9px 0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;flex-wrap:wrap!important;font-size:.88rem!important}#l-content p{margin:0!important}#l-content a{color:var(--pack-blue-dark)!important;text-decoration:none!important;font-weight:600!important}
body>header:not(.topbar):not(.top),header:not(.topbar):not(.top){width:min(1180px,calc(100% - 32px))!important;margin:32px auto 22px!important;min-height:0!important;padding:30px 32px!important;border-radius:18px!important;background:linear-gradient(135deg,var(--pack-blue-dark),var(--pack-blue))!important;color:#fff!important;box-shadow:var(--pack-shadow)!important;text-align:left!important}body>header h1,header:not(.topbar):not(.top) h1{margin:0 0 6px!important;color:#fff!important;font-size:clamp(1.8rem,4vw,2.5rem)!important;line-height:1.15!important;text-align:left!important;padding:0!important}body>header h2,header:not(.topbar):not(.top) h2{margin:0!important;color:rgba(255,255,255,.85)!important;font-size:1rem!important;font-weight:500!important;text-align:left!important}
main,.page,body>section,body>article,body>aside{width:min(1180px,calc(100% - 32px))!important;margin-left:auto!important;margin-right:auto!important}body>section{margin-top:24px!important;margin-bottom:48px!important}body>article,body>aside{margin-top:32px!important;margin-bottom:48px!important}.s-content,.a-info,article,.card,aside{border-radius:var(--pack-radius)!important}.s-content:not(.camping):not(.rank),.a-info,body>article,body>aside{background:var(--pack-surface)!important;border:1px solid var(--pack-border)!important;box-shadow:var(--pack-shadow)!important}.s-content{padding:22px!important;margin:0 0 18px!important;width:100%!important}.s-content h1,.s-content h2,.s-content h3,article h1,article h2,aside h1{color:var(--pack-blue-dark)!important}
form{font-family:inherit!important}label{display:inline-block;margin-bottom:6px;color:var(--pack-blue-dark);font-size:.86rem;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=date],input[type=datetime-local],input[type=number],select,textarea{width:100%!important;min-height:44px!important;padding:10px 12px!important;border:1px solid #C9D4E3!important;border-radius:10px!important;background:#fff!important;color:var(--pack-text)!important;font:inherit!important;outline:none!important;box-shadow:none!important}textarea{min-height:110px!important;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--pack-blue)!important;box-shadow:0 0 0 3px rgba(0,56,168,.10)!important}input[type=submit],button,.btn{min-height:42px;padding:10px 16px!important;border:0!important;border-radius:10px!important;background:var(--pack-blue)!important;color:#fff!important;font-family:inherit!important;font-weight:700!important;cursor:pointer!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease!important}input[type=submit]:hover,button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(8,43,99,.16)!important}button.secondary,.btn.secondary,.secondary{background:#EEF3FB!important;color:var(--pack-blue-dark)!important;border:1px solid var(--pack-border)!important}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th{background:#EEF3FB;color:var(--pack-blue-dark);font-size:.82rem;text-align:left}th,td{padding:12px;border-bottom:1px solid var(--pack-border)}.member{padding:10px 0!important;border-bottom:1px solid var(--pack-border)!important}
.topbar,.top{background:var(--pack-blue)!important;color:#fff!important;border-bottom:4px solid var(--pack-gold)!important}.topbar-inner,.top-in,.topin{width:min(1180px,calc(100% - 32px))!important;min-height:72px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}.topbar a,.top a{color:#fff!important;text-decoration:none!important}.brand{font-weight:700!important}.brand-mark,.mark{background:var(--pack-gold)!important;color:var(--pack-blue-dark)!important}.hero,.welcome{border-radius:18px!important;background:linear-gradient(135deg,var(--pack-blue-dark),var(--pack-blue))!important;color:#fff!important;box-shadow:var(--pack-shadow)!important}.hero h1,.welcome h1{color:#fff!important}.hero small,.welcome-eyebrow{color:var(--pack-gold)!important;font-weight:700!important}.card{background:#fff!important;border:1px solid var(--pack-border)!important;box-shadow:var(--pack-shadow)!important}
body>section:first-child>a{display:inline-flex!important;margin:4px 6px 4px 0!important;padding:9px 12px!important;background:#fff!important;border:1px solid var(--pack-border)!important;border-radius:10px!important;color:var(--pack-blue-dark)!important;text-decoration:none!important;font-size:.85rem!important}#info{width:min(1180px,calc(100% - 32px))!important;margin:0 auto 24px!important;gap:16px!important}#camp-info,#sd-qr-code{border-radius:14px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--pack-border)!important;box-shadow:var(--pack-shadow)!important}footer{margin-top:48px!important;background:var(--pack-blue-dark)!important;color:#fff!important}footer a{color:var(--pack-gold)!important}
@media(max-width:800px){.n-content{flex-direction:column!important;text-align:center!important;padding:14px 0!important}.n-col:nth-child(3){justify-content:center!important}#l-content{justify-content:center!important;text-align:center!important}body>header:not(.topbar):not(.top),header:not(.topbar):not(.top){padding:24px!important;margin-top:20px!important}main,.page,body>section,body>article,body>aside{width:min(100% - 20px,1180px)!important}.topbar-inner,.top-in,.topin{width:min(100% - 20px,1180px)!important;min-height:64px!important;flex-wrap:wrap!important;padding:10px 0!important}.top-links,.links{gap:10px!important;flex-wrap:wrap!important}article{display:block!important}article .col{width:100%!important}aside{width:min(100% - 20px,1180px)!important}aside .member,aside form{display:block!important}aside .r-col,aside .r-col:nth-child(n){width:100%!important;margin:8px 0!important}}

/* ================================================================
   PACK 308 PORTAL STANDARD
   Consistent width, spacing and colors across Portal pages.
   ================================================================ */
:root{
    --pack-content-width:1180px;
}
body{
    background:#F4F7FB!important;
    color:#152238!important;
}
main,
.page,
.portal-page,
.portal-shell,
.content-wrap,
.page-wrap{
    width:min(var(--pack-content-width),calc(100% - 32px))!important;
    max-width:var(--pack-content-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.hero,
.welcome,
.page-hero,
.portal-hero{
    background:linear-gradient(135deg,#082B63,#0038A8)!important;
    color:#fff!important;
}
.hero h1,
.welcome h1,
.page-hero h1,
.portal-hero h1{
    color:#fff!important;
}
.hero small,
.welcome-eyebrow,
.page-hero small,
.portal-hero small{
    color:#FFCC00!important;
}
.card,
.panel,
.section-card,
.content-card{
    background:#fff!important;
    border-color:#DDE4EE!important;
}
@media(max-width:640px){
    main,
    .page,
    .portal-page,
    .portal-shell,
    .content-wrap,
    .page-wrap{
        width:min(100% - 22px,var(--pack-content-width))!important;
    }
}


/* PACK 308 PORTAL UNIFIED LAYOUT - 2026-09-13 */
body.p308-portal-body{background:#F4F7FB!important;color:#152238!important}
body.p308-portal-body main,
body.p308-portal-body .page,
body.p308-portal-body .wrap,
body.p308-portal-body .shell,
body.p308-portal-body .role-shell,
body.p308-portal-body .docs-shell,
body.p308-portal-body .roster-shell,
body.p308-portal-body .email-shell,
body.p308-portal-body .newsletter-shell,
body.p308-portal-body .article-shell,
body.p308-portal-body .p308-ann-wrap,
body.p308-portal-body .login-page{
 width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;
 margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important
}
body.p308-portal-body .hero,body.p308-portal-body .welcome{width:100%!important;max-width:none!important;background:linear-gradient(135deg,#082B63,#0038A8)!important;color:#fff!important;border-radius:20px!important}
@media(max-width:640px){body.p308-portal-body main,body.p308-portal-body .page,body.p308-portal-body .wrap,body.p308-portal-body .shell,body.p308-portal-body .role-shell,body.p308-portal-body .docs-shell,body.p308-portal-body .roster-shell,body.p308-portal-body .email-shell,body.p308-portal-body .newsletter-shell,body.p308-portal-body .article-shell,body.p308-portal-body .p308-ann-wrap,body.p308-portal-body .login-page{width:min(100% - 22px,1180px)!important}}


/* Portal vertical rhythm: consistent larger gap below account bar */
body.p308-portal-body main,
body.p308-portal-body .page,
body.p308-portal-body .wrap,
body.p308-portal-body .shell,
body.p308-portal-body .portal-page,
body.p308-portal-body .portal-shell,
body.p308-portal-body .content-wrap,
body.p308-portal-body .page-wrap{margin-top:36px!important;}
.p308-portal-breadcrumb + main,
.p308-portal-breadcrumb + .page,
.p308-portal-breadcrumb + .wrap,
.p308-portal-breadcrumb + .shell,
.p308-portal-breadcrumb + .portal-page,
.p308-portal-breadcrumb + .portal-shell,
.p308-portal-breadcrumb + .content-wrap,
.p308-portal-breadcrumb + .page-wrap{margin-top:20px!important;}
@media(max-width:640px){
 body.p308-portal-body main,body.p308-portal-body .page,body.p308-portal-body .wrap,body.p308-portal-body .shell,body.p308-portal-body .portal-page,body.p308-portal-body .portal-shell,body.p308-portal-body .content-wrap,body.p308-portal-body .page-wrap{margin-top:28px!important;}
 .p308-portal-breadcrumb + main,.p308-portal-breadcrumb + .page,.p308-portal-breadcrumb + .wrap,.p308-portal-breadcrumb + .shell,.p308-portal-breadcrumb + .portal-page,.p308-portal-breadcrumb + .portal-shell,.p308-portal-breadcrumb + .content-wrap,.p308-portal-breadcrumb + .page-wrap{margin-top:16px!important;}
}

/* ==================================================================
   PACK 308 PUBLIC PAGE / HERO SYSTEM
   ONE AUTHORITATIVE LAYOUT — NO PAGE-SPECIFIC HERO GEOMETRY
   Home / About / Dens / Registration
   ================================================================== */

.p308-public-page{
    width:min(1180px,calc(100% - 32px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:22px 0 48px!important;
    box-sizing:border-box!important;
}

.p308-public-page > .p308-public-hero{
    width:100%!important;
    max-width:none!important;
    height:470px!important;
    min-height:470px!important;
    margin:0!important;
    padding:54px 56px!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;
    gap:36px!important;
    align-items:start!important;
    background:linear-gradient(135deg,#082B63 0%,#0A3B7D 56%,#0038A8 100%)!important;
    color:#fff!important;
    box-shadow:0 12px 30px rgba(8,43,99,.14)!important;
}

.p308-public-page > .p308-public-hero:not(:has(> .hero-values, > .hero-mark, > .hero-side, > .p308-public-hero-side)){
    grid-template-columns:1fr!important;
}

/* Decorative layers must never take a grid cell. */
.p308-public-hero > .hero-overlay{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
    z-index:1!important;
}

/* Primary hero content is always top-left. */
.p308-public-hero > .hero-copy,
.p308-public-hero > .p308-public-hero-copy{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:start!important;
    text-align:left!important;
}

/* Optional supporting hero content is always top-right. */
.p308-public-hero > .hero-values,
.p308-public-hero > .hero-mark,
.p308-public-hero > .hero-side,
.p308-public-hero > .p308-public-hero-side{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:stretch!important;
    text-align:left!important;
}

.p308-public-page > .p308-public-hero:before,
.p308-public-page > .p308-public-hero:after{
    content:none!important;
    display:none!important;
}

.p308-public-hero > .hero-copy,
.p308-public-hero > .p308-public-hero-copy{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    width:100%!important;
    max-width:700px!important;
    margin:0!important;
    padding:0!important;
    align-self:start!important;
}

.p308-public-hero .hero-kicker,
.p308-public-hero .eyebrow,
.p308-public-hero .p308-public-hero-kicker{
    display:block!important;
    margin:0 0 14px!important;
    padding:0!important;
    color:#FFCC00!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
}

.p308-public-hero h1{
    margin:0 0 18px!important;
    padding:0!important;
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:clamp(46px,5.5vw,72px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    font-weight:800!important;
    text-align:left!important;
}
.p308-public-hero h1 span{color:#FFCC00!important}

.p308-public-hero p{
    max-width:700px!important;
    margin:0!important;
    padding:0!important;
    color:rgba(255,255,255,.88)!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:17px!important;
    line-height:1.65!important;
    font-weight:400!important;
}

.p308-public-hero .hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    margin:28px 0 0!important;
    padding:0!important;
}
.p308-public-hero .hero-actions a,
.p308-public-hero a.hero-btn,
.p308-public-hero a.btn{
    min-height:48px!important;
    padding:0 20px!important;
    border-radius:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-weight:800!important;
    text-decoration:none!important;
}
.p308-public-hero .hero-actions a:first-child,
.p308-public-hero a.hero-btn.primary,
.p308-public-hero a.btn-primary{
    background:#0038A8!important;
    color:#fff!important;
    border:1px solid #FFCC00!important;
}
.p308-public-hero .hero-actions a:not(:first-child),
.p308-public-hero a.hero-btn.ghost,
.p308-public-hero a.btn-secondary{
    background:transparent!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.62)!important;
}

.p308-public-hero > .hero-values,
.p308-public-hero > .hero-mark,
.p308-public-hero > .hero-side,
.p308-public-hero > .p308-public-hero-side{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    align-self:start!important;
    justify-self:stretch!important;
    z-index:2!important;
}

.p308-public-hero > .hero-values{
    display:grid!important;
    gap:12px!important;
}
.p308-public-hero > .hero-values > div{
    display:grid!important;
    grid-template-columns:38px 1fr!important;
    gap:12px!important;
    align-items:center!important;
    min-height:72px!important;
    margin:0!important;
    padding:14px 16px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-size:24px!important;
}
.p308-public-hero > .hero-values span{display:block!important}
.p308-public-hero > .hero-values b{display:block!important;color:#fff!important;font-size:15px!important;line-height:1.2!important}
.p308-public-hero > .hero-values small{display:block!important;margin-top:3px!important;color:#FFCC00!important;font-size:12px!important;line-height:1.3!important}

.p308-public-hero .hero-stat,
.p308-public-hero .hero-stat .icon{border-radius:0!important}

.p308-public-hero > .hero-mark{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
}

@media(max-width:900px){
    .p308-public-page > .p308-public-hero{
        height:auto!important;
        min-height:0!important;
        grid-template-columns:1fr!important;
        padding:42px 34px!important;
        gap:28px!important;
        align-items:start!important;
    }
    .p308-public-hero > .hero-copy,
    .p308-public-hero > .p308-public-hero-copy,
    .p308-public-hero > .hero-values,
    .p308-public-hero > .hero-mark,
    .p308-public-hero > .hero-side,
    .p308-public-hero > .p308-public-hero-side{
        grid-column:1!important;
        grid-row:auto!important;
        align-self:start!important;
        justify-self:stretch!important;
    }
}

@media(max-width:640px){
    .p308-public-page{
        width:min(100% - 24px,1180px)!important;
        padding:14px 0 36px!important;
    }
    .p308-public-page > .p308-public-hero{
        height:auto!important;
        min-height:0!important;
        padding:30px 22px!important;
        gap:22px!important;
    }
    .p308-public-hero h1{font-size:46px!important;margin-bottom:14px!important}
    .p308-public-hero p{font-size:15px!important;line-height:1.6!important}
    .p308-public-hero .hero-actions{display:grid!important;grid-template-columns:1fr!important;margin-top:22px!important}
    .p308-public-hero .hero-actions a,
    .p308-public-hero a.hero-btn,
    .p308-public-hero a.btn{width:100%!important}
}


/* ==================================================================
   PATCH 109 - FINAL SHARED HERO CONTENT ANCHOR
   All public heroes use the same top-left content origin.
   ================================================================== */
.p308-public-page > .p308-public-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;
    grid-template-rows:1fr!important;
    align-items:start!important;
    justify-items:stretch!important;
    height:470px!important;
    min-height:470px!important;
    padding:54px 56px!important;
}
.p308-public-page > .p308-public-hero:not(:has(> .hero-values, > .hero-mark, > .hero-side, > .p308-public-hero-side)){
    grid-template-columns:1fr!important;
}
.p308-public-hero > .hero-copy,
.p308-public-hero > .p308-public-hero-copy{
    position:relative!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:start!important;
    width:100%!important;
    max-width:700px!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
}
.p308-public-hero > .hero-values,
.p308-public-hero > .hero-mark,
.p308-public-hero > .hero-side,
.p308-public-hero > .p308-public-hero-side{
    position:relative!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:stretch!important;
    margin:0!important;
    padding:0!important;
}
.p308-public-hero > .hero-overlay{display:none!important;}
@media(max-width:900px){
    .p308-public-page > .p308-public-hero{
        height:auto!important;
        min-height:0!important;
        grid-template-columns:1fr!important;
        grid-template-rows:auto!important;
        padding:42px 34px!important;
    }
    .p308-public-hero > .hero-copy,
    .p308-public-hero > .p308-public-hero-copy,
    .p308-public-hero > .hero-values,
    .p308-public-hero > .hero-mark,
    .p308-public-hero > .hero-side,
    .p308-public-hero > .p308-public-hero-side{
        grid-column:1!important;
        grid-row:auto!important;
    }
}

/* ==================================================================
   PATCH 110 - SHARED HERO SECONDARY CONTENT SPACING
   Keeps right-side hero blocks visually separated and consistent.
   ================================================================== */
.p308-public-hero > .hero-side,
.p308-public-hero > .p308-public-hero-side{
    display:grid!important;
    gap:18px!important;
}
.p308-public-hero > .hero-side > *,
.p308-public-hero > .p308-public-hero-side > *{
    margin:0!important;
}

/* ==================================================================
   PATCH 113 - DENS HERO MEMBER PANEL CLEAN
   Uses the same visual language as the Registration hero side cards.
   ================================================================== */
.p308-dens-member-panel{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
    min-height:0!important;
    padding:22px!important;
    background:rgba(255,204,0,.14)!important;
    border:1px solid rgba(255,204,0,.48)!important;
    color:#082B63!important;
    box-shadow:0 0 28px rgba(255,204,0,.22), 0 10px 24px rgba(8,43,99,.10)!important;
    overflow:visible!important;
}
.p308-dens-member-panel::before,
.p308-dens-member-panel::after{content:none!important;display:none!important;}
.p308-dens-member-icon{
    width:64px!important;
    height:64px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,204,0,.22)!important;
    color:#082B63!important;
    font-size:28px!important;
}
.p308-dens-member-copy{min-width:0!important;}
.p308-dens-member-panel strong{
    display:block!important;
    margin:0 0 7px!important;
    color:#082B63!important;
    font-size:18px!important;
    line-height:1.3!important;
    font-weight:800!important;
}
.p308-dens-member-panel p{
    margin:0!important;
    max-width:330px!important;
    color:rgba(8,43,99,.84)!important;
    font-size:14px!important;
    line-height:1.55!important;
}
.p308-dens-member-button{
    position:static!important;
    width:auto!important;
    min-height:46px!important;
    margin-top:16px!important;
    padding:0 18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#FFCC00!important;
    color:#082B63!important;
    text-decoration:none!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    border:0!important;
    border-radius:0!important;
}
.p308-dens-member-button:hover{background:#0b4f93!important;color:#fff!important;}
@media(max-width:900px){
    .p308-dens-member-panel{
        grid-template-columns:56px minmax(0,1fr)!important;
        gap:16px!important;
        padding:20px!important;
    }
    .p308-dens-member-icon{width:56px!important;height:56px!important;font-size:24px!important;}
}
@media(max-width:520px){
    .p308-dens-member-panel{grid-template-columns:1fr!important;}
    .p308-dens-member-button{width:100%!important;}
}


/* PATCH 114 - DENS PANEL TRANSPARENT GOLD */