/* Adaptive first screen: change spacing and artwork, never scale the whole page. */
@media(max-width:760px){
 body:has(.ah-reference){--fit-header:74px;--fit-hero:190px;--fit-compare:96px;--fit-ring:88px;--fit-gap:9px;--fit-pad:16px;--fit-nav:66px}
 body:has(.ah-reference) header{height:var(--fit-header)!important;padding:12px 18px!important}
 .mv-greeting strong{font-size:25px!important}.mv-greeting span{font-size:12px!important}
 body:has(.ah-reference) .header-actions .ux-mobile-search,body:has(.ah-reference) .header-actions #new-trade{width:40px;height:40px;min-width:40px;border-radius:12px!important}
 body:has(.ah-reference) main{padding-inline:12px!important;background:linear-gradient(to bottom,transparent calc(var(--fit-hero) - 8px),#f8f7ff 0)!important;padding-bottom:calc(var(--fit-nav) + 24px)!important}
 .an-home.ah-reference{gap:var(--fit-gap)!important}
 .hc-kpis>section:first-child{height:var(--fit-hero)!important;min-height:var(--fit-hero)!important;padding:var(--fit-pad) 19px!important;border-radius:22px!important}
 .hc-kpis>section:first-child>span{font-size:13px!important}.hc-kpis>section:first-child>strong{font-size:clamp(28px,8.2vw,38px)!important;margin:6px 0!important;line-height:1.15}
 .hc-kpis #an-privacy{top:17px!important}.mv-result{gap:10px!important;margin-top:2px!important}.mv-result .hc-position-percent{font-size:13px!important;padding:10px 11px!important}.mv-result>strong{font-size:16px!important}.mv-result>strong:after{font-size:9px!important;margin-top:3px}
 .hc-kpis>section:first-child:after{height:calc(var(--fit-hero) * .52)!important;bottom:-11px!important;opacity:.92}
 .hc-kpis>section.hc-banner{margin-top:-3px!important;margin-inline:-12px!important;width:calc(100% + 24px)!important;padding:10px 12px 0!important;gap:8px!important;min-height:var(--fit-compare)!important;border-radius:20px 20px 0 0!important}
 .hc-banner-stat,.hc-banner-advantage{min-height:0!important;height:var(--fit-compare)!important;padding:7px 5px!important;gap:3px!important;border-radius:15px!important}
 .hc-banner-stat:before{width:25px!important;height:25px!important}.hc-banner-advantage:before{font-size:23px!important;line-height:25px!important}.hc-banner-stat>span{font-size:12px!important}.hc-banner-stat>strong,.hc-banner-advantage>strong{font-size:clamp(21px,6vw,26px)!important}.hc-banner-advantage>span{font-size:10px!important}
 .wealth-goal{padding:13px 16px!important;border-radius:20px!important}.wg-head{gap:7px!important}.wg-head h2{font-size:16px!important}.wg-edit{padding:7px 10px!important;font-size:12px!important}.wg-info summary{width:17px!important;height:17px!important;font-size:12px!important}
 .wg-index{grid-template-columns:var(--fit-ring) minmax(0,1fr)!important;gap:16px!important;margin:10px 0 0!important}.wg-ring{width:var(--fit-ring)!important;height:var(--fit-ring)!important}.wg-index strong{font-size:26px!important}.wg-index span{font-size:13px!important}.wg-missing{font-size:16px!important;margin:9px 0 7px!important;line-height:1.25}.wg-missing:after{font-size:26px!important}.wg-values{padding-top:7px!important;gap:5px!important}.wg-values span,.wg-values strong{font-size:12px!important;line-height:1.4}
 .mobile-nav{height:var(--fit-nav,66px)!important;min-height:var(--fit-nav,66px)!important;padding:4px 12px max(4px,env(safe-area-inset-bottom))!important}.mobile-nav button{min-height:48px!important;gap:2px!important;font-size:11px!important}.mobile-nav button b{line-height:23px!important}.mobile-nav button b svg{height:23px;width:23px}.mobile-nav button.active b{padding:3px 13px!important;border-radius:14px!important}
 .an-home-top{margin-top:14px!important}
 body[data-fit=short] .mv-greeting strong{font-size:23px!important}body[data-fit=short] .mv-greeting span{font-size:11px!important}body[data-fit=short] .wg-head h2{font-size:15px!important}body[data-fit=short] .wg-index{margin-top:7px!important}body[data-fit=short] .wg-missing{margin:6px 0!important;font-size:15px!important}body[data-fit=short] .wg-values span,body[data-fit=short] .wg-values strong{font-size:11px!important}body[data-fit=short] .hc-kpis>section:first-child>strong{font-size:30px!important}
}
@media(max-width:760px){.hc-banner-advantage{flex-wrap:nowrap!important}.hc-banner-advantage>span{max-width:100%!important;white-space:normal!important;position:static!important}.hc-banner-stat{flex-wrap:nowrap!important}}
/* Corrected composition: reserve text space and fill the art's entire width. */
@media(max-width:760px){
 .fit-opening{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--fit-hero) calc(var(--fit-compare) + 10px) minmax(min-content,1fr);gap:8px;height:var(--opening-height);min-width:0}
 .fit-opening .hc-kpis{display:contents!important}
 .fit-opening .hc-kpis>section:first-child{margin:0!important;overflow:visible!important;padding:15px 18px!important;display:flex;flex-direction:column;justify-content:flex-start;gap:6px!important}
 .fit-opening .hc-kpis>section:first-child>strong{margin:3px 0!important;line-height:1.15!important;font-size:clamp(29px,8.4vw,38px)!important}
 .fit-opening .mv-result{margin-top:2px!important;flex-wrap:nowrap!important;gap:10px!important;align-items:center!important}
 .fit-opening .mv-result>strong{font-size:clamp(14px,4.1vw,18px)!important;white-space:nowrap!important}
 .fit-opening .mv-result .hc-position-percent{font-size:13px!important;padding:9px 11px!important;flex-shrink:0}
 .fit-opening .hc-kpis>section:first-child:after{height:var(--fit-art,60px)!important;width:calc(100% + 24px)!important;left:-12px!important;bottom:-10px!important;background-size:100% 100%!important;background-position:center bottom!important;opacity:1!important}
 .fit-opening .hc-kpis>section.hc-banner{margin:0 -12px!important;height:calc(var(--fit-compare) + 10px)!important;min-height:0!important;padding:10px 12px 0!important;align-items:stretch!important;border-radius:20px 20px 0 0!important}
 .fit-opening .hc-banner-stat,.fit-opening .hc-banner-advantage{height:var(--fit-compare)!important;margin:0!important;min-height:0!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important}
 .fit-opening .hc-banner-advantage>span{position:static!important;align-self:center!important;line-height:1.25!important}
 .fit-opening .wealth-goal{height:auto!important;min-height:0!important;margin:0!important;padding:13px 16px!important;display:flex!important;flex-direction:column!important;gap:0!important}
 .fit-opening .wg-content{display:flex!important;flex-direction:column!important;flex:1;min-height:0}
 .fit-opening .wg-index{margin:10px 0 0!important;flex:1;align-content:center}
 .fit-opening .wg-missing{margin:9px 0 7px!important;flex-shrink:0}
 .fit-opening .wg-values{flex-shrink:0}
 .fit-opening:has(.wg-form){height:auto!important;grid-template-rows:var(--fit-hero) calc(var(--fit-compare) + 10px) auto}
 body[data-fit=short] .fit-opening .wg-head h2{font-size:14px!important}body[data-fit=short] .fit-opening .wg-edit{padding:6px 8px!important}
 body[data-fit=short] .fit-opening .wg-index{margin-top:7px!important}body[data-fit=short] .fit-opening .wg-missing{margin:7px 0 6px!important}
 .mobile-nav{height:auto!important;min-height:70px!important;box-sizing:border-box!important;padding:6px 12px max(8px,env(safe-area-inset-bottom))!important;bottom:0!important}
 .mobile-nav button{min-height:48px!important;line-height:1.2!important;padding:2px 0!important}
 .an-home-top{margin-top:16px!important}
}
@media(max-width:340px){.fit-opening .mv-result>strong{font-size:13px!important}.fit-opening .mv-result{gap:7px!important}.fit-opening .mv-result>strong:after{font-size:8px!important}}

@media(max-width:760px){.fit-opening .wg-missing{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center}}

@media(max-width:760px){body[data-tiny=true] .fit-opening .wealth-goal{padding:10px 14px!important}body[data-tiny=true] .fit-opening .wg-index{grid-template-columns:58px minmax(0,1fr)!important;margin-top:5px!important}body[data-tiny=true] .fit-opening .wg-ring{width:58px!important;height:58px!important}body[data-tiny=true] .fit-opening .wg-missing{font-size:14px!important;margin:5px 0!important}body[data-tiny=true] .fit-opening .wg-values{padding-top:5px!important;gap:3px!important}body[data-tiny=true] .fit-opening .hc-kpis>section:first-child{padding:11px 16px!important;gap:3px!important}}
@media(max-width:760px){body:has(.ah-reference) main{background:linear-gradient(to bottom,transparent calc(var(--fit-hero) + 28px),#f8f7ff 0)!important}.fit-opening .hc-kpis>section.hc-banner{transform:translateY(-10px);border-radius:25px 25px 0 0!important;padding-top:12px!important;background:#f8f7ff!important}.fit-opening .hc-kpis>section:first-child:after{bottom:-15px!important}.fit-opening .hc-kpis>section.hc-banner:after{content:"";position:absolute;top:24px;bottom:-18px;left:0;right:0;background:#f8f7ff;z-index:-1;pointer-events:none}}
