/* Desktop uses roughly 90% of the original editorial scale. Keep this file
   after the page styles: below 1024px their existing layout is unchanged.
   Reading text, fine rules and small controls retain comfortable minimums. */
@media (min-width: 1024px) {
  .page-shell { width: min(calc(90% - 100.8px), 1278px); }
  .site-header { min-height: 93.6px; gap: 25.2px; }
  .wordmark { font-size: 57.6px; letter-spacing: -1.8px; padding-bottom: 8.1px; }
  .main-navigation { gap: 39.6px; }
  .main-navigation button, .main-navigation a { font-size: 16.2px; padding-block: 9px; }
  .hero { min-height: 675px; }
  .hero-copy { padding-top: 62.1px; }
  .eyebrow { font-size: 21.6px; margin-bottom: 19.8px; letter-spacing: -.45px; }
  h1 { font-size: clamp(84.6px, 8.64vw, 133.2px); letter-spacing: -3.6px; }
  .hero-description { font-size: 21.6px; margin: 34.2px 0 20.7px; }
  .button-primary { gap: 18px; border-radius: 7px; padding: 17.1px 27px; min-height: 55.8px; font-size: 16.2px; }
  .hero-cta { min-width: 295.2px; min-height: 61.2px; font-size: 20.7px; padding-inline: 27.9px; }
  .hero-cta img { width: 25.2px; height: 25.2px; }
  .curriculum-note { margin-top: 26.1px; font-size: 15.3px; }
  .hero-art { margin: 12.6px -9px 0 0; }
  .hero-art img { max-width: 662.4px; }
  .stages { padding-top: 23.4px; padding-bottom: 22.5px; }
  .stage-grid { margin-top: 15.3px; }
  .stage-choice { padding-inline: 10.8px; }
  .stage-symbol { width: 37.8px; height: 32.4px; margin-bottom: 9px; }
  .stage-batxillerat .stage-symbol { width: 57.6px; }
  .stage-name { font-size: 59.4px; letter-spacing: -1.26px; }
  .stage-description { font-size: 14.4px; }
  .stage-underline { width: 63px; margin-top: 15.3px; }
  .stage-choice:hover .stage-underline { width: 85.5px; }

  .site-dialog { width: min(558px, calc(100% - 40px)); padding: 43.2px; }
  .site-dialog h2 { font-size: 45.9px; margin-bottom: 16.2px; }
  .dialog-description { margin-bottom: 23.4px; }
  .sign-in-form { gap: 18px; }
  .account-page { padding-block: 54px 81px; }
  .account-card { max-width: 450px; }
  .account-card h1 { font-size: 46.8px; margin-bottom: 21.6px; }
  .level-options { gap: 9px; margin-top: 14.4px; }
  .level-option { min-height: 60.3px; padding: 14.4px 10.8px; font-size: 16.2px; }

  /* Map: scale the four columns and their vertical rhythm together. */
  .education-back { margin-top: 25.2px; font-size: 14px; }
  .education-intro { grid-template-columns: minmax(0, 1fr) minmax(297px, .9fr); padding: 19.8px 0 36px; }
  .education-eyebrow { font-size: 14.4px; margin-bottom: 12.6px; }
  .education-intro h1 { font-size: clamp(54px, 5.4vw, 73.8px); letter-spacing: -1.98px; }
  .education-description { margin-top: 15.3px; font-size: 16.2px; }
  .education-intro-controls { padding-left: 34.2px; }
  .education-view-option { font-size: 14px; }
  .education-stage { padding-inline: 30.6px; }
  .education-stage-header { min-height: 238.5px; }
  .education-stage-symbol { width: 43.2px; height: 39.6px; margin-bottom: 19.8px; }
  .education-stage-batxillerat .education-stage-symbol { width: 66.6px; }
  .education-stage h2 { font-size: clamp(41.4px, 4.275vw, 61.2px); letter-spacing: -1.35px; margin-bottom: 13.5px; }
  .education-stage-ages { font-size: 21.6px; margin-bottom: 7.2px; }
  .education-attendance { font-size: 18px; }
  .education-label { margin-bottom: 22.5px; font-size: 15.3px; }
  .education-label::after { width: 43.2px; margin-top: 19.8px; }
  .education-cycle h3 { font-size: 16.2px; margin-bottom: 4.5px; }
  .education-cycle-ages { font-size: 16.2px; margin-bottom: 8.1px; }
  .education-course-link { gap: 15.3px; min-height: 55.8px; }
  .education-courses img { width: 18px; height: 18px; }
  .education-course-name { font-size: 19.8px; min-width: 28.8px; }
  .education-course-ages { font-size: 14px; }
  .education-cycle + .education-cycle { padding-top: 25.2px; margin-top: 12.6px; }
  .education-modalities { margin-top: 28.8px; padding-top: 27px; }
  .education-modalities > ul > li { font-size: 16.2px; padding-block: 14.4px; }
  .education-article { margin-top: 72px; padding: 64.8px 0 16.2px; }
  .education-article-header { grid-template-columns: minmax(0, 1fr) minmax(324px, .9fr); column-gap: 81px; }
  .education-article-eyebrow { margin-bottom: 16.2px; font-size: 14.4px; }
  .education-article-header h2 { font-size: clamp(46.8px, 4.5vw, 64.8px); letter-spacing: -1.62px; }
  .education-article-header > p:last-child { font-size: 17.1px; }
  .education-compulsory { grid-template-columns: minmax(234px, .7fr) minmax(0, 1.6fr); gap: 49.5px; margin-top: 46.8px; padding: 27px 0; }
  .education-compulsory p { font-size: 16.2px; }
  .education-compulsory-range { font-size: 27.9px !important; }
  .education-article-stages section { grid-template-columns: 43.2px minmax(0, 1fr); column-gap: 16.2px; padding: 38.7px 0 41.4px; }
  .education-article-stages section:nth-child(odd) { padding-right: 36px; }
  .education-article-stages section:nth-child(even) { padding-left: 36px; }
  .education-article-number { font-size: 24.3px; }
  .education-article-stages h3 { margin-bottom: 13.5px; font-size: 27px; }
  .education-article-stages section > p:last-child { font-size: 15.3px; }
  .education-transition { max-width: 738px; margin-top: 50.4px; padding-left: 27px; }
  .education-transition h3 { margin-bottom: 10.8px; font-size: 28.8px; }
  .education-transition p { font-size: 15.3px; }
  .education-footer { margin-top: 16.2px; padding: 25.2px 0 37.8px; gap: 21.6px; font-size: 14.4px; }
  .education-sources { max-width: 612px; }
  .education-source-content { margin-top: 19.8px; }

  /* Learning pages share the scale, while paragraphs and small labels remain
     readable at their existing sizes. */
  .learning-main { padding: 28.8px 0 72px; }
  .breadcrumbs { gap: 10.8px; margin-bottom: 45px; }
  .learning-eyebrow { margin-bottom: 15.3px; }
  .learning-title { font-size: clamp(41.4px, 4.77vw, 72px); letter-spacing: -1.62px; max-width: 810px; margin-bottom: 19.8px; }
  .learning-lead { font-size: 19.8px; max-width: 675px; margin-bottom: 37.8px; }
  .catalog-list { margin-top: 43.2px; }
  .catalog-entry { gap: 27px; padding-block: 27px; }
  .catalog-entry h2 { font-size: 39.6px; margin: 5.4px 0 10.8px; }
  .catalog-entry p { max-width: 603px; }
  .outline-entry { grid-template-columns: 40.5px minmax(0, 1fr) auto; gap: 23.4px; }
  .outline-number { font-size: 28.8px; }
  .outline-entry h2 { font-size: 32.4px; }
  .section-title { font-size: 32.4px; margin-bottom: 21.6px; }
  .unit-layout { gap: 72px; margin-top: 49.5px; }
  .unit-overview { gap: var(--progress-sidebar-gap); }
  .unit-progress { padding-left: var(--progress-sidebar-padding); }
  .unit-progress-stat { padding: 16.2px; }
  .unit-progress-value strong { font-size: 34.2px; }
  .lesson-list { margin-bottom: 27px; }
  .lesson-list-heading { margin-bottom: 21.6px; }
  .lesson-list a { gap: 19.8px; padding-block: 21.6px; font-size: 18px; }
  .lesson-number { font-size: 28.8px; }
  .practice-link { margin-top: 19.8px; }
  .unit-objectives { padding-left: 36px; }
  .unit-objectives h2 { font-size: 32.4px; }
  .unit-objectives h3 { margin-top: 28.8px; }
  .sources { margin-top: 58.5px; padding-top: 22.5px; max-width: 810px; }
  .reading-layout { grid-template-columns: minmax(0, 684px) minmax(162px, 1fr); gap: 72px; }
  .reading-layout .learning-title { font-size: clamp(37.8px, 4.14vw, 59.4px); }
  .lesson-section { margin-block: 41.4px; }
  .lesson-section h2 { font-size: 32.4px; margin-bottom: 16.2px; }
  .math-figure { margin: 23.4px 0 9px; padding: 22.5px; }
  .counter-table { border-spacing: 10.8px 7.2px; }
  .counter-table img { width: 30.6px; height: 30.6px; }
  .lesson-section .math-equation { font-size: 32.4px; margin-block: 19.8px; }
  .math-lab { padding: 25.2px; }
  .lab-controls { gap: 22.5px; margin-bottom: 19.8px; }
  .takeaway { padding: 7.2px 0 7.2px 22.5px; margin-block: 36px; }
  .learning-actions { gap: 22.5px; margin-top: 31.5px; }
  .reading-nav { padding-left: 22.5px; top: 27px; }
  .reading-nav li { margin-block: 16.2px; }
  .practice-page { max-width: 684px; }
  progress { margin-bottom: 34.2px; }
  .question-title { font-size: clamp(30.6px, 3.24vw, 45px); margin-bottom: 28.8px; }
  .answer-form fieldset { margin-bottom: 21.6px; }
  .answer-form input[type=number] { width: min(234px, 100%); font-size: 27px; padding: 13.5px; }
  .answer-form #id_answer label { gap: 12.6px; padding: 16.2px; }
  .hint { padding-block: 19.8px; }
  .answer-feedback { margin-top: 18px; padding: 23.4px; }
  .answer-feedback h2 { font-size: 30.6px; }
  .progress-note { margin-top: 31.5px; }
  .review-list { max-width: 720px; }
  .empty-example { margin-top: 40.5px; max-width: 558px; }
}

/* Preserve the existing smaller-desktop compositions at the same scale. */
@media (min-width: 1540px) {
  .hero { min-height: 738px; }
  .hero-copy { padding-top: 77.4px; }
}
@media (min-width: 1024px) and (max-width: 1190px) {
  .page-shell { width: calc(90% - 64.8px); }
  .main-navigation { gap: 25.2px; }
  .hero { min-height: 598.5px; }
  .hero-copy { padding-top: 45px; }
  h1 { font-size: 9.18vw; letter-spacing: -2.7px; }
  .eyebrow { font-size: 18px; }
  .hero-description { font-size: 18px; margin-top: 25.2px; }
  .hero-art { margin-top: 45px; }
  .hero-cta { min-width: 250.2px; min-height: 54px; font-size: 18px; }
  .curriculum-note { max-width: 351px; font-size: 14px; }
  .stage-name { font-size: 43.2px; }
  .stage-description { font-size: 14px; }
}
@media (min-width: 1024px) and (max-width: 1250px) {
  .education-intro { grid-template-columns: minmax(0, 1fr) minmax(270px, .85fr); padding-top: 16.2px; padding-bottom: 32.4px; }
  .education-intro h1 { font-size: clamp(52.2px, 5.67vw, 68.4px); }
  .education-description { font-size: 15.3px; }
  .education-intro-controls { padding-left: 27px; }
  .education-stage { padding-inline: 25.2px; }
  .education-stage-header { min-height: 211.5px; }
  .education-stage h2 { font-size: 4.68vw; }
  .education-stage-ages { font-size: 19.8px; }
  .education-attendance { font-size: 16.2px; }
  .education-course-link { gap: 11.7px; }
  .education-course-name { font-size: 18px; min-width: 24.3px; }
}
@media (min-width: 1024px) and (max-width: 1050px) {
  .education-intro { grid-template-columns: minmax(0, 1fr) minmax(252px, .85fr); padding-top: 14.4px; }
  .education-intro h1 { font-size: 5.67vw; }
  .education-eyebrow { margin-bottom: 10.8px; }
  .education-description { margin-top: 13.5px; }
  .education-intro-controls { padding-left: 23.4px; }
  .education-stage { padding-inline: 28.8px; }
  .education-stage-header { min-height: 208.8px; }
  .education-stage-symbol { width: 34.2px; height: 30.6px; }
  .education-stage-batxillerat .education-stage-symbol { width: 59.4px; }
  .education-stage h2 { font-size: 4.77vw; }
  .education-label { margin-bottom: 14.4px; }
  .education-label::after { margin-top: 14.4px; }
  .education-cycle h3 { font-size: 15.3px; }
  .education-cycle-ages { margin-bottom: 3.6px; }
  .education-cycle + .education-cycle { padding-top: 19.8px; margin-top: 5.4px; }
  .education-course-link { gap: 10.8px; min-height: 48.6px; }
  .education-course-name { min-width: 22.5px; }
  .education-modalities { margin-top: 25.2px; padding-top: 23.4px; }
  .education-modalities > ul > li { padding-block: 11.7px; }
  .education-footer { margin-top: 9px; }
}