/* AnVyStories Web V3 – matches the approved white, bold mobile design, without demo controls. */
:root{--v3-black:#11131b;--v3-text:#30333e;--v3-blue:#255dea;--v3-muted:#727684;--v3-line:#e8e9ec}
html{scroll-behavior:smooth}
body.v2-body.v3-body{background:#fff;color:var(--v3-black);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px}
.v3-body .container{max-width:1160px;padding-left:clamp(17px,3vw,34px);padding-right:clamp(17px,3vw,34px)}
.v3-body a{text-decoration:none}
.v3-header{background:#fff;position:relative;z-index:30;border-bottom:1px solid #f0f0f2}
.v3-header-inner{padding-top:16px;padding-bottom:6px}
.v3-header-brand{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v3-logo{font-size:clamp(29px,3.6vw,43px);font-weight:850;letter-spacing:-.062em;color:#090d17;line-height:1.15}
.v3-logo:hover{color:#0d43c6}
.v3-head-buttons{display:flex;align-items:center;gap:10px}
.v3-icon-btn,.v3-menu-btn{width:46px;height:46px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2f3f5;color:#11131b;cursor:pointer}
.v3-icon-btn:hover,.v3-menu-btn:hover{background:#e4ebfd}
.v3-menu-btn{display:none}
.v3-nav{display:flex;gap:clamp(13px,2.45vw,37px);align-items:center;overflow-x:auto;scrollbar-width:none;padding-top:10px;white-space:nowrap}
.v3-nav::-webkit-scrollbar{display:none}
.v3-nav a{position:relative;display:inline-flex;padding:9px 0 13px;color:#565b68;font-size:clamp(13px,1.5vw,17px);font-weight:540;letter-spacing:0}
.v3-nav a:hover,.v3-nav a.active{color:var(--v3-blue)}
.v3-nav a.active:after{content:"";height:3px;background:var(--v3-blue);border-radius:5px;position:absolute;left:0;right:0;bottom:3px}
.v3-home{padding-top:24px;padding-bottom:56px}
.v3-hero-image{position:relative;display:block;width:100%;height:clamp(200px,30vw,345px);border-radius:19px;overflow:hidden;background:#13253c;box-shadow:0 5px 20px rgba(40,56,78,.12)}
.v3-hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 46%;transition:transform .28s ease}
.v3-hero-image:hover>img{transform:scale(1.035)}
.v3-banner-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;padding:37px 24px 18px;background:linear-gradient(0deg,rgba(3,11,30,.84),transparent);color:#fff;font-size:clamp(13px,1.7vw,21px);font-weight:700;text-shadow:0 1px 3px #0008}
.v3-week{margin:19px 0 30px}
.v3-week h1{font-size:clamp(25px,3.3vw,40px);line-height:1.22;letter-spacing:-.045em;color:#11131b;font-weight:810;margin:0 0 6px;font-family:inherit}
.v3-week p{margin:0;color:#777c89;font-size:clamp(15px,2vw,23px);line-height:1.5}
.v3-section{margin:26px 0 37px}
.v3-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.v3-section-head h2{display:flex;align-items:center;gap:10px;margin:0;color:#11131b;font-size:clamp(23px,2.7vw,32px);letter-spacing:-.038em;font-weight:800;line-height:1.2;font-family:inherit}
.v3-section-icon{font-size:clamp(25px,2.8vw,36px);line-height:1;min-width:34px}
.v3-section-head>a{color:#666c79;font-size:clamp(13px,1.5vw,17px);font-weight:500;white-space:nowrap}
.v3-section-head>a span{font-size:24px;vertical-align:-1px}
.v3-section-head>a:hover{color:var(--v3-blue)}
.v3-genres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v3-genre{display:block;min-width:0;color:#11131b}
.v3-genre img{display:block;width:100%;height:clamp(185px,28vw,350px);object-fit:cover;border-radius:15px;box-shadow:0 2px 10px rgba(25,32,45,.09);transition:transform .24s,box-shadow .24s}
.v3-genre:hover img{transform:translateY(-3px);box-shadow:0 7px 22px rgba(25,32,45,.16)}
.v3-genre strong{display:block;margin-top:11px;font-weight:680;font-size:clamp(14px,1.9vw,20px);line-height:1.3}
.v3-actual-stories{margin-top:17px;border:1px solid #ecedf0;border-radius:14px;padding:16px 18px 6px;background:#fbfbfc}
.v3-eyebrow{color:#777c89;font-weight:750;font-size:11px;letter-spacing:.1em;margin-bottom:4px}
.v3-actual-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v3-latest-item{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:11px 0;border-top:1px solid #e8e8eb;color:#11131b}
.v3-latest-name{font-size:15px;font-weight:750}
.v3-latest-category{color:#777c89;font-size:12px;line-height:1.55;grid-column:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}
.v3-latest-arrow{color:#4451a5;font-size:18px;grid-column:2;grid-row:1 / span 2}
.v3-music-card{display:grid;grid-template-columns:clamp(130px,20vw,210px) minmax(0,1fr);gap:22px;padding:14px;border-radius:19px;border:1px solid #e9eaf0;background:#fff;box-shadow:0 8px 22px rgba(33,45,58,.075);align-items:center}
.v3-album-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block;overflow:hidden}
.v3-album-img img{width:100%;height:100%;object-fit:cover}
.v3-music-desc{min-width:0}
.v3-music-desc h3,.v3-song-title{font-size:clamp(19px,2.6vw,30px);line-height:1.15;margin:0;font-weight:800;color:#11131b;letter-spacing:-.025em}
.v3-music-desc p{font-size:clamp(13px,1.6vw,18px);color:#818590;margin:8px 0 18px}
.v3-player{display:flex;align-items:center;gap:13px;min-height:42px}
.v3-player audio{width:100%;max-width:510px}
.v3-play-disabled{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;background:#a1a4ae;color:#fff;border-radius:50%;font-size:16px;cursor:not-allowed}
.v3-player-rail{height:7px;flex:1;background:#e9e9ec;border-radius:5px;max-width:250px}
.v3-unavailable{font-size:12px;color:#7b7e88;white-space:nowrap}
.v3-soon-link{display:inline-block;font-size:13px;color:#255dea;margin-top:8px;font-weight:650}
.v3-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.v3-video-tile{min-width:0;color:#11131b}
.v3-video-cover{display:block;position:relative;aspect-ratio:2.15/1;overflow:hidden;border-radius:15px;background:#e4ebf2}
.v3-video-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.v3-video-tile:hover img{transform:scale(1.04)}
.v3-video-tile strong{display:block;font-size:clamp(15px,1.9vw,20px);margin-top:11px;line-height:1.35;font-weight:730}
.v3-videostatus{position:absolute;right:10px;bottom:10px;font-size:11px;background:#111b29d9;color:#fff;padding:5px 10px;border-radius:8px}
.v3-videoplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;background:#fffdf1e6;color:#1b1920;border-radius:50%;display:grid;place-items:center}
.v3-knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.v3-knowledge-item{min-width:0;border:1px solid #ebebf0;border-radius:14px;overflow:hidden;display:block;color:#11131b;background:#fff}
.v3-knowledge-item>img{width:100%;aspect-ratio:1.7;object-fit:cover}
.v3-knowledge-item>span{display:block;padding:15px}
.v3-knowledge-item strong{display:block;font-size:17px;line-height:1.3}
.v3-knowledge-item small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;line-height:1.6;color:#747987}
.v3-extras{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.v3-extras>div{border:1px solid #eeeef0;border-radius:16px;padding:22px;background:#fbfbfd;min-height:172px}
.v3-extras h2{font-family:inherit;font-size:22px;color:#11131b;margin:0 0 11px}
.v3-extras p{font-size:14px;color:#747987;line-height:1.7;margin:0 0 10px}
.v3-extras a{font-size:14px;color:#1a43a5;display:block;margin:5px 0}
.v3-extras .v3-more{font-weight:750;margin-top:14px}
.v3-bottom{margin-top:34px;border-radius:18px;background:#eff4fd;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 30px}
.v3-bottom span{font-size:11px;font-weight:750;color:#4e61a2;letter-spacing:.16em}
.v3-bottom h2{font-size:27px;margin:3px 0;font-weight:810;color:#172344;letter-spacing:-.04em}
.v3-bottom p{font-size:14px;color:#6f7585;margin:2px 0}
.v3-bottom a{padding:11px 16px;background:#255dea;color:white;border-radius:9px;font-size:13px;font-weight:700;white-space:nowrap}
/* The publisher listing and article pages keep their V2 features, but use a cleaner palette. */
.v3-body .v2-category-page{background:#fff}.v3-body .v2-category-hero{background:#f7f8fa}.v3-body .v2-catalog-grid .v2-card{background:#fff}
.v3-body .site-footer{margin-top:20px}
@media(max-width:760px){
 .v3-header-inner{padding-top:13px;padding-bottom:0}
 .v3-logo{font-size:29px}
 .v3-icon-btn{width:41px;height:41px}
 .v3-nav{gap:22px;padding:8px 0 0;overflow-x:auto}
 .v3-nav a{font-size:15px;padding:10px 0 14px}
 .v3-home{padding-top:17px}
 .v3-hero-image{height:clamp(165px,45vw,270px);border-radius:17px}
 .v3-banner-overlay{font-size:13px;padding:36px 13px 11px}
 .v3-week{margin:18px 0 26px}
 .v3-week h1{font-size:clamp(23px,5.5vw,30px)}
 .v3-week p{font-size:15px}
 .v3-section{margin:29px 0 34px}
 .v3-section-head h2{font-size:clamp(21px,5vw,27px);gap:8px}
 .v3-section-icon{min-width:23px;font-size:24px}
 .v3-section-head>a{font-size:13px}
 .v3-genres{gap:9px}
 .v3-genre img{height:auto;aspect-ratio:.87;object-fit:cover;border-radius:13px}
 .v3-genre strong{font-size:clamp(12px,3.55vw,16px);margin-top:9px;line-height:1.3}
 .v3-actual-list{grid-template-columns:1fr}
 .v3-music-card{grid-template-columns:minmax(100px,34%) 1fr;gap:13px;padding:11px;border-radius:17px}
 .v3-album-img{border-radius:13px}
 .v3-music-desc h3,.v3-song-title{font-size:clamp(16px,4.4vw,23px)}
 .v3-music-desc p{font-size:12px;margin:6px 0 10px}
 .v3-player{gap:8px;min-height:29px}
 .v3-play-disabled{width:30px;height:30px;font-size:12px}
 .v3-player-rail{height:6px}
 .v3-unavailable{font-size:11px;white-space:normal}
 .v3-player audio{height:35px;min-width:0}
 .v3-video-grid{gap:12px}
 .v3-video-cover{aspect-ratio:1.85/1;border-radius:13px}
 .v3-video-tile strong{font-size:15px;margin-top:9px}
 .v3-knowledge-grid{grid-template-columns:1fr;gap:12px}
 .v3-knowledge-item{display:flex;gap:12px;align-items:center}
 .v3-knowledge-item>img{width:37%;aspect-ratio:1.35;flex:none}
 .v3-knowledge-item>span{padding:9px 9px 9px 0}
 .v3-knowledge-item strong{font-size:15px}
 .v3-knowledge-item small{font-size:12px}
 .v3-extras{grid-template-columns:1fr;gap:12px}
 .v3-bottom{display:block;padding:20px}
 .v3-bottom h2{font-size:24px}
 .v3-bottom a{display:inline-block;margin-top:14px}
}
@media(max-width:380px){.v3-nav{gap:16px}.v3-nav a{font-size:14px}.v3-music-card{grid-template-columns:108px 1fr}.v3-song-title,.v3-music-desc h3{font-size:16px}.v3-genre strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.v3-hero-image img,.v3-genre img,.v3-video-tile img{transition:none}}