.public-listener-panel{width:min(1120px,calc(100% - 2.5rem));margin:2rem auto 3rem;padding:clamp(1.4rem,3vw,2.25rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:1.5rem 2.5rem;align-items:start;background:#102534;color:#fffefa;border:1px solid #315069;border-top:4px solid #d6ad5a;box-shadow:0 16px 40px rgba(12,23,36,.14)}
.public-listener-panel h2{margin:.3rem 0 .7rem;color:#fffefa;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12}.public-listener-panel p{margin:.45rem 0;line-height:1.65}.public-listener-eyebrow{color:#f0ca78;font:700 .75rem/1.3 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.public-listener-controls{display:grid;grid-template-columns:1fr 110px;gap:.8rem}.public-listener-controls label{display:grid;gap:.35rem;color:#f3ead8;font:600 .8rem/1.3 Arial,sans-serif}.public-listener-controls select,.public-listener-controls button{min-height:44px;border:1px solid #8ca0ae;border-radius:3px;font:inherit}.public-listener-controls select{padding:.55rem;background:#fff;color:#102534}.public-listener-buttons{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.55rem}.public-listener-buttons button{padding:.55rem .85rem;background:#fff;color:#102534;cursor:pointer}.public-listener-buttons button:first-child{background:#e6c06d;border-color:#e6c06d;font-weight:700}.public-listener-status{grid-column:1/-1;color:#d8e0e5;font:400 .82rem/1.5 Arial,sans-serif}.public-listener-panel :focus-visible{outline:3px solid #f0ca78;outline-offset:3px}
.public-listener-panel [hidden]{display:none!important}.article-listener-access{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:1rem}.article-listener-access button,.article-listener-access a{min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:.55rem .85rem;border:1px solid #e6c06d;border-radius:3px;background:#e6c06d;color:#102534;font:700 .875rem/1.3 Arial,sans-serif;text-decoration:none;cursor:pointer}.article-listener-access a{background:transparent;color:#fffefa;border-color:#8ca0ae}.article-listener-access p{flex-basis:100%;color:#d8e0e5;font:400 .85rem/1.5 Arial,sans-serif}
.premium-sample-feature{width:min(1240px,calc(100% - 2.5rem));margin:0 auto 3rem;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.25rem,3vw,2.25rem);background:#fffefa;border:1px solid #cdbf9e;border-top:4px solid #b98235}.premium-sample-image{position:relative;display:block;background:#07131f;overflow:hidden}.premium-sample-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.premium-sample-feature h2{margin:.45rem 0 .85rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02}.premium-sample-feature h2 a{text-decoration:none}.premium-sample-feature>div>p{font-size:1.05rem;line-height:1.65}.premium-sample-feature .premium-sample-note{font:600 .9rem/1.6 Arial,sans-serif;color:#4b5962}.premium-sample-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.2rem}.premium-sample-actions>a:last-child{font:600 .9rem/1.4 Arial,sans-serif}.premium-sample-badge{max-width:calc(100% - 1.5rem);white-space:nowrap}
@media(max-width:760px){.public-listener-panel,.premium-sample-feature{grid-template-columns:1fr}.public-listener-controls{grid-template-columns:1fr}.public-listener-buttons,.public-listener-status{grid-column:1}.premium-sample-feature{padding:1rem}.premium-sample-image img{aspect-ratio:4/3}}