/*
==============================================================
 INSIGHT MEDIA — T3.6A
 PUBLIC LISTENER EXPERIENCE
==============================================================
*/

body[data-public-radio="1"]{
    --radio-text:#151a23;
    --radio-muted:#747d8d;
    --radio-line:rgba(20,28,45,.08);
}


/* -----------------------------------------------------------
   INTERNAL PRODUCT NAVIGATION
----------------------------------------------------------- */

body[data-public-radio="1"]
[data-public-radio-internal="1"]{
    display:none !important;
}


/* -----------------------------------------------------------
   PUBLIC NAV
----------------------------------------------------------- */

body[data-public-radio="1"]
.ix-public-nav-label{
    font-size:9px;
    font-weight:760;
}


/* -----------------------------------------------------------
   REMOVE CREATOR LANGUAGE FROM AUDIENCE SURFACE
----------------------------------------------------------- */

body[data-public-radio="1"]
.ix-public-creator-control{
    display:none !important;
}


/* -----------------------------------------------------------
   PUBLIC SHOWS
----------------------------------------------------------- */

.ix-public-shows{
    margin-top:26px;
    padding-top:20px;

    border-top:
        1px solid
        var(--radio-line);
}


.ix-public-shows-head{
    display:flex;
    align-items:end;
    justify-content:space-between;

    gap:14px;

    margin-bottom:13px;
}


.ix-public-shows-head h2{
    margin:0;

    color:var(--radio-text);

    font-size:
        clamp(18px,2vw,27px);

    letter-spacing:-.035em;
}


.ix-public-shows-head p{
    margin:4px 0 0;

    color:var(--radio-muted);

    font-size:9px;
}


.ix-public-show-grid{
    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:9px;
}


.ix-public-show{
    min-height:132px;

    display:flex;
    flex-direction:column;

    justify-content:space-between;

    padding:14px;

    border:
        1px solid
        var(--radio-line);

    border-radius:11px;

    background:#fff;

    text-decoration:none;

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


.ix-public-show:hover{
    transform:
        translateY(-2px);

    box-shadow:
        0 12px 30px
        rgba(15,23,42,.07);
}


.ix-public-show-status{
    display:flex;
    align-items:center;

    gap:6px;

    color:#929aa7;

    font-size:7px;

    font-weight:850;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.ix-public-show-status i{
    width:6px;
    height:6px;

    border-radius:50%;

    background:#a2a9b3;
}


.ix-public-show[data-live="1"]
.ix-public-show-status{
    color:#e14738;
}


.ix-public-show[data-live="1"]
.ix-public-show-status i{
    background:#ff493a;
}


.ix-public-show h3{
    margin:
        18px 0 6px;

    color:#252c39;

    font-size:13px;

    line-height:1.15;

    letter-spacing:-.025em;
}


.ix-public-show p{
    margin:0;

    color:#7a8391;

    font-size:8px;
}


.ix-public-show-meta{
    display:flex;
    justify-content:space-between;

    gap:8px;

    margin-top:15px;

    color:#9aa1ad;

    font-size:7px;
}


/* -----------------------------------------------------------
   PUBLIC PRODUCT EXPLANATION
----------------------------------------------------------- */

.ix-public-purpose{
    margin-top:26px;

    padding:
        18px;

    border:
        1px solid
        var(--radio-line);

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #fff,
            #f8f9fb
        );
}


.ix-public-purpose small{
    display:block;

    margin-bottom:6px;

    color:#939baa;

    font-size:7px;

    font-weight:850;

    letter-spacing:.09em;

    text-transform:uppercase;
}


.ix-public-purpose strong{
    display:block;

    max-width:620px;

    color:#252c39;

    font-size:
        clamp(14px,2vw,22px);

    line-height:1.2;

    letter-spacing:-.025em;
}


.ix-public-purpose p{
    max-width:680px;

    margin:
        8px 0 0;

    color:#747e8d;

    font-size:9px;

    line-height:1.6;
}


/* -----------------------------------------------------------
   MOBILE
----------------------------------------------------------- */

@media(max-width:800px){

    .ix-public-show-grid{
        grid-template-columns:
            1fr 1fr;
    }

}


@media(max-width:520px){

    .ix-public-show-grid{
        grid-template-columns:
            1fr;
    }

}