/* Home mobile review: additions are hidden on desktop; refinements are scoped. */
.home-history-library,.home-back-top,.home-history-page-summary{display:none!important}
@media(max-width:700px){
 body[data-view=home] .back-to-top{display:none!important}
 body[data-view=home] .language-toggle{min-height:44px}
 body[data-view=home] .home-data-dashboard #history .filters input,body[data-view=home] .home-data-dashboard #history .filters select{font-size:16px}
 body[data-view=home] .home-data-dashboard #history .filters select{padding-inline:7px}
 body[data-view=home] .home-data-dashboard #history .pagination{gap:8px;margin-top:12px}
 body[data-view=home] .home-data-dashboard #history .pagination>div,body[data-view=home] .home-data-dashboard #history #page-number{gap:6px}
 body[data-view=home] .home-data-dashboard #history .pagination button{min-width:44px;height:44px}
 body[data-view=home] .home-history-library{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;margin-top:6px;border-top:1px solid #243b47;font:500 14px/20px RobotoCondensed,sans-serif;color:#e5d08d}
 body[data-view=home] #team-legend.is-highlighting li:not(.is-highlighted){opacity:1}
 body[data-view=home] .team-highlight{display:none}
 body[data-view=home] .home-side-stack .team-legend-name{color:#d9e4eb}
 body[data-view=home] .home-data-dashboard .news-item-meta,body[data-view=home] .home-data-dashboard .news-status-row>time{font-size:12px;line-height:18px}
 body[data-view=home] .home-data-dashboard .news-notice{font-size:11px;line-height:17px}
 body[data-view=home] .home-back-top{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px solid #344750;border-radius:8px;background:#0b1921;color:#e7d28c;font:500 14px/20px RobotoCondensed,sans-serif}
 body[data-view=home] .home-data-dashboard>footer{gap:12px;font-size:11px;line-height:18px;padding-top:14px}
 body[data-view=home] .home-data-dashboard>footer .footer-gallery,body[data-view=home] .home-data-dashboard>footer #sources-button{min-height:44px;align-items:center}
}

@media(max-width:700px){body[data-view=home] .home-history-page-summary{display:block!important;margin:4px 0 0;font:400 12px/18px RobotoCondensed,sans-serif;color:#9eb5c3;text-align:center}body[data-view=home] #history{scroll-margin-top:76px}}
/* Mobile team split: centered overview, then comparable two-column team cards. */
@media(max-width:700px){
 body[data-view=home] .home-side-stack .team-panel .panel-heading{display:flex;align-items:center;gap:8px;min-height:58px;margin-bottom:16px}
 body[data-view=home] .home-side-stack .team-panel .panel-heading h2{flex:1;min-width:0;gap:8px}
 body[data-view=home] .home-side-stack .team-panel .panel-heading .text-button{padding-left:0;font-size:12px}
 body[data-view=home] .home-side-stack .team-chart{display:flex;flex-direction:column;align-items:center;gap:18px}
 body[data-view=home] .home-side-stack .team-panel .donut{width:136px;height:136px;flex:none}
 body[data-view=home] .home-side-stack .team-panel .donut:before{width:92px;height:92px}
 body[data-view=home] .home-side-stack .team-panel .donut strong{font-size:30px;line-height:34px}
 body[data-view=home] .home-side-stack .team-panel .donut span{font-size:12px;line-height:18px}
 body[data-view=home] .home-side-stack #team-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 body[data-view=home] .home-side-stack #team-legend li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-rows:minmax(34px,auto) auto;align-items:center;column-gap:7px;row-gap:4px;min-height:83px;padding:9px;border:1px solid #263d49;border-radius:9px;background:#0c1b24;white-space:normal}
 body[data-view=home] .home-side-stack #team-legend li>i{display:none}
 body[data-view=home] .home-side-stack #team-legend .team-legend-logo{grid-column:1;grid-row:1;width:22px;min-width:22px;height:26px;align-self:center}
 body[data-view=home] .home-side-stack #team-legend .team-legend-name{grid-column:2/-1;grid-row:1;min-width:0;font:500 13px/17px RobotoCondensed,sans-serif;overflow-wrap:anywhere}
 body[data-view=home] .home-side-stack #team-legend .team-legend-value{grid-column:1/3;grid-row:2;font:700 21px/25px RobotoCondensed,sans-serif;color:#f4df9c}
 body[data-view=home] .home-side-stack #team-legend .team-legend-share{display:block;grid-column:3;grid-row:2;font:400 11px/16px RobotoCondensed,sans-serif;color:#9eb6c4;text-align:right}
}
@media(max-width:700px){body[data-view=home] .home-side-stack #team-legend .team-legend-value{grid-column:3;text-align:right}body[data-view=home] .home-side-stack #team-legend .team-legend-share{grid-column:1/3;text-align:left}}
@media(max-width:700px){body[data-view=home] .home-side-stack #team-legend li{position:relative}body[data-view=home] .home-side-stack #team-legend li>i{display:block;position:absolute;left:9px;bottom:19px;width:6px;height:6px;border-radius:50%;margin:0}body[data-view=home] .home-side-stack #team-legend .team-legend-share{padding-left:11px}}
@media(max-width:700px){body[data-view=home] .home-side-stack #team-legend li>i{position:static;grid-column:1;grid-row:2;align-self:center;justify-self:start}}
/* Compact mobile hero; the original desktop heading and footage rules remain intact. */
.hero-mobile-slogan,.hero-latest-label{display:none}
@media(max-width:700px){
 body[data-view=home] .hero{--home-mobile-media-height:calc(100vw * 9 / 16)}
 body[data-view=home] .hero-art{height:var(--home-mobile-media-height)}
 body[data-view=home] .hero .hero-video-column{height:var(--home-mobile-media-height)!important}
 body[data-view=home] .hero .hero-video-zone video{object-fit:contain}
 body[data-view=home] .hero-sound-control{left:auto;right:12px;top:calc(var(--home-mobile-media-height) - 56px);bottom:auto;width:44px;height:44px;padding:11px;border-radius:9px;background:#041015bd}
 body[data-view=home] .hero-latest-label:not([hidden]){position:absolute;z-index:6;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 80px);min-height:30px;padding:6px 9px;border:1px solid #ffffff30;border-radius:7px;background:#041015d9;color:#e6edf1;font:500 11px/16px RobotoCondensed,sans-serif;white-space:normal}
 body[data-view=home] .hero-latest-label b{color:#f7d984;font-weight:700}
 body[data-view=home] .hero-heading h1{font:500 18px/1.3 RobotoCondensed,sans-serif;letter-spacing:1.4px;color:#c8d5de;text-shadow:none}
 body[data-view=home] .hero-heading h1 strong,html[lang=vi] body[data-view=home] .hero-heading h1 strong{font:700 clamp(30px,8.2vw,42px)/1.2 RobotoCondensed,RobotoCondensed,sans-serif;margin-top:6px;letter-spacing:0;text-shadow:none;text-wrap:balance;color:#ffe086}
 body[data-view=home] .hero-heading p{margin:9px 0 0;font:500 10px/1.6 RobotoCondensed,sans-serif;letter-spacing:.65px;color:#aebfcb}
 body[data-view=home] .hero-full-slogan{display:none}
 body[data-view=home] .hero-mobile-slogan{display:inline}
}
@media(min-width:701px){body[data-view=home] .hero .hero-latest-label:not([hidden]){display:inline-flex}}
