/* Academy refresh: home storytelling and focused exam workspaces. */
#page-ielts .ielts-practice-stats strong, #page-ielts .ielts-stat strong,
#page-ielts .ielts-eyebrow, #page-ielts .ielts-practice-kind,
#page-ielts .ielts-bilingual-label, #page-ielts .ielts-vocab-head h4,
#page-ielts .ielts-lesson-detail h4, #page-ielts .ielts-pair-terms strong,
#page-ielts .ielts-library-status strong, #page-ielts .ielts-practice-options button b { color: var(--accent); }
#page-ielts .ielts-speaking-guidance-card h4 { color: var(--text-primary); }
#page-ielts .ielts-writing-rule-source, #page-ielts .ielts-speaking-guidance-card small,
#page-ielts .ielts-vocab-source-term { color: var(--text-secondary) !important; }
#page-ielts .ielts-vocab-usage { color: var(--warning); }
#page-ielts .ielts-practice-feedback.wrong { color: var(--danger); }
#page-ielts .ielts-practice-options button.correct { background: color-mix(in srgb, var(--success) 13%, var(--bg-card)) !important; border-color: var(--success) !important; }
#page-ielts .ielts-practice-options button.wrong { background: color-mix(in srgb, var(--danger) 12%, var(--bg-card)) !important; border-color: var(--danger) !important; }
#page-ielts .ielts-practice-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto; }
#page-ielts .ielts-practice-modes { grid-column: 1 / -1; }
html:not([data-theme="light"]) #page-ielts .ielts-practice-mode.active,
html:not([data-theme="light"]) #page-ielts #ielts-practice-start,
html:not([data-theme="light"]) #page-ielts .ielts-practice-stage .btn-primary { color: #19382a !important; background: #a6d9b8 !important; border-color: #a6d9b8 !important; }
#page-toeic.exam-in-session > .container > .exam-hero,
#page-toeic.exam-in-session > .container > .exam-bank-details,
#page-toeic.exam-in-session > .container > .toeic-content-disclaimer { display: none; }
#toeic-play .toeic-header { padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-card); gap: 15px; flex-wrap: wrap; }
#toeic-play .toeic-header > div { font-size: .82rem !important; }
#toeic-play .toeic-option { min-height: 52px; border-radius: 12px; }
#toeic-play > div:last-child .btn { border-radius: 9px !important; }
@media (max-width: 640px) { #page-ielts .ielts-practice-controls { grid-template-columns: 1fr; } }
.learning-dashboard-shell { max-width: 1280px; }
.passport-stamp-overlay { overflow: hidden; }
.passport-stamp-overlay > div { max-width: calc(100vw - 40px); overflow-wrap: anywhere; }
.learning-header { margin-bottom: 28px; }
.learning-header h1 { font-weight: 700; letter-spacing: -.045em; }
.learning-eyebrow { color: var(--text-muted); font-size: .56rem; }
html .learning-focus { grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); min-height: 365px; background: #153f33 !important; border-radius: 24px; overflow: hidden; }
html .learning-focus-copy { padding: 42px 38px; }
html .learning-focus h2 { font-size: clamp(1.9rem, 2.8vw, 2.65rem); font-weight: 600; line-height: 1.28; letter-spacing: -.055em; }
.learning-focus h2 em { color: #d5ed9b; font-style: normal; }
html .learning-focus-copy > p { max-width: 455px; font-size: .77rem; margin-top: 17px; line-height: 1.9; }
.home-focus-tags { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 20px; color: #d3e2d4; font-size: .6rem; }
.home-focus-tags > span { display: inline-flex; gap: 5px; align-items: center; }.home-focus-tags .material-icons { font-size: 14px; color: #d5ed9b; }
.learning-focus-actions { margin-top: 24px; }
html .learning-focus .learning-primary-action, html .learning-focus .learning-secondary-action { padding: 13px 19px; min-height: 47px; border-radius: 10px; }
html .learning-focus-progress { padding: 20px 24px 22px; flex-flow: row wrap; align-content: flex-end; justify-content: center; gap: 7px 12px; }
.learning-focus-progress::before { display: none; }
.hero-book-scene { position: relative; width: 100%; height: 264px; flex: 0 0 100%; }
.hero-orbit { position: absolute; width: 260px; height: 260px; border: 1px solid #8faa6742; border-radius: 50%; left: 50%; top: -3px; transform: translateX(-50%); box-shadow: 0 0 0 28px #a7c77b09, 0 0 0 58px #a7c77b06; }
.hero-book { position: absolute; top: 5px; left: calc(50% - 78px); width: 166px; height: 222px; padding: 20px 17px 17px 25px; border-radius: 5px 13px 13px 5px; transform: rotate(-11deg); background: #d6e99e; color: #274735; box-shadow: -6px 3px 0 #819b68, 5px 6px 0 #e8ecd9, 8px 9px 0 #95a983, 15px 25px 28px #061e275c; text-align: left; }
.hero-book::before { content: ''; position: absolute; inset: 0 auto 0 10px; width: 1px; background: #8d9e625e; }
.hero-book-brand { display: block; font-size: 7px; letter-spacing: .15em; font-weight: 700; }.hero-book > strong { display: block; font-size: 26px; line-height: 1.15; margin-top: 22px; font-weight: 600; letter-spacing: -.04em; }.hero-book-flower { display: block; font-size: 61px; line-height: 1; margin: 7px 0 0 58px; }.hero-book-foot { display: block; font-size: 6px; letter-spacing: .17em; margin-top: 8px; }
.hero-float { position: absolute; display: flex; align-items: center; gap: 9px; background: #f7f8ef; box-shadow: 0 14px 28px #082a2440; color: #345543; padding: 12px 14px; border: 1px solid #fff9; border-radius: 12px; }
.hero-float-word { top: 158px; left: -8px; transform: rotate(3deg); }.hero-float-word > .material-icons { display: grid; place-items: center; width: 32px; height: 32px; background: #e4eddb; border-radius: 9px; font-size: 20px; }.hero-float b, .hero-float small { display: block; }.hero-float b { font-size: 11px; }.hero-float small { font-size: 8px; margin-top: 5px; color: #647663; }
.hero-float-audio { right: -5px; top: 35px; transform: rotate(8deg); padding: 12px; }.hero-float-audio > .material-icons { font-size: 22px; }
.audio-bars { display: flex; align-items: center; gap: 3px; height: 27px; }.audio-bars i { width: 3px; height: 12px; border-radius: 4px; background: #71895a; }.audio-bars i:nth-child(2n) { height: 22px; }.audio-bars i:nth-child(3n) { height: 28px; }
html .learning-focus .learning-level-icon { width: 34px; height: 34px; border-radius: 10px; transform: none; background: #ffffff12 !important; color: #d5ed9b !important; }.learning-level-icon .material-icons { font-size: 19px; }
.learning-focus-progress > div:has(#passport-current-gate) { text-align: left; }
.learning-focus-progress #passport-current-gate { color: #eef6e9; font-size: .92rem; line-height: 1.4; display: block; }
.learning-focus-progress small { font-size: .48rem; letter-spacing: .1em; }.learning-focus-progress p { font-size: .55rem; }
html .learning-mastered { align-items: baseline; gap: 4px; margin-left: 5px; padding: 0; }html .learning-mastered strong { font-size: 1.25rem; }.learning-mastered span { font-size: .55rem; }
.learning-stats { margin: 22px 0 34px; border-radius: 16px; }
.course-discovery { margin-block: 30px; }.course-grid { gap: 18px; }
.course-card { overflow: hidden; min-height: 252px; border-radius: 19px; padding: 25px; background: color-mix(in srgb, #b5d594 13%, var(--bg-card)); }
.course-toeic { background: color-mix(in srgb, #9ebbe6 13%, var(--bg-card)); }.course-ielts { background: color-mix(in srgb, #d5b4e4 13%, var(--bg-card)); }
.course-card::after { content: ''; position: absolute; top: -38px; right: -30px; width: 150px; height: 150px; border-radius: 50%; border: 28px solid #93b66c0a; pointer-events: none; }
.course-icon { width: 47px; height: 47px; border-radius: 14px; border: 1px solid #fff9; box-shadow: 0 4px 10px #304b2e08; margin-bottom: 25px; }
.course-tag { letter-spacing: .15em; }.course-card > strong { font-size: 1.1rem; }.course-link { margin-top: 12px; padding-top: 17px; border-top: 1px solid var(--border); }.course-link .material-icons { display: grid; place-items: center; width: 25px; height: 25px; background: var(--bg-card); border-radius: 50%; font-size: 15px; }
.home-study-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 17px; padding: 19px 23px; margin: 30px 0; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 14px; font-size: .64rem; color: var(--text-secondary); }
.home-study-strip .home-strip-label { color: var(--text-muted); font-size: .53rem; font-weight: 700; letter-spacing: .1em; }.home-study-strip > span:not(.home-strip-label):not(.material-icons) { display: flex; gap: 7px; align-items: center; }.home-study-strip b { color: var(--accent); font-size: .58rem; }.home-study-strip > .material-icons { font-size: 13px; color: var(--text-muted); }.home-study-strip button { margin-left: auto; display: flex; align-items: center; gap: 8px; border: 0; background: transparent; color: var(--accent); font-size: .65rem; font-weight: 600; cursor: pointer; }.home-study-strip button .material-icons { font-size: 16px; }
.learning-today { background: transparent; border: 0; padding: 0; }.learning-task-grid .departure-row { min-height: 116px; background: var(--bg-card) !important; border-radius: 14px !important; }.learning-levels { margin-top: 30px; }

/* Shared exam architecture. Accent washes are theme-aware; answer states stay untouched. */
#page-toeic, #page-ielts { padding: 30px 34px 48px; }
#page-toeic > .container, #page-ielts > .container { max-width: 1240px; padding-top: 0; }
.exam-hero { --exam-ink: #284b69; --exam-wash: #dcebf3; position: relative; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(230px, .7fr); align-items: center; gap: 25px; padding: 35px 36px; border: 1px solid var(--border); border-radius: 22px; margin-bottom: 25px; overflow: hidden; background: color-mix(in srgb, var(--exam-wash) 40%, var(--bg-card)); }
.exam-hero-ielts { --exam-ink: #66537e; --exam-wash: #eee3f2; }
html .exam-hero .page-title { color: var(--text-primary) !important; font-size: clamp(1.6rem, 2.6vw, 2.15rem); line-height: 1.35; margin: 13px 0 15px; font-weight: 700; letter-spacing: -.045em; }
.exam-hero h1 em { font-style: normal; color: var(--exam-ink); }.exam-eyebrow { font-size: .56rem; font-weight: 700; letter-spacing: .16em; color: var(--exam-ink); }.exam-eyebrow span { margin: 0 8px; opacity: .4; }
.exam-hero .page-sub { max-width: 510px; font-size: .76rem; line-height: 1.85; margin: 0; color: var(--text-secondary); }
.exam-hero-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }.exam-hero-tags span { padding: 5px 8px; color: var(--text-secondary); font-size: .53rem; border: 1px solid color-mix(in srgb, var(--exam-ink) 15%, var(--border)); border-radius: 6px; }
.exam-hero-art { position: relative; text-align: center; padding: 35px 5px; color: var(--exam-ink); }.exam-hero-art::before { content: ''; position: absolute; width: 200px; height: 200px; border: 1px solid color-mix(in srgb, var(--exam-ink) 18%, transparent); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 20px color-mix(in srgb, var(--exam-ink) 3%, transparent); }.exam-art-caption { font-size: 7px; font-weight: 700; letter-spacing: .2em; }.exam-hero-art > strong { display: block; font-size: 3.1rem; letter-spacing: -.055em; line-height: 1.2; margin-top: 12px; }.exam-hero-art > strong > span { display: block; font-size: 10px; font-weight: 400; letter-spacing: .08em; margin-top: 6px; }.exam-art-icons { display: flex; gap: 7px; justify-content: center; margin-top: 21px; }.exam-art-icons .material-icons { display: grid; place-items: center; width: 34px; height: 34px; font-size: 19px; border: 1px solid color-mix(in srgb, var(--exam-ink) 13%, transparent); background: var(--bg-card); border-radius: 10px; }
.exam-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 28px 0 17px; }.exam-section-heading > div > span { display: block; color: var(--text-muted); font-size: .54rem; font-weight: 700; letter-spacing: .1em; margin-bottom: 7px; }.exam-section-heading h2 { font-size: 1.2rem; letter-spacing: -.025em; margin: 0; line-height: 1.5; }.exam-section-heading > p { font-size: .66rem; color: var(--text-muted); }
.exam-bank-details { padding: 14px 17px; border: 1px solid var(--border); border-radius: 12px; margin: 0 0 10px; background: var(--bg-card); }.exam-bank-details summary { cursor: pointer; font-size: .69rem; color: var(--text-secondary); line-height: 1.7; }.exam-bank-details summary > .material-icons { font-size: 16px; vertical-align: middle; margin-inline: 5px; color: var(--accent); }.exam-details-hint { float: right; color: var(--text-muted); font-size: .61rem; }.exam-bank-details[open] .toeic-bank-summary { margin-top: 17px; }.toeic-content-disclaimer { font-size: .61rem; line-height: 1.8; margin: 12px 0 22px; }
.toeic-coach-summary { margin-block: 20px; gap: 10px; }.toeic-coach-summary > div { border-radius: 12px; padding: 17px; border: 1px solid var(--border); }.toeic-coach-summary strong { font-size: .9rem; }
html #toeic-dashboard .toeic-full-test-launch { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: center; gap: 26px; padding: 29px; border: 1px solid #3e6073 !important; background: #243f50 !important; border-radius: 18px !important; }
html .toeic-full-test-launch h2 { color: #f0f5f4 !important; font-size: 1.45rem; line-height: 1.4; margin: 9px 0 12px; }.toeic-full-test-launch .toeic-full-test-kicker { color: #b3d6eb !important; font-size: .55rem; letter-spacing: .14em; }
html .toeic-full-test-launch-copy > p { color: #cadbe2 !important; font-size: .72rem; line-height: 1.8; }.toeic-full-test-launch .toeic-full-test-specs span { color: #d4e2e8; border-color: #68818f; background: #ffffff08; font-size: .62rem; }.toeic-full-test-launch .toeic-full-test-specs b { color: #fff; }.toeic-full-test-launch .toeic-full-test-note { font-size: .59rem; }
html .toeic-full-test-launch #toeic-full-test-start { color: #203a4b !important; background: #deedf5 !important; border-color: #deedf5 !important; border-radius: 10px !important; min-height: 47px; font-size: .72rem; }.toeic-full-test-launch #toeic-full-test-dashboard-status { color: #c4d6df; font-size: .62rem; line-height: 1.7; }
.toeic-mode-toolbar { margin-top: 24px; padding: 19px !important; border-radius: 13px !important; }.toeic-mode-toolbar label { font-size: .6rem; }.toeic-mode-toolbar select { font-size: .75rem; }.toeic-mode-toolbar .btn { border-radius: 9px !important; font-size: .73rem; }
.toeic-category-filters, .exam-workspace-nav { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0; }.toeic-category-filters button, .exam-workspace-nav button { display: inline-flex; gap: 7px; align-items: center; padding: 10px 15px; min-height: 43px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-card); color: var(--text-secondary); font-size: .73rem; cursor: pointer; transition: background-color 130ms; }.toeic-category-filters button .material-icons, .exam-workspace-nav button .material-icons { font-size: 18px; }.toeic-category-filters button small { font-size: .56rem; opacity: .8; }.toeic-category-filters button[aria-pressed="true"], .exam-workspace-nav button[aria-pressed="true"] { color: var(--accent); border-color: var(--border-hover); background: color-mix(in srgb, var(--accent) 10%, var(--bg-card)); font-weight: 700; }
#toeic-categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
#toeic-categories > [data-toeic-category] { display: flex; flex-direction: column; align-items: stretch; gap: 15px; padding: 23px; border: 1px solid var(--border); border-radius: 16px; background: var(--bg-card); box-shadow: none; transition: border-color 140ms, transform 140ms; }
#toeic-categories > [data-toeic-category]:hover { transform: translateY(-3px); border-color: var(--border-hover); }
#toeic-categories .card-icon { width: 46px; height: 46px; display: grid; place-items: center; margin: 0; border-radius: 13px; background: color-mix(in srgb, var(--accent) 9%, var(--bg-card)) !important; color: var(--accent) !important; }#toeic-categories .card-icon .material-icons { font-size: 24px; }
.exam-category-label { color: var(--text-muted); font-size: .55rem; font-weight: 700; letter-spacing: .12em; }#toeic-categories h3 { color: var(--text-primary); font-size: .94rem; line-height: 1.55; margin: 9px 0 5px; }#toeic-categories .card-content { flex: 1; }#toeic-categories .card-content > p { font-size: .67rem !important; }#toeic-categories .toeic-category-progress { margin-top: 18px; }#toeic-categories .card-action { margin-top: auto; }#toeic-categories .card-action button { width: 100%; min-height: 40px; border-radius: 9px !important; border: 1px solid var(--border); background: var(--bg-secondary) !important; font-size: .69rem; font-weight: 600; }#toeic-categories .card-action button:hover { color: var(--accent) !important; }

.ielts-skill-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-bottom: 28px; }.ielts-skill-grid > button { display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 20px; border: 1px solid var(--border); border-radius: 16px; background: var(--bg-card); color: var(--text-primary); cursor: pointer; transition: transform 140ms, border-color 140ms; }.ielts-skill-grid > button:hover { border-color: var(--border-hover); transform: translateY(-3px); }.skill-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 12px; background: #e5eef8; color: #486989; margin-bottom: 20px; font-size: 22px; }.ielts-skill-grid > button:nth-child(2) .skill-icon { background: #e8eddf; color: #667843; }.ielts-skill-grid > button:nth-child(3) .skill-icon { background: #f5e9da; color: #9a7244; }.ielts-skill-grid > button:nth-child(4) .skill-icon { background: #eee6f5; color: #8b699b; }
.ielts-skill-grid strong { font-size: 1.06rem; letter-spacing: -.02em; }.ielts-skill-grid small { margin-top: 7px; font-size: .63rem; color: var(--text-muted); line-height: 1.8; }.skill-card-footer { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-top: auto; padding-top: 20px; font-size: .59rem; font-weight: 600; color: var(--accent); }.skill-card-footer .material-icons { font-size: 17px; }
.exam-workspace-nav { padding-bottom: 16px; border-bottom: 1px solid var(--border); scroll-margin-top: 96px; margin-bottom: 24px; }.exam-workspace-nav button { border-color: transparent; background: transparent; }
#ielts-workspace-practice { padding: 26px; border-radius: 18px; }.ielts-practice-panel > .ielts-result-line { margin-top: 0; }.ielts-practice-panel .section-title { font-size: 1.18rem; }.ielts-practice-panel .ielts-eyebrow { font-size: .55rem; }
.ielts-practice-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; margin: 20px 0; }.ielts-practice-stats article { border: 0; border-radius: 0; padding: 16px 10px; text-align: center; }.ielts-practice-stats article + article { border-left: 1px solid var(--border); }.ielts-practice-stats strong { font-size: 1.13rem; }.ielts-practice-stats span { font-size: .59rem; }
.ielts-practice-controls { gap: 12px; }.ielts-practice-modes { display: flex; flex-wrap: wrap; gap: 7px; padding-bottom: 8px; }.ielts-practice-modes .btn { min-height: 43px; border-radius: 9px !important; font-size: .7rem; padding: 10px 13px; }.ielts-practice-modes .material-icons { font-size: 18px; }.ielts-practice-controls select { border-radius: 9px !important; font-size: .72rem; min-height: 46px; }#ielts-practice-start { min-height: 46px; border-radius: 9px !important; font-size: .72rem; }.ielts-practice-availability { font-size: .69rem; line-height: 1.9; padding: 12px 15px; border-radius: 9px; background: var(--bg-secondary); margin-top: 14px; }
.ielts-practice-stage { border-radius: 14px; padding: 23px; }.ielts-practice-welcome { padding: 30px 18px; text-align: center; }.ielts-practice-welcome > .material-icons { font-size: 32px; padding: 15px; border-radius: 18px; background: var(--bg-secondary); color: var(--accent); margin-bottom: 15px; }.ielts-practice-welcome h3 { font-size: 1rem; }.ielts-practice-welcome p { font-size: .7rem; line-height: 1.8; }
.ielts-organized-panel > div { padding: 25px; margin: 0 0 20px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; }.ielts-organized-panel h3 { font-size: 1rem; line-height: 1.6; }.ielts-organized-panel .ielts-result-line { margin-top: 0; }.ielts-organized-panel .ielts-writing-guide-intro { font-size: .7rem; line-height: 1.8; }.ielts-organized-panel .ielts-vocab-grid { margin-top: 20px; }
html:not([data-theme="light"]) .exam-hero { --exam-wash: #243b43; --exam-ink: #a6cce5; }html:not([data-theme="light"]) .exam-hero-ielts { --exam-wash: #342b40; --exam-ink: #d1b8e6; }
@media (max-width: 1120px) {
  html .learning-focus { grid-template-columns: minmax(0, 1fr) 280px; }html .learning-focus-copy { padding: 34px 28px; }.hero-float-word { left: -20px; }.hero-float-audio { right: -10px; }
  .home-study-strip { gap: 11px; }.home-study-strip .home-strip-label { flex-basis: 100%; }
  #page-toeic, #page-ielts { padding-inline: 24px; }.exam-hero { padding: 28px; grid-template-columns: minmax(0, 1fr) 210px; }.exam-hero .page-title { font-size: 1.8rem; }.ielts-skill-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #toeic-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  html .learning-focus { grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr) !important; }
  .exam-hero { grid-template-columns: minmax(0, 1fr) 210px; }.exam-hero-art > strong { font-size: 2.7rem; }
}
@media (max-width: 640px) {
  .learning-header h1 { font-size: 1.58rem; }html .learning-focus { grid-template-columns: 1fr !important; }html .learning-focus-copy { padding: 29px 24px 19px; }html .learning-focus h2 { font-size: 1.85rem; }html .learning-focus-copy > p { font-size: .73rem; }.home-focus-tags { gap: 9px; font-size: .54rem; }.home-focus-tags .material-icons { font-size: 12px; }
  html .learning-focus-progress { background: transparent !important; padding: 0 23px 24px; justify-content: center; flex-wrap: wrap; }.hero-book-scene { height: 238px; max-width: 300px; margin-top: 6px; }.hero-book { width: 145px; height: 191px; top: 12px; left: calc(50% - 68px); padding: 17px 16px 15px 23px; }.hero-book > strong { font-size: 22px; margin-top: 16px; }.hero-book-flower { font-size: 48px; margin-top: 6px; }.hero-book-foot { font-size: 5px; }.hero-orbit { width: 209px; height: 209px; top: 6px; }.hero-float-word { left: -4px; top: 155px; padding: 10px; }.hero-float-audio { right: 0; top: 40px; padding: 10px; }
  html .learning-focus .learning-level-icon { width: 30px; height: 30px; }.learning-focus-progress #passport-current-gate { font-size: .85rem; }html .learning-mastered { display: flex; }
  .learning-stats { margin-top: 17px; }.course-card { min-height: 176px; padding: 21px 20px 21px 80px; }.course-card > strong { font-size: .97rem; }.course-link { padding-top: 13px; }.course-card::after { width: 115px; height: 115px; }
  .home-study-strip { padding: 20px; gap: 12px; display: grid; grid-template-columns: 1fr; }.home-study-strip > .material-icons { display: none; }.home-study-strip b { width: 23px; }.home-study-strip button { margin: 5px 0 0; padding-top: 14px; border-top: 1px solid var(--border); justify-content: space-between; width: 100%; }
  #page-toeic, #page-ielts { padding: 22px 16px 35px; }.exam-hero { padding: 25px 23px; grid-template-columns: 1fr; border-radius: 18px; gap: 0; }.exam-hero .page-title { font-size: 1.62rem; }.exam-hero-art { display: none; }.exam-hero-tags { gap: 6px; }.exam-hero-tags span { font-size: .51rem; }.exam-eyebrow { font-size: .52rem; }
  .exam-details-hint { display: none; }.exam-bank-details { padding: 12px; }.exam-section-heading { flex-direction: column; align-items: flex-start; gap: 6px; }.exam-section-heading h2 { font-size: 1.1rem; }.exam-section-heading > p { line-height: 1.7; }
  html #toeic-dashboard .toeic-full-test-launch { grid-template-columns: 1fr; padding: 23px; gap: 20px; }.toeic-full-test-launch h2 { font-size: 1.28rem !important; }.toeic-full-test-launch-actions { width: 100%; }.toeic-mode-toolbar { padding: 16px !important; }
  .toeic-category-filters { display: grid; grid-template-columns: 1fr 1fr; }.toeic-category-filters button { padding: 10px; font-size: .68rem; }.toeic-category-filters small { display: none; }#toeic-categories { grid-template-columns: 1fr; }#toeic-categories > [data-toeic-category] { padding: 21px; }
  .ielts-skill-grid { gap: 10px; }.ielts-skill-grid > button { padding: 16px 13px; }.skill-icon { width: 37px; height: 37px; margin-bottom: 17px; }.ielts-skill-grid strong { font-size: .96rem; }.ielts-skill-grid small { font-size: .59rem; }.skill-card-footer { font-size: .52rem; }.skill-card-footer .material-icons { font-size: 15px; }
  .exam-workspace-nav { gap: 3px; flex-wrap: nowrap; }.exam-workspace-nav button { padding: 10px 8px; flex: 1; justify-content: center; text-align: center; font-size: .63rem; line-height: 1.6; }.exam-workspace-nav .material-icons { display: none; }
  #ielts-workspace-practice { padding: 18px; }.ielts-practice-panel .section-title { font-size: 1rem; }.ielts-practice-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }.ielts-practice-stats article { padding: 12px 7px; }.ielts-practice-stats article:nth-child(n+4) { border-top: 1px solid var(--border); }.ielts-practice-stats article:nth-child(4) { border-left: 0; }.ielts-practice-stats span { font-size: .52rem; }.ielts-practice-stats strong { font-size: .95rem; }.ielts-practice-modes .btn { flex: 1 0 42%; justify-content: flex-start; font-size: .66rem; padding: 9px; }.ielts-practice-stage { padding: 17px; }.ielts-practice-welcome { padding: 20px 4px; }
  .ielts-organized-panel > div { padding: 19px; }.ielts-organized-panel .ielts-result-line { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .ielts-skill-grid > button, #toeic-categories > [data-toeic-category] { transition: none; }.ielts-skill-grid > button:hover, #toeic-categories > [data-toeic-category]:hover { transform: none; } }