/* =========================================================
   KECERMATAN PRO - STUDENT EXPERIENCE V2.6.0
   Readability-first commercial UI refinement.
   Loaded after v2.5.0 and intentionally changes presentation only.
   ========================================================= */

:root{
  --k26-navy:#0a1630;
  --k26-navy-2:#142a57;
  --k26-indigo:#4f5ee8;
  --k26-violet:#6e55e9;
  --k26-cyan:#16a8c0;
  --k26-ink:#172033;
  --k26-text:#3f4b61;
  --k26-muted:#667085;
  --k26-line:#dde5ef;
  --k26-soft:#f5f7fb;
  --k26-paper:#ffffff;
  --k26-green:#159a70;
  --k26-shadow:0 18px 45px rgba(19,34,68,.10);
  --k26-shadow-soft:0 8px 24px rgba(19,34,68,.07);
  --k26-font:"Aptos","Segoe UI Variable Text","Segoe UI Variable",Inter,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --k26-display:"Aptos Display","Segoe UI Variable Display","Segoe UI Variable",Inter,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* ---------------------------------------------------------
   GLOBAL TYPE SYSTEM
   --------------------------------------------------------- */
.student-v260,
.premium-v260{
  font-family:var(--k26-font)!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}
.student-v260{font-size:15px!important;line-height:1.58;color:var(--k26-text)}
.student-v260 h1,.student-v260 h2,.student-v260 h3,.student-v260 h4,
.premium-v260 h1,.premium-v260 h2,.premium-v260 h3{
  font-family:var(--k26-display)!important;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.student-v260 p,.student-v260 span,.student-v260 small,.student-v260 label,.student-v260 a,.student-v260 button,
.premium-v260 p,.premium-v260 span,.premium-v260 small,.premium-v260 label,.premium-v260 a,.premium-v260 button,.premium-v260 input{
  text-rendering:optimizeLegibility;
}

/* ---------------------------------------------------------
   LOGIN - stronger hierarchy and legibility
   --------------------------------------------------------- */
.login-pro-page.premium-v260{font-family:var(--k26-font)!important;background:#edf2f8!important}
.premium-v260 .login-pro-visual{padding-top:38px;padding-bottom:34px}
.premium-v260 .login-pro-brand strong,.premium-v260 .login-pro-mobile-brand strong{font-size:18px!important;font-weight:800!important;letter-spacing:-.02em}
.premium-v260 .login-pro-brand>div>span,.premium-v260 .login-pro-mobile-brand>div>span{font-size:10.5px!important;line-height:1.35!important;letter-spacing:.14em!important;font-weight:700!important}
.premium-v260 .login-pro-kicker{font-size:12px!important;font-weight:750!important;letter-spacing:.03em!important;padding:8px 12px!important}
.premium-v260 .login-pro-copy h1{font-size:clamp(46px,4.7vw,70px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:820!important;margin:20px 0 18px!important}
.premium-v260 .login-pro-copy p{font-size:15.5px!important;line-height:1.72!important;color:#c6d2e8!important;max-width:640px!important}
.premium-v260 .login-v250-top>span:first-child{font-size:10.5px!important;letter-spacing:.10em!important}
.premium-v260 .login-v250-top>small{font-size:10px!important}
.premium-v260 .login-v250-caption{font-size:9.5px!important;letter-spacing:.10em!important}
.premium-v260 .login-v250-task strong{font-size:16.5px!important}
.premium-v260 .login-v250-icons span{font-size:14px!important}
.premium-v260 .login-v250-progress small{font-size:9.5px!important}
.premium-v260 .login-v250-metric span{font-size:9px!important;letter-spacing:.08em!important}
.premium-v260 .login-v250-metric b{font-size:15px!important}
.premium-v260 .login-v250-metric.wide b{font-size:11.5px!important}
.premium-v260 .login-pro-feature b{font-size:13px!important;line-height:1.35!important}
.premium-v260 .login-pro-feature small{font-size:11px!important;line-height:1.45!important;color:#b7c4dc!important}
.premium-v260 .login-pro-visual-foot{font-size:10.5px!important}
.premium-v260 .login-pro-form-wrap{width:min(500px,100%)!important;padding:38px 38px 31px!important;border-radius:30px!important;box-shadow:0 30px 75px rgba(22,42,80,.14)!important}
.premium-v260 .login-pro-overline{font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important}
.premium-v260 .login-pro-heading h2{font-size:34px!important;line-height:1.12!important;font-weight:810!important;color:#172033!important;margin:10px 0 10px!important}
.premium-v260 .login-pro-heading p{font-size:14px!important;line-height:1.65!important;color:#667085!important}
.premium-v260 .login-pro-form label{font-size:13.5px!important;font-weight:750!important;color:#344054!important;margin-bottom:8px!important}
.premium-v260 .login-pro-input input{height:56px!important;border-radius:15px!important;font-size:15px!important;font-weight:600!important;color:#172033!important;padding-left:46px!important}
.premium-v260 .login-pro-input input::placeholder{color:#98a2b3!important;font-weight:500!important}
.premium-v260 .login-pro-submit{height:56px!important;border-radius:15px!important;font-size:14.5px!important;font-weight:800!important;letter-spacing:.005em!important}
.premium-v260 .login-pro-install{height:47px!important;font-size:12.5px!important;font-weight:700!important}
.premium-v260 .login-pro-help{font-size:12px!important;line-height:1.45!important;color:#667085!important;padding:12px 13px!important}
.premium-v260 .login-pro-footer{font-size:10.5px!important;font-weight:650!important;color:#8b95a5!important}

/* ---------------------------------------------------------
   STUDENT APP HEADER + BASE SPACING
   --------------------------------------------------------- */
.student-pro-body.student-v260{padding-bottom:118px!important;background:radial-gradient(circle at 8% -4%,rgba(79,94,232,.10),transparent 26%),radial-gradient(circle at 98% 13%,rgba(22,168,192,.07),transparent 23%),linear-gradient(180deg,#f9fbfe 0%,#f1f5fa 44%,#eef2f7 100%)!important}
.student-v260 .student-pro-app{width:min(980px,100%)!important}
.student-v260 .pro-student-top{height:82px!important;padding:12px 22px!important;background:radial-gradient(circle at 88% -30%,rgba(41,190,205,.18),transparent 34%),linear-gradient(118deg,#07142c 0%,#132b5a 62%,#14526b 112%)!important;box-shadow:0 15px 40px rgba(10,23,51,.20)!important}
.student-v260 .pro-brand-mark{width:44px!important;height:44px!important;border-radius:14px!important}
.student-v260 .pro-brand-mark svg{width:22px!important;height:22px!important}
.student-v260 .pro-brand-copy b{font-size:17px!important;font-weight:810!important;line-height:1.1!important}
.student-v260 .pro-brand-copy small{font-size:10px!important;line-height:1.25!important;letter-spacing:.12em!important;margin-top:3px!important;color:#b0bfd9!important;font-weight:700!important}
.student-v260 .pro-account-chip{min-height:44px!important;padding:5px 6px 5px 14px!important;border-radius:14px!important}
.student-v260 .pro-account-copy small{font-size:9.5px!important;line-height:1.15!important;color:#b8c5db!important}
.student-v260 .pro-account-copy b{font-size:12.5px!important;line-height:1.25!important;max-width:180px!important}
.student-v260 .pro-mini-avatar{width:34px!important;height:34px!important;border-radius:10px!important;font-size:13px!important;font-weight:800!important}
.student-v260 .pro-icon-button,.student-v260 .pro-pwa-install{min-height:42px!important;border-radius:13px!important}
.student-v260 .pro-pwa-install{font-size:11.5px!important;font-weight:750!important}
.student-v260 .pro-focus-pill{font-size:11.5px!important;font-weight:750!important;padding:9px 12px!important}
.student-v260 .pro-student-content{padding:28px 22px 34px!important}

/* ---------------------------------------------------------
   SHARED TEXT SCALE - no tiny commercial UI text
   --------------------------------------------------------- */
.student-v260 .pro-overline,.student-v260 .pro-section-kicker{font-size:10.5px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:.12em!important}
.student-v260 .pro-section-head h2{font-size:20px!important;line-height:1.25!important;font-weight:800!important;color:var(--k26-ink)!important}
.student-v260 .pro-section-head>a{font-size:12.5px!important;font-weight:750!important}
.student-v260 .pro-welcome-card .pro-overline{font-size:10.5px!important}
.student-v260 .pro-welcome-card h1{font-size:36px!important;line-height:1.08!important;font-weight:820!important}
.student-v260 .pro-welcome-text{font-size:14px!important;line-height:1.7!important;color:#d0daed!important}
.student-v260 .pro-live-badge{font-size:10.5px!important;font-weight:750!important}
.student-v260 .pro-id-row{font-size:12px!important;line-height:1.45!important}
.student-v260 .pro-primary-cta,.student-v260 .pro-secondary-cta{min-height:48px!important;font-size:13.5px!important;font-weight:800!important;border-radius:14px!important}
.student-v260 .pro-identity-badge small{font-size:10px!important}
.student-v260 .pro-stat-card strong{font-size:23px!important;line-height:1!important}
.student-v260 .pro-stat-card span{font-size:12px!important;line-height:1.35!important;font-weight:650!important;color:#667085!important}

.student-v260 .pro-page-banner h1{font-size:28px!important;line-height:1.15!important;font-weight:820!important;color:#172033!important}
.student-v260 .pro-page-banner p{font-size:13.5px!important;line-height:1.65!important;color:#667085!important}
.student-v260 .pro-banner-count{font-size:27px!important;font-weight:820!important}
.student-v260 .pro-banner-count small{font-size:10px!important;line-height:1.2!important}

.student-v260 .pro-date-label{font-size:11.5px!important;font-weight:700!important}
.student-v260 .pro-status-chip{font-size:10.5px!important;font-weight:800!important;padding:6px 9px!important}
.student-v260 .pro-exam-card h3{font-size:18px!important;line-height:1.3!important;font-weight:800!important;color:#172033!important}
.student-v260 .pro-exam-card p{font-size:13px!important;line-height:1.62!important;color:#667085!important}
.student-v260 .pro-mini-meta{font-size:11.5px!important;line-height:1.4!important}
.student-v260 .pro-card-action{font-size:12px!important;font-weight:800!important}
.student-v260 .pro-detail-pills span{font-size:11px!important;line-height:1.3!important;padding:7px 10px!important}
.student-v260 .pro-exam-rule-note{font-size:12px!important;line-height:1.6!important}
.student-v260 .pro-locked-cta{font-size:12.5px!important;font-weight:780!important}
.student-v260 .pro-compact-summary b{font-size:17px!important}
.student-v260 .pro-compact-summary span{font-size:10.5px!important;line-height:1.35!important}
.student-v260 .pro-empty-state strong{font-size:15px!important}
.student-v260 .pro-empty-state p{font-size:12.5px!important;line-height:1.6!important}

.student-v260 .pro-score-hero h1,.student-v260 .pro-result-hero h1{font-size:29px!important;line-height:1.15!important}
.student-v260 .pro-score-hero p,.student-v260 .pro-result-hero p{font-size:13px!important;line-height:1.62!important;color:#cbd6ea!important}
.student-v260 .pro-score-ring strong,.student-v260 .pro-result-score strong{font-size:24px!important}
.student-v260 .pro-score-ring span,.student-v260 .pro-result-score span{font-size:9.5px!important}
.student-v260 .pro-score-card h3{font-size:17px!important;line-height:1.3!important}
.student-v260 .pro-score-metrics span{font-size:10.5px!important;line-height:1.25!important}
.student-v260 .pro-score-metrics strong{font-size:15px!important}
.student-v260 .pro-result-row-main strong{font-size:13.5px!important;line-height:1.35!important}
.student-v260 .pro-result-row-main span{font-size:11.5px!important;line-height:1.4!important;color:#667085!important}
.student-v260 .pro-result-value{font-size:15px!important;font-weight:820!important}
.student-v260 .pro-group-number{font-size:11px!important;font-weight:800!important}

.student-v260 .pro-profile-active{font-size:10.5px!important}
.student-v260 .pro-profile-copy h1{font-size:29px!important;line-height:1.15!important}
.student-v260 .pro-profile-copy p{font-size:12.5px!important;line-height:1.5!important}
.student-v260 .pro-profile-footer small{font-size:9.5px!important}
.student-v260 .pro-profile-footer b{font-size:13px!important}
.student-v260 .pro-profile-shield{font-size:10.5px!important}
.student-v260 .pro-info-row small{font-size:10.5px!important;line-height:1.3!important}
.student-v260 .pro-info-row strong{font-size:13px!important;line-height:1.45!important}
.student-v260 .pro-security-intro strong{font-size:14px!important}
.student-v260 .pro-security-intro p{font-size:12px!important;line-height:1.55!important}
.student-v260 .pro-password-form label{font-size:12.5px!important;font-weight:750!important}
.student-v260 .pro-password-control input{font-size:14px!important}
.student-v260 .password-toggle{font-size:10.5px!important;font-weight:750!important}
.student-v260 .password-helper{font-size:11.5px!important;line-height:1.5!important}
.student-v260 .pro-logout-panel strong{font-size:13.5px!important}
.student-v260 .pro-logout-panel p{font-size:11.5px!important;line-height:1.45!important}
.student-v260 .pro-logout-panel>a{font-size:11.5px!important;font-weight:750!important}
.student-v260 .student-alert.pro-alert{font-size:12.5px!important;line-height:1.5!important}

.student-v260 .pro-about-hero h1{font-size:30px!important;line-height:1.15!important}
.student-v260 .pro-about-hero>p{font-size:13px!important;line-height:1.65!important;color:#cbd6ea!important}
.student-v260 .pro-about-pills span{font-size:10.5px!important}
.student-v260 .pro-step>span{font-size:11px!important}
.student-v260 .pro-step strong{font-size:13.5px!important}
.student-v260 .pro-step p{font-size:11.8px!important;line-height:1.58!important}
.student-v260 .pro-note-card strong{font-size:13.5px!important}
.student-v260 .pro-note-card p{font-size:11.8px!important;line-height:1.58!important}

.student-v260 .exam-confirm-card h1{font-size:30px!important;line-height:1.16!important}
.student-v260 .exam-confirm-card>p{font-size:14px!important;line-height:1.68!important;color:#5d687a!important}
.student-v260 .exam-confirm-meta span{font-size:10.5px!important;line-height:1.3!important}
.student-v260 .exam-confirm-meta b{font-size:15px!important;line-height:1.35!important}
.student-v260 .exam-confirm-rules{font-size:12.5px!important;line-height:1.65!important}
.student-v260 .exam-window-note{font-size:12px!important}
.student-v260 .exam-code-copy label{font-size:13px!important;font-weight:800!important}
.student-v260 .exam-code-copy small{font-size:11.5px!important;line-height:1.45!important}
.student-v260 .exam-code-input{font-size:15px!important;font-weight:750!important}
.student-v260 .device-lock-card h1{font-size:30px!important;line-height:1.15!important}
.student-v260 .device-lock-card>p{font-size:14px!important;line-height:1.68!important}

/* ---------------------------------------------------------
   BOTTOM NAVIGATION - redesigned as premium app navigation
   --------------------------------------------------------- */
.student-v260 .pro-bottom-dock{
  width:min(720px,calc(100% - 28px))!important;
  height:84px!important;
  bottom:14px!important;
  padding:8px!important;
  gap:4px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.965)!important;
  border:1px solid rgba(210,220,234,.98)!important;
  box-shadow:0 22px 55px rgba(17,31,61,.20),0 4px 16px rgba(17,31,61,.08),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
}
.student-v260 .pro-bottom-dock a{
  min-width:0!important;
  height:66px!important;
  padding:6px 4px 5px!important;
  gap:4px!important;
  border-radius:18px!important;
  color:#667085!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:720!important;
  letter-spacing:0!important;
  background:transparent!important;
  transform:none!important;
}
.student-v260 .pro-bottom-dock .nav-icon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  color:#5d687b!important;
  background:#f1f4f8!important;
  border:1px solid #e5eaf1!important;
  box-shadow:none!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.student-v260 .pro-bottom-dock .nav-icon svg{width:20px!important;height:20px!important;stroke-width:1.9!important}
.student-v260 .pro-bottom-dock a:hover{color:#4051d8!important;background:#f7f8ff!important}
.student-v260 .pro-bottom-dock a.active{
  color:#3445ce!important;
  font-weight:820!important;
  background:linear-gradient(145deg,#f1f3ff 0%,#eef9fb 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(79,94,232,.08)!important;
}
.student-v260 .pro-bottom-dock a.active .nav-icon{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(145deg,#5365ec 0%,#6d55e8 56%,#1ca8c1 118%)!important;
  box-shadow:0 9px 19px rgba(72,84,197,.28)!important;
  transform:translateY(-2px)!important;
}
.student-v260 .pro-bottom-dock a.home-tab{
  width:auto!important;height:66px!important;transform:none!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.student-v260 .pro-bottom-dock a.home-tab.active{background:linear-gradient(145deg,#f1f3ff 0%,#eef9fb 100%)!important;box-shadow:inset 0 0 0 1px rgba(79,94,232,.08)!important}

/* ---------------------------------------------------------
   EXAM FOCUS MODE - clarity above decoration
   --------------------------------------------------------- */
.student-v260.exam-locked-body{padding-bottom:0!important;background:linear-gradient(180deg,#edf2f8 0%,#f6f8fb 100%)!important}
.student-v260.exam-locked-body .pro-student-top{height:72px!important;background:linear-gradient(118deg,#07142c,#122a58 64%,#145064)!important}
.student-v260.exam-locked-body .pro-student-content{padding-top:18px!important;padding-bottom:26px!important}
.student-v260 .premium-exam.exam-shell{width:min(920px,100%)!important;gap:15px!important}
.student-v260 .exam-status-card{top:86px!important;padding:18px 20px!important;border-radius:20px!important;border-color:#d8e1ed!important;background:rgba(255,255,255,.97)!important;box-shadow:0 13px 35px rgba(20,38,76,.09)!important}
.student-v260 .exam-status h2{font-size:20px!important;line-height:1.2!important;font-weight:820!important;color:#172033!important;margin:3px 0 4px!important}
.student-v260 .exam-kicker{font-size:11px!important;line-height:1.35!important;letter-spacing:.11em!important;font-weight:850!important;color:#4f5ee8!important}
.student-v260 .exam-submeta{font-size:12px!important;line-height:1.4!important;color:#667085!important;font-weight:650!important}
.student-v260 .timer-label{font-size:10px!important;line-height:1.2!important;letter-spacing:.09em!important;color:#667085!important;font-weight:850!important}
.student-v260 .timer{min-width:104px!important;padding:9px 13px!important;border-radius:13px!important;font-size:26px!important;line-height:1!important;font-weight:820!important;letter-spacing:.025em!important}
.student-v260 .exam-progress{height:8px!important;margin-top:13px!important}
.student-v260 .exam-session-lock{margin-top:11px!important;padding:9px 11px!important;border-radius:11px!important;color:#4f5b70!important;font-size:11.5px!important;line-height:1.4!important;font-weight:650!important;background:#f4f7fb!important}
.student-v260 .exam-session-lock svg{width:16px!important;height:16px!important}
.student-v260 .exam-connection-state{font-size:10.5px!important;line-height:1.2!important;font-weight:800!important;padding:5px 9px!important}

.student-v260 .question-card{padding:28px 28px 27px!important;border-radius:26px!important;border-color:#d9e2ed!important;background:#fff!important;box-shadow:0 20px 50px rgba(21,39,78,.08)!important}
.student-v260 .question-number{padding:8px 13px!important;border-radius:12px!important;background:#f1f3ff!important;border:1px solid #dfe3ff!important;color:#4f5b70!important;font-size:13px!important;line-height:1.25!important;font-weight:700!important}
.student-v260 .question-number strong{font-size:16px!important;color:#4051d8!important;font-weight:850!important}
.student-v260 .question-hint{max-width:660px!important;margin:14px auto 20px!important;font-size:13.5px!important;line-height:1.62!important;color:#526074!important;font-weight:560!important}
.student-v260 .reference-grid{max-width:670px!important;gap:11px!important;margin-bottom:22px!important}
.student-v260 .reference-item{padding:14px 8px 10px!important;border-radius:17px!important;border-color:#dce4ee!important;background:#fbfcfe!important;box-shadow:0 8px 20px rgba(21,39,78,.045)!important}
.student-v260 .reference-icon{height:50px!important}
.student-v260 .reference-icon .app-icon{font-size:39px!important}
.student-v260 .reference-icon .app-icon-img{width:39px!important;height:39px!important}
.student-v260 .reference-label{width:29px!important;height:29px!important;margin-top:8px!important;border-radius:9px!important;background:#eef1ff!important;border-color:#d9dfff!important;color:#4051d8!important;font-size:12.5px!important;line-height:1!important;font-weight:850!important}
.student-v260 .question-divider{max-width:700px!important;margin:7px auto 17px!important;color:#667085!important;font-size:11px!important;line-height:1.2!important;letter-spacing:.11em!important;font-weight:800!important}
.student-v260 .question-display{margin:14px auto 20px!important;gap:15px!important}
.student-v260 .question-icon{width:82px!important;height:76px!important;border-radius:18px!important;border-color:#dbe3ee!important;background:#fff!important;box-shadow:0 9px 22px rgba(21,39,78,.055)!important}
.student-v260 .question-icon .app-icon{font-size:43px!important}
.student-v260 .question-icon .app-icon-img{width:43px!important;height:43px!important}
.student-v260 .answer-copy{margin:0 auto 16px!important}
.student-v260 .answer-copy strong{font-size:15.5px!important;line-height:1.35!important;color:#172033!important;font-weight:820!important}
.student-v260 .answer-copy span{font-size:12.5px!important;line-height:1.45!important;color:#667085!important;margin-top:3px!important}
.student-v260 #answerNetworkNotice{font-size:11.5px!important;line-height:1.45!important;color:#7a4b13!important}
.student-v260 .letter-options{max-width:610px!important;gap:11px!important}
.student-v260 .letter-option{height:62px!important;border:1.5px solid #d6dfeb!important;border-radius:16px!important;background:#fff!important;color:#24324a!important;font-size:21px!important;line-height:1!important;font-weight:850!important;box-shadow:0 7px 17px rgba(21,39,78,.05)!important}
.student-v260 .letter-option:hover,.student-v260 .letter-option:focus-visible{border-color:#7380ee!important;background:#f3f5ff!important;color:#3445ce!important;box-shadow:0 0 0 4px rgba(79,94,232,.10),0 10px 22px rgba(21,39,78,.08)!important;transform:translateY(-1px)!important}
.student-v260 .letter-option:active{transform:translateY(1px) scale(.99)!important}
.student-v260 .letter-option:disabled{opacity:.62!important}

/* ---------------------------------------------------------
   PAGINATION
   --------------------------------------------------------- */
.student-v260 .app-pagination a,.student-v260 .app-pagination span{font-size:11.5px!important;line-height:1.25!important;font-weight:700!important;min-height:42px!important}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */
@media(max-width:760px){
  .student-pro-body.student-v260{padding-bottom:108px!important}
  .student-v260 .pro-student-top{height:72px!important;padding:10px 13px!important}
  .student-v260 .pro-student-content{padding:18px 13px 27px!important}
  .student-v260 .pro-brand-mark{width:40px!important;height:40px!important}
  .student-v260 .pro-brand-copy b{font-size:15.5px!important}
  .student-v260 .pro-brand-copy small{font-size:9px!important}
  .student-v260 .pro-welcome-card h1{font-size:30px!important}
  .student-v260 .pro-welcome-text{font-size:13.5px!important}
  .student-v260 .pro-page-banner h1{font-size:24px!important}
  .student-v260 .pro-page-banner p{font-size:13px!important}
  .student-v260 .pro-bottom-dock{height:80px!important;width:calc(100% - 18px)!important;bottom:9px!important;border-radius:23px!important;padding:7px!important}
  .student-v260 .pro-bottom-dock a,.student-v260 .pro-bottom-dock a.home-tab{height:64px!important;font-size:11px!important;border-radius:16px!important}
  .student-v260 .pro-bottom-dock .nav-icon{width:32px!important;height:32px!important}
  .student-v260 .exam-status-card{top:80px!important}
  .student-v260 .question-card{padding:24px 18px 23px!important}
  .student-v260 .question-icon{width:74px!important;height:70px!important}
  .student-v260 .letter-option{height:58px!important}
}

/* ---------------------------------------------------------
   MOBILE - readable 360-430 px layouts
   --------------------------------------------------------- */
@media(max-width:560px){
  .premium-v260 .login-pro-panel{background:linear-gradient(180deg,#0b1c3d 0,#1b3368 190px,#f3f6fb 190px)!important}
  .premium-v260 .login-pro-form-wrap{min-height:calc(100vh - 24px)!important;margin-top:24px!important;padding:28px 20px 28px!important;border-radius:30px 30px 0 0!important}
  .premium-v260 .login-pro-mobile-brand{margin-bottom:30px!important}
  .premium-v260 .login-pro-brand strong,.premium-v260 .login-pro-mobile-brand strong{font-size:17px!important}
  .premium-v260 .login-pro-brand>div>span,.premium-v260 .login-pro-mobile-brand>div>span{font-size:10px!important}
  .premium-v260 .login-pro-heading h2{font-size:29px!important;line-height:1.12!important}
  .premium-v260 .login-pro-heading p{font-size:13.5px!important;line-height:1.62!important}
  .premium-v260 .login-pro-form label{font-size:13px!important}
  .premium-v260 .login-pro-input input{height:54px!important;font-size:15px!important}
  .premium-v260 .login-pro-submit{height:54px!important;font-size:14px!important}
  .premium-v260 .login-pro-help{font-size:11.5px!important}
  .premium-v260 .login-pro-footer{font-size:10px!important;gap:8px!important}

  .student-v260 .pro-student-top{height:70px!important;padding:9px 11px!important}
  .student-v260 .pro-brand-copy b{font-size:15px!important}
  .student-v260 .pro-brand-copy small{font-size:8.5px!important;display:block!important}
  .student-v260 .pro-mini-avatar{width:36px!important;height:36px!important;font-size:13px!important}
  .student-v260 .pro-welcome-card{padding:24px 19px 21px!important}
  .student-v260 .pro-welcome-card h1{font-size:28px!important;line-height:1.1!important}
  .student-v260 .pro-welcome-text{font-size:13px!important;line-height:1.62!important}
  .student-v260 .pro-id-row{font-size:11.5px!important}
  .student-v260 .pro-primary-cta,.student-v260 .pro-secondary-cta{font-size:12.5px!important;min-height:46px!important}
  .student-v260 .pro-stat-card{padding:13px 11px!important}
  .student-v260 .pro-stat-card strong{font-size:19px!important}
  .student-v260 .pro-stat-card span{font-size:10.5px!important;line-height:1.3!important}
  .student-v260 .pro-section-head h2{font-size:18px!important}
  .student-v260 .pro-overline,.student-v260 .pro-section-kicker{font-size:9.8px!important}
  .student-v260 .pro-page-banner{padding:20px 17px!important}
  .student-v260 .pro-page-banner h1{font-size:23px!important}
  .student-v260 .pro-page-banner p{font-size:12.5px!important;line-height:1.6!important}
  .student-v260 .pro-exam-main,.student-v260 .pro-exam-card-large .pro-exam-main{padding:16px!important}
  .student-v260 .pro-exam-card h3{font-size:16.5px!important}
  .student-v260 .pro-exam-card p{font-size:12px!important}
  .student-v260 .pro-date-label{font-size:10.8px!important}
  .student-v260 .pro-status-chip{font-size:9.8px!important}
  .student-v260 .pro-detail-pills span{font-size:10.2px!important}
  .student-v260 .pro-exam-rule-note{font-size:11.3px!important}
  .student-v260 .pro-profile-copy h1{font-size:24px!important}
  .student-v260 .pro-profile-copy p{font-size:11.5px!important}
  .student-v260 .pro-about-hero h1{font-size:25px!important}
  .student-v260 .pro-about-hero>p{font-size:12px!important}
  .student-v260 .exam-confirm-card h1{font-size:25px!important}
  .student-v260 .exam-confirm-card>p{font-size:12.8px!important}
  .student-v260 .exam-confirm-rules{font-size:11.5px!important}
  .student-v260 .exam-code-copy label{font-size:12.2px!important}
  .student-v260 .exam-code-copy small{font-size:10.8px!important}

  /* mobile navigation keeps labels visible */
  .student-v260 .pro-bottom-dock{height:78px!important;width:calc(100% - 14px)!important;bottom:7px!important;padding:6px!important;border-radius:22px!important}
  .student-v260 .pro-bottom-dock a,.student-v260 .pro-bottom-dock a.home-tab{height:64px!important;padding:5px 2px 4px!important;gap:3px!important;border-radius:15px!important;font-size:10.5px!important;font-weight:740!important}
  .student-v260 .pro-bottom-dock .nav-icon{width:31px!important;height:31px!important;border-radius:10px!important}
  .student-v260 .pro-bottom-dock .nav-icon svg{width:19px!important;height:19px!important}

  /* exam mobile: no text under 11px in critical workflow */
  .student-v260.exam-locked-body .pro-student-content{padding:12px 9px 18px!important}
  .student-v260.exam-locked-body .pro-student-top{height:68px!important}
  .student-v260 .exam-status-card{top:76px!important;padding:14px!important;border-radius:17px!important}
  .student-v260 .exam-status{gap:10px!important;align-items:flex-start!important}
  .student-v260 .exam-status h2{font-size:17px!important;line-height:1.2!important}
  .student-v260 .exam-kicker{font-size:10.5px!important;letter-spacing:.08em!important}
  .student-v260 .exam-submeta{font-size:11.5px!important}
  .student-v260 .timer-wrap{gap:4px!important}
  .student-v260 .timer-label{font-size:9.5px!important}
  .student-v260 .timer{min-width:84px!important;font-size:22px!important;padding:8px 10px!important}
  .student-v260 .exam-progress{height:7px!important;margin-top:11px!important}
  .student-v260 .exam-session-lock{font-size:10.8px!important;line-height:1.35!important;padding:8px 9px!important;gap:6px!important;flex-wrap:wrap!important}
  .student-v260 .exam-connection-state{font-size:10px!important;margin-left:0!important}
  .student-v260 .question-card{padding:21px 11px 20px!important;border-radius:21px!important}
  .student-v260 .question-number{font-size:12.5px!important;padding:7px 10px!important}
  .student-v260 .question-number strong{font-size:15px!important}
  .student-v260 .question-hint{font-size:12.5px!important;line-height:1.55!important;margin:12px 4px 16px!important}
  .student-v260 .reference-grid{gap:5px!important;margin-bottom:17px!important}
  .student-v260 .reference-item{padding:9px 3px 7px!important;border-radius:12px!important}
  .student-v260 .reference-icon{height:37px!important}
  .student-v260 .reference-icon .app-icon{font-size:30px!important}
  .student-v260 .reference-icon .app-icon-img{width:30px!important;height:30px!important}
  .student-v260 .reference-label{width:25px!important;height:25px!important;margin-top:6px!important;border-radius:7px!important;font-size:11.5px!important}
  .student-v260 .question-divider{font-size:10.5px!important;letter-spacing:.08em!important;margin-bottom:12px!important}
  .student-v260 .question-display{gap:8px!important;margin:11px auto 16px!important}
  .student-v260 .question-icon{width:62px!important;height:59px!important;border-radius:14px!important}
  .student-v260 .question-icon .app-icon{font-size:32px!important}
  .student-v260 .question-icon .app-icon-img{width:32px!important;height:32px!important}
  .student-v260 .answer-copy{margin-bottom:13px!important}
  .student-v260 .answer-copy strong{font-size:14px!important;line-height:1.3!important}
  .student-v260 .answer-copy span{font-size:11.5px!important;line-height:1.4!important}
  .student-v260 .letter-options{gap:7px!important}
  .student-v260 .letter-option{height:52px!important;border-radius:12px!important;font-size:18px!important}
}

@media(max-width:365px){
  .student-v260 .pro-brand-copy small{font-size:8px!important;display:block!important}
  .student-v260 .pro-bottom-dock a,.student-v260 .pro-bottom-dock a.home-tab{font-size:9.7px!important}
  .student-v260 .pro-bottom-dock .nav-icon{width:29px!important;height:29px!important}
  .student-v260 .reference-grid{gap:3px!important}
  .student-v260 .reference-icon .app-icon{font-size:27px!important}
  .student-v260 .reference-icon .app-icon-img{width:27px!important;height:27px!important}
  .student-v260 .question-icon{width:56px!important;height:54px!important}
  .student-v260 .question-icon .app-icon{font-size:29px!important}
  .student-v260 .question-icon .app-icon-img{width:29px!important;height:29px!important}
  .student-v260 .letter-option{height:50px!important;font-size:17px!important}
}
