/*  WikiBiz CSS v2 2.0.0-rc2 — wikibiz-v2-monetization.css  */
.wbz-monetization-banner{position:relative;display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr) auto;align-items:center;gap:18px;margin:24px 0;padding:14px;border:1px solid var(--wbz-line,#dfe3e8);border-radius:16px;background:var(--wbz-surface,#fff);color:var(--wbz-ink,#181b1f)}
.wbz-monetization-banner__mark{position:absolute;top:10px;left:10px;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.9);font-size:12px;line-height:1.2;color:#555;z-index:2}
.wbz-monetization-banner__media{display:block;overflow:hidden;border-radius:11px}.wbz-monetization-banner__media img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}
.wbz-monetization-banner__copy strong{display:block;font-size:18px;line-height:1.25}.wbz-monetization-banner__copy p{margin:6px 0 0;color:var(--wbz-mut,#687078);font-size:14px;line-height:1.45}
.wbz-monetization-banner__actions{display:flex;align-items:center;gap:10px}.wbz-monetization-banner__cta{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;background:var(--wbz-acc,#5bb318);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.wbz-ad-disclosure{display:inline-flex}.wbz-ad-disclosure__trigger{appearance:none;font:inherit;cursor:pointer;white-space:nowrap}.wbz-ad-disclosure__icon{margin-left:2px}.wbz-ad-dialog__body dl div{grid-template-columns:145px minmax(0,1fr);gap:12px}
@media(max-width:700px){.wbz-monetization-banner{grid-template-columns:1fr;gap:12px}.wbz-monetization-banner__media img{aspect-ratio:16/8}.wbz-monetization-banner__actions{justify-content:space-between}.wbz-monetization-banner__cta{flex:1;justify-content:center}.wbz-ad-dialog__body dl div{grid-template-columns:1fr;gap:3px}}

.wbz-ad-disclosure__trigger--icon{
    display:inline-grid;
    place-items:center;
    width:28px;
    min-width:28px;
    height:28px;
    padding:0;
    border-radius:999px;
    line-height:1;
}
.wbz-ad-disclosure__trigger--icon .wbz-ad-disclosure__icon{
    margin:0;
}

.wbz-monetization-banner--graphic{
    display:block;
    padding:0;
    gap:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

.wbz-monetization-banner--graphic .wbz-monetization-banner__creative{
    position:relative;
    display:table;
    max-width:100%;
    margin:0 auto;
    overflow:hidden;
    border-radius:12px;
}

.wbz-monetization-banner--graphic picture{
    max-width:100%;
}

.wbz-monetization-banner--graphic .wbz-monetization-banner__chrome{
    position:absolute;
    z-index:3;
    top:6px;
    right:6px;
    left:6px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    pointer-events:none;
}

.wbz-monetization-banner--graphic .wbz-monetization-banner__mark{
    position:static;
    margin:0;
    padding:3px 7px;
    border-radius:7px;
    background:rgba(255,255,255,.90);
    color:#4b5563;
    font-size:12px;
    line-height:1.2;
    pointer-events:auto;
}

.wbz-monetization-banner--graphic .wbz-ad-disclosure{
    pointer-events:auto;
}

.wbz-monetization-banner--graphic .wbz-ad-disclosure__trigger--icon{
    border:1px solid rgba(15,26,36,.12);
    background:rgba(255,255,255,.92);
    color:#263545;
}

@media (max-width:620px){
    .wbz-monetization-banner--graphic .wbz-monetization-banner__creative{
        display:block;
        width:100%;
    }

    .wbz-monetization-banner--graphic .wbz-monetization-banner__media{
        width:100%;
    }

    .wbz-monetization-banner--graphic img{
        width:100%;
    }
}


/* ============================================================
   WBZ ERID DISCLOSURE v2.3

   Local / RKO disclosure:
   preserved accepted v2.1 behaviour.

   Banner disclosure:
   compact technical information slide.
   ============================================================ */

.wbz-ad-dialog[hidden],
.wbz-monetization-banner__details[hidden]{
    display:none;
}


/* ============================================================
   LOCAL PRODUCT / RKO DISCLOSURE — PRESERVED
   ============================================================ */

.wbz-ad-dialog{
    position:fixed;
    z-index:10100;
    width:min(420px,calc(100vw - 24px));
    max-width:420px;
    max-height:calc(100dvh - 24px);
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid var(--wbz-line);
    border-radius:14px;
    background:var(--wbz-surface);
    color:var(--wbz-ink);
    box-shadow:var(--wbz-shadow-lg);
}

.wbz-ad-dialog::after{
    content:"";
    position:absolute;
    left:var(--wbz-ad-arrow-x,calc(100% - 24px));
    width:12px;
    height:12px;
    background:var(--wbz-surface);
    border:1px solid var(--wbz-line);
    transform:translateX(-50%) rotate(45deg);
}

.wbz-ad-dialog[data-placement="above"]::after{
    bottom:-7px;
    border-left:0;
    border-top:0;
}

.wbz-ad-dialog[data-placement="below"]::after{
    top:-7px;
    border-right:0;
    border-bottom:0;
}

.wbz-ad-dialog__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px 13px;
    border-bottom:1px solid var(--wbz-line);
}

.wbz-ad-dialog__head span{
    display:block;
    margin:0 0 3px;
    color:var(--wbz-mut);
    font-size:12px;
    font-weight:600;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.wbz-ad-dialog__head h2{
    margin:0;
    color:var(--wbz-ink);
    font-size:18px;
    font-weight:600;
    line-height:1.25;
}

.wbz-ad-dialog__close{
    flex:0 0 auto;
    cursor:pointer;
}

.wbz-ad-dialog__body{
    max-height:calc(100dvh - 92px);
    overflow:auto;
    padding:15px 18px 18px;
    overscroll-behavior:contain;
}

.wbz-ad-dialog__body dl{
    margin:0;
}

.wbz-ad-dialog__body dl>div{
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    gap:12px;
    padding:10px 0;
    border-bottom:1px solid var(--wbz-line);
}

.wbz-ad-dialog__body dl>div:first-child{
    padding-top:0;
}

.wbz-ad-dialog__body dl>div:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.wbz-ad-dialog__body dt{
    color:var(--wbz-mut);
    font-size:13px;
    line-height:1.4;
}

.wbz-ad-dialog__body dd{
    min-width:0;
    margin:0;
    color:var(--wbz-ink);
    font-size:13px;
    font-weight:600;
    line-height:1.4;
    overflow-wrap:anywhere;
}

.wbz-ad-dialog__body p{
    margin:13px 0 0;
    color:var(--wbz-mut);
    font-size:12px;
    line-height:1.45;
}


/* ============================================================
   DISPLAY BANNER — COMPACT TECHNICAL SLIDE
   ============================================================ */

.wbz-monetization-banner.is-disclosure-open{
    overflow:hidden;
}

.wbz-monetization-banner__details{
    position:absolute;
    z-index:90;
    inset:0;

    display:grid;
    grid-template-rows:auto auto;
    align-content:center;

    width:auto;
    max-width:none;
    max-height:none;

    gap:6px;
    margin:0;
    padding:10px 54px 10px 18px;

    overflow:hidden;

    border:0;
    border-radius:inherit;

    background:
        linear-gradient(
            135deg,
            var(--wbz-surface),
            var(--wbz-bg2)
        );

    color:var(--wbz-ink);
    box-shadow:none;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translate3d(100%,0,0);

    transition:
        transform .22s ease,
        opacity .18s ease,
        visibility 0s linear .22s;
}

.wbz-monetization-banner__details[data-wbz-slide-open="1"]{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0);
    transition-delay:0s;
}


/* Small section caption */
.wbz-monetization-banner__details-title{
    min-width:0;
    margin:0;

    color:var(--wbz-mut);

    font-size:10px;
    font-weight:600;
    line-height:1.2;

    letter-spacing:.055em;
    text-transform:uppercase;
}


/* Close button */
.wbz-monetization-banner__details-close{
    position:absolute;
    z-index:2;

    top:10px;
    right:10px;

    display:grid;
    place-items:center;

    width:30px;
    height:30px;
    padding:0;

    border:1px solid var(--wbz-line);
    border-radius:9px;

    background:var(--wbz-surface);
    color:var(--wbz-mut);

    font:inherit;
    font-size:18px;
    font-weight:400;
    line-height:1;

    cursor:pointer;
}

.wbz-monetization-banner__details-close:hover,
.wbz-monetization-banner__details-close:focus-visible{
    border-color:var(--wbz-line-strong);
    color:var(--wbz-ink);
}

.wbz-monetization-banner__details-close:focus-visible{
    outline:2px solid var(--wbz-brand);
    outline-offset:2px;
}


/* Advertiser | INN | ERID */
.wbz-monetization-banner__details-meta{
    display:grid;

    grid-template-columns:
        minmax(0,1.45fr)
        minmax(90px,.55fr)
        minmax(0,1.35fr);

    align-items:center;

    gap:14px;
    min-width:0;
}

.wbz-monetization-banner__details-meta span{
    display:grid;

    min-width:0;
    gap:2px;
    margin:0;
}

.wbz-monetization-banner__details-meta small{
    min-width:0;
    margin:0;

    color:var(--wbz-mut);

    font-size:10px;
    font-weight:500;
    line-height:1.15;
}

.wbz-monetization-banner__details-meta b,
.wbz-monetization-banner__details-meta strong{
    min-width:0;
    margin:0;

    color:var(--wbz-ink);

    font-size:12px;
    font-weight:600;
    line-height:1.25;

    overflow-wrap:anywhere;
}


/* Advertiser may use two compact lines. */
.wbz-monetization-banner__details-meta span:first-child b,
.wbz-monetization-banner__details-meta span:first-child strong{
    display:-webkit-box;
    overflow:hidden;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}


/* ERID field + icon button */
.wbz-monetization-banner__details-erid{
    display:grid;

    grid-template-columns:minmax(0,1fr) 30px;
    grid-template-rows:auto auto;

    align-items:center;

    min-width:0;

    column-gap:8px;
    row-gap:2px;
}

.wbz-monetization-banner__details-erid small{
    grid-column:1;
    grid-row:1;
}

.wbz-monetization-banner__details-erid b,
.wbz-monetization-banner__details-erid strong{
    grid-column:1;
    grid-row:2;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


/* ============================================================
   COPY ERID ICON
   ============================================================ */

.wbz-monetization-banner__copy-erid{
    appearance:none;

    position:relative;

    grid-column:2;
    grid-row:1/3;

    display:block;

    width:30px;
    min-width:30px;
    height:30px;
    min-height:30px;

    margin:0;
    padding:0;

    overflow:hidden;

    border:1px solid var(--wbz-line);
    border-radius:8px;

    background:var(--wbz-surface);
    color:transparent;

    font-size:0;
    line-height:0;
    text-indent:-9999px;
    white-space:nowrap;

    cursor:pointer;
    box-shadow:none;

    transition:
        border-color .16s ease,
        background .16s ease,
        color .16s ease,
        transform .12s ease;
}

.wbz-monetization-banner__copy-erid:hover{
    border-color:var(--wbz-line-strong);
    background:var(--wbz-tint);
    color:var(--wbz-ink);
}

.wbz-monetization-banner__copy-erid:active{
    transform:scale(.94);
}

.wbz-monetization-banner__copy-erid:focus-visible{
    outline:2px solid var(--wbz-brand);
    outline-offset:2px;
}


.wbz-monetization-banner__copy-erid>*{
    display:none;
}


/* Rear copy sheet */
.wbz-monetization-banner__copy-erid::before{
    content:"";

    position:absolute;

    width:9px;
    height:9px;

    top:8px;
    left:8px;

    border:1.5px solid var(--wbz-ink2);
    border-radius:2px;
}


/* Front copy sheet */
.wbz-monetization-banner__copy-erid::after{
    content:"";

    position:absolute;

    width:9px;
    height:9px;

    top:11px;
    left:11px;

    border:1.5px solid var(--wbz-ink2);
    border-radius:2px;

    background:var(--wbz-surface);
}


/* Successful copy state */
.wbz-monetization-banner__copy-erid[data-copy-state="copied"]{
    border-color:var(--wbz-brand);
    background:var(--wbz-brand);
    color:transparent;
}

.wbz-monetization-banner__copy-erid[data-copy-state="copied"]::before{
    content:"✓";

    position:absolute;

    inset:0;

    display:grid;
    place-items:center;

    width:auto;
    height:auto;

    border:0;

    color:#10150d;
    text-indent:0;

    font-size:16px;
    font-weight:700;
    line-height:1;
}

.wbz-monetization-banner__copy-erid[data-copy-state="copied"]::after{
    display:none;
}


/* ============================================================
   NARROW BANNER
   ============================================================ */

@media(max-width:760px){

    .wbz-monetization-banner__details{
        padding:
            10px
            48px
            10px
            14px;

        overflow:auto;
    }

    .wbz-monetization-banner__details-meta{
        grid-template-columns:
            minmax(0,1fr)
            minmax(90px,.55fr);

        gap:7px 12px;
    }

    .wbz-monetization-banner__details-erid{
        grid-column:1/-1;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:620px){

    /*
     * RKO remains a bottom sheet.
     */
    .wbz-ad-dialog{
        position:fixed;
        z-index:10120;

        top:auto;
        right:12px;
        bottom:12px;
        left:12px;

        width:auto;
        max-width:none;
        max-height:calc(100dvh - 24px);

        border-radius:16px;
    }

    .wbz-ad-dialog::after{
        display:none;
    }

    .wbz-ad-dialog__head{
        padding:15px 16px 12px;
    }

    .wbz-ad-dialog__body{
        max-height:calc(100dvh - 88px);
        padding:14px 16px 17px;
    }

    .wbz-ad-dialog__body dl>div{
        grid-template-columns:1fr;
        gap:3px;
        padding:9px 0;
    }


    /*
     * Banner technical layer stays inside the banner.
     */
    .wbz-monetization-banner__details{
        position:absolute;
        inset:0;

        width:auto;
        max-width:none;
        max-height:none;

        padding:
            10px
            46px
            10px
            12px;

        border-radius:inherit;
    }

    .wbz-monetization-banner__details-title{
        font-size:9px;
    }

    .wbz-monetization-banner__details-meta{
        grid-template-columns:
            minmax(0,1fr)
            minmax(78px,.55fr);

        gap:6px 10px;
    }

    .wbz-monetization-banner__details-meta small{
        font-size:9px;
    }

    .wbz-monetization-banner__details-meta b,
    .wbz-monetization-banner__details-meta strong{
        font-size:11px;
    }

    .wbz-monetization-banner__details-erid{
        grid-column:1/-1;
    }

    .wbz-monetization-banner__details-close{
        top:8px;
        right:8px;

        width:28px;
        height:28px;
    }

    .wbz-monetization-banner__copy-erid{
        width:28px;
        min-width:28px;

        height:28px;
        min-height:28px;
    }
}


@media(prefers-reduced-motion:reduce){
    .wbz-monetization-banner__details,
    .wbz-monetization-banner__copy-erid{
        transition:none;
    }
}

.wbz-monetization-banner--inline{
    display:block;
    width:100%;
    margin:20px 0 28px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    min-height:0;
}

.wbz-monetization-banner--inline
.wbz-monetization-banner__frame{
    position:relative;
    width:100%;
    margin:0 auto;
    min-height:0;
}

.wbz-monetization-banner--graphic
.wbz-monetization-banner__frame{
    width:min(
        100%,
        var(--wbz-ad-natural-width,100%)
    );
}

.wbz-monetization-banner__creative-view{
    position:relative;
    width:100%;
    min-height:0;
}

.wbz-monetization-banner__creative-view[hidden],


.wbz-monetization-banner--graphic
.wbz-monetization-banner__media{
    display:block;
    width:100%;
    max-width:none;
    padding:0;
    margin:0;
    overflow:hidden;
    border-radius:10px;
    line-height:0;
}

.wbz-monetization-banner--graphic
picture{
    display:block;
    width:100%;
}

.wbz-monetization-banner--graphic
img{
    display:block;
    max-width:none;
    margin:0;
    padding:0;
    aspect-ratio:auto;
}

.wbz-monetization-banner__overlay{
    position:absolute;
    z-index:4;
    top:5px;
    right:5px;
    left:5px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    pointer-events:none;
}

.wbz-monetization-banner--inline
.wbz-monetization-banner__mark{
    position:static;
    display:inline-flex;
    align-items:center;
    margin:0;
    padding:3px 6px;
    border:0;
    border-radius:6px;
    line-height:1.15;
    pointer-events:auto;
}

.wbz-monetization-banner__menu{
    appearance:none;
    margin:0;
    border:1px solid rgba(15,26,36,.10);
    border-radius:8px;
    font:inherit;
    cursor:pointer;
    pointer-events:auto;
}



.wbz-monetization-banner__details-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.wbz-monetization-banner__details-head > div{
    display:flex;
    align-items:baseline;
    gap:8px;
    min-width:0;
}

.wbz-monetization-banner__details-head span{
    color:var(--wbz-mut,#687078);
    font-size:12px;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.wbz-monetization-banner__details-head strong{
    color:var(--wbz-ink,#181b1f);
    font-size:14px;
    line-height:1.25;
}

.wbz-monetization-banner__details-close{
    appearance:none;
    border:1px solid var(--wbz-line,#dfe3e8);
    border-radius:8px;
    cursor:pointer;
}







.wbz-monetization-banner--text-graphic
.wbz-monetization-banner__frame{
    width:100%;
}

.wbz-monetization-banner__creative-view--text{
    display:grid;
    grid-template-columns:
        minmax(150px,240px)
        minmax(0,1fr)
        auto;
    align-items:center;
    gap:18px;
    padding:14px;
    border:1px solid var(--wbz-line,#dfe3e8);
    border-radius:16px;
    background:var(--wbz-surface,#fff);
}

.wbz-monetization-banner__creative-view--text
.wbz-monetization-banner__mark{
    position:absolute;
    top:8px;
    left:8px;
}

.wbz-monetization-banner__creative-view--text
.wbz-monetization-banner__menu{
    position:absolute;
    z-index:3;
    top:8px;
    right:8px;
}

@media(max-width:700px){

    .wbz-monetization-banner--inline{
        margin:16px 0 22px;
    }

    .wbz-monetization-banner--graphic
    .wbz-monetization-banner__frame{
        width:100%;
    }

    .wbz-monetization-banner__creative-view--text{
        grid-template-columns:1fr;
        gap:10px;
        padding:12px;
    }

    

    .wbz-monetization-banner__details-head > div{
        display:grid;
        gap:2px;
    }

    .wbz-monetization-banner__details-body{
        display:grid;
        gap:10px;
    }

    

    

    
}

.wbz-monetization-banner--graphic
.wbz-monetization-banner__frame{
    position:relative;
    aspect-ratio:var(--wbz-ad-ratio,760 / 90);
    overflow:hidden;
    border-radius:10px;
}

.wbz-monetization-banner--graphic
.wbz-monetization-banner__creative-view,
.wbz-monetization-banner--graphic


.wbz-monetization-banner--graphic
.wbz-monetization-banner__media,
.wbz-monetization-banner--graphic
picture{
    width:100%;
    height:100%;
}

.wbz-monetization-banner--graphic
img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.wbz-monetization-banner--inline
.wbz-monetization-banner__mark{
    background:rgba(255,255,255,.82);
    color:#7c8490;
    box-shadow:none;
    font-weight:400;
    font-size:12px;
}

.wbz-monetization-banner__menu{
    width:25px;
    min-width:25px;
    height:21px;
    border-color:rgba(100,110,122,.16);
    background:rgba(255,255,255,.80);
    color:#7d8590;
    box-shadow:none;
    font-size:12px;
    opacity:.88;
}

.wbz-monetization-banner__menu:hover{
    background:rgba(255,255,255,.94);
    color:#59616c;
    opacity:1;
}

.wbz-monetization-banner--graphic


.wbz-monetization-banner__details-head{
    min-height:20px;
    margin:0 0 4px;
    align-items:center;
}

.wbz-monetization-banner__details-title{
    color:var(--wbz-mut,#7a838d);
    font-size:12px;
    line-height:1.2;
    font-weight:400;
}

.wbz-monetization-banner__details-close{
    width:22px;
    min-width:22px;
    height:22px;
    border-color:rgba(100,110,122,.14);
    background:rgba(245,247,249,.72);
    color:#7a838d;
}

.wbz-monetization-banner__details-body{
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}





.wbz-monetization-banner__details-meta small{
    color:#9299a2;
    font-size:12px;
    line-height:1.2;
    font-weight:400;
}

.wbz-monetization-banner__details-meta b{
    color:#3e4650;
    font-size:12px;
    line-height:1.25;
    font-weight:500;
}









@media(max-width:700px){

    .wbz-monetization-banner--graphic
    

    

    

    
}

.wbz-monetization-banner__menu{
    display:grid;
    place-items:center;
    padding:0;
    line-height:1;
}

.wbz-monetization-banner__menu > span{
    display:block;
    line-height:1;
    transform:translateY(-1px);
}

.wbz-monetization-banner__details-close{
    display:grid;
    place-items:center;
    padding:0;
    font-size:0;
    line-height:1;
}

.wbz-monetization-banner__details-close::before{
    content:"×";
    display:block;
    font-size:15px;
    font-weight:400;
    line-height:1;
    transform:translateY(-1px);
}

.wbz-ad-disclosure__trigger:hover,
.wbz-ad-disclosure__trigger:focus{
    background:transparent;
    color:var(--wbz-ink2,var(--wbz-mut,#687078));
    box-shadow:none;
}

.wbz-ad-dialog__close:hover,
.wbz-ad-dialog__close:focus{
    border-color:var(--wbz-line-strong,var(--wbz-line,#e3e6e9));
}

.wbz-ad-disclosure__trigger{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    color:var(--wbz-mut,#7a8490);
    font-size:12px;
    font-weight:400;
    line-height:1;
}

.wbz-ad-disclosure__icon{
    display:grid;
    place-items:center;
    width:14px;
    height:14px;
    margin:0;
    padding:0;
    border:1px solid currentColor;
    border-radius:50%;
    box-sizing:border-box;
    font-size:0;
    font-weight:400;
    line-height:1;
}

.wbz-ad-disclosure__icon::before{
    content:"i";
    display:block;
}

.wbz-ad-dialog{
    border:1px solid var(--wbz-line,#e1e5e9);
    border-radius:11px;
    background:var(--wbz-surface,#fff);
    color:var(--wbz-ink,#22272d);
    box-shadow:
        0 8px 24px rgba(18,28,38,.08),
        0 2px 5px rgba(18,28,38,.04);
}

.wbz-ad-dialog__head span{
    display:none;
}

.wbz-ad-dialog__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 10px;
    border-bottom:1px solid var(--wbz-line,#e1e5e9);
}

.wbz-ad-dialog__head h2{
    margin:0;
    padding:0;
    color:var(--wbz-mut,#737d87);
    font-size:12px;
    font-weight:400;
    line-height:1.25;
    letter-spacing:0;
    text-transform:none;
}

.wbz-ad-dialog__close{
    display:grid;
    place-items:center;
    width:24px;
    min-width:24px;
    height:24px;
    padding:0;
    border:1px solid var(--wbz-line,#e1e5e9);
    border-radius:7px;
    background:transparent;
    color:var(--wbz-mut,#7a8490);
    box-shadow:none;
    font-size:0;
    line-height:1;
}

.wbz-ad-dialog__close::before{
    content:"×";
    display:block;
    font-size:14px;
    font-weight:400;
    line-height:1;
    transform:translateY(-.5px);
}

.wbz-ad-dialog__close:hover,
.wbz-ad-dialog__close:focus{
    background:var(--wbz-bg2,var(--wbz-bg,#f5f7f9));
    color:var(--wbz-ink,#22272d);
    box-shadow:none;
}

.wbz-ad-dialog__body{
    padding:5px 10px 8px;
}

.wbz-ad-dialog__body dl{
    margin:0;
}

.wbz-ad-dialog__body dl div{
    display:block;
    padding:6px 0;
    border-bottom:1px solid var(--wbz-line,#e1e5e9);
}

.wbz-ad-dialog__body dl div:last-child{
    border-bottom:0;
}

.wbz-ad-dialog__body dt{
    margin:0 0 2px;
    color:var(--wbz-mut,#7a8490);
    font-size:12px;
    font-weight:400;
    line-height:1.25;
}

.wbz-ad-dialog__body dd{
    margin:0;
    color:var(--wbz-ink2,var(--wbz-ink,#30363d));
    font-size:12px;
    font-weight:400;
    line-height:1.35;
    letter-spacing:0;
    word-break:break-word;
}

.wbz-tariff-card a[href*="/go/offer/"],
.wbz-tariff-card a[href*="/go/offer/"]:visited{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:138px;
    min-height:38px;
    padding:9px 17px;

    border:1px solid #52b814;
    border-radius:10px;

    background:#52b814;
    color:#fff;

    font-size:13px;
    font-weight:700;
    line-height:1.2;

    text-decoration:none;
    white-space:nowrap;

    box-shadow:0 3px 9px rgba(55,135,10,.14);

    transition:
        background .15s ease,
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.wbz-tariff-card a[href*="/go/offer/"]:hover,
.wbz-tariff-card a[href*="/go/offer/"]:focus-visible{
    background:#469f0f;
    border-color:#469f0f;
    color:#fff;
    text-decoration:none;

    box-shadow:0 4px 11px rgba(55,135,10,.20);
    transform:translateY(-1px);
}

.wbz-tariff-card a[href*="/go/offer/"]:active{
    background:#3f920c;
    border-color:#3f920c;
    color:#fff;
    transform:translateY(0);
}

@media(max-width:620px){
    .wbz-ad-dialog{
        width:min(300px,calc(100vw - 20px));
    }

    .wbz-ad-dialog__head{
        padding:8px 9px;
    }

    .wbz-ad-dialog__body{
        padding:4px 9px 7px;
    }
}

.wbz-ad-dialog__body dd,
.wbz-ad-dialog__body dd *{
    font-weight:400;
}

.wbz-ad-dialog__erid dd{
    display:flex;
    align-items:center;
    min-width:0;
}

.wbz-ad-dialog__erid-value{
    display:block;
    flex:1 1 auto;
    min-width:0;

    color:var(--wbz-ink2,var(--wbz-ink,#30363d));
    font-size:12px;
    font-weight:400;
    line-height:1.35;

    overflow-wrap:anywhere;
    word-break:break-word;
}

.wbz-ad-dialog__copy-erid{
    font-weight:400;
    cursor:pointer;
}

.wbz-ad-dialog__copy-erid:hover,
.wbz-ad-dialog__copy-erid:focus{
    border-color:var(--wbz-line-strong,var(--wbz-line,#d7dce1));
    box-shadow:none;
}

.wbz-ad-disclosure__icon::before{
    font-family:Arial,sans-serif;
    font-size:12px;
    font-weight:400;
    line-height:1;
    transform:translateY(1px);
}

.wbz-ad-disclosure__icon{
    align-self:center;
    transform:none;
}

@media(max-width:620px){
    .wbz-ad-dialog__erid dd{
        align-items:flex-start;
    }

    .wbz-ad-dialog__copy-erid{
        min-width:68px;
        padding:0 6px;
    }
}

.wbz-ad-dialog{
    width:min(292px,calc(100vw - 20px));
}

.wbz-ad-dialog__copy-erid{
    position:relative;
    flex:0 0 28px;

    width:28px;
    min-width:28px;
    max-width:28px;
    height:28px;

    padding:0;
    overflow:hidden;

    border:1px solid var(--wbz-line,#e1e5e9);
    border-radius:7px;

    background:transparent;
    color:var(--wbz-mut,#7a8490);

    font-size:0;
    line-height:0;
    text-indent:-9999px;
    white-space:nowrap;

    box-shadow:none;
}

.wbz-ad-dialog__copy-erid::before,
.wbz-ad-dialog__copy-erid::after{
    content:"";
    position:absolute;

    width:9px;
    height:10px;

    border:1px solid currentColor;
    border-radius:2px;

    box-sizing:border-box;
}

.wbz-ad-dialog__copy-erid::before{
    left:8px;
    top:7px;
}

.wbz-ad-dialog__copy-erid::after{
    left:11px;
    top:10px;
    background:var(--wbz-surface,#fff);
}

.wbz-ad-dialog__copy-erid:hover,
.wbz-ad-dialog__copy-erid:focus{
    background:var(--wbz-bg2,var(--wbz-bg,#f5f7f9));
    color:var(--wbz-ink2,var(--wbz-ink,#30363d));
}

.wbz-ad-dialog__erid dd{
    gap:6px;
}

.wbz-ad-dialog__copy-erid.is-copied{
    color:#52b814;
    border-color:rgba(82,184,20,.35);
    background:rgba(82,184,20,.07);
}

.wbz-ad-dialog__copy-erid.is-copied::before{
    content:"✓";
    display:block;

    width:auto;
    height:auto;

    left:50%;
    top:50%;

    border:0;
    border-radius:0;
    background:transparent;

    font-size:15px;
    font-weight:700;
    line-height:1;

    transform:translate(-50%,-52%);
}

.wbz-ad-dialog__copy-erid.is-copied::after{
    display:none;
}

.wbz-ad-dialog__copy-erid.is-copied::before{
    text-indent:0;
    color:#52b814;
}
.wbz-monetization-banner__mark,.wbz-monetization-banner__details-head span,.wbz-monetization-banner__details-meta small{font-size:12px}
.wbz-monetization-banner__details-head strong,.wbz-monetization-banner__details-meta b,.wbz-monetization-banner__copy-erid,.wbz-ad-dialog__body dt,.wbz-ad-dialog__body dd{font-size:13px}
.wbz-monetization-banner__copy-erid,.wbz-monetization-banner__details-meta b,.wbz-ad-dialog__body dd{font-weight:600}

/* ============================================================
   WBZ MOBILE BANNER DISCLOSURE SHEET v3

   Banner ERID keeps the existing JS open/close runtime.
   Only the <=620px presentation changes:
   the technical disclosure becomes a viewport bottom sheet
   instead of being compressed into the banner height.
   ============================================================ */

@media(max-width:620px){

    .wbz-monetization-banner.is-disclosure-open{
        overflow:visible;
    }

    .wbz-monetization-banner__details{
        position:fixed;
        z-index:10130;

        top:auto;
        right:12px;
        bottom:12px;
        left:12px;
        inset:auto 12px 12px 12px;

        width:auto;
        max-width:none;
        min-width:0;

        height:auto;
        max-height:calc(100dvh - 24px);
        min-height:0;

        box-sizing:border-box;

        display:grid;
        grid-template-rows:auto auto;
        align-content:start;

        padding:18px 48px 18px 16px;

        overflow-x:hidden;
        overflow-y:auto;

        border:1px solid var(--wbz-line);
        border-radius:16px;

        background:var(--wbz-surface);
        color:var(--wbz-ink);

        box-shadow:
            0 18px 50px rgba(0,0,0,.22);

        transform:translate3d(0,24px,0);
    }

    .wbz-monetization-banner__details[
        data-wbz-slide-open="1"
    ]{
        transform:translate3d(0,0,0);
    }

    .wbz-monetization-banner__details-title{
        margin:0 0 12px;

        font-size:11px;
        line-height:1.25;
    }

    .wbz-monetization-banner__details-meta{
        grid-template-columns:1fr;

        gap:10px;

        width:100%;
        min-width:0;
    }

    .wbz-monetization-banner__details-meta span{
        min-width:0;
        gap:3px;
    }

    .wbz-monetization-banner__details-meta small{
        font-size:11px;
        line-height:1.25;
    }

    .wbz-monetization-banner__details-meta b,
    .wbz-monetization-banner__details-meta strong{
        display:block;

        min-width:0;

        overflow:visible;

        font-size:13px;
        line-height:1.35;

        white-space:normal;
        overflow-wrap:anywhere;

        -webkit-line-clamp:unset;
    }

    .wbz-monetization-banner__details-erid{
        grid-column:1;

        grid-template-columns:minmax(0,1fr) 30px;
        grid-template-rows:auto auto;

        width:100%;
        min-width:0;

        column-gap:10px;
        row-gap:3px;
    }

    .wbz-monetization-banner__details-erid b,
    .wbz-monetization-banner__details-erid strong{
        overflow:visible;

        text-overflow:clip;
        white-space:normal;
        overflow-wrap:anywhere;
    }

    .wbz-monetization-banner__details-close{
        top:12px;
        right:12px;

        width:28px;
        min-width:28px;
        height:28px;
    }

    .wbz-monetization-banner__copy-erid{
        width:30px;
        min-width:30px;
        max-width:30px;

        height:30px;
        min-height:30px;
    }
}

