/* Shared market mobile composition, based on the six formal Figma phone frames.
   The historical filename remains the single mobile owner; page copy stays canonical. */
@media (max-width:760px) {
  body:has(.mk-final){background:#070c1b}
  .dp.mk-final{--mk-feature-title-size:18;background:#070c1b;padding-top:56px}
  .mk-final :is(.mk-wrap,.mk-narrow,.mk-products-inner){width:calc(100% - 48px);max-width:520px}
  .mk-final :is(h1,h2){font-size:26px;line-height:36px;white-space:normal;text-wrap:balance}
  .mk-final .mk-heading{gap:8px}
  .mk-final .mk-heading>p{font-size:12px;line-height:17px;max-width:282px;margin-inline:auto;white-space:normal}
  .mk-final .mk-hero{height:auto}
  .mk-final .mk-hero-glow{display:none}
  .mk-final .mk-hero-inner{width:100%;height:auto;padding:44px 0 80px}
  .mk-final .mk-hero-copy{width:100%;padding:0;display:flex;flex-direction:column;align-items:center;gap:0}
  .mk-final .mk-hero-copy h1{margin:0 16px 4px;text-align:center}
  .mk-final .mk-hero-subtitle{font-size:12px;line-height:17px;margin:0 24px;text-align:center;max-width:342px;align-self:center}
  .mk-final .mk-hero-art{top:101px;left:0;width:100%;height:324px;transform:none;overflow:hidden;z-index:0;pointer-events:none}
  .mk-final .mk-hero-art img{width:760.32px;height:322.56px;left:calc(50% - 508.2px);top:0;object-fit:fill}
  .mk-final .mk-hero-art:after{background:var(--mk-hero-mobile-fade,linear-gradient(180deg,#070c1b .677%,transparent 12%,transparent 79%,#070c1b 100%))}
  /* Match each image's edge light; preserve the subject and the existing crop. */
  .mk-final--commodities{--mk-hero-mobile-fade:linear-gradient(180deg,rgba(7,12,27,1) 0%,rgba(7,12,27,0.97) 3.5%,rgba(7,12,27,0.82) 8%,rgba(7,12,27,0.45) 14%,rgba(7,12,27,0.12) 21%,rgba(7,12,27,0) 28%,rgba(7,12,27,0) 70%,rgba(7,12,27,0.08) 78%,rgba(7,12,27,0.35) 86%,rgba(7,12,27,0.79) 94%,rgba(7,12,27,1) 100%)}
  .mk-final--share-cfds{--mk-hero-mobile-fade:linear-gradient(180deg,rgba(7,12,27,1) 0%,rgba(7,12,27,0.96) 3.5%,rgba(7,12,27,0.8) 7.5%,rgba(7,12,27,0.44) 12%,rgba(7,12,27,0.12) 18%,rgba(7,12,27,0) 24%,rgba(7,12,27,0) 72%,rgba(7,12,27,0.09) 81%,rgba(7,12,27,0.4) 89%,rgba(7,12,27,0.87) 96%,rgba(7,12,27,1) 100%)}
  .mk-final--etfs{--mk-hero-mobile-fade:linear-gradient(180deg,rgba(7,12,27,1) 0%,rgba(7,12,27,0.98) 4%,rgba(7,12,27,0.84) 10%,rgba(7,12,27,0.48) 17%,rgba(7,12,27,0.13) 25%,rgba(7,12,27,0) 33%,rgba(7,12,27,0) 68%,rgba(7,12,27,0.08) 78%,rgba(7,12,27,0.4) 87%,rgba(7,12,27,0.85) 95%,rgba(7,12,27,1) 100%)}
  .mk-final--bonds{--mk-hero-mobile-fade:linear-gradient(180deg,rgba(7,12,27,1) 0%,rgba(7,12,27,0.99) 4%,rgba(7,12,27,0.9) 10%,rgba(7,12,27,0.62) 17%,rgba(7,12,27,0.22) 25%,rgba(7,12,27,0) 34%,rgba(7,12,27,0) 66%,rgba(7,12,27,0.08) 76%,rgba(7,12,27,0.4) 86%,rgba(7,12,27,0.87) 95%,rgba(7,12,27,1) 100%)}
  .mk-final .mk-actions{order:1;margin-top:324px;gap:12px;padding:0;flex-wrap:nowrap;justify-content:center;max-width:calc(100% - 48px)}
  .mk-final .mk-actions .btn[data-mm-button-size]{width:143px;min-width:0;min-height:44px;max-height:none;height:auto;padding:10px 16px;font-size:16px;line-height:24px;gap:0;white-space:normal;text-align:center}
  .mk-final .mk-actions .arr{display:none}
  .mk-final .mk-hero-body{order:2;max-width:302px;width:calc(100% - 88px);margin:24px auto 0;font-size:12px;line-height:20px;letter-spacing:0;text-align:center;white-space:normal}
  .mk-final .mk-ratings{padding:56px 0;height:auto}
  .mk-final .mk-rating-content{width:calc(100% - 32px);max-width:520px;gap:50px 12px}
  .mk-final .mk-rating{height:112.66px;gap:9.72px}
  .mk-final .mk-rating:nth-child(n+5){display:none}
  .mk-final .mk-rating-logo{height:19.44px}
  .mk-final .mk-rating-brand{transform:scale(.75)}
  .mk-final .mk-rating-row{height:38px;gap:4.86px}
  .mk-final .mk-rating-score{font-size:32px;line-height:38px;width:auto!important}
  .mk-final .mk-rating-max{font-size:13px;line-height:16px;width:auto}
  .mk-final .mk-rating-stars-slot{width:74.22px;height:13.495px}
  .mk-final .mk-rating-stars{transform:scale(.9);transform-origin:0 0}

  .mk-final .mk-quotes{padding:110px 0 120px;isolation:isolate}
  .mk-final .mk-quotes>.mk-wrap{width:100%;max-width:none}
  .mk-final .mk-quotes .mk-heading{width:calc(100% - 40px);max-width:360px}
  .mk-final .mk-quotes .mk-heading>p{max-width:312px}
  .mk-final .mk-quotes:before{content:"";position:absolute;pointer-events:none;z-index:-1;left:calc(50% - 195px);top:-150px;width:650px;height:830px;background:url('../../exports/markets/forex-mobile/quotes-glow.svg') center/100% 100% no-repeat}
  .dp.mk-final .dp-fx-quote-grid{display:flex;justify-content:flex-start;align-items:center;gap:6px;margin:12px 0 -40px;padding:16px max(24px,calc((100% - 260px)/2)) 40px;width:100%;overflow-x:auto;overflow-y:clip;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;perspective:none;cursor:grab}
  .mk-final .dp-fx-quote-grid::-webkit-scrollbar{display:none}
  .dp.mk-final .dp-fx-quote-grid.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
  /* Stable scroll slots keep the Figma 16px visible gap as side cards change size. */
  .dp.mk-final .dp-fx-quote-card{--quote-inset:10px;--quote-top:7px;--quote-icon:40px;--quote-spark:42px;--quote-gap:14px;--quote-price:18px;flex:0 0 260px;width:260px;height:286px;min-height:286px;scroll-snap-align:center;opacity:1;translate:none;transform:none}
  .dp.mk-final .dp-fx-quote-card.is-forex-current{--quote-inset:0px;--quote-top:0px;--quote-icon:44px;--quote-spark:46px;--quote-gap:16px;--quote-price:20px}
  .dp.mk-final .dp-fx-quote-card__surface{left:var(--quote-inset);top:var(--quote-top);width:calc(100% - var(--quote-inset)*2);height:calc(100% - var(--quote-top)*2);padding:15px;border-radius:24px}
  .mk-final .dp-fx-quote-card__head{height:var(--quote-icon);gap:12px}
  .mk-final .dp-fx-quote-card__icon{width:var(--quote-icon);height:var(--quote-icon)}
  .mk-final .dp-fx-quote-card__id bdi:first-child{font-size:16px;line-height:20px}
  .mk-final .dp-fx-quote-card__id bdi:last-child{display:block;font-size:12px;line-height:17px}
  .mk-final .dp-fx-quote-card__spark{width:100%;height:var(--quote-spark);margin-top:var(--quote-gap)}
  .mk-final .dp-fx-quote-card__prices{height:60px;margin-top:var(--quote-gap);gap:8px}
  .mk-final .dp-fx-quote-card__price{padding:8px 10px}
  .mk-final .dp-fx-quote-card__price bdi{font-size:var(--quote-price);line-height:20px}
  .mk-final .dp-fx-quote-card__price:not(.dp-fx-quote-card__price--ask) bdi{color:#59e0ad}
  .dp.mk-final .dp-fx-quote-card__price--ask bdi{color:#ff0c3d}
  .mk-final .is-forex-current .btn-ghost[data-mm-action-hover="red"]:before{background:var(--mm-action-hover-glow);filter:blur(6px)}
  .mk-final .is-forex-current .btn-ghost[data-mm-action-hover="red"]:after{background-image:var(--mm-action-hover-surface)}
  .dp.mk-final .dp-fx-quote-card>.dp-action-plane{left:calc(16px + var(--quote-inset));bottom:calc(16px + var(--quote-top));width:calc(228px - var(--quote-inset)*2);height:40px;padding:0}
  .dp.mk-final .dp-action--quote{width:100%;height:40px;min-height:40px;font-size:14px;line-height:20px;padding:10px 16px}
  .dp.mk-final .dp-fx-quote-grid:is(.is-dragging,.is-scrolling) .dp-fx-quote-card>:is(.dp-fx-quote-card__surface,.dp-action-plane){transform:none!important}
  @media (prefers-reduced-motion:no-preference){
    .dp.mk-final .dp-fx-quote-card>.dp-fx-quote-card__surface{transition:width .2s ease,height .2s ease,left .2s ease,top .2s ease,transform .38s var(--dp-ease)}
    .dp.mk-final .dp-fx-quote-card>.dp-action-plane{transition:width .2s ease,left .2s ease,bottom .2s ease,transform .38s var(--dp-ease)}
    .mk-final .dp-fx-quote-card :is(.dp-fx-quote-card__head,.dp-fx-quote-card__icon,.dp-fx-quote-card__spark,.dp-fx-quote-card__prices,.dp-fx-quote-card__price bdi){transition:width .2s ease,height .2s ease,margin-top .2s ease,font-size .2s ease}
  }
  @media (hover:hover) and (pointer:fine){
    .mk-final .dp-fx-quote-card:hover .btn-ghost[data-mm-action-hover="red"]:before{background:var(--mm-action-hover-glow);filter:blur(6px)}
    .mk-final .dp-fx-quote-card:hover .btn-ghost[data-mm-action-hover="red"]:after{background-image:var(--mm-action-hover-surface)}
  }
  @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    /* The glass and its sibling action plane move together inside the scroll viewport. */
    .dp-motion-enabled .dp.mk-final .dp-fx-quote-card__surface{transform:translate3d(var(--dp-pointer-x,0px),calc(var(--dp-pointer-y,0px) - var(--dp-card-lift,0px)),0)}
  }

  .mk-final .mk-reasons{padding:0}
  .mk-final .mk-reasons-glow,.mk-final .mk-earth{display:none}
  .mk-final .mk-reasons>.mk-wrap{width:100%;max-width:none}
  .mk-final .mk-reasons-grid{display:block;width:calc(100% - 40px);max-width:520px;margin:auto}
  .mk-final .mk-reasons-grid>header{padding:0}
  .mk-final .mk-reasons-grid h2{font-size:26px;line-height:36px;white-space:normal}
  .mk-final .mk-reasons-grid>header p{font-size:12px;line-height:17px;max-width:210px;margin:8px auto 0;white-space:normal}
  .mk-final .mk-reason-cards{margin-top:32px;gap:0}
  .mk-final .mk-reason,.mk-final .mk-reason+.mk-reason,.mk-final .mk-reason:not(:last-child){position:relative;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:6px;padding:16px 8px 16px 0;min-height:136px;border:0}
  .mk-final .mk-reason:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:8px;height:1px;background:linear-gradient(90deg,transparent,#fff6,transparent)}
  .mk-final .mk-reason:not(:last-child){margin-bottom:1px}
  .mk-final .mk-reason figure{height:104px;grid-row:1/3;align-self:center}
  .mk-final .mk-reason img{width:104px;height:69.77px;transform:none}
  .mk-final .mk-reason-0 img{width:86.386px;height:86.386px}
  .mk-final .mk-reason h3{font-size:18px;line-height:26px;margin:0;align-self:end}
  .mk-final .mk-reason p{font-size:12px;line-height:17px;margin:0;align-self:start;white-space:normal}
  .mk-final .mk-review-section{position:relative;isolation:isolate;display:block;width:100%;margin-top:110px;padding-bottom:120px}
  .mk-final .mk-review-section:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(50% - 195px);top:-120px;width:670px;height:500px;background:url('../../exports/markets/forex-mobile/reviews-glow.svg') center/100% 100% no-repeat}
  .mk-final .mk-review-section>h2{padding:0 16px;max-width:390px;margin:auto}
  .mk-final .mk-reviews{display:block;width:100%;margin-top:28px;padding-left:16px;overflow:clip}
  .mk-final .mk-reviews>.mk-round{display:none}
  .mk-final .mk-review-list{--review-gap:14px;--review-columns:1;margin:0;padding:0;overflow:visible}
  .mk-final .mk-review-track>.mk-review{flex-basis:220px;min-height:137px;padding:16px;border-radius:16px;mask-image:none;gap:12px}
  .mk-final .mk-review .review-copy{gap:4px}
  .mk-final .mk-review .stars{font-size:12px;line-height:14px;letter-spacing:1px}
  .mk-final .mk-review .review-copy p{font-size:12px;line-height:17px;margin:0}
  .mk-final .mk-review .who{font-size:12px;line-height:14px;padding-top:8px;margin-top:auto}
  .mk-final .mk-review .who b{font-size:12px}
  .mk-final .mk-awards{position:relative;padding:0 0 120px}
  .mk-final .mk-award-grid{width:330px;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:28px auto 0}
  .mk-final .mk-award-grid>article{padding:3px 0}
  .mk-final .mk-laurel{height:60px;align-items:flex-end}
  .mk-final .mk-laurel>img{width:28px;height:46px}
  .mk-final .mk-laurel>div{gap:2px}
  .mk-final .mk-laurel span{font-size:12px;line-height:24px}
  .mk-final .mk-laurel h3{font-size:12px;line-height:17px}
  .mk-final .mk-award-grid article>p{font-size:12px;line-height:14px;margin-top:12px;white-space:normal}

  .mk-final .mk-overview{padding:0 0 120px}
  .mk-final .mk-overview .mk-heading>p{max-width:230px}
  .mk-final .mk-overview-main{min-height:0;margin-top:28px;gap:8px}
  .mk-final .mk-overview-main>figure{width:300px;max-width:100%;height:auto;aspect-ratio:300/201.5}
  .mk-final .mk-overview-main>figure>img{left:0;top:0;width:100%;height:100%;object-fit:contain}
  .mk-final .mk-overview-main>article{width:100%;padding:0 10px}
  .mk-final .mk-overview-main h3{font-size:18px;line-height:26px}
  .mk-final .mk-overview-main p{font-size:12px;line-height:20px;margin-top:8px;white-space:normal}
  .mk-final .mk-facts{gap:28px;margin-top:8px;padding-inline:4px}
  .mk-final .mk-facts>div{gap:4px;padding:12px 0 13px}
  .mk-final.mk-final .mk-facts b{font-size:24px;line-height:30px;white-space:nowrap}
  .mk-final .mk-facts span{font-size:12px;line-height:17px}
  .mk-final .mk-explain-grid{margin-top:28px;gap:12px;overflow:visible}
  .mk-final .mk-explain-grid>article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 12px;padding:21px;min-height:0;border-radius:20px}
  .mk-final .mk-explain-icon{width:44px;height:44px}
  .mk-final .mk-explain-grid>article>div{display:contents}
  .mk-final .mk-explain-grid h3{font-size:18px;line-height:26px;align-self:center}
  .mk-final .mk-explain-grid p{grid-column:1/-1;font-size:12px;line-height:20px;margin:16px 0 0;white-space:normal}
  .mk-final .mk-explain-grid ul{grid-column:1/-1;padding:0;gap:12px;margin:14px 0 0}
  .mk-final .mk-explain-grid li{font-size:12px;line-height:18px;min-height:28px;padding:4px 10px 4px 12px}

  .mk-final #platforms{padding:0 0 120px!important}
  /* The market frame owns its glow; suppress the inherited Home paint layer. */
  html:not(.wire) .dp.mk-final #platforms::before,
  html:not(.wire) .dp.mk-final #platforms::after{content:none;display:none}
  .mk-final #platforms>.mk-narrow{width:calc(100% - 24px);max-width:544px}
  .mk-final .mk-platform-glow{left:50%;top:-433.82px;width:1292px;height:714px;transform:translateX(-50%) rotate(180deg)}
  .mk-final .mk-platform-glow img{opacity:0}
  .mk-final .mk-platform-glow:after{content:"";position:absolute;inset:0;background:url('../../exports/markets/forex-mobile/platform-glow.svg') center/100% 100% no-repeat}
  .mk-final .mk-platform-tabs{margin-top:36px}
  .mk-final #platforms #platTabs{display:flex;justify-content:flex-start;width:100%;max-width:100%;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0;flex-wrap:nowrap}
  /* Let the scroll viewport reach the phone edges while retaining the end insets. */
  html:not(.wire) .mk-final #platforms #platTabs{width:100vw;max-width:none;padding:20px max(12px,calc((100vw - 544px)/2))!important;margin:-20px calc(50% - 50vw)!important;scroll-padding-inline:max(12px,calc((100vw - 544px)/2))}
  .mk-final #platTabs::-webkit-scrollbar{display:none}
  html:not(.wire) .mk-final #platTabs>.tab{width:auto;flex:none;min-width:0;height:40px;min-height:40px;padding:10px 18px;font-size:14px;line-height:20px}
  .mk-final #platforms .platform-panel-stage{margin-top:12px}
  .mk-final #platforms .panel-grid{display:flex;flex-direction:column;gap:12px;align-items:stretch;padding:0;min-height:0}
  .mk-final #platforms .pg-visual{order:0;width:100%;height:246px;min-height:0;margin:0;transform:none;position:relative}
  .mk-final #platforms .pg-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transform:none;mix-blend-mode:lighten}
  .mk-final #platforms .pg-text{order:1;padding:0 0 0 44px;max-width:none;width:100%;text-align:left}
  .mk-final #platforms .pg-name{font-size:24px;line-height:29px;margin:0 0 8px}
  .mk-final.mk-final #platforms .pg-tagline{font-size:12px!important;line-height:14px!important;margin:0;color:#a5dbff}
  .mk-final #platforms .feat{display:grid;gap:12px;margin:28px 0;padding:0 0 8px}
  .mk-final #platforms .feat li{font-size:14px;line-height:20px;gap:12px;align-items:flex-start;letter-spacing:-.085px}
  .mk-final #platforms .feat-icon{width:24px;height:24px;flex:0 0 24px}
  .mk-final #platforms .pg-text>.btn{font-size:16px;min-height:48px;margin:0}

  .mk-final #reg{padding:0 0 40px!important;margin:0}
  .mk-final #reg .reg-info{width:100%;max-width:none}
  .mk-final #reg .mk-heading{padding-inline:20px;margin:0 0 12px}
  .mk-final #reg .mk-heading>p{max-width:100%;white-space:pre-line}
  .mk-final #reg .reg-info h2{font-size:26px;line-height:36px}
  .mk-final .mk-article-glow{top:-676.58px;width:100%;height:812px;overflow:hidden}
  .mk-final .mk-article-glow img{left:-.61%;top:-.89%;width:101.4%;height:101.94%;object-fit:fill}
  .mk-final .mk-article-glow:after{background:linear-gradient(179.878deg,#070c1b 0%,transparent 82.507%,#070c1b 99.949%)}
  .dp.mk-final.mk-final #reg:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(50% - 245px);top:0;width:490px;height:620px;background:url('../../exports/markets/forex-mobile/articles-glow.svg') center/100% 100% no-repeat}
  .mk-final .mk-article-stage{height:360px}
  .mk-final #reg .reg-info .reg-grid{height:360px;--reg-stage-height:360px;--reg-card-width:182.5;--reg-cover-width:260;--reg-cover-height:185;--reg-face-padding:16;--reg-article-title-size:20}
  .mk-final #regGrid .reg-card-slot{top:170px}
  .mk-final #regGrid .reg-item>.article-face{font-size:.625px}
  .mk-final #regGrid .reg-native-copy{font-size:calc(var(--reg-native-unit,1px)*.625)}
  .mk-final #regGrid .level{top:1.166667em;right:1.166667em}
  .mk-final #regGrid .article-copy{padding:20em 10em 6em}
  .mk-final #regGrid .metadata{margin-bottom:8em}

  .mk-final .mk-products{padding:0 0 120px}
  .mk-final .mk-products:before{width:390px;height:474px;top:40px;border-radius:160px;filter:blur(60px);background:linear-gradient(180deg,rgba(11,58,120,0) 0%,rgba(11,58,120,.3) 22%,rgba(10,50,112,.7) 50%,rgba(8,43,94,.34) 80%,rgba(8,43,94,0) 100%)}
  .mk-final .mk-product-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px;min-height:0}
  .mk-final .mk-product-card:nth-child(n){display:flex;flex-direction:row;grid-column:auto;width:100%;margin:0;min-height:100px;height:auto;padding:12px;gap:12px;border-radius:20px}
  .mk-final .mk-product-art{width:88px;height:70px;aspect-ratio:auto}
  .mk-final .mk-product-art>img{width:var(--product-art-width);left:var(--product-art-x);top:var(--product-art-y)}
  .mk-final .mk-product-copy{flex:1;flex-direction:row;width:auto;gap:12px;text-align:left}
  .mk-final .mk-product-copy>div{width:auto;min-width:0;min-height:0;flex:1}
  .mk-final .mk-product-copy h3{font-size:18px;line-height:26px}
  .mk-final .mk-product-copy p{font-size:12px;line-height:17px;margin-top:4px;white-space:normal}
  .mk-final .mk-product-action{width:34px;height:34px;min-width:34px;min-height:34px;flex:0 0 34px;padding:0;gap:0;border-radius:50%}
  .mk-final .mk-product-action>span{display:none}
  .mk-final .mk-product-action .arr{width:20px;height:20px;margin:0}

  .mk-final .mk-journey{padding:0 0 120px;min-height:0}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final .mk-journey h2{max-width:none}
  .mk-final .mk-journey .flow-panel{margin:40px auto 0;padding:0;width:100%;max-width:342px}
  .mk-final .mk-journey .flow-steps{gap:32px;width:204px;max-width:100%;padding:0 0 8px;margin:auto}
  .mk-final .mk-journey .fstep{grid-template-columns:44px minmax(0,1fr);gap:24px;min-height:70px;padding:0;border:0;text-align:left}
  .mk-final .mk-journey .flow-rail{display:block;left:21px;right:auto;top:35px;bottom:43px;width:2px;height:auto}
  .mk-final .mk-journey .flow-rail-fill{width:2px!important;height:100%;transform-origin:center top;background:#138dff;box-shadow:0 0 8px #138dff}
  .mk-final .mk-journey .fstep:is(.on,.done) .ftext b{color:#fff}
  .mk-final .mk-journey .fstep:is(.on,.done) .ftext i{color:rgba(255,255,255,.7)}
  .mk-final .mk-journey .fnum{width:44px;height:44px;min-width:44px;align-self:center}
  .mk-final .mk-journey .fnum-n{font-size:16px;line-height:24px}
  .mk-final .mk-journey .ftext b{font-size:18px;line-height:26px;margin:0}
  .mk-final .mk-journey .ftext i{font-size:12px;line-height:20px;margin-top:4px}
  .mk-final .mk-journey-action{margin-top:40px}
  .mk-final .mk-journey .flow-cta-btn[data-mm-button-size]{font-size:16px;min-height:48px;height:48px;max-height:48px;padding:0 24px}
  .mk-final .mk-faq{padding:0 0 120px}
  .mk-final .mk-faq-wrap{width:100%;max-width:568px}
  .mk-final .mk-faq h2{padding:0 24px;margin-bottom:32px}
  .mk-final .mk-faq .dp-faq-item{min-height:0}
  .mk-final .mk-faq .dp-faq-list .dp-faq-item summary{min-height:80px;padding:24px 16px;grid-template-columns:22px minmax(0,1fr) 32px;gap:10px}
  .mk-final .mk-faq .dp-faq-list .dp-faq-item[open] summary{padding-bottom:16px}
  .mk-final .mk-faq .dp-faq-list .dp-faq-question{font-size:14px;line-height:20px}
  .mk-final .mk-faq .dp-faq-list .dp-faq-answer-layout{padding:0 16px 28px 48px;margin:0}
  .mk-final .mk-faq .dp-faq-list .dp-faq-answer{font-size:12px;line-height:17px}
  .mk-final .mk-faq-glow{left:calc(50% - 195px);top:0;width:640px;height:780px;transform:none;background:url('../../exports/markets/forex-mobile/faq-glow.svg') center/100% 100% no-repeat}
  .mk-final .mk-faq-glow img{display:none}
  /* Match the authored Chinese mobile copy, including its Latin glyphs. */
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final{--forex-copy-font:"Alibaba PuHuiTi Mobile Latin","Alibaba PuHuiTi 3.0",var(--body)}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final :is(.mk-hero-body,.mk-heading>p,.mk-reasons-grid>header p,.mk-reason p,.review-copy p,.mk-overview-main p,.mk-explain-grid p,.mk-product-copy p,.dp-faq-question,.dp-faq-answer){font-family:var(--forex-copy-font);text-wrap:wrap}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final :is(.mk-quotes .mk-heading>p,.mk-reasons-grid>header p,#platforms .mk-heading>p,.mk-reason p,.dp-faq-question){white-space:pre-line}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final--forex .mk-quotes .mk-heading>p{max-width:260px}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final--forex .mk-reasons-grid>header p{max-width:178px}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final .mk-reasons-grid h2{min-height:73px}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final--forex #platforms .mk-heading>p{max-width:249px}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final :is(.mk-explain-grid>article:nth-child(2) p,.mk-product-copy p){letter-spacing:-.03em}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final .mk-product-copy p{max-width:168px}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final [data-market-product="4"] .mk-product-copy p{width:calc(100% + 5px);max-width:175px}
  html:is([lang="zh-CN"],[lang="zh-TW"]) .mk-final .mk-faq .dp-faq-question{font-weight:600}
  /* Long Thai copy grows its own card without compressing adjacent sections. */
  html[lang="th"] .mk-final .mk-hero-art{top:var(--forex-hero-art-top,101px)}
  html[lang="th"] .mk-final .mk-reason h3{white-space:normal}
  html[lang="th"] .mk-final .mk-review-track>.mk-review{min-height:160px}
  html[lang="th"] .mk-final .mk-product-copy h3{font-size:16px;line-height:24px}
  html[lang="th"] .mk-final .mk-journey .flow-steps{width:270px}
}

@media (max-width:760px) {
  /* Each target keeps its own media. These five frames use the same 324px crop. */
  .mk-final:not(.mk-final--forex) .mk-hero-art{top:var(--forex-hero-art-top,137px)}
  .mk-final:not(.mk-final--forex) .mk-hero-art img{width:763.714px;height:324px;left:calc(50% - 510.469px);object-fit:contain}
  .mk-final:not(.mk-final--forex) :is(.mk-heading,.mk-reasons-grid>header){max-width:342px;margin-inline:auto}
  .mk-final:not(.mk-final--forex) :is(.mk-heading>p,.mk-reasons-grid>header p){max-width:342px;white-space:pre-line}
  .mk-final:not(.mk-final--forex) #platforms .mk-heading h2{max-width:280px;margin-inline:auto}
  .mk-final:not(.mk-final--forex) .mk-reasons-grid h2{white-space:pre-line}
  .mk-final:not(.mk-final--forex) .mk-facts{gap:16px}
  .mk-final--share-cfds .mk-facts>div:nth-child(n+4),.mk-final--indices .mk-index-basket{display:none}
  .mk-final--bonds .mk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-final--bonds .mk-overview-main .mk-fact-note{font-size:12px;line-height:20px;margin:8px 0 0;text-align:center;color:rgba(255,255,255,.7)}
  /* Override desktop page-specific type and minimum sizes only on phones. */
  .mk-final:not(.mk-final--forex) .mk-explain-grid>article{min-height:0;padding:21px}
  .mk-final:not(.mk-final--forex) .mk-explain-grid>article p{font-size:12px;line-height:20px}
  .mk-final:is(.mk-final--etfs,.mk-final--bonds) .mk-explain-grid ul{padding-top:0}
  html[lang="th"] .mk-final--share-cfds .mk-facts>div:nth-child(3) b{font-size:24px;white-space:normal}
  html[lang="th"] .mk-final:not(.mk-final--forex) .mk-facts b{white-space:normal;overflow-wrap:anywhere}
}

@media (max-width:760px) {
  .mk-final:not(.mk-final--forex) #reg .mk-heading{max-width:none;width:100%;padding-inline:24px}
  .mk-final:not(.mk-final--forex) .mk-journey .flow-steps{width:222px}
  .mk-final:not(.mk-final--forex) .mk-explain-grid ul{row-gap:8px}
  .mk-final--bonds .mk-overview-main .mk-fact-note{line-height:18px}
  .mk-final:not(.mk-final--forex) .mk-faq .dp-faq-list .dp-faq-item[open] summary{min-height:72px}
  html[lang="th"] .mk-final:not(.mk-final--forex) .mk-journey .flow-steps{width:270px}
}

@media (max-width:760px) {
  /* Balance long Thai overview titles across their natural word boundaries. */
  html[lang="th"] .mk-final:not(.mk-final--forex) .mk-overview .mk-heading h2{text-wrap:balance}
}