/* Every enhancement is scoped to phones/small tablets. No declarations apply at 1280px. */
@media(max-width:768px){
html.mobile-ux .site-header .nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;min-height:64px;position:relative}
html.mobile-ux .site-header .brand{gap:9px;min-width:0;max-width:calc(100% - 56px)}
html.mobile-ux .site-header .brand img{width:40px;height:40px;flex-basis:40px;border-radius:9px}
html.mobile-ux .site-header .brand strong{font-size:20px;line-height:1.25;letter-spacing:-.3px}
html.mobile-ux .site-header .brand small{font-size:12px;line-height:1.45;margin-top:1px}
html.mobile-ux .site-header .youtube-nav{display:none}
.mobile-menu-button{display:inline-flex;justify-content:center;align-items:center;flex:0 0 44px;width:44px;height:44px;font-size:24px;border:1px solid #AAB5C8;background:transparent;color:var(--gold);border-radius:7px}
.mobile-header-panel{position:absolute;top:100%;left:0;right:0;z-index:60;padding:16px;background:var(--navy);border-top:1px solid #596579;box-shadow:0 8px 18px #0B1A3A33;max-height:calc(100dvh - 64px);overflow:auto;display:grid;gap:14px}
.mobile-header-panel[hidden]{display:none!important}
html.mobile-ux .mobile-header-panel>:is(.navlinks,.search-box,.language){grid-area:auto;order:initial;min-width:0}
html.mobile-ux .mobile-header-panel{grid-template-columns:minmax(0,1fr)}
html.mobile-ux .mobile-header-panel .navlinks{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:0;width:100%}
html.mobile-ux .mobile-header-panel .navlinks a{font-size:14px;text-align:left;white-space:normal;padding:8px;min-height:44px}
html.mobile-ux .mobile-header-panel .search-results{grid-area:auto;width:100%;max-width:100%;margin:0;padding:12px}
html.mobile-ux .mobile-header-panel .search-box{display:block;width:100%;min-width:0}
html.mobile-ux .mobile-header-panel .search-box input{font-size:16px;min-height:44px;padding:9px 10px 9px 32px}
html.mobile-ux .mobile-header-panel .language{display:flex;justify-self:stretch;justify-content:space-between;width:100%;gap:4px}
html.mobile-ux .mobile-header-panel .language button{flex:1;font-size:14px;white-space:normal;min-height:44px;padding:7px 5px}
.site-content-shell{display:flex;flex-direction:column;width:100%;padding-top:0}
.site-content-shell>.page-content{order:0;width:100%;min-width:0}
.site-content-shell>.site-rail{order:1;position:static;max-height:none;overflow:visible;width:calc(100% - 32px);margin:24px auto 14px;gap:12px}
.page-content>.wrap{width:calc(100% - 32px);min-width:0}
.mobile-feedback-disclosure{width:100%;border:1px solid #9DA7B8;border-radius:8px;background:#FFFDF7}
.mobile-feedback-disclosure>summary{padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}
.mobile-feedback-disclosure>.feedback-card.panel{border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding:14px}
.mobile-exam-picker{margin:0 0 18px;display:grid;gap:8px}
.mobile-exam-picker label{font-size:16px;font-weight:600}
.mobile-exam-picker select{width:100%;max-width:100%;min-width:0;min-height:48px;font-size:16px;padding:9px 12px;background:white;border:1px solid #7C8697;border-radius:7px;color:var(--navy)}
html.mobile-ux [data-video-subjects-exam],html.mobile-ux [data-video-exam]{display:none!important}
.mobile-original-exam-filters[hidden],.mobile-subjects-results[hidden],.mobile-videos-results[hidden],.mobile-original-exam-filters fieldset[hidden]{display:none!important}
.mobile-content-disclosure>summary,.mobile-goals-disclosure>summary,.mobile-video-filter-disclosure>summary{font-size:16px;line-height:1.65;font-weight:600;padding:11px 12px;min-height:48px;cursor:pointer;overflow-wrap:anywhere}
.mobile-content-disclosure[open]>summary,.mobile-goals-disclosure[open]>summary,.mobile-video-filter-disclosure[open]>summary{border-bottom:1px solid var(--line)}
.mobile-disclosure-body{padding:12px}
.mobile-disclosure-body .subject-head{display:none}
.mobile-disclosure-body .unit-list{padding:0}
.mobile-content-disclosure .subject{border:0}
.mobile-content-disclosure .subject-head{display:none}
.mobile-goals-disclosure .goal-head{display:none}
.mobile-goals-disclosure .mobile-disclosure-body{padding:0}
.goal-card{max-height:none;overflow:visible}
.mobile-subjects-results .exam-subject-group{margin-top:14px;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.mobile-subjects-results .exam-subject-group .mobile-disclosure-body{padding:10px}
.mobile-video-filter-disclosure{width:100%}
.mobile-video-filter-disclosure>summary{padding:7px 0}
.mobile-video-filter-disclosure .video-filter-group{margin:12px 0 0}
.page-content .video-pill-filters{padding:10px 14px}
/* Contain tables at phone width; do not conceal page overflow. */
.exam-dates-table{min-width:0!important;max-width:100%;width:100%;display:table}
.exam-dates-table tbody{display:block}
.exam-dates-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.exam-dates-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px 8px;padding:12px 0;border-bottom:1px solid var(--line);align-items:start}
.exam-dates-table th,.exam-dates-table td{width:auto!important;border:0;padding:0;min-width:0;overflow-wrap:anywhere}
.exam-dates-table tbody th{grid-column:1/3;align-self:center;font-size:14px}
.exam-dates-table .exam-day{grid-column:1;grid-row:2}
.exam-dates-table .apply-day{grid-column:2;grid-row:2}
.exam-dates-table .exam-status-cell{grid-column:3;grid-row:2;align-self:center}
.exam-dates-table .exam-official-cell{grid-column:3;grid-row:1;justify-self:end}
.exam-day::before,.apply-day::before{content:attr(data-date-label);display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
.page-content .table-scroll{overflow:visible;border:0;border-radius:0;max-width:100%}
.page-content .table-scroll table{display:block;min-width:0!important;max-width:100%;width:100%;font-size:14px}
.page-content .table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.page-content .table-scroll tbody{display:block}
.page-content .table-scroll tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px;border-bottom:1px solid var(--line);padding:14px 0}
.page-content .table-scroll td{padding:0;border:0;min-width:0;overflow-wrap:anywhere;font-size:14px}
.page-content .table-scroll td::before{content:attr(data-mobile-label);display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
.page-content .table-scroll td:nth-child(2){grid-column:1/-1;grid-row:1}
.page-content .table-scroll td:nth-child(1){grid-column:1;grid-row:2}
.page-content .table-scroll td:nth-child(3){grid-column:2;grid-row:2}
.page-content .table-scroll td:nth-child(4){grid-column:1/-1;grid-row:3}
body{font-size:16px}
html.mobile-ux .page-content :is(p,li,.small,.hero-desc,.unit-link,.track strong,.track small,.source-link,.textlink,.exam-date-row,.reference-title){font-size:14px!important;line-height:1.8}
html.mobile-ux .page-content h3{font-size:16px}
html.mobile-ux .page-content .question-card h2{font-size:18px;line-height:1.85}
html.mobile-ux .page-content .option{font-size:16px;line-height:1.8;min-height:54px}
html.mobile-ux .secondary{font-size:14px!important;line-height:1.65}
html.mobile-ux :is(.badge,.exam-status,.question-meta,.tiny,.unit-link .count,.unit-link .num,.video-filter-group legend,.feedback-privacy,.yt-channel,.yt-latest-label){font-size:12px!important;line-height:1.7}
html.mobile-ux :is(.badge,.exam-status) .secondary{font-size:12px!important}
html.mobile-ux .unit-link .count{white-space:normal}
html.mobile-ux .exam-dates-table strong{font-size:14px!important}
html.mobile-ux .exam-dates-table tbody th{font-size:14px!important}
html.mobile-ux .exam-status{padding:4px 6px}
html.mobile-ux .upcoming-exams .section-head p{font-size:14px}
html.mobile-ux .feedback-card :is(label,p,button){font-size:14px!important}
html.mobile-ux .feedback-card :is(input,textarea){font-size:16px}
html.mobile-ux .yt-top-card :is(p,a,h2){font-size:14px!important}
html.mobile-ux .yt-card-tagline{white-space:normal!important}
html.mobile-ux .yt-card-actions{grid-template-columns:1fr}
/* Enlarge the interactive box, not decorative icons/status text. */
html.mobile-ux :is(a,button,summary,input:not([type=hidden]),select){min-height:44px!important;min-width:44px}
html.mobile-ux a{max-width:100%;overflow-wrap:anywhere}
html.mobile-ux a:not(.brand){display:inline-flex;align-items:center}
html.mobile-ux .unit-link,html.mobile-ux .track,html.mobile-ux .mapped-link{display:flex!important}
html.mobile-ux .unit-link{min-height:48px!important}
html.mobile-ux .page-content .option{min-height:54px!important}
html.mobile-ux :is(.btn,.ref-filters button,.video-filter-group button){font-size:14px!important;padding:9px 12px}
html.mobile-ux .exam-official{display:flex;align-items:center;justify-content:center;min-width:44px}
html.mobile-ux .exam-dates-more summary{font-size:14px;padding:9px 12px}

html.mobile-ux :is(a,button){font-size:14px}
html.mobile-ux .mobile-menu-button span[aria-hidden]{font-size:24px}
html.mobile-ux .site-footer,html.mobile-ux .footer-note{font-size:14px}
html.mobile-ux :is(.category-coverage,.subject-head p,.subject-foot,.quiz-sources,.page-heading p){font-size:14px}
/* BEGIN t286u: card links are vertical content, not inline tap-target rows. */
html.mobile-ux .video-card{padding:0;min-width:0}
html.mobile-ux .video-card>a:first-child{display:block;width:100%;max-width:100%;min-width:0;padding:0;white-space:normal;word-break:normal;overflow-wrap:normal}
html.mobile-ux .video-card>a:first-child>img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0;margin:0;padding:0}
html.mobile-ux .video-card-short>a:first-child>img{object-fit:contain;background:var(--navy)}
html.mobile-ux .video-card>a:first-child>h3{display:block;width:auto;max-width:100%;min-width:0;margin:12px 14px 0;font-size:16px;line-height:1.75;white-space:normal;word-break:normal;overflow-wrap:normal}
html.mobile-ux .video-card>p{margin:10px 14px}
html.mobile-ux .video-card>a.source-link{margin:0 14px 12px;white-space:normal;word-break:normal;overflow-wrap:normal}
html.mobile-ux .yt-top-card a.yt-latest-thumbnail{display:block;position:relative;width:100%;height:auto;aspect-ratio:16/9;padding:0;flex:none}
html.mobile-ux .yt-top-card .yt-latest-thumbnail>img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;object-fit:cover}
/* END t286u */
}