/* Mobile alignment: comparisons and comparison hub. */
@media(max-width:900px){
  .gemeltest-compare .site-header,.gemeltest-compare-hub .site-header{position:sticky;top:0;z-index:30}
  .gemeltest-compare .header-inner>.button,.gemeltest-compare-hub .header-inner>.button{display:inline-flex;margin-right:auto;white-space:nowrap}
  .gemeltest-compare .comparison-content{overflow:hidden}
  .gemeltest-compare .fund-line-tabs,.gemeltest-compare .period-tabs{display:flex;overflow-x:auto;max-width:100%;padding-bottom:7px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none}
  .gemeltest-compare .fund-line-tabs::-webkit-scrollbar,.gemeltest-compare .period-tabs::-webkit-scrollbar{display:none}
  .gemeltest-compare .fund-line-tabs a,.gemeltest-compare .period-tabs a{flex:0 0 auto;scroll-snap-align:start}
  .comparison-tray{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px)}
  .comparison-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}
  .dialog-content{scroll-padding-inline:16px;overscroll-behavior-inline:contain}
  .comparison-dialog-footer{position:sticky;z-index:2;bottom:0}
  .compare-hub-actions .button{flex:1 1 220px}
}
@media(max-width:620px){
  .gemeltest-compare .header-inner,.gemeltest-compare-hub .header-inner{gap:10px}
  .gemeltest-compare .brand,.gemeltest-compare-hub .brand{min-width:0}
  .gemeltest-compare .brand img,.gemeltest-compare-hub .brand img{width:auto;max-width:132px;height:auto}
  .gemeltest-compare .header-inner>.button,.gemeltest-compare-hub .header-inner>.button{min-height:38px;margin-right:0;padding-inline:11px;font-size:12px}
  .gemeltest-compare .compare-hero{padding:25px 0 30px}
  .gemeltest-compare .breadcrumbs{overflow-x:auto;white-space:nowrap;font-size:12px;scrollbar-width:none}
  .gemeltest-compare .compare-title-row{gap:16px}
  .gemeltest-compare .compare-title-row h1{font-size:clamp(31px,10vw,38px);line-height:1.15;letter-spacing:-1px}
  .gemeltest-compare .compare-title-row>div>p:last-child{margin-top:10px;font-size:15px;line-height:1.6}
  .gemeltest-compare .data-date{padding:12px 14px}
  .gemeltest-compare .classification-nav{padding:28px 0}
  .gemeltest-compare .classification-grid{display:flex;overflow-x:auto;margin-inline:-14px;padding:0 14px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .gemeltest-compare .classification-grid::-webkit-scrollbar{display:none}
  .gemeltest-compare .classification-card{flex:0 0 84%;min-height:150px;padding:18px;scroll-snap-align:start}
  .gemeltest-compare .summary-grid>div{min-height:92px}
  .gemeltest-compare .comparison-table tr{padding:17px 16px}
  .gemeltest-compare .comparison-table td,.gemeltest-compare .comparison-table td:first-child{grid-template-columns:minmax(106px,42%) minmax(0,1fr)}
  .gemeltest-compare .comparison-table td:before{font-size:12px}
  .gemeltest-compare .fund-main-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;box-shadow:0 8px 24px rgba(14,63,57,.06)}
  .gemeltest-compare .fund-main-row>td:first-child{grid-column:1/-1;margin-bottom:8px;padding:0 0 14px!important}
  .gemeltest-compare .fund-main-row .fund-link{font-size:18px;line-height:1.35}
  .gemeltest-compare .fund-main-row .fund-company-inline{margin-top:6px;font-size:13px!important}
  .gemeltest-compare .fund-main-row .return-cell{display:none!important}
  .gemeltest-compare .fund-main-row .return-cell.is-mobile-primary{display:grid!important;grid-template-columns:1fr;gap:5px;padding:10px 12px!important;border-radius:10px;background:#f0f8f5}
  .gemeltest-compare .fund-main-row .return-cell.is-mobile-primary:before{font-size:11px}
  .gemeltest-compare .fund-main-row .return-cell.is-mobile-primary .return-value{font-size:19px;font-weight:900}
  .gemeltest-compare .fund-main-row>td:nth-last-child(2){display:grid!important;grid-template-columns:1fr;gap:5px;padding:10px 12px!important;border-radius:10px;background:#fbf7ef}
  .gemeltest-compare .fund-main-row>td:last-child{grid-column:1/-1;padding:12px 0 0!important}
  .gemeltest-compare .row-actions{grid-template-columns:1fr 1fr;min-width:0}
  .gemeltest-compare .row-actions button{min-height:46px;font-size:14px}
  .gemeltest-compare .fund-details-row[hidden]{display:none!important}
  .gemeltest-compare .fund-details-row:not([hidden]){display:block!important;grid-column:1/-1;margin-top:-13px;padding:0 13px 13px;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;background:#fff}
  .gemeltest-compare .fund-details-row:not([hidden]) td{display:block!important}
  .gemeltest-compare .fund-details-content{padding:16px;border:0;border-radius:12px;background:#f5faf8}
  .gemeltest-compare .comparison-table tr.is-mobile-deferred{display:none!important}
  .gemeltest-compare .mobile-results-control:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:15px;border:1px solid #cfe2dd;border-radius:14px;background:#f2f8f6}
  .gemeltest-compare .mobile-results-control p{margin:0;color:var(--ink);font-size:13px;line-height:1.45}
  .gemeltest-compare .mobile-results-control p b,.gemeltest-compare .mobile-results-control p span{display:block}
  .gemeltest-compare .mobile-results-control p span{margin-top:2px;color:var(--muted);font-size:11px}
  .gemeltest-compare .mobile-results-control .button{flex:0 0 auto;min-height:44px;padding-inline:14px;font-size:12px;white-space:nowrap}
  .comparison-tray{padding:12px;border-radius:14px}
  .comparison-tray>div:first-child b{font-size:14px}
  .comparison-tray-actions{grid-template-columns:88px minmax(0,1fr)}
  .tray-open{min-width:0;padding-inline:12px}
  .comparison-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
  .dialog-heading{flex:0 0 auto;padding:13px 14px}
  .dialog-heading h2,.comparison-dialog .dialog-heading h2{font-size:21px;line-height:1.25}
  .dialog-close{width:44px;height:44px}
  .dialog-content{flex:1 1 auto;gap:10px;padding:12px 14px 16px}
  .selected-product{flex-basis:calc(100vw - 28px);padding:17px}
  .selected-product header{min-height:auto;padding-left:34px;margin-bottom:10px}
  .comparison-dialog .selected-product h3{font-size:18px}
  .selected-risk{margin:4px 0 14px;padding:14px}
  .comparison-dialog .selected-risk>strong{font-size:25px}
  .comparison-dialog .selected-risk dl{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .comparison-dialog .selected-risk dd{font-size:13px;overflow-wrap:anywhere}
  .comparison-dialog .selected-returns dt{font-size:13px!important}
  .comparison-dialog .selected-returns dd{font-size:16px!important}
  .comparison-dialog-footer{gap:9px;padding:11px 14px max(11px,env(safe-area-inset-bottom))}
  .comparison-dialog-footer .legal-note{font-size:10px;line-height:1.4}
  .comparison-check-cta{min-height:46px}
  .compare-hub-hero{padding:36px 0 42px}
  .compare-hub-hero-grid{gap:32px}
  .compare-hub-breadcrumbs{overflow-x:auto;margin-bottom:16px;white-space:nowrap;scrollbar-width:none}
  .compare-hub-hero h1{font-size:clamp(36px,11vw,44px);letter-spacing:-1.2px}
  .compare-hub-actions{display:grid;grid-template-columns:1fr}
  .compare-hub-actions .button{width:100%}
  .compare-hub-summary{padding:20px}
  .compare-hub-directory,.compare-hub-guide,.compare-hub-cta{padding:42px 0}
  .compare-hub-heading{gap:10px;margin-bottom:22px}
  .compare-hub-heading>p{font-size:14px}
  .compare-hub-card{min-height:0;padding:20px}
  .compare-hub-card h3{font-size:20px}
  .compare-hub-guide-grid{gap:28px}
  .compare-hub-guide li{padding:13px}
  .compare-hub-cta-box{gap:22px;padding:24px}
  .compare-hub-cta-box h2{font-size:26px;line-height:1.3}
}

@media(max-width:430px){
  .gemeltest-compare .mobile-results-control:not([hidden]){align-items:stretch;flex-direction:column}
  .gemeltest-compare .mobile-results-control .button{width:100%}
}

/* Mobile alignment: portfolio map. */
@media(max-width:900px){
  .gemeltest-portfolio-page .site-header{position:sticky;top:0;z-index:40}
  .gemeltest-portfolio-page .header-inner>.button{display:inline-flex;margin-right:auto;white-space:nowrap}
  .portfolio-layout,.portfolio-map-grid{grid-template-columns:minmax(0,1fr)}
  .portfolio-layout>*{min-width:0}
  .portfolio-basket{position:static}
  .portfolio-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .portfolio-projection-head{display:grid}
  .portfolio-scenarios{width:max-content;max-width:100%}
}
@media(max-width:650px){
  .gemeltest-portfolio-page .header-inner{gap:10px}
  .gemeltest-portfolio-page .brand{min-width:0}
  .gemeltest-portfolio-page .brand img{width:auto;max-width:132px;height:auto}
  .gemeltest-portfolio-page .header-inner>.button{min-height:38px;margin-right:0;padding-inline:11px;font-size:12px}
  .portfolio-head{padding:26px 0 28px}
  .portfolio-head h1{font-size:clamp(31px,10vw,38px);line-height:1.15}
  .portfolio-head>div>p:last-of-type{font-size:14px;line-height:1.6}
  .portfolio-steps.is-visible{display:flex;overflow-x:auto;margin-inline:-14px;padding:5px 14px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .portfolio-steps.is-visible::-webkit-scrollbar{display:none}
  .portfolio-steps.is-visible li{flex:0 0 105px;min-width:105px;scroll-snap-align:start}
  .portfolio-steps.is-pinned{display:flex!important;padding:8px 10px;overscroll-behavior-inline:contain}
  .portfolio-steps.is-pinned li{flex-basis:92px;min-width:92px}
  .portfolio-workspace{padding:26px 0 42px}
  .portfolio-layout{gap:14px}
  .portfolio-finder,.portfolio-basket{border-radius:15px}
  .portfolio-finder{padding:17px}
  .portfolio-panel-heading{display:grid;gap:3px}
  .portfolio-panel-heading h2,.portfolio-basket h2{font-size:22px}
  .portfolio-type-tabs{margin:17px -3px 14px;overflow-x:auto;padding:4px;scrollbar-width:none}
  .portfolio-type-tabs::-webkit-scrollbar{display:none}
  .portfolio-type-tabs button{flex:0 0 auto;min-height:42px;padding-inline:14px}
  .portfolio-search-form>div{grid-template-columns:1fr}
  .portfolio-search-form input{min-height:50px;font-size:16px}
  .portfolio-search-form .button{width:100%;min-height:48px}
  .portfolio-search-status{margin-top:13px}
  .portfolio-result{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px}
  .portfolio-result-main{display:block}
  .portfolio-result h3{font-size:14px;overflow-wrap:anywhere}
  .portfolio-result dl{grid-template-columns:1fr 1fr;margin-top:9px}
  .portfolio-result>.button{grid-column:1/-1;width:100%;min-height:44px}
  .portfolio-load-more{width:100%;margin-top:13px}
  .portfolio-basket{padding:17px}
  .portfolio-selected-item{grid-template-columns:auto minmax(0,1fr) auto}
  .portfolio-selected-item b{font-size:12px;overflow-wrap:anywhere}
  .portfolio-amount input{min-height:40px;font-size:14px}
  .portfolio-map-button{min-height:50px}
  .portfolio-summary{padding:42px 0}
  .portfolio-summary-heading{gap:14px;margin-bottom:18px}
  .portfolio-summary-heading h2{font-size:28px;line-height:1.25}
  .portfolio-summary-heading p{font-size:14px;line-height:1.55}
  .portfolio-summary-actions,.portfolio-summary-actions .button{width:100%}
  .portfolio-projection{margin-inline:-4px;padding:20px 16px;border-radius:17px}
  .portfolio-projection h3{font-size:25px;line-height:1.25}
  .portfolio-projection-head p{font-size:12px;line-height:1.55}
  .portfolio-scenarios{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .portfolio-scenarios button,.portfolio-scenarios button[data-scenario-rate="actual"]{min-width:0;min-height:52px}
  .portfolio-projection-results{grid-template-columns:1fr;gap:8px;margin-top:18px}
  .portfolio-projection-card{padding:15px}
  .portfolio-projection-card>b{font-size:24px}
  .portfolio-projection-card>div{display:flex;flex-wrap:wrap}
  .portfolio-projection-note{font-size:10px}
  .portfolio-summary-metrics{grid-template-columns:1fr 1fr;gap:8px}
  .portfolio-summary-metrics>div{min-width:0;padding:14px}
  .portfolio-summary-metrics b{font-size:18px;overflow-wrap:anywhere}
  .portfolio-product-collapse summary{grid-template-columns:minmax(0,1fr) 22px;gap:10px;padding:14px}
  .portfolio-product-main{align-items:flex-start}
  .portfolio-product-main b{font-size:13px;overflow-wrap:anywhere}
  .portfolio-product-values{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:6px}
  .portfolio-product-values>span{padding:8px}
  .portfolio-product-values>span:last-child{grid-column:1/-1}
  .portfolio-collapse-body{padding:14px}
  .portfolio-detail-fields{grid-template-columns:1fr}
  .portfolio-detail-input input{min-height:48px;font-size:16px}
  .portfolio-fund-facts>div{grid-template-columns:1fr 1fr}
  .portfolio-collapse-footer{align-items:flex-start;flex-direction:column-reverse;gap:10px}
  [data-remove-detail]{min-height:40px!important;padding:8px 0!important;font-size:12px!important}
  .portfolio-checkpoints{padding:20px}
  .portfolio-signal-grid{grid-template-columns:1fr 1fr}
  .portfolio-improvement,.portfolio-peer-panel{padding:18px;border-radius:16px}
  .portfolio-improvement-head,.portfolio-peer-heading{display:grid;gap:8px}
  .portfolio-improvement h3,.portfolio-peer-heading h3{font-size:22px;line-height:1.3}
  .portfolio-improvement-head>a{min-height:40px;padding:8px 0}
  .portfolio-improvement-body,.portfolio-improvement-controls,.portfolio-improvement-results{grid-template-columns:1fr;gap:10px}
  .portfolio-improvement-input input{min-height:48px;font-size:16px}
  .portfolio-improvement-results article{min-height:105px}
  .portfolio-improvement-highlight a{width:100%;min-height:46px}
  .portfolio-peer-card summary{grid-template-columns:minmax(0,1fr) 22px;gap:9px;padding:14px}
  .portfolio-peer-summary{grid-column:1/-1;grid-row:2;max-width:none;text-align:right}
  .portfolio-peer-card summary>i{grid-column:2;grid-row:1}
  .portfolio-peer-body{padding:13px}
  .portfolio-percentiles{grid-template-columns:1fr 1fr}
  .portfolio-similar a{grid-template-columns:1fr 72px;gap:7px;padding:10px}
  .portfolio-similar a>span:last-child{display:none}
  .professional-check{padding:42px 0}
  .professional-check-grid{grid-template-columns:1fr;gap:26px}
  .professional-check h2{font-size:27px;line-height:1.3}
  .lead-form.is-portfolio-lead,.lead-goals{grid-template-columns:1fr}
  .lead-form{padding:17px}
  .lead-goals label{min-height:66px}
  .lead-success{padding:24px 14px}
}
@media(max-width:390px){
  .gemeltest-portfolio-page .header-inner>.button{padding-inline:9px;font-size:11px}
  .portfolio-summary-metrics,.portfolio-fund-facts>div,.portfolio-percentiles,.portfolio-signal-grid{grid-template-columns:1fr}
  .portfolio-scenarios{grid-template-columns:1fr 1fr}
}

/* Mobile alignment: shared navigation, home, fund pages and account. */
@media(max-width:900px){
  .site-header{position:sticky;top:0;z-index:50}
  .header-inner{position:relative;flex-wrap:wrap;gap:12px 22px;padding-block:10px}
  .main-nav{order:3;display:flex;width:100%;gap:22px;overflow-x:auto;padding:9px 2px 1px;border-top:1px solid var(--line);white-space:nowrap;scroll-snap-type:x proximity;scrollbar-width:none}
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav>a,.main-nav>.comparison-menu{flex:0 0 auto;scroll-snap-align:start}
  .comparison-menu>summary{white-space:nowrap}
  .gemeltest-home .hero-grid{gap:34px}
  .gemeltest-fund-page .fund-hero-grid,.gemeltest-fund-page .fund-two-columns{grid-template-columns:1fr}
  .gemeltest-account-page .account-forms,.gemeltest-account-page .saved-map-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .header-inner{min-height:0;padding-block:9px}
  .brand{min-width:0}
  .brand img{width:auto;max-width:138px;height:auto}
  .main-nav{gap:19px;margin-top:1px;padding-top:8px;font-size:13px}
  .comparison-menu-panel{position:fixed;right:14px;left:14px;top:auto;width:auto;max-height:65vh;overflow-y:auto}
  .gemeltest-home .hero{padding:38px 0 44px}
  .gemeltest-home .hero-copy{text-align:right}
  .gemeltest-home .hero h1{font-size:clamp(36px,11vw,44px);line-height:1.12}
  .gemeltest-home .hero-lead{margin:17px 0 23px;font-size:16px;line-height:1.65}
  .gemeltest-home .hero-actions,.gemeltest-home .trust-list{align-items:stretch;justify-content:flex-start}
  .gemeltest-home .hero-actions .button{width:100%}
  .gemeltest-home .trust-list{align-items:flex-start}
  .gemeltest-home .snapshot-card{padding:17px;border-radius:17px}
  .gemeltest-home .snapshot-head{align-items:flex-start;gap:10px}
  .gemeltest-home .completion-row{gap:13px}
  .gemeltest-home .score-ring{flex-basis:66px;width:66px;height:66px}
  .gemeltest-home .quick-entry,.gemeltest-home .how-it-works{padding:44px 0}
  .gemeltest-home .section-heading h2,.gemeltest-home .how-it-works h2{font-size:29px;line-height:1.25}
  .gemeltest-home .product-grid{gap:11px}
  .gemeltest-home .product-grid a{min-height:160px;padding:20px}
  .gemeltest-home .steps{margin-top:28px}
  .gemeltest-home .steps>div{padding:18px 20px}
  .gemeltest-fund-page .fund-hero{padding:25px 0 35px}
  .gemeltest-fund-page .breadcrumbs{display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .gemeltest-fund-page .fund-hero h1{font-size:clamp(30px,9vw,38px);line-height:1.18;letter-spacing:-1px;overflow-wrap:anywhere}
  .gemeltest-fund-page .fund-company{font-size:14px}
  .gemeltest-fund-page .fund-hero-action{width:100%}
  .gemeltest-fund-page .fund-hero-action .button{width:100%}
  .gemeltest-fund-page .fund-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .gemeltest-fund-page .fund-kpis>div{min-width:0;min-height:100px;padding:13px}
  .gemeltest-fund-page .fund-kpis b{font-size:18px;overflow-wrap:anywhere}
  .gemeltest-fund-page .fund-section{padding:38px 0}
  .gemeltest-fund-page .fund-card{overflow:hidden;padding:17px;border-radius:16px}
  .gemeltest-fund-page .fund-card-heading h2,.gemeltest-fund-page .fund-section-heading h2{font-size:24px;line-height:1.3}
  .gemeltest-fund-page .peer-rank{grid-template-columns:1fr}
  .gemeltest-fund-page .return-row{grid-template-columns:88px minmax(0,1fr) 50px;gap:7px}
  .gemeltest-fund-page .return-row>span{font-size:9px}
  .gemeltest-fund-page .exposure-grid{grid-template-columns:1fr 1fr}
  .gemeltest-fund-page .details-grid,.gemeltest-fund-page .fund-details-content dl{grid-template-columns:1fr}
  .gemeltest-fund-page .details-grid>div{padding-inline:0}
  .gemeltest-fund-page .data-list>div{align-items:flex-start;gap:12px}
  .gemeltest-fund-page .data-list dt{flex:1}
  .gemeltest-fund-page .data-list dd{text-align:left;overflow-wrap:anywhere}
  .gemeltest-fund-page .fund-decision-card{padding:22px 18px}
  .gemeltest-fund-page .professional-check-grid{grid-template-columns:1fr;gap:25px}
  .gemeltest-account-page .account-main{min-height:auto;padding:32px 0 46px}
  .gemeltest-account-page .account-intro{margin-bottom:20px;text-align:right}
  .gemeltest-account-page .account-intro h1,.gemeltest-account-page .account-welcome h1{font-size:30px;line-height:1.25}
  .gemeltest-account-page .account-intro p,.gemeltest-account-page .account-welcome p{font-size:14px;line-height:1.6}
  .gemeltest-account-page .account-forms{gap:12px}
  .gemeltest-account-page .account-forms form,.gemeltest-account-page .account-welcome{padding:18px;border-radius:15px}
  .gemeltest-account-page .account-forms h2{font-size:23px}
  .gemeltest-account-page .account-forms input{min-height:50px;font-size:16px}
  .gemeltest-account-page .account-forms .button{width:100%;min-height:48px}
  .gemeltest-account-page .account-section-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-top:28px}
  .gemeltest-account-page .saved-map-grid{gap:10px}
  .gemeltest-account-page .saved-map-grid article,.gemeltest-account-page .account-empty{padding:18px}
  .gemeltest-account-page .saved-map-actions{flex-wrap:wrap;gap:15px}
  .gemeltest-account-page .saved-map-actions a,.gemeltest-account-page .saved-map-actions button{min-height:40px;display:inline-flex;align-items:center}
  .gemeltest-account-page .map-rename-form{grid-template-columns:1fr 1fr}
  .gemeltest-account-page .map-rename-form input{grid-column:1/-1;min-height:44px;font-size:16px}
  .site-footer{padding:30px 0 max(30px,env(safe-area-inset-bottom))}
  .footer-inner{gap:18px}
  .footer-inner nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px 18px}
}
@media(max-width:390px){
  .gemeltest-fund-page .fund-kpis,.gemeltest-fund-page .exposure-grid{grid-template-columns:1fr}
  .gemeltest-home .snapshot-head{display:grid}
  .footer-inner nav{grid-template-columns:1fr}
}