/* Mobile composition. Loaded after the shared desktop styles. */
@media(max-width:760px){
 .vsao-skin{font-size:14px}
 .vsao-skin:before{top:68px;height:330px}
 .vsao-skin .wrap{width:calc(100% - 28px)}
 .vsao-skin h1,.vsao-skin h2,.vsao-skin h3{overflow-wrap:anywhere}
 .vsao-skin h2{font-size:22px;line-height:1.45;letter-spacing:-.6px}
 .vsao-skin h2 em{display:inline-block;line-height:1.5;padding-block:.12em;margin-block:-.12em;vertical-align:baseline}
 .vsao-skin .site-header{min-height:78px;gap:12px;flex-wrap:nowrap}
 .vsao-skin .site-header .logo{font-size:46px}
 .vsao-skin .site-header .custom-logo{max-width:160px;max-height:58px}
 .vsao-skin .menu-toggle{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #f9dbea;background:#fff4f9}
 .vsao-skin .site-header nav{position:absolute;inset:calc(100% - 2px) 0 auto;max-height:calc(100svh - 100px);overflow:auto;overscroll-behavior:contain;padding:10px 12px;margin:0;box-shadow:0 12px 30px #5c19451c;border-radius:18px;justify-content:space-between}
 .vsao-skin .site-header nav.is-open{display:flex}
 .vsao-skin .site-header nav>.home-link,.vsao-skin .site-header nav>.search-toggle{min-width:44px;min-height:44px;text-align:center}
 .vsao-skin .site-header nav>ul{order:3;flex:0 0 100%;display:flex;flex-direction:column;gap:2px;align-items:stretch;padding-top:6px}
 .vsao-skin .site-header nav li{width:100%;text-align:left}
 .vsao-skin .site-header nav li a{min-height:44px;padding:12px;font-size:14px;line-height:1.5;border-radius:10px}
 .vsao-skin .site-header nav .menu-item-has-children>a{padding-right:54px}
 .vsao-skin .site-header nav .sub-menu{display:none!important;position:static;width:100%;min-width:0;box-shadow:none;padding:3px 0 6px 14px;background:#fff7fb;border-radius:10px;flex-direction:column}
 .vsao-skin .site-header nav .submenu-open>.sub-menu{display:flex!important}
 .vsao-skin .submenu-toggle{display:grid;place-items:center;position:absolute;right:0;top:0;width:44px;height:44px;background:none;border:0;color:var(--purple);font-size:21px;border-radius:10px}
 .vsao-skin .submenu-toggle[aria-expanded=true]{transform:rotate(180deg)}
 .vsao-skin .site-header #header-search{top:100%;padding:12px}
 .vsao-skin .search-form{gap:7px}
 .vsao-skin .search-form input{min-height:44px;font-size:16px;padding:10px;min-width:0}
 .vsao-skin .search-form button{min-height:44px;padding:10px 12px;font-size:13px;white-space:nowrap}
 .vsao-skin .eyebrow{font-size:15px;line-height:1.6;margin:4px 0 12px 2px;letter-spacing:-.25px}
 .vsao-skin .eyebrow span{margin-left:6px}
 .vsao-skin .news-section{margin-top:28px}
 .vsao-skin .section-heading{align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
 .vsao-skin .section-heading h2{font-size:22px;line-height:1.45;flex:1 1 230px}
 .vsao-skin .section-heading h2>span{font-size:26px}
 .vsao-skin .section-heading .more{font-size:12px;min-height:36px;display:flex;align-items:center;margin-left:auto}
 .vsao-skin .card{border-radius:16px}
 .vsao-skin .card h3{font-size:18px;line-height:1.4;letter-spacing:-.35px}
 .vsao-skin .card p{font-size:13px;line-height:1.65;margin-bottom:4px}
 .vsao-skin .card-body{padding:12px 14px}
 .vsao-skin .badge{font-size:10px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
 .vsao-skin .today-section .hero-grid{gap:12px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
 .vsao-skin .today-section .hero-card .card-image{aspect-ratio:16/11;border-radius:16px;height:auto}
 .vsao-skin .today-section .hero-card .card-body{margin-top:-20px;padding:24px 16px 14px;border-radius:18px 18px 0 0}
 .vsao-skin .today-section .hero-card .card-body:before{inset:-10px 0 auto;height:12px}
 .vsao-skin .today-section .hero-card .badge{top:-22px;left:12px;border-width:5px;padding:4px 11px}
 .vsao-skin .today-section .hero-card h3{font-size:23px;line-height:1.38;margin-bottom:8px}
 .vsao-skin .today-section .hero-card p{max-width:100%;font-size:14px;line-height:1.65}
 .vsao-skin .today-section .horizontal{grid-template-columns:36% minmax(0,1fr);min-height:132px;padding:0}
 .vsao-skin .today-section .horizontal .card-image{min-height:0;height:100%;border-radius:14px}
 .vsao-skin .today-section .horizontal .card-body{padding:10px 11px;min-width:0}
 .vsao-skin .today-section .horizontal h3{font-size:15px;line-height:1.5;margin-bottom:5px}
 .vsao-skin .today-section .horizontal p{font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .vsao-skin .today-section .horizontal .badge{font-size:9px;padding:3px 8px;margin-bottom:5px}
 .vsao-skin .creator-feature-section{padding:12px;border-radius:20px}
 .vsao-skin .creator-feature-section .hero-card .card-image{aspect-ratio:2/1}
 .vsao-skin .creator-feature-section .hero-card .card-body{margin-top:-8px;padding:24px 14px 14px}
 .vsao-skin .creator-feature-section .hero-card h3{font-size:21px}
 .vsao-skin .creator-feature-section .horizontal .card-image{border-radius:14px}
 .vsao-skin .trending-section .five{display:flex;gap:12px;overflow-x:auto;padding:0 1px 12px;scroll-snap-type:x mandatory;scroll-padding-inline:1px;scrollbar-width:thin}
 .vsao-skin .trending-section .five>.card{flex:0 0 72%;min-width:0;scroll-snap-align:start;display:block}
 .vsao-skin .trending-section .compact .card-image{aspect-ratio:16/10;border-radius:14px}
 .vsao-skin .trending-section .compact h3{font-size:17px}
 .vsao-skin .trending-section .compact .card-body{padding:22px 12px 12px}
 .vsao-skin .trending-section .compact p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
 .vsao-skin .topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .vsao-skin .topic-list a{min-width:0;min-height:44px;white-space:normal;text-align:center;padding:9px 10px;gap:8px;border-radius:13px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 .vsao-skin .topic-list a span{flex:none;font-size:20px}
 .vsao-skin .three{gap:14px}
 .vsao-skin .stars-section .three>.card,.vsao-skin .related .three>.card{display:block}
 .vsao-skin .stars-section .three>.card .card-image,.vsao-skin .related .three>.card .card-image{aspect-ratio:16/9;min-height:0;height:auto;border-radius:14px}
 .vsao-skin .stars-section .card-body{padding:24px 14px 14px}
 .vsao-skin .related .card-body{margin-top:-30px;padding:24px 14px 14px;border-radius:16px 16px 0 0}
 .vsao-skin .related{margin-top:30px}
 .vsao-skin .topics .three>.card{display:block}
 .vsao-skin .topics .three>.card .card-image{height:auto;min-height:0;aspect-ratio:16/9}
 .vsao-skin .zodiac{padding:16px 12px;border-radius:20px;gap:18px}
 .vsao-skin .zodiac h2{font-size:22px;line-height:1.4}
 .vsao-skin .zodiac>div>p{margin-left:0;font-size:13px;margin-top:4px}
 .vsao-skin .zodiac-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}
 .vsao-skin .zodiac-grid a{font-size:11px;line-height:1.5;min-height:60px}
 .vsao-skin .zodiac-grid span{width:42px;height:42px;line-height:42px}
 .vsao-skin .zodiac .horizontal{grid-template-columns:36% minmax(0,1fr);align-items:stretch;min-height:112px}
 .vsao-skin .zodiac .horizontal .card-image{aspect-ratio:auto;align-self:stretch;height:100%;min-height:112px;border-radius:14px}
 .vsao-skin .zodiac .horizontal .card-image img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:inherit}
 .vsao-skin .zodiac .card-body{padding:10px 11px;min-width:0}
 .vsao-skin .zodiac .card h3{font-size:13px;line-height:1.55;margin-bottom:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .vsao-skin .zodiac .card.has-region-excerpt p{font-size:12px;line-height:1.6;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .vsao-skin .breadcrumbs{padding:8px 0 14px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
 .vsao-skin .archive-heading{padding:0 0 18px}
 .vsao-skin .archive-heading h1{font-size:32px;line-height:1.4;margin-bottom:8px}
 .vsao-skin .archive-heading p{font-size:14px;line-height:1.7}
 .vsao-skin .category-tabs{margin-bottom:18px}
 .vsao-skin .category-feature-section>h2{font-size:24px;padding-top:2px;margin-bottom:16px}
 .vsao-skin .content-layout{gap:24px;margin-top:26px;grid-template-columns:minmax(0,1fr)}
 .vsao-skin .content-layout>section,.vsao-skin .content-layout>.sidebar{min-width:0}
 .vsao-skin .post-list{gap:12px}
 .vsao-skin .post-list .horizontal{grid-template-columns:34% minmax(0,1fr);align-items:stretch}
 .vsao-skin .post-list .card-image{height:100%;min-height:120px;border-radius:14px}
 .vsao-skin .post-list .card-body{padding:10px 11px;min-width:0}
 .vsao-skin .post-list h3{font-size:15px;line-height:1.55;margin-bottom:4px}
 .vsao-skin .post-list .badge{font-size:9px;padding:3px 8px;margin-bottom:5px}
 .vsao-skin .post-list .card.has-region-excerpt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.6}
 .vsao-skin .post-list .meta{font-size:10px;line-height:1.5}
 .vsao-skin .category-infinite{padding:20px 0 6px}
 .vsao-skin .load-more{min-height:44px}
 .vsao-skin .sidebar-follow{position:static;display:grid;gap:16px;min-width:0}
 .vsao-skin .sidebar .popular{padding:14px;border-width:5px;border-radius:18px;max-height:none;overflow:visible}
 .vsao-skin .sidebar h2{font-size:20px;line-height:1.5}
 .vsao-skin .popular li{padding:12px;gap:12px}
 .vsao-skin .popular li:before{font-size:32px}
 .vsao-skin .popular li a{font-size:14px;line-height:1.55;display:block}
 .vsao-skin .single-page .content-layout{gap:24px}
 .vsao-skin .article{min-width:0}
 .vsao-skin .article-header h1{font-size:27px;line-height:1.42;letter-spacing:-.65px;margin:8px 0 14px}
 .vsao-skin .article-deck{font-size:16px;line-height:1.8;margin-bottom:16px}
 .vsao-skin .article-header .meta{font-size:12px;line-height:1.6}
 .vsao-skin .share{gap:8px;margin:16px 0 20px}
 .vsao-skin .share a,.vsao-skin .share button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;font-size:12px}
 .vsao-skin .share>span:first-child{width:100%;font-weight:600}
 .vsao-skin .copy-status{flex-basis:100%;line-height:1.6}
 .vsao-skin .copy-status:empty{display:none}
 .vsao-skin .article-cover img{border-radius:14px}
 .vsao-skin .article-content{font-size:16px;line-height:1.85}
 .vsao-skin .article-content p{margin-bottom:18px}
 .vsao-skin .article-content h2{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:26px 0 14px}
 .vsao-skin .article-content h3{font-size:20px;line-height:1.55;margin:22px 0 12px}
 .vsao-skin .article-content ul,.vsao-skin .article-content ol{padding-left:23px}
 .vsao-skin .article-content li{margin-bottom:7px}
 .vsao-skin .article-content figure{margin:20px 0;max-width:100%}
 .vsao-skin .article-content img{height:auto;border-radius:12px}
 .vsao-skin .article-content iframe,.vsao-skin .article-content video{max-width:100%}
 .vsao-skin .article-content table{display:block;max-width:100%;overflow-x:auto;white-space:normal}
 .vsao-skin .article-content blockquote{margin:20px 0;padding:16px 18px;font-size:16px}
 .vsao-skin .article-content .article-toc-box{padding:14px 12px;margin:20px 0;border-radius:16px}
 .vsao-skin .article-toc-box summary{gap:8px;min-height:44px}
 .vsao-skin .article-toc-box .toc-title{font-size:17px;line-height:1.6}
 .vsao-skin .article-toc-box .toc-toggle-label{font-size:11px}
 .vsao-skin .toc-icon{width:20px;gap:3px}
 .vsao-skin .toc-box #article-toc a{min-height:58px;padding:10px;gap:11px;font-size:14px;line-height:1.6}
 .vsao-skin .toc-box #article-toc a:before{flex-basis:32px;width:32px;height:32px;font-size:21px}
 .vsao-skin .article .post-tags{gap:8px;margin-top:22px}
 .vsao-skin .article .post-tags a{min-height:36px;font-size:12px;display:inline-flex;align-items:center}
 .vsao-skin .comments-area textarea,.vsao-skin .comments-area input{font-size:16px}
 .vsao-skin .brand-banner{padding:24px 18px;border-radius:16px}
 .vsao-skin .brand-banner strong{font-size:24px;line-height:1.55;letter-spacing:-.5px}
 .vsao-skin .footer-bottom{padding:24px 0;gap:18px}
 .vsao-skin .footer-bottom nav{width:100%}
 .vsao-skin .footer-bottom nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 10px}
 .vsao-skin .footer-bottom>small{line-height:1.8}
 .vsao-skin .page-content{padding:24px 0}
 .vsao-skin .page-content h1{font-size:29px;line-height:1.45}
 .vsao-skin .empty-state{padding:32px 12px}
}
@media(min-width:761px){.vsao-skin .submenu-toggle{display:none}}
@media(max-width:360px){
 .vsao-skin .wrap{width:calc(100% - 24px)}
 .vsao-skin .section-heading h2{font-size:20px;flex-basis:210px}
 .vsao-skin .today-section .hero-card h3{font-size:21px}
 .vsao-skin .today-section .horizontal h3,.vsao-skin .post-list h3{font-size:14px}
 .vsao-skin .today-section .horizontal .card-body,.vsao-skin .post-list .card-body{padding:9px}
 .vsao-skin .today-section .horizontal p,.vsao-skin .post-list .card.has-region-excerpt p{font-size:11px}
 .vsao-skin .article-header h1{font-size:25px}
 .vsao-skin .article-toc-box .toc-title{font-size:15px}
 .vsao-skin .article-toc-box .toc-toggle-label{font-size:10px}
 .vsao-skin .share a,.vsao-skin .share button{font-size:11px;padding:8px}
}