/* SMI.TODAY — Audio feed editorial skin v1.1 */
.smi-audio-feed{
    box-sizing:border-box;
    width:100%;
    margin:14px 0 22px;
    padding:18px 20px 13px;
    background:#f7f7f7;
    border:1px solid #d7d7d7;
    border-radius:12px;
    color:#202020;
    font-family:"IBMPlexSans-Regular",Arial,sans-serif;
}
.smi-audio-feed *{box-sizing:border-box}
.smi-audio-feed__top{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}
.smi-audio-feed__mark{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#202020;
    color:#fff;
}
.smi-audio-feed__mark-play{
    display:block;
    font-size:14px;
    line-height:1;
    margin-left:2px;
}
.smi-audio-feed__copy{
    min-width:170px;
    flex:1 1 auto;
}
.smi-audio-feed__title{
    font-family:"IBMPlexSerif-SemiBold","Georgia",serif;
    font-size:20px;
    line-height:1.15;
    letter-spacing:-.2px;
    color:#202020;
}
.smi-audio-feed__desc{
    margin-top:4px;
    font-size:13px;
    line-height:1.35;
    color:#666;
}
.smi-audio-feed__controls{
    flex:0 0 auto;
    display:flex;
    align-items:stretch;
    gap:8px;
}
.smi-audio-feed__voice{
    position:relative;
    min-width:145px;
    height:42px;
    padding:4px 31px 4px 12px;
    border:1px solid #bdbdbd;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
}
.smi-audio-feed__voice:after{
    content:"";
    position:absolute;
    right:12px;
    top:50%;
    width:7px;
    height:7px;
    border-right:1.5px solid #333;
    border-bottom:1.5px solid #333;
    transform:translateY(-70%) rotate(45deg);
    pointer-events:none;
}
.smi-audio-feed__voice-label{
    display:block;
    margin-bottom:0;
    font-size:9px;
    line-height:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#777;
}
.smi-audio-feed__voice select{
    display:block;
    width:100%;
    height:20px;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#202020;
    font:14px/20px "IBMPlexSans-Medium",Arial,sans-serif;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}
.smi-audio-feed__start{
    min-width:116px;
    height:42px;
    padding:0 17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid #202020;
    border-radius:8px;
    background:#202020;
    color:#fff;
    font:14px/1 "IBMPlexSans-Medium",Arial,sans-serif;
    cursor:pointer;
    transition:background .15s ease,color .15s ease;
}
.smi-audio-feed__start:hover{background:#3a3a3a}
.smi-audio-feed__start:focus-visible,
.smi-audio-feed__voice:focus-within{
    outline:2px solid #777;
    outline-offset:2px;
}
.smi-audio-feed__start-icon{font-size:11px}
.smi-audio-feed__benefits{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid #dedede;
    color:#777;
    font-size:11px;
    line-height:1.3;
}
.smi-audio-feed__dot{color:#aaa}

/* Bottom player */
.smi-audio-dock{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    padding:0 16px 14px;
    pointer-events:none;
}
.smi-audio-dock[hidden]{display:none!important}
.smi-audio-dock__inner{
    width:min(860px,100%);
    min-height:70px;
    margin:0 auto;
    padding:11px 13px;
    display:flex;
    align-items:center;
    gap:11px;
    background:#202020;
    color:#fff;
    border:1px solid #3b3b3b;
    border-radius:12px;
    box-shadow:0 8px 28px rgba(0,0,0,.22);
    pointer-events:auto;
}
.smi-audio-dock button{
    border:0;
    color:#fff;
    background:transparent;
    cursor:pointer;
}
.smi-audio-dock__round{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid #5d5d5d!important;
    border-radius:50%;
    font-size:15px;
}
.smi-audio-dock__body{min-width:0;flex:1}
.smi-audio-dock__eyebrow{
    margin-bottom:3px;
    font-size:9px;
    letter-spacing:.09em;
    text-transform:uppercase;
    color:#aaa;
}
.smi-audio-dock__title{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:13px;
    line-height:1.3;
}
.smi-audio-dock__progress{
    height:2px;
    margin-top:8px;
    overflow:hidden;
    background:#555;
}
.smi-audio-dock__progress span{
    display:block;
    width:0;
    height:100%;
    background:#fff;
}
.smi-audio-dock__speed,
.smi-audio-dock__next,
.smi-audio-dock__close{
    min-width:34px;
    height:34px;
    font-size:13px;
}
.smi-audio-dock__next{font-size:25px}
.smi-audio-dock__close{font-size:22px;color:#bbb!important}

@media(max-width:720px){
    .smi-audio-feed{
        margin:10px 0 18px;
        padding:15px;
        border-radius:10px;
    }
    .smi-audio-feed__top{
        display:grid;
        grid-template-columns:40px minmax(0,1fr);
        gap:10px 12px;
    }
    .smi-audio-feed__mark{
        width:40px;
        height:40px;
        flex-basis:40px;
    }
    .smi-audio-feed__title{font-size:18px}
    .smi-audio-feed__controls{
        grid-column:1 / -1;
        width:100%;
        margin-top:3px;
    }
    .smi-audio-feed__voice{
        min-width:0;
        flex:1 1 50%;
    }
    .smi-audio-feed__start{
        flex:1 1 50%;
        min-width:0;
    }
    .smi-audio-feed__benefits{
        flex-wrap:wrap;
        gap:5px 7px;
        font-size:10px;
    }
    .smi-audio-dock{padding:0 8px 8px}
    .smi-audio-dock__inner{min-height:64px;padding:9px;gap:7px;border-radius:10px}
    .smi-audio-dock__round{width:38px;height:38px;flex-basis:38px}
    .smi-audio-dock__speed{display:none}
}