/* Laptop and tablet reading scale. Only loaded by home, local music and agents. */
@media (min-width: 981px) and (max-width: 1500px) {
  /* Home: keep the compact introduction and reduce the sections below it. */
  .home-page main .container { width: min(1120px, calc(100% - 80px)); }
  .home-page .section { padding-block: 68px; }
  .home-page .section-heading { margin-bottom: 38px; }
  .home-page .section-heading h2 { font-size: clamp(36px,3.3vw,46px); line-height: 1.08; }
  .home-page .section-intro { font-size: 14px; line-height: 1.8; }
  .home-page #agentes .product-grid { gap: 22px; }
  .home-page #agentes .card-content { padding: 28px 24px 26px; }
  .home-page #agentes .card-content h3 { font-size: 25px; line-height: 1.1; }
  .home-page #agentes .card-content > p:not(.card-label) { font-size: 14px; line-height: 1.8; }
  .home-page #agentes .check-list li { font-size: 13px; line-height: 1.75; padding-block: 9px; }
  .home-page #agentes .card-sitter { width: 64px; height: 50px; top: -22px; }
  .home-page #clases.home-production { padding-block: 66px; }
  .home-page #clases .class-grid { gap: 52px; }
  .home-page #clases.home-production .class-copy h2 { font-size: clamp(34px,3.2vw,43px); line-height: 1.08; }
  .home-page #clases.home-production .class-copy > p { font-size: 14px; line-height: 1.85; }
  .home-page .samplerboard-section { padding-block: 72px; }
  .home-page .samplerboard-grid { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 64px; }
  .home-page .samplerboard-title { font-size: clamp(34px,3.3vw,46px); }
  .home-page .samplerboard-title img { width: 42px; }
  .home-page .samplerboard-lead { font-size: 18px; line-height: 1.6; }
  .home-page .samplerboard-copy > p:not(.samplerboard-kicker,.samplerboard-lead) { font-size: 14px; line-height: 1.85; }
  .home-page .samplerboard-features li { font-size: 13px; line-height: 1.75; padding-block: 10px; }

  /* Agents: distinct cards, smaller headings and generous space between blocks. */
  .agent-page main .container { width: min(1100px, calc(100% - 96px)); }
  .agent-page main .narrow { width: min(760px, calc(100% - 96px)); }
  .agent-page .agent-product-hero { padding-block: 40px 48px; }
  .agent-page .agent-showcase { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; }
  .agent-page .agent-intro h1 { font-size: clamp(38px,3.5vw,48px); line-height: 1.06; letter-spacing: -.045em; }
  .agent-page .agent-intro .lead { margin: 22px 0; font-size: 15px; line-height: 1.8; }
  .agent-page .agent-intro .section-kicker { margin-bottom: 16px; font-size: 10px; line-height: 1.6; }
  .agent-page .agent-spec { margin-top: 26px; }
  .agent-page .agent-spec-title { padding-block: 13px; font-size: 12px; line-height: 1.6; }
  .agent-page .agent-spec li { padding-block: 10px; font-size: 13px; line-height: 1.7; }
  .agent-page .agent-buy-row { margin-top: 28px; gap: 20px; }
  .agent-page .agent-buy-row .offer-tag { font-size: 28px; }
  .agent-page .agent-buy-row .button { min-height: 44px; font-size: 12px; }
  .agent-page .agent-band { padding-block: 20px; }
  .agent-page .agent-band-inner { gap: 16px 28px; }
  .agent-page .agent-band span { font-size: 12px; }
  .agent-page .agent-section { padding-block: 64px; }
  .agent-page .agent-section-heading { max-width: 720px; margin-bottom: 36px; }
  .agent-page .agent-section-heading h2, .agent-page .agent-split-copy h2, .agent-page .mail-section-title, .agent-page .trimestres-section-title { font-size: clamp(31px,2.85vw,39px); line-height: 1.08; letter-spacing: -.045em; }
  .agent-page .agent-section-heading > p:not(.section-kicker) { max-width: 650px; margin-top: 20px; font-size: 15px; line-height: 1.85; }
  .agent-page .agent-section-heading .section-kicker, .agent-page .agent-split-copy .section-kicker { font-size: 10px; line-height: 1.7; margin-bottom: 16px; }
  .agent-page .agent-story { grid-template-columns: .85fr 1.15fr; gap: 64px; }
  .agent-page .agent-story-quote { font-size: clamp(29px,2.6vw,36px); line-height: 1.14; }
  .agent-page .agent-story-copy p { font-size: 15px; line-height: 1.85; margin-bottom: 18px; }
  .agent-page .agent-story-copy p:last-child { margin-bottom: 0; }
  .agent-page .agent-split { gap: 64px; }
  .agent-page .agent-split-copy h2 { margin-bottom: 24px; }
  .agent-page .agent-split-copy p { font-size: 15px; line-height: 1.85; }
  .agent-page .agent-split-copy ul { margin-top: 24px; }
  .agent-page .agent-split-copy li { margin-block: 0; padding-block: 13px; font-size: 13px; line-height: 1.75; }
  .agent-page .agent-split .agent-split-media { width: 100%; max-width: 460px; justify-self: center; }
  .agent-page .agent-split .mail-reply-shot { max-width: 290px; }
  .agent-page .agent-split .trimestres-invoice-shot { max-width: 265px; }
  .agent-page .agent-detail-grid { gap: 18px; border: 0; }
  .agent-page .agent-detail { min-height: 0; padding: 26px; border: 1px solid #bec7bd; }
  .agent-page .agent-detail-icon { margin-bottom: 24px; font-size: 12px; }
  .agent-page .agent-detail h3 { margin-bottom: 13px; font-size: 18px; line-height: 1.25; }
  .agent-page .agent-detail p { font-size: 13px; line-height: 1.85; }
  .agent-page #instalacion .installation-grid { gap: 18px; border: 0; }
  .agent-page #instalacion .installation-card { padding: 26px 22px; min-height: 0; border: 1px solid #bec7bd; }
  .agent-page #instalacion .installation-drawing { height: 76px; margin-bottom: 20px; }
  .agent-page #instalacion .installation-icon { width: 92px; height: 70px; }
  .agent-page #instalacion .installation-card h3 { font-size: 18px; line-height: 1.25; margin-bottom: 15px; }
  .agent-page #instalacion .installation-card p { font-size: 13px; line-height: 1.8; }
  .agent-page .agent-setup-guide { margin-top: 36px; }
  .agent-page .agent-setup-choice, .agent-page .agent-setup-prompt { padding: 30px; }
  .agent-page .agent-setup-choice h3 { font-size: 23px; }
  .agent-page .agent-setup-prompt blockquote { font-size: 20px; line-height: 1.55; }
  .agent-page .agent-setup-support { padding-top: 30px; }
  .agent-page .faq summary { padding-block: 19px; font-size: 14px; line-height: 1.6; }
  .agent-page .faq details p { font-size: 14px; line-height: 1.85; }
  .agent-page .related-guides .related-grid { gap: 18px; }
  .agent-page .related-card { padding: 22px; font-size: 14px; }
  .agent-page #control .mail-access-grid > div { padding: 26px; }
  .agent-page #control .mail-access-grid h3 { font-size: 18px; }
  .agent-page #control .mail-access-grid p { font-size: 13px; line-height: 1.85; }
  .agent-page #control .mail-control-note { margin-top: 30px; line-height: 1.85; }
  .agent-page #entrega .trimestres-delivery-summary { gap: 64px; }
  .agent-page #entrega h2 { font-size: 33px; line-height: 1.12; }
  .agent-page #entrega .trimestres-delivery-summary p:not(.section-kicker) { font-size: 15px; line-height: 1.85; }
  .agent-page #radar .agent-radar-ui { padding: 22px; }
  .agent-page #radar .agent-radar-card h3 { font-size: 20px; line-height: 1.2; }
  .agent-page #radar .agent-radar-story { padding: 28px; margin-top: 40px; }
  .agent-page #radar .agent-radar-story p { font-size: 13px; line-height: 1.85; }

  /* Local music: make room for the image, schedule and text on short windows. */
  .music-classes main .container { width: min(1080px,calc(100% - 96px)); }
  .music-classes .mc-hero { padding-top: 38px; }
  .music-classes .mc-hero-top { gap: 56px; margin-bottom: 28px; }
  .music-classes h1 { font-size: clamp(42px,3.8vw,54px); line-height: 1.06; }
  .music-classes h2 { font-size: clamp(30px,2.8vw,39px); line-height: 1.12; }
  .music-classes .mc-eyebrow { margin-bottom: 18px !important; font-size: 10px; }
  .music-classes .mc-hero-intro > p:first-child { font-size: 14px; line-height: 1.8; }
  .music-classes .mc-cover > img { height: clamp(230px,32vh,300px); }
  .music-classes .mc-facts { padding-block: 23px; }
  .music-classes .mc-facts dd { font-size: 14px; line-height: 1.6; }
  .music-classes .mc-section { padding-block: 64px; }
  .music-classes .mc-section-intro { font-size: 14px; line-height: 1.85; margin-top: 22px !important; }
  .music-classes .mc-class-grid, .music-classes .mc-method-grid, .music-classes .mc-location-grid { gap: 64px; }
  .music-classes .mc-instruments { margin-top: 28px; gap: 0 28px; }
  .music-classes .mc-instruments article { padding-block: 15px; }
  .music-classes .mc-instruments h3 { font-size: 16px; }
  .music-classes .mc-instruments p { font-size: 12px; line-height: 1.75; }
  .music-classes .mc-studio { max-width: 430px; justify-self: center; }
  .music-classes .mc-steps { margin-top: 24px; }
  .music-classes .mc-steps li { padding-block: 15px; gap: 18px; }
  .music-classes .mc-steps h3 { font-size: 15px; }
  .music-classes .mc-video-column { max-width: 410px; justify-self: center; }
  .music-classes .mc-teacher { margin-top: 30px; }
  .music-classes .mc-teacher h3 { font-size: 21px; }
  .music-classes .mc-teacher > p:not(.mc-eyebrow), .music-classes .mc-teacher ul { font-size: 13px; line-height: 1.85; }
  .music-classes .mc-audience { margin-top: 36px; gap: 32px; }
  .music-classes .mc-audience h3 { font-size: 18px; margin-top: 16px; }
  .music-classes .mc-audience p { font-size: 13px; line-height: 1.85; }
  .music-classes .mc-photo-pair { margin-top: 38px; }
  .music-classes .mc-photo-pair img { height: 245px; }
  .music-classes .mc-location-map { max-width: 350px; }
  .music-classes .mc-location-details strong { font-size: 22px; }
  .music-classes .mc-faq-grid { max-width: 760px; gap: 32px; }
  .music-classes .mc-faq .faq summary { font-size: 14px; padding-block: 19px; }
}

/* Keep the same hierarchy when the layout changes to tablet columns. */
@media (min-width: 761px) and (max-width: 980px) {
  .agent-page main .container, .agent-page main .narrow { width: min(680px,calc(100% - 64px)); }
  .agent-page .agent-product-hero, .agent-page .agent-section { padding-block: 56px; }
  .agent-page .agent-intro h1 { font-size: 44px; line-height: 1.08; }
  .agent-page .agent-section-heading h2, .agent-page .agent-split-copy h2 { font-size: 34px; line-height: 1.1; }
  .agent-page .agent-intro .lead, .agent-page .agent-story-copy p, .agent-page .agent-split-copy p { font-size: 15px; line-height: 1.85; }
  .agent-page .agent-story-quote { font-size: 32px; line-height: 1.15; }
  .agent-page .agent-detail-grid, .agent-page #instalacion .installation-grid { gap: 16px; border: 0; }
  .agent-page .agent-detail, .agent-page #instalacion .installation-card { padding: 24px; border: 1px solid #bec7bd; }
  .agent-page .agent-detail h3 { font-size: 19px; line-height: 1.2; }
  .agent-page .agent-detail p { font-size: 14px; line-height: 1.8; }
  .agent-page .agent-detail-icon { margin-bottom: 24px; }
  .agent-page .agent-split-media { max-width: 560px; justify-self: center; }
  .agent-page .mail-reply-shot { max-width: 330px; }
  .agent-page .trimestres-invoice-shot { max-width: 300px; }
  .music-classes main .container { width: min(740px,calc(100% - 64px)); }
  .music-classes h1 { font-size: 48px; }
  .music-classes h2 { font-size: 36px; line-height: 1.12; }
  .music-classes .mc-section { padding-block: 64px; }
  .music-classes .mc-cover > img { height: 300px; }
}

@media (max-width: 760px) {
  .agent-page .agent-section { padding-block: 56px; }
  .agent-page .agent-intro h1 { font-size: clamp(36px,10vw,46px); line-height: 1.08; }
  .agent-page .agent-section-heading h2, .agent-page .agent-split-copy h2, .agent-page .mail-section-title { font-size: 32px; line-height: 1.1; }
  .agent-page .agent-story-quote { font-size: 30px; line-height: 1.15; }
  .agent-page .agent-intro .lead, .agent-page .agent-story-copy p, .agent-page .agent-split-copy p { font-size: 15px; line-height: 1.8; }
  .agent-page .agent-detail-grid, .agent-page #instalacion .installation-grid { gap: 16px; border: 0; }
  .agent-page .agent-detail, .agent-page #instalacion .installation-card { padding: 26px; min-height: 0; border: 1px solid #bec7bd; }
  .agent-page .agent-detail-icon { margin-bottom: 24px; }
  .agent-page .agent-detail h3 { font-size: 20px; line-height: 1.2; }
  .agent-page .agent-detail p { font-size: 14px; line-height: 1.8; }
  .agent-page .installation-section::before { display: none; }
}