/* Hanyu Test Center — shared education-platform layer
   HSK-BASE-001 / 002 / 004 / 007 / 008 / 009 / 010 / 011 */

body[data-page="mock"].multipage-site {
  --tests-ink: #173c34;
  --tests-muted: #5f706a;
  --tests-green: #2f6a55;
  --tests-green-dark: #173c34;
  --tests-green-soft: #dceee4;
  --tests-coral: #c96847;
  --tests-coral-dark: #a94e32;
  --tests-coral-soft: #f8dfd2;
  --tests-gold: #8d6519;
  --tests-gold-soft: #f7dfa1;
  --tests-success: #2f6a55;
  --tests-cream: #fff7ef;
  --tests-stone: #fffaf4;
  --tests-line: #ddded5;
  --tests-line-strong: #c8ccc1;
  --tests-radius-control: 12px;
  --tests-radius-card: 16px;
  --tests-radius-feature: 20px;
  --tests-shadow-sm: 0 5px 0 rgba(23, 60, 52, 0.06);
  --tests-shadow-md: 0 10px 0 rgba(23, 60, 52, 0.08);
  color: var(--tests-ink);
  background: var(--tests-cream);
}

body[data-page="mock"].multipage-site main,
body[data-page="mock"].multipage-site .seo-hero,
body[data-page="mock"].multipage-site .sample-library,
body[data-page="mock"].multipage-site .sample-paper-section,
body[data-page="mock"].multipage-site .test-version-section,
body[data-page="mock"].multipage-site .seo-section {
  background: var(--tests-cream);
}

body[data-page="mock"].multipage-site :focus-visible {
  outline-color: #2f6a55;
}

body[data-page="mock"].multipage-site .site-header .button--dark,
body[data-page="mock"].multipage-site .button--dark,
body[data-page="mock"].multipage-site .button--brand,
body[data-page="mock"].multipage-site .paper-control-button--primary,
body[data-page="mock"].multipage-site .test-next__action {
  border-color: #173c34;
  color: #fff;
  background: #2f6a55;
}

body[data-page="mock"].multipage-site .site-header .button--dark:hover,
body[data-page="mock"].multipage-site .button--dark:hover,
body[data-page="mock"].multipage-site .button--brand:hover,
body[data-page="mock"].multipage-site .paper-control-button--primary:hover,
body[data-page="mock"].multipage-site .test-next__action:hover,
body[data-page="mock"].multipage-site .test-next__action:focus-visible {
  border-color: #173c34;
  color: #fff;
  background: #173c34;
  box-shadow: 0 5px 0 rgba(23, 60, 52, 0.16);
}

body[data-page="mock"].multipage-site .button--paper,
body[data-page="mock"].multipage-site .button--ghost {
  border-color: #bac9c1;
  color: #245545;
  background: #fffdf9;
}

body[data-page="mock"].multipage-site .desktop-nav__primary[aria-current="page"] {
  border-color: #2f6a55;
  color: #2f6a55;
}

body[data-page="mock"].multipage-site .flow-nav a[aria-current="step"] {
  border-color: #2f6a55;
  color: #fff;
  background: #2f6a55;
}

body[data-page="mock"].multipage-site .exam-context-bar {
  border-color: #e2c987;
  color: #4f421e;
  background: #f7dfa1;
}

body[data-page="mock"].multipage-site .exam-context-bar a {
  color: #173c34;
}

body[data-page="mock"].multipage-site .test-product-nav {
  padding: 14px 0 0;
  border: 0;
  background: var(--tests-cream);
}

body[data-page="mock"].multipage-site .test-product-nav__inner {
  min-height: 70px;
  padding: 10px 14px;
  border: 1.5px solid #173c34;
  border-radius: 18px;
  background: #fffdf9;
  box-shadow: 0 5px 0 rgba(23, 60, 52, 0.08);
}

body[data-page="mock"].multipage-site .test-product-nav__brand {
  gap: 11px;
}

body[data-page="mock"].multipage-site .test-product-nav__brand > span:first-child,
body[data-page="mock"].multipage-site .test-product-nav__mark {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #b9d4c5;
  border-radius: 12px;
  color: inherit;
  background: #dceee4;
}

body[data-page="mock"].multipage-site .test-product-nav__mark img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body[data-page="mock"].multipage-site .test-product-nav__brand small {
  color: #78857f;
}

body[data-page="mock"].multipage-site .test-product-nav__brand strong {
  color: #173c34;
  font-size: 16px;
}

body[data-page="mock"].multipage-site .test-product-nav nav {
  gap: 6px;
}

body[data-page="mock"].multipage-site .test-product-nav nav a {
  min-height: 44px;
  border-radius: 11px;
  color: #586a64;
}

body[data-page="mock"].multipage-site .test-product-nav nav a:hover,
body[data-page="mock"].multipage-site .test-product-nav nav a:focus-visible {
  color: #173c34;
  background: #fff0df;
}

body[data-page="mock"].multipage-site .test-product-nav nav a[aria-current="page"] {
  color: #173c34;
  background: #f8dfd2;
}

body[data-page="mock"].multipage-site .test-product-nav__mode {
  min-height: 44px;
  border-color: #b9d4c5;
  border-radius: 11px;
  color: #2f6a55;
  background: #eef7f1;
}

body[data-page="mock"].multipage-site .test-product-nav__mode > span {
  font-size: 18px;
}

body[data-page="mock"].multipage-site .test-product-nav__mode i {
  display: none;
}

body[data-page="mock"].multipage-site .seo-hero {
  padding: 28px 0 36px;
}

body[data-page="mock"].multipage-site .seo-breadcrumb,
body[data-page="mock"].multipage-site .seo-breadcrumb a {
  color: #6c7974;
}

body[data-page="mock"].multipage-site .seo-hero__grid {
  gap: clamp(28px, 5vw, 72px);
  padding: clamp(32px, 5vw, 64px);
  border: 0;
  border-radius: 0;
  color: #173c34;
  background: transparent;
  box-shadow: none;
}

body[data-page="mock"].multipage-site .seo-hero__grid::before {
  display: none;
}

body[data-page="mock"].multipage-site .seo-hero__eyebrow {
  display: inline-flex;
  width: fit-content;
  min-height: 32px;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid #e5bda9;
  border-radius: 999px;
  color: #8b482f;
  background: #f8dfd2;
  letter-spacing: 0.1em;
}

body[data-page="mock"].multipage-site .seo-hero__eyebrow::before {
  display: none;
}

body[data-page="mock"].multipage-site .seo-hero h1 {
  margin-top: 20px;
  color: #173c34;
  font-size: clamp(42px, 5.3vw, 72px);
  letter-spacing: -0.055em;
  line-height: 0.98;
}

body[data-page="mock"].multipage-site .seo-hero h1 em {
  color: #c96847;
}

body[data-page="mock"].multipage-site .seo-hero__lead,
body[data-page="mock"].multipage-site .seo-hero__grid > div:first-child > p:not(.seo-hero__lead) {
  margin-top: 22px;
  color: #5f706a;
  font-size: 17px;
  line-height: 1.7;
}

body[data-page="mock"].multipage-site .seo-hero__facts,
body[data-page="mock"].multipage-site .test-focus-card {
  overflow: hidden;
  padding: 0;
  border: 1.5px solid #173c34;
  border-radius: 18px;
  color: #173c34;
  background: #cbdff5;
  box-shadow: 0 7px 0 rgba(23, 60, 52, 0.1);
}

body[data-page="mock"].multipage-site .seo-hero__facts > span {
  min-height: 86px;
  padding: 18px 20px;
  border-color: rgba(23, 60, 52, 0.17);
  background: transparent;
}

body[data-page="mock"].multipage-site .seo-hero__facts small,
body[data-page="mock"].multipage-site .test-focus-card small {
  color: #486860;
}

body[data-page="mock"].multipage-site .seo-hero__facts strong,
body[data-page="mock"].multipage-site .test-focus-card__header strong,
body[data-page="mock"].multipage-site .test-focus-card__meta strong {
  color: #173c34;
}

body[data-page="mock"].multipage-site .test-focus-card__icon {
  border-color: #b9d4c5;
  color: #2f6a55;
  background: #eef7f1;
}

body[data-page="mock"].multipage-site .test-focus-card__icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body[data-page="mock"].multipage-site .test-focus-card__progress {
  border-color: rgba(23, 60, 52, 0.15);
  background: rgba(255, 255, 255, 0.42);
}

body[data-page="mock"].multipage-site .test-focus-card__progress strong {
  color: #2f6a55;
}

body[data-page="mock"].multipage-site .test-focus-card__progress [role="progressbar"] {
  background: rgba(255, 255, 255, 0.76);
}

body[data-page="mock"].multipage-site .test-focus-card__progress [role="progressbar"] i {
  background: #2f6a55;
}

body[data-page="mock"].multipage-site .test-focus-card__meta,
body[data-page="mock"].multipage-site .test-focus-card__meta > span + span {
  border-color: rgba(23, 60, 52, 0.15);
}

body[data-page="mock"].multipage-site .test-focus-card .test-next__action {
  background: #2f6a55;
}

body[data-page="mock"].multipage-site .test-status-strip {
  padding: 0 0 38px;
  background: var(--tests-cream);
}

body[data-page="mock"].multipage-site .test-status-strip__grid {
  gap: 10px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-page="mock"].multipage-site .test-status-strip article {
  min-height: 118px;
  align-content: center;
  padding: 18px;
  border: 1px solid #c8d5cd;
  border-radius: 14px;
  background: #fffdf9;
}

body[data-page="mock"].multipage-site .test-status-strip article:nth-child(2) {
  background: #f7dfa1;
}

body[data-page="mock"].multipage-site .test-status-strip article:nth-child(3) {
  background: #dceee4;
}

body[data-page="mock"].multipage-site .test-status-strip article:nth-child(4) {
  background: #f8dfd2;
}

body[data-page="mock"].multipage-site .test-status-strip article:nth-child(5) {
  background: #cbdff5;
}

body[data-page="mock"].multipage-site .test-status-strip article + article {
  border-left: 1px solid #c8d5cd;
}

body[data-page="mock"].multipage-site .test-status-strip small,
body[data-page="mock"].multipage-site .test-status-strip span,
body[data-page="mock"].multipage-site .test-status-strip a {
  color: #586a64;
}

body[data-page="mock"].multipage-site .test-status-strip strong {
  color: #173c34;
}

body[data-page="mock"].multipage-site .test-feature-rail {
  padding: 52px 0 58px;
  border: 0;
  background: #fffdf9;
}

body[data-page="mock"].multipage-site .test-feature-rail__heading span,
body[data-page="mock"].multipage-site .test-feature-rail__grid small {
  color: #8d6519;
}

body[data-page="mock"].multipage-site .test-feature-rail__heading h2,
body[data-page="mock"].multipage-site .test-feature-rail__grid strong {
  color: #173c34;
}

body[data-page="mock"].multipage-site .test-feature-rail__heading p,
body[data-page="mock"].multipage-site .test-feature-rail__grid p {
  color: #5f706a;
}

body[data-page="mock"].multipage-site .test-feature-rail__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

body[data-page="mock"].multipage-site .test-feature-rail__grid article {
  min-height: 184px;
  grid-template-columns: 48px minmax(0, 1fr);
  padding: 24px;
  border: 1.5px solid #173c34;
  border-radius: 16px;
  background: #cbdff5;
  box-shadow: 0 6px 0 rgba(23, 60, 52, 0.08);
}

body[data-page="mock"].multipage-site .test-feature-rail__grid article:nth-child(2) {
  background: #f7dfa1;
}

body[data-page="mock"].multipage-site .test-feature-rail__grid article:nth-child(3) {
  background: #dceee4;
}

body[data-page="mock"].multipage-site .test-feature-rail__grid article > span,
body[data-page="mock"].multipage-site .test-feature-rail__grid article:nth-child(2) > span,
body[data-page="mock"].multipage-site .test-feature-rail__grid article:nth-child(3) > span {
  width: 48px;
  height: 48px;
  border-color: rgba(23, 60, 52, 0.2);
  border-radius: 13px;
  color: #173c34;
  background: rgba(255, 255, 255, 0.64);
}

body[data-page="mock"].multipage-site .page-section-heading h2,
body[data-page="mock"].multipage-site .seo-section-heading h2,
body[data-page="mock"].multipage-site .diagnosis-copy h2,
body[data-page="mock"].multipage-site .adaptive-copy h2 {
  color: #173c34;
}

body[data-page="mock"].multipage-site .test-version-card,
body[data-page="mock"].multipage-site .hskk-band-card,
body[data-page="mock"].multipage-site .seo-route-card {
  border: 1.5px solid #173c34;
  border-radius: 16px;
  background: #fffdf9;
  box-shadow: 0 6px 0 rgba(23, 60, 52, 0.08);
}

body[data-page="mock"].multipage-site .test-version-card:nth-child(2),
body[data-page="mock"].multipage-site .hskk-band-card:nth-child(2) {
  background: #f7dfa1;
}

body[data-page="mock"].multipage-site .test-version-card:nth-child(3),
body[data-page="mock"].multipage-site .hskk-band-card:nth-child(3) {
  background: #dceee4;
}

body[data-page="mock"].multipage-site .test-version-card:hover,
body[data-page="mock"].multipage-site .test-version-card:focus-within,
body[data-page="mock"].multipage-site .hskk-band-card:hover,
body[data-page="mock"].multipage-site .hskk-band-card:focus-within {
  border-color: #173c34;
  box-shadow: 0 9px 0 rgba(23, 60, 52, 0.11);
  transform: translateY(-2px);
}

body[data-page="mock"].multipage-site .test-version-card > a,
body[data-page="mock"].multipage-site .hskk-band-card > a {
  color: #245545;
}

body[data-page="mock"].multipage-site .test-library-tools {
  padding: 14px;
  border: 1.5px solid #173c34;
  border-radius: 16px;
  background: #dceee4;
  box-shadow: 0 5px 0 rgba(23, 60, 52, 0.07);
}

body[data-page="mock"].multipage-site .test-library-tools input,
body[data-page="mock"].multipage-site .test-library-tools button {
  min-height: 48px;
  border-color: #aec6ba;
  border-radius: 11px;
  background: #fffdf9;
}

body[data-page="mock"].multipage-site .test-library-tools button {
  color: #245545;
}

body[data-page="mock"].multipage-site .sample-paper-card {
  border: 1.5px solid #173c34;
  border-radius: 16px;
  background: #fffdf9;
  box-shadow: 0 6px 0 rgba(23, 60, 52, 0.07);
}

body[data-page="mock"].multipage-site .sample-paper-card:hover,
body[data-page="mock"].multipage-site .sample-paper-card:focus-within {
  border-color: #173c34;
  box-shadow: 0 9px 0 rgba(23, 60, 52, 0.1);
}

body[data-page="mock"].multipage-site .sample-paper-card:nth-child(n) .sample-paper-card__band {
  color: #173c34;
  background: #cbdff5;
}

body[data-page="mock"].multipage-site .sample-paper-card[data-test-card-tone="blue"] .sample-paper-card__band {
  color: #173c34;
  background: #cbdff5 !important;
}

body[data-page="mock"].multipage-site .sample-paper-card[data-test-card-tone="gold"] .sample-paper-card__band {
  color: #173c34;
  background: #f7dfa1 !important;
}

body[data-page="mock"].multipage-site .sample-paper-card[data-test-card-tone="green"] .sample-paper-card__band {
  color: #173c34;
  background: #dceee4 !important;
}

body[data-page="mock"].multipage-site .sample-paper-card:nth-child(3n + 2) .sample-paper-card__band {
  background: #f7dfa1;
}

body[data-page="mock"].multipage-site .sample-paper-card:nth-child(3n) .sample-paper-card__band {
  background: #dceee4;
}

body[data-page="mock"].multipage-site .sample-paper-card:nth-child(n) .sample-paper-card__band span {
  color: #48605a;
}

body[data-page="mock"].multipage-site .sample-paper-card__stats {
  border-color: #d8ddd4;
  background: #f7f9f5;
}

body[data-page="mock"].multipage-site .sample-paper-card__footer {
  border-color: #d8ddd4;
  background: #fffdf9;
}

body[data-page="mock"].multipage-site .authorized-paper-library .source-paper-card {
  min-height: 218px;
  grid-template-columns: 146px minmax(0, 1fr);
}

body[data-page="mock"].multipage-site .authorized-paper-library .source-paper-card .sample-paper-card__band {
  border-right: 1px solid rgba(23, 60, 52, 0.16);
}

body[data-page="mock"].multipage-site .source-paper-card .sample-paper-card__band strong {
  writing-mode: horizontal-tb;
  transform: none;
}

body[data-page="mock"].multipage-site .sample-library__note > div,
body[data-page="mock"].multipage-site .sample-library__note > div + div {
  border: 1.5px solid #173c34;
  border-radius: 16px;
  background: #f7dfa1;
  box-shadow: 0 6px 0 rgba(23, 60, 52, 0.07);
}

body[data-page="mock"].multipage-site .sample-library__note > div + div {
  background: #dceee4;
}

body[data-page="mock"].multipage-site .paper-intro,
body[data-page="mock"].multipage-site .paper-preparation,
body[data-page="mock"].multipage-site .paper-workspace,
body[data-page="mock"].multipage-site .paper-result {
  border: 1.5px solid #173c34;
  border-radius: 20px;
  background: #fffdf9;
  box-shadow: 0 8px 0 rgba(23, 60, 52, 0.08);
}

body[data-page="mock"].multipage-site .paper-intro__aside {
  color: #173c34;
  background: #dceee4;
}

body[data-page="mock"].multipage-site .paper-intro__aside p,
body[data-page="mock"].multipage-site .paper-intro__aside li {
  color: #4f655e;
}

body[data-page="mock"].multipage-site .paper-audio,
body[data-page="mock"].multipage-site .source-mock-audio {
  background: #173c34;
}

body[data-page="mock"].multipage-site .paper-toolbar {
  background: #173c34;
}

body[data-page="mock"].multipage-site .paper-progress-track span,
body[data-page="mock"].multipage-site .paper-question-nav__list button.is-current {
  color: #fff;
  background: #2f6a55;
}

body[data-page="mock"].multipage-site .paper-option:has(input:checked),
body[data-page="mock"].multipage-site .source-mock-answer-option:has(input:checked) {
  border-color: #2f6a55;
  background: #dceee4;
  box-shadow: inset 3px 0 #2f6a55;
}

body[data-page="mock"].multipage-site .paper-controls,
body[data-page="mock"].multipage-site .paper-result__actions,
body[data-page="mock"].multipage-site .recovery-plan {
  background: #f7f9f5;
}

body[data-page="mock"].multipage-site .source-mock-question-nav button,
body[data-page="mock"].multipage-site .resolver-field--format button {
  min-width: 44px;
  min-height: 44px;
}

body[data-page="mock"].multipage-site .paper-result__summary,
body[data-page="mock"].multipage-site .mock-score,
body[data-page="mock"].multipage-site .resolver-result,
body[data-page="mock"].multipage-site .free-tool-stack__intro {
  color: #fff;
  background: #173c34;
}

body[data-page="mock"].multipage-site .paper-result__section i {
  background: #2f6a55;
}

body[data-page="mock"].multipage-site .resolver-workspace,
body[data-page="mock"].multipage-site .diagnosis-surface,
body[data-page="mock"].multipage-site .adaptive-board,
body[data-page="mock"].multipage-site .level-check {
  border: 1.5px solid #173c34;
  border-radius: 20px;
  background: #fffdf9;
  box-shadow: 0 8px 0 rgba(23, 60, 52, 0.08);
}

body[data-page="mock"].multipage-site .resolver-track,
body[data-page="mock"].multipage-site .level-check__edition {
  color: #173c34;
  background: #cbdff5;
}

body[data-page="mock"].multipage-site .resolver-field,
body[data-page="mock"].multipage-site .resolver-field:nth-child(2n),
body[data-page="mock"].multipage-site .level-check__tasks fieldset,
body[data-page="mock"].multipage-site .free-tool-stack > a {
  border-color: #d8ddd4;
  background: #f7f9f5;
}

body[data-page="mock"].multipage-site .level-check__tasks fieldset:nth-child(2) {
  background: #fff5df;
}

body[data-page="mock"].multipage-site .level-check__tasks fieldset:nth-child(3) {
  background: #eef7f1;
}

body[data-page="mock"].multipage-site .level-check__tasks button {
  min-height: 44px;
  border-color: #ccd5cf;
  border-radius: 999px;
  color: #53635d;
  background: #fffdf9;
}

body[data-page="mock"].multipage-site .level-check__tasks button:hover,
body[data-page="mock"].multipage-site .level-check__tasks button:focus-visible,
body[data-page="mock"].multipage-site .level-check__tasks button.is-selected,
body[data-page="mock"].multipage-site .level-check__tasks button[aria-pressed="true"] {
  border-color: #2f6a55;
  color: #fff;
  background: #2f6a55;
}

body[data-page="mock"].multipage-site .free-tool-stack > a:nth-child(3) {
  background: #f7dfa1;
}

body[data-page="mock"].multipage-site .free-tool-stack > a:nth-child(4) {
  background: #dceee4;
}

body[data-page="mock"].multipage-site .diagnosis-section,
body[data-page="mock"].multipage-site .adaptive-section,
body[data-page="mock"].multipage-site .full-diagnostic-section {
  background: #fff7ef;
}

body[data-page="mock"].multipage-site .diagnosis-summary,
body[data-page="mock"].multipage-site .page-disclosure {
  border-color: #e0bba8;
  background: #f8dfd2;
}

body[data-page="mock"].multipage-site .next-step {
  border: 1.5px solid #173c34;
  border-radius: 18px;
  color: #173c34;
  background: #f7dfa1;
  box-shadow: 0 8px 0 rgba(23, 60, 52, 0.08);
}

body[data-page="mock"].multipage-site .next-step__copy small,
body[data-page="mock"].multipage-site .next-step__copy strong,
body[data-page="mock"].multipage-site .next-step__copy p {
  color: #173c34;
}

@media (max-width: 1080px) {
  body[data-page="mock"].multipage-site .test-feature-rail__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  body[data-page="mock"].multipage-site .test-product-nav__inner {
    padding: 12px;
  }

  body[data-page="mock"].multipage-site .seo-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: 0;
  }

  body[data-page="mock"].multipage-site .test-feature-rail__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="mock"].multipage-site .authorized-paper-library .source-paper-card {
    grid-template-columns: 132px minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  body[data-page="mock"].multipage-site .shell {
    width: min(100% - 32px, 1280px);
  }

  body[data-page="mock"].multipage-site .test-product-nav {
    padding-top: 10px;
  }

  body[data-page="mock"].multipage-site .test-product-nav__inner {
    border-radius: 15px;
  }

  body[data-page="mock"].multipage-site .test-product-nav nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="mock"].multipage-site .test-product-nav nav a {
    justify-content: center;
    text-align: center;
  }

  body[data-page="mock"].multipage-site .seo-hero {
    padding: 20px 0 28px;
  }

  body[data-page="mock"].multipage-site .seo-hero__grid {
    gap: 24px;
    padding-block: 26px;
  }

  body[data-page="mock"].multipage-site .seo-hero h1 {
    font-size: clamp(40px, 12vw, 54px);
  }

  body[data-page="mock"].multipage-site .test-status-strip__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="mock"].multipage-site .test-status-strip article,
  body[data-page="mock"].multipage-site .test-status-strip article + article,
  body[data-page="mock"].multipage-site .test-status-strip article:nth-child(n) {
    min-height: 96px;
    grid-column: auto;
    border: 1px solid #c8d5cd;
  }

  body[data-page="mock"].multipage-site .test-feature-rail__heading {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="mock"].multipage-site .authorized-paper-library .source-paper-card {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  body[data-page="mock"].multipage-site .source-paper-card .sample-paper-card__band strong {
    font-size: 17px;
  }

  body[data-page="mock"].multipage-site .test-feature-rail__grid article {
    min-height: 0;
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="mock"].multipage-site .button,
  body[data-page="mock"].multipage-site .sample-paper-card,
  body[data-page="mock"].multipage-site .test-version-card,
  body[data-page="mock"].multipage-site .hskk-band-card,
  body[data-page="mock"].multipage-site .test-focus-card__progress [role="progressbar"] i {
    transition: none;
  }
}

/* Compact Test product hierarchy: tools first, supporting copy on demand. */
body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero {
  padding: 18px 0 28px;
}

body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero__grid {
  min-height: 250px;
  align-items: center;
  gap: 28px;
  padding-block: 22px;
}

body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero h1 {
  max-width: 760px;
  font-size: clamp(32px, 3.5vw, 42px);
  letter-spacing: -0.035em;
  line-height: 1.08;
}

body[data-page="mock"].multipage-site:has([data-authorized-hsk-mock], [data-authorized-hsk1-mock]) .seo-hero__grid {
  min-height: 210px;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
}

body[data-page="mock"].multipage-site:has([data-authorized-hsk-mock], [data-authorized-hsk1-mock]) .seo-hero h1 {
  max-width: 680px;
  font-size: clamp(30px, 3.2vw, 38px);
}

body[data-page="mock"].multipage-site:has([data-authorized-hsk-mock], [data-authorized-hsk1-mock]) .seo-hero__lead {
  max-width: 700px;
  font-size: 14px;
  line-height: 1.52;
}

body[data-page="mock"].multipage-site:has([data-authorized-hsk-mock], [data-authorized-hsk1-mock]) .seo-hero__facts > span {
  min-height: 50px;
  padding-block: 8px;
}

body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero__lead,
body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero__grid > div:first-child > p:not(.seo-hero__lead) {
  max-width: 680px;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.58;
}

body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero__facts {
  gap: 0;
  padding: 10px 18px;
  border-radius: 16px;
}

body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero__facts > span {
  min-height: 58px;
  padding: 10px 0;
}

body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero__facts strong {
  font-size: 15px;
}

body[data-page="mock"].multipage-site .page-section-heading h2,
body[data-page="mock"].multipage-site .seo-section-heading h2,
body[data-page="mock"].multipage-site .sample-library__heading h2 {
  font-size: clamp(25px, 3vw, 32px);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-page="mock"].multipage-site .page-section-heading p,
body[data-page="mock"].multipage-site .seo-section-heading p {
  max-width: 680px;
  font-size: 14px;
  line-height: 1.6;
}

body[data-page="mock"].multipage-site .sample-paper-card__body h2,
body[data-page="mock"].multipage-site .test-version-card h2,
body[data-page="mock"].multipage-site .hskk-band-card h2 {
  font-size: 20px;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

body[data-page="mock"].multipage-site .sample-paper-card__body p,
body[data-page="mock"].multipage-site .test-version-card p,
body[data-page="mock"].multipage-site .hskk-band-card p {
  font-size: 14px;
  line-height: 1.5;
}

body[data-page="mock"].multipage-site .source-mock-shell {
  padding: 34px 0 72px;
}

body[data-page="mock"].multipage-site .source-mock-intro,
body[data-page="mock"].multipage-site .source-mock-result,
body[data-page="mock"].multipage-site .source-mock-stage {
  border-radius: 20px;
  box-shadow: 0 14px 42px rgba(28, 36, 50, 0.08);
}

body[data-page="mock"].multipage-site .source-mock-intro__main,
body[data-page="mock"].multipage-site .source-mock-intro > aside {
  padding: clamp(24px, 3vw, 36px);
}

body[data-page="mock"].multipage-site .source-mock-intro h2 {
  margin: 8px 0 10px;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans SC", sans-serif;
  font-size: clamp(28px, 3.2vw, 36px);
  letter-spacing: -0.04em;
  line-height: 1.08;
}

body[data-page="mock"].multipage-site .source-mock-intro__main > p,
body[data-page="mock"].multipage-site .source-mock-stage__header p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.55;
}

body[data-page="mock"].multipage-site .source-mock-intro__start {
  margin-top: 18px;
}

body[data-page="mock"].multipage-site .source-mock-timeline {
  gap: 8px;
  margin: 20px 0 16px;
}

body[data-page="mock"].multipage-site .source-mock-timeline li {
  padding: 12px;
  border-radius: 12px;
}

body[data-page="mock"].multipage-site .source-mock-timeline strong {
  margin-bottom: 2px;
  font-size: 15px;
}

body[data-page="mock"].multipage-site .source-mock-timeline span {
  font-size: 12px;
}

body[data-page="mock"].multipage-site details.source-mock-rules {
  margin: 0;
  padding: 0;
  border: 1px solid #d8dce4;
  border-left: 1px solid #d8dce4;
  border-radius: 12px;
  background: #f7f8fb;
}

body[data-page="mock"].multipage-site details.source-mock-rules summary,
body[data-page="mock"].multipage-site .source-mock-score-details summary,
body[data-page="mock"].multipage-site .source-mock-writing-ai__notice summary {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  color: #263245;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  list-style: none;
}

body[data-page="mock"].multipage-site details.source-mock-rules summary::-webkit-details-marker,
body[data-page="mock"].multipage-site .source-mock-score-details summary::-webkit-details-marker,
body[data-page="mock"].multipage-site .source-mock-writing-ai__notice summary::-webkit-details-marker {
  display: none;
}

body[data-page="mock"].multipage-site details.source-mock-rules summary::after,
body[data-page="mock"].multipage-site .source-mock-score-details summary::after,
body[data-page="mock"].multipage-site .source-mock-writing-ai__notice summary::after {
  content: "+";
  color: #53627a;
  font-size: 18px;
  font-weight: 500;
}

body[data-page="mock"].multipage-site details.source-mock-rules[open] summary::after,
body[data-page="mock"].multipage-site .source-mock-score-details[open] summary::after,
body[data-page="mock"].multipage-site .source-mock-writing-ai__notice[open] summary::after {
  content: "−";
}

body[data-page="mock"].multipage-site details.source-mock-rules summary small {
  margin-left: auto;
  color: #68758a;
  font-size: 11px;
  font-weight: 600;
}

body[data-page="mock"].multipage-site details.source-mock-rules ul {
  margin: 0;
  padding: 0 36px 16px;
}

body[data-page="mock"].multipage-site .source-mock-stage__header {
  gap: 20px;
  padding: 18px clamp(18px, 2.4vw, 30px);
}

body[data-page="mock"].multipage-site .source-mock-stage__header h2 {
  margin: 4px 0 0;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans SC", sans-serif;
  font-size: clamp(20px, 2.4vw, 25px);
  letter-spacing: -0.03em;
  line-height: 1.15;
}

body[data-page="mock"].multipage-site .source-mock-audio {
  padding: 14px clamp(18px, 2.4vw, 30px);
}

body[data-page="mock"].multipage-site .source-mock-question-nav {
  padding: 14px clamp(18px, 2.4vw, 30px);
}

body[data-page="mock"].multipage-site .source-mock-question-nav > div:first-child small,
body[data-page="mock"].multipage-site .source-mock-paper figcaption,
body[data-page="mock"].multipage-site .source-mock-answers__heading small {
  font-size: 12px;
  line-height: 1.45;
}

body[data-page="mock"].multipage-site .source-mock-result__hero {
  padding: clamp(24px, 3vw, 38px);
}

body[data-page="mock"].multipage-site .source-mock-result__hero h2 {
  margin: 8px 0;
  font-family: "Plus Jakarta Sans", Inter, "Noto Sans SC", sans-serif;
  font-size: clamp(46px, 6vw, 64px);
  letter-spacing: -0.055em;
  line-height: 0.95;
}

body[data-page="mock"].multipage-site .source-mock-result__hero h2 small {
  font-size: 16px;
  letter-spacing: 0;
}

body[data-page="mock"].multipage-site .source-mock-result__boundary-label {
  margin: 12px 0 0;
  color: #58667b;
  font-size: 13px;
}

body[data-page="mock"].multipage-site .source-mock-score-details,
body[data-page="mock"].multipage-site .source-mock-writing-ai__notice {
  max-width: 680px;
  margin-top: 10px;
  border: 1px solid rgba(45, 61, 85, 0.18);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.54);
}

body[data-page="mock"].multipage-site .source-mock-score-details > p,
body[data-page="mock"].multipage-site .source-mock-writing-ai__notice > p {
  margin: 0;
  padding: 0 14px 14px;
  color: #58667b;
  font-size: 13px;
  line-height: 1.55;
}

body[data-page="mock"].multipage-site .source-mock-estimate,
body[data-page="mock"].multipage-site .source-mock-writing-ai,
body[data-page="mock"].multipage-site .source-mock-result__parts,
body[data-page="mock"].multipage-site .source-mock-result__review {
  padding: clamp(20px, 2.6vw, 30px);
}

body[data-page="mock"].multipage-site .source-mock-estimate header strong,
body[data-page="mock"].multipage-site .source-mock-writing-ai > header strong,
body[data-page="mock"].multipage-site .source-mock-result__parts header strong,
body[data-page="mock"].multipage-site .source-mock-result__review header strong {
  font-size: 18px;
  line-height: 1.25;
}

@media (max-width: 700px) {
  body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero {
    padding: 14px 0 20px;
  }

  body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero__grid {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding-block: 18px;
  }

  body[data-page="mock"].multipage-site:has([data-authorized-hsk-mock], [data-authorized-hsk1-mock]) .seo-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero__facts {
    width: 100%;
    min-width: 0;
  }

  body[data-page="mock"].multipage-site:not(.test-catalog-page) .seo-hero h1 {
    font-size: clamp(28px, 8.8vw, 34px);
  }

  body[data-page="mock"].multipage-site .source-mock-shell {
    padding: 24px 0 56px;
  }

  body[data-page="mock"].multipage-site .source-mock-intro__main,
  body[data-page="mock"].multipage-site .source-mock-intro > aside {
    padding: 22px 20px;
  }

  body[data-page="mock"].multipage-site .source-mock-intro h2 {
    font-size: 27px;
  }

  body[data-page="mock"].multipage-site .source-mock-stage__header h2 {
    font-size: 21px;
  }

  body[data-page="mock"].multipage-site .source-mock-section-switcher,
  body[data-page="mock"].multipage-site .source-mock-section-switcher--three {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
  }

  body[data-page="mock"].multipage-site .source-mock-section-switcher button,
  body[data-page="mock"].multipage-site .source-mock-section-switcher--three button {
    width: 100%;
    min-width: 0;
  }

  body[data-page="mock"].multipage-site .source-mock-section-switcher--three button:nth-of-type(3) {
    grid-column: 1 / -1;
  }

  body[data-page="mock"].multipage-site details.source-mock-rules summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  body[data-page="mock"].multipage-site details.source-mock-rules summary small {
    margin-left: 0;
  }

  body[data-page="mock"].multipage-site details.source-mock-rules ul {
    padding: 0 30px 16px;
  }
}