/* Only Grades and trial English review routes. Existing brand tokens and original images. */
body[data-mobile-composition] .mobile-composition-fold>summary,
body[data-mobile-composition] .mobile-matrix-hint,
body[data-mobile-composition] .mobile-trial-matrix-cards,
body[data-mobile-composition] .mobile-grade-matrix-cards{display:none}
@media(min-width:601px){body[data-mobile-composition] .mobile-composition-fold[open]{display:contents}}
@media(max-width:600px){
 body[data-mobile-composition] .mobile-composition-fold{margin-block:14px;min-width:0;width:100%;box-sizing:border-box}
 body[data-mobile-composition] .mobile-composition-fold>summary{display:block;min-height:44px;padding:12px 0;border-block:1px solid var(--review-line,#d7e0e6);color:var(--industrial-heat,#1f5695);font-size:15px;font-weight:600;line-height:1.45;cursor:pointer;list-style:none}
 body[data-mobile-composition] .mobile-composition-fold>summary::after{content:'+';float:inline-end;margin-inline-start:12px}
 body[data-mobile-composition] .mobile-composition-fold[open]>summary::after{content:'−'}
 body[data-mobile-composition] .mobile-composition-fold>summary:focus-visible{outline:2px solid var(--industrial-heat,#1f5695);outline-offset:3px}
 body[data-mobile-composition] .mobile-composition-fold>summary::-webkit-details-marker{display:none}
 body[data-mobile-composition="trial"] .source-atlas-hero__copy{padding:24px 20px}
 body[data-mobile-composition="trial"] .source-atlas-hero h1{font-size:30px;line-height:1.08;letter-spacing:-.7px}
 body[data-mobile-composition="trial"] .source-atlas-hero__media{max-height:190px;overflow:hidden}
 body[data-mobile-composition="trial"] .source-atlas-hero__media img{height:190px;object-fit:cover}
 body[data-mobile-composition="trial"] .source-enhancement{padding-block:24px;gap:14px}
 body[data-mobile-composition="trial"] .source-enhancement__section{padding:20px}
 body[data-mobile-composition="trial"] .source-enhancement__section h2{font-size:22px;line-height:1.18;letter-spacing:-.35px}
 body[data-mobile-composition="trial"] .source-enhancement__section p:not(.section-label){font-size:15px;line-height:1.5;margin-block:12px}
 body[data-mobile-composition="trial"] .source-answer-blocks{padding-block:28px;min-width:0;grid-template-columns:minmax(0,1fr)}
 body[data-mobile-composition="trial"] .source-answer-blocks>*{min-width:0}
 body[data-mobile-composition="trial"] .source-answer-blocks h2{font-size:25px;line-height:1.18}
 body[data-mobile-composition="trial"] .mobile-matrix-hint{display:block;margin-block:12px;color:var(--jotain-muted,#5b6e7d);font-size:14px;line-height:1.5}
 body[data-mobile-composition="trial"] .mobile-matrix-scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain}
 body[data-mobile-composition="trial"] .mobile-matrix-scroll:focus-visible{outline:2px solid var(--industrial-heat,#1f5695);outline-offset:2px}
 body[data-mobile-composition="trial"] .mobile-matrix-scroll table{min-width:720px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .g84-hub-hero{padding-block:24px;gap:16px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .g84-breadcrumb{margin-bottom:12px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .g84-hub-hero h1{font-size:44px!important;line-height:1.08!important;margin-block:0 16px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .g84-hub-hero .g84-hero-art{width:min(100%,240px)!important;max-width:100%!important;margin-inline:auto!important}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-card-pair{gap:18px;padding-block:16px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-grade-card{display:grid;grid-template-columns:112px minmax(0,1fr)!important;gap:16px;align-items:start;padding-block:16px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-grade-card .g84-media{min-width:0;width:112px!important;grid-column:1;grid-row:1}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-grade-card>div:not(.g84-media){grid-column:2;grid-row:1;min-width:0}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-grade-card h3{font-size:28px!important;line-height:1.1!important;margin-block:8px 12px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-grade-card p{font-size:15px;line-height:1.45}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-grade-card .research-card__caption{grid-template-columns:1fr;gap:3px;padding-block:8px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-grade-card .research-card__caption>*{grid-column:1;grid-row:auto}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-grade-card .research-card__source-trigger{justify-self:start;min-height:44px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] :is(.gg-feature,.gg-band)>.g84-media,
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .gg-band>.g84-art{width:min(100%,240px)!important;max-width:100%!important;margin-inline:auto!important}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] :is(.gg-feature,.gg-band) h3{font-size:36px!important;line-height:1.1!important}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .g84-hero-art .research-card__caption{grid-template-columns:1fr;gap:3px}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .g84-hero-art .research-card__caption>*{grid-column:1;grid-row:auto}
 body[data-mobile-composition="grades"] #main-content[data-grades84="overview"] .g84-hero-art .research-card__source-trigger{justify-self:start;min-height:44px}

 body[data-mobile-composition="trial"] .mobile-matrix-scroll{display:none}
 body[data-mobile-composition="trial"] .mobile-trial-matrix-cards{display:grid;gap:14px;padding-block:14px}
 body[data-mobile-composition="trial"] .mobile-matrix-card{min-width:0;padding:18px;background:var(--jotain-white,#fff);border:1px solid var(--review-line,#d7e0e6)}
 body[data-mobile-composition="trial"] .mobile-matrix-card__title{margin:0 0 18px;font-size:20px;line-height:1.25;color:var(--jotain-ink,#10202d)}
 body[data-mobile-composition="trial"] .mobile-matrix-card__field{display:grid;gap:6px;margin:0 0 16px;font-size:15px;line-height:1.5;color:var(--jotain-ink,#10202d)}
 body[data-mobile-composition="trial"] .mobile-matrix-card__field:last-child{margin-bottom:0}
 body[data-mobile-composition="trial"] .mobile-matrix-card__field>strong{font-size:12px;line-height:1.4;color:var(--jotain-muted,#5b6e7d)}

 /* Keep one compact copy of the same six grade destinations on phones. */
 body[data-mobile-composition="grades"] #grade-v2-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 16px;padding-block:0!important}
 body[data-mobile-composition="grades"] #grade-v2-list>a{min-height:56px!important;height:auto!important;padding:10px 0!important;font-size:18px!important;gap:8px}
 body[data-mobile-composition="grades"] #main-content .gg-grade-nav{display:none!important}
 body[data-mobile-composition="grades"] #hub-application-selection .gg-technical[open]>summary{display:none!important}
 body[data-mobile-composition="grades"] #hub-grade-comparison .gg-table-wrap{display:none}
 body[data-mobile-composition="grades"] .mobile-grade-matrix-cards{display:grid;gap:14px;padding-block:14px}
 body[data-mobile-composition="grades"] .mobile-grade-matrix-card{min-width:0;padding:18px;background:var(--jotain-white,#fff);border:1px solid var(--review-line,#d7e0e6)}
 body[data-mobile-composition="grades"] .mobile-grade-matrix-card .mobile-matrix-card__title{margin:0 0 18px;font-size:24px;line-height:1.2}
 body[data-mobile-composition="grades"] .mobile-grade-matrix-card .mobile-matrix-card__title a{display:inline-flex;min-height:44px;align-items:center;color:var(--industrial-heat,#1f5695)}
 body[data-mobile-composition="grades"] .mobile-grade-matrix-card .mobile-matrix-card__field{display:grid;gap:6px;margin:0 0 16px;font-size:16px;line-height:1.5}
 body[data-mobile-composition="grades"] .mobile-grade-matrix-card .mobile-matrix-card__field>strong{font-size:12px;line-height:1.4;color:var(--jotain-muted,#5b6e7d)}
 body[data-mobile-composition="grades"] .mobile-grade-matrix-card .mobile-matrix-card__field:last-child{margin-bottom:0}

 /* Keep legal links above the two existing fixed contact controls at maximum scroll. */
 body:is([data-mobile-composition="grades"],[data-mobile-composition="trial"]) .site-footer{padding-block-end:160px}

}