/* Compact phone layout. Every rule is bounded to a mobile viewport. */
@media (max-width: 767px) {
  html { scroll-padding-top: calc(var(--offer-height, 46px) + var(--nav-height, 60px) + 12px); }
  body { font-size: 15px; }
  main { min-width: 0; }
  .wrap, .narrow { width: calc(100% - 32px); max-width: 100%; }
  .section { padding-block: 38px; }
  .section-head { gap: 12px; margin-bottom: 24px; }
  .section-head h2, .cta-band h2 { font-size: clamp(26px, 7vw, 34px); line-height: 1.15; letter-spacing: -.6px; }
  .section-head p { font-size: 15px; line-height: 1.65; max-width: 100%; }
  .eyebrow { font-size: 10px; line-height: 1.5; letter-spacing: 1.3px; }
  .btn { min-height: 44px; padding: 11px 15px; font-size: 13px; line-height: 1.35; white-space: normal; text-align: center; }
  input, select, textarea { font-size: 16px; max-width: 100%; }
  input, select { min-height: 44px; }
  .prose { font-size: 16px; line-height: 1.75; overflow-wrap: break-word; }
  .prose h2 { font-size: 26px; line-height: 1.25; }
  .prose h3 { font-size: 22px; line-height: 1.3; }
  .prose table { display: block; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }

  .offer-strip { padding: 4px 0; min-height: 46px; }
  .offer-strip .wrap { width: calc(100% - 24px); min-height: 38px; gap: 8px; flex-wrap: nowrap; }
  .offer-strip .offer-label { font-size: 9px !important; padding: 3px 5px; letter-spacing: 0; line-height: 1.3; }
  .offer-strip .offer-price { font-size: 14px; line-height: 1.2; letter-spacing: -.3px; white-space: nowrap; }
  .offer-strip .offer-link { min-height: 38px; padding: 8px 12px; gap: 7px; font-size: 11px; line-height: 1.2; white-space: nowrap; }
  .offer-strip .offer-arrow { font-size: 14px; }
  .site-header .header-inner { display: grid; grid-template-columns: minmax(0, 1fr) 44px 72px; width: calc(100% - 24px); min-height: 60px; gap: 6px !important; position: relative; }
  .site-header .header-inner > .brand { grid-column: 1; grid-row: 1; width: 100%; min-width: 0; gap: 5px; }
  .site-header .header-inner > .brand img { width: 26px; height: 26px; flex: 0 0 26px; }
  .site-header .header-inner .brand-name { font-size: clamp(9.5px, 2.8vw, 12.5px); letter-spacing: 0; line-height: 1.2; white-space: nowrap; }
  .site-header .header-inner > .menu-toggle { grid-column: 2; grid-row: 1; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; margin: 0; padding: 0; font-size: 23px; border: 1px solid #e0e6ef; border-radius: 8px; background: #fff; color: #102349; }
  .site-header .header-inner > .menu-toggle[aria-expanded="true"] { background: #00338f; border-color: #00338f; color: #fff; }
  .site-header .header-inner > .language-switch { grid-column: 3; grid-row: 1; justify-self: end; margin: 0 !important; }
  .round2-visual .language-switch summary { grid-template-columns: 20px 18px 7px; gap: 5px; min-width: 72px; min-height: 44px; padding: 8px 6px; border-radius: 8px; font-size: 11px; }
  .round2-visual .language-switch svg { width: 20px; height: 14px; }
  .language-options { min-width: 180px; max-width: calc(100vw - 24px); top: calc(100% + 5px); padding: 5px; }
  .language-options a { min-height: 44px; padding: 10px 12px; font-size: 14px; }
  .site-header .header-inner > .nav { grid-column: 1 / -1; grid-row: 2; position: absolute; inset: 100% -12px auto; display: none; width: auto; max-height: calc(100dvh - var(--offer-height, 46px) - var(--nav-height, 60px) - 12px); padding: 8px 16px 12px; gap: 0; border: 1px solid #dae3f1; border-top: 0; border-radius: 0 0 14px 14px; background: #fff; box-shadow: 0 14px 25px #1023491a; overflow-y: auto; overscroll-behavior: contain; text-align: left; }
  .site-header .header-inner > .nav.open { display: flex; }
  .site-header .nav a { display: flex; align-items: center; min-height: 44px; padding: 11px 8px; font-size: 14px; line-height: 1.35; border-radius: 6px; }
  .site-header .nav a:active, .site-header .nav a[aria-current="page"] { background: #f0f5ff; color: #00338f; }
  .site-header .nav [aria-current="page"]::after { display: none; }

  .cta-band, .r2-resource-page > .cta-band.round4-resource-cta { width: 100%; max-width: none; padding: 30px 16px; border-radius: 0; gap: 18px; }
  .cta-band h2 { margin-bottom: 12px; }
  .cta-band p { margin: 0; font-size: 14px; line-height: 1.65; }
  .cta-band .btn { margin-top: 18px; }
  .site-footer { padding: 34px 0 22px; }
  .site-footer .brand { gap: 10px; }
  .site-footer .brand img { width: 42px; height: 42px; }
  .site-footer .brand-name { font-size: 15px; line-height: 1.15; }
  .site-footer .brand-name small { font-size: 8px; margin-top: 7px; letter-spacing: 1px; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
  .footer-grid > div { min-width: 0; }
  .footer-grid > div:first-child, .footer-grid > div:last-child { grid-column: 1 / -1; }
  .footer-grid p { font-size: 13px; line-height: 1.7; margin-top: 16px; max-width: 34ch; }
  .footer-grid h3 { font-size: 10px; letter-spacing: 1px; margin-bottom: 10px; }
  .footer-links { gap: 0; }
  .footer-links a { padding-block: 9px; min-height: 38px; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
  .footer-grid > div:last-child .footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
  .footer-bottom { margin-top: 24px; padding-top: 18px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: 10px; line-height: 1.9; }
  .footer-bottom a { display: inline-block; padding-block: 5px; }

  .csa-consent { width: calc(100% - 24px); max-width: 405px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); padding: 12px; border-radius: 12px; }
  .csa-consent-copy { gap: 9px; }
  .csa-consent-copy strong { font-size: 13px; }
  .csa-consent-copy p { font-size: 12px; line-height: 1.5; }
  .csa-consent-copy > .csa-cookie-symbol { width: 23px; height: 23px; }
  .csa-consent-actions { gap: 7px; margin-top: 10px; }
  .csa-consent-actions > button { min-height: 44px; font-size: 11px; padding: 8px 6px; }
  .modal { width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 18px; border-radius: 14px; overscroll-behavior: contain; }
  .modal .close, .oct10-review-dialog .close, .scroll-top { min-width: 44px; min-height: 44px; }
  .scroll-top { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); z-index: 35; }
}
@media (max-width: 360px) {
  .offer-strip .wrap { gap: 5px; width: calc(100% - 16px); }
  .offer-strip .offer-label { font-size: 8px !important; padding-inline: 4px; }
  .offer-strip .offer-price { font-size: 12px; }
  .offer-strip .offer-link { padding-inline: 9px; font-size: 10px; }
  .site-header .header-inner { width: calc(100% - 16px); gap: 4px !important; }
  .site-header .header-inner > .brand img { width: 22px; height: 22px; flex-basis: 22px; }
  .site-header .header-inner > .brand { gap: 4px; }
  .site-header .header-inner .brand-name { font-size: 9.5px; }
  .csa-consent-copy a { white-space: normal; }
}

/* Mobile-only presentation. Desktop rules and the original content stay intact. */
@media (max-width: 767px) {
  .minimal-home .wrap,
  .minimal-about .wrap {
    width: calc(100% - 32px);
  }

  .minimal-home .section,
  .minimal-about .section {
    padding-block: 40px;
  }

  .minimal-home .section-head,
  .minimal-about .centered-section {
    margin-bottom: 24px;
  }

  .minimal-home .section-head h2,
  .minimal-home .centered-section h2,
  .minimal-about .centered-section h2 {
    font-size: clamp(27px, 7vw, 34px);
    line-height: 1.14;
    letter-spacing: -.6px;
    margin-bottom: 14px;
    overflow-wrap: break-word;
  }

  .minimal-home .hero-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
  }

  .minimal-home .hero-copy {
    width: 100%;
    min-width: 0;
    padding: 30px 0 24px;
  }

  .minimal-home .hero h1 {
    font-size: clamp(32px, 8.4vw, 43px);
    line-height: 1.08;
    letter-spacing: -.9px;
    margin-bottom: 16px;
  }

  .minimal-home .hero h1 .hero-line {
    white-space: normal;
    line-height: inherit;
    overflow-wrap: break-word;
  }

  .minimal-home .hero h1 em {
    font-size: inherit;
    letter-spacing: inherit;
  }

  .minimal-home .hero-copy > p {
    font-size: 15px;
    line-height: 1.65;
    max-width: 44ch;
    margin-bottom: 20px;
  }

  .minimal-home .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 10px;
  }

  .minimal-home .hero-actions > .btn {
    min-width: 0;
    min-height: 48px;
    gap: 8px;
    padding: 11px 12px;
    font-size: 13px;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
  }

  .minimal-home .hero-proof {
    gap: 10px;
    margin-top: 18px;
    font-size: 11px;
    line-height: 1.55;
  }

  .minimal-home .hero-proof img {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
  }

  .minimal-home .hero-photo {
    width: calc(100% + 32px);
    height: clamp(185px, 51vw, 285px);
    min-height: 0;
    margin: 0 -16px;
    border-radius: 0;
  }

  .minimal-home .hero-photo > .photo {
    object-position: 52% 55%;
  }

  .minimal-home .cuba-strip {
    padding-block: 14px;
  }

  .minimal-home .round4-ribbon > span {
    padding-inline: 20px;
    gap: 28px;
    font-size: 11px;
  }

  .minimal-home .round4-ribbon .round4-ribbon-icon {
    width: 21px;
    height: 21px;
    flex-basis: 21px;
  }

  /* Readable without hover: artwork, title, then a visible description. */
  .minimal-home .intent-grid:has(> .round3-activity),
  .minimal-home .course-minimal-grid:has(> .round3-activity) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
  }

  .minimal-home .round3-activity {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    height: auto;
    min-height: 0;
    padding: 17px 12px;
    border-radius: 14px;
  }

  .minimal-home .round3-activity-art {
    position: static;
    inset: auto;
    width: 100%;
    height: 64px;
    flex: 0 0 64px;
    opacity: 1;
    transform: none;
  }

  .minimal-home .round3-activity-art > img,
  .minimal-home .round3-activity-art > video {
    width: 64px;
    height: 64px;
  }

  .minimal-home .round3-activity .round3-activity-title,
  .minimal-home .round3-activity:focus-visible .round3-activity-title,
  .minimal-home .round3-activity:hover .round3-activity-title {
    position: static;
    inset: auto;
    min-height: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -.25px;
    transform: none;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  .minimal-home .round3-activity .round3-activity-description,
  .minimal-home .round3-activity:focus-visible .round3-activity-description,
  .minimal-home .round3-activity:hover .round3-activity-description {
    position: static;
    inset: auto;
    display: block;
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    opacity: 1;
    transform: none;
    color: #26344e;
    overflow-wrap: break-word;
  }

  .minimal-home .round3-activity:is(:hover, :focus-visible) .round3-activity-art {
    opacity: 1;
    transform: none;
  }

  /* The zoom still takes one screen; a short runway keeps scrolling natural. */
  .minimal-home .illustrated-journey {
    --journey-runway: 120px;
    --journey-top: calc(var(--offer-height, 52px) + var(--nav-height, 66px) + 6px);
    --journey-stage: calc(100svh - var(--journey-top));
  }

  .minimal-home .illustrated-journey-stage {
    padding: 20px 16px;
    gap: 18px;
  }

  .minimal-home .journey-heading p {
    font-size: 9px;
    letter-spacing: 1.7px;
    margin-bottom: 6px;
  }

  .minimal-home .journey-heading h2 {
    font-size: clamp(26px, 7vw, 32px);
    line-height: 1.15;
    letter-spacing: -.6px;
    margin: 0;
  }

  .minimal-home .illustrated-journey-frame {
    width: 100%;
    height: clamp(205px, 37svh, 300px);
    max-height: calc(var(--journey-stage) - 105px);
    border-radius: 13px;
  }

  .minimal-home .journey-profile {
    gap: 8px;
    padding: 8px 11px 8px 8px;
    margin-top: -14px;
    border-radius: 10px;
  }

  .minimal-home .journey-profile img {
    width: 36px;
    height: 36px;
  }

  .minimal-home .journey-profile strong {
    font-size: 12px;
  }

  .minimal-home .journey-profile small {
    font-size: 9px;
    max-width: 175px;
  }

  .minimal-home .journey-map-signature {
    left: 11px;
    bottom: 10px;
    gap: 9px;
    font-size: 8px;
    letter-spacing: 1.3px;
  }

  .minimal-home .journey-map-signature span {
    font-size: 8px;
    padding-left: 9px;
  }

  .minimal-home .atlas-cities {
    font-size: 26px;
  }

  .minimal-home .atlas-sea-labels {
    font-size: 24px;
    letter-spacing: 1.8px;
  }

  .minimal-home .round3-teacher {
    padding: 28px 0 40px;
    scroll-margin-top: calc(var(--offer-height, 52px) + var(--nav-height, 66px) + 14px);
  }

  .minimal-home .round3-teacher-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    max-width: 560px;
  }

  .minimal-home .round3-teacher-copy {
    grid-column: 1;
    grid-row: 1;
    text-align: center;
  }

  .minimal-home .round3-teacher-copy h2 {
    font-size: clamp(28px, 7.2vw, 34px);
    line-height: 1.15;
    letter-spacing: -.7px;
    margin-bottom: 14px;
  }

  .minimal-home .round3-teacher-copy p {
    font-size: 15px;
    line-height: 1.7;
    max-width: 44ch;
    margin-inline: auto;
  }

  .minimal-home .round3-teacher-photo {
    grid-column: 1;
    grid-row: 2;
  }

  .minimal-home .round3-portrait {
    border-radius: 14px;
  }

  .minimal-home .round3-portrait img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .minimal-home .round3-teacher-photo figcaption {
    align-items: center;
    gap: 12px;
    padding-top: 14px;
  }

  .minimal-home .round3-teacher-photo figcaption > div {
    min-width: 0;
  }

  .minimal-home .round3-teacher-photo figcaption strong {
    font-size: 21px;
    line-height: 1.25;
  }

  .minimal-home .round3-teacher-photo figcaption small {
    font-size: 10px;
    line-height: 1.5;
    max-width: 28ch;
  }

  .minimal-home .round3-story-button {
    min-height: 44px;
    padding: 10px 13px;
    font-size: 12px;
    border-radius: 8px;
  }

  .minimal-home .home-courses .section-head {
    display: block;
    text-align: center;
  }

  .minimal-home .home-courses .section-head p {
    max-width: 44ch;
    font-size: 14px;
    line-height: 1.65;
    margin: 0 auto;
  }

  .minimal-home .demo-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    max-width: 560px;
  }

  .minimal-home .demo-copy {
    text-align: center;
  }

  .minimal-home .demo-copy h2 {
    font-size: 31px;
    line-height: 1.16;
    letter-spacing: -.7px;
    margin: 0 auto 18px;
  }

  .minimal-home .demo-copy .btn {
    min-height: 44px;
    padding: 11px 16px;
    font-size: 13px;
  }

  .minimal-home .flip-card,
  .minimal-home .flip-inner,
  .minimal-home .flip-face {
    min-height: 190px;
  }

  .minimal-home .flip-face {
    gap: 14px;
    padding: 22px 18px;
  }

  .minimal-home .flip-front strong {
    font-size: 36px;
  }

  .minimal-home .flip-back strong {
    font-size: 25px;
  }

  .minimal-home .flip-face [data-phrase-example] {
    font-size: 14px;
    line-height: 1.55;
  }

  .minimal-home .phrase-controls {
    margin-top: 14px;
  }

  .minimal-home .phrase-controls button {
    width: 44px;
    height: 44px;
  }

  /* Three originals remain in each group, with a readable swipeable width. */
  .minimal-home .preply-reviews,
  .minimal-about .preply-reviews {
    padding-block: 36px;
  }

  .minimal-home .preply-reviews .review-grid.oct10-review-grid,
  .minimal-about .preply-reviews .review-grid.oct10-review-grid {
    display: grid;
    grid-template-columns: repeat(3, 86%);
    gap: 10px;
    padding: 3px 2px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    scrollbar-width: thin;
  }

  .minimal-home .preply-reviews .review-card.oct10-review-card,
  .minimal-about .preply-reviews .review-card.oct10-review-card {
    display: grid;
    grid-template-rows: 28px 1fr 40px 20px;
    gap: 10px;
    height: 258px !important;
    min-height: 258px !important;
    max-height: 258px;
    margin: 0;
    padding: 18px 17px 16px;
    border-radius: 13px;
    scroll-snap-align: start;
    grid-column: auto;
  }

  .minimal-home .preply-reviews .oct10-review-excerpt,
  .minimal-about .preply-reviews .oct10-review-excerpt {
    font-size: 14px;
    line-height: 1.55;
    -webkit-line-clamp: 5;
    max-height: 7.75em;
  }

  .minimal-home .oct10-review-stars,
  .minimal-about .oct10-review-stars {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 3px;
  }

  .minimal-home .preply-reviews .review-source,
  .minimal-about .preply-reviews .review-source {
    margin-top: 16px;
    gap: 7px;
    font-size: 21px;
  }

  .minimal-home .preply-reviews .review-source img,
  .minimal-about .preply-reviews .review-source img {
    width: 35px;
    height: 35px;
  }

  .minimal-home .group-carousel .carousel-controls,
  .minimal-about .group-carousel .carousel-controls {
    gap: 14px;
    margin-top: 16px;
  }

  .minimal-home .group-carousel .carousel-controls button,
  .minimal-about .group-carousel .carousel-controls button {
    width: 44px;
    height: 44px;
  }

  .minimal-home .home-stories {
    padding-block: 40px;
  }

  .minimal-home .home-stories .section-head {
    margin-bottom: 24px;
  }

  .minimal-home .home-stories .carousel-panels {
    height: 360px !important;
    min-height: 360px !important;
  }

  .minimal-home .home-stories .article-grid {
    display: flex;
    gap: 10px;
    padding: 3px 2px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    scrollbar-width: thin;
  }

  .minimal-home .home-stories .article-card {
    flex: 0 0 86%;
    height: 346px;
    padding-bottom: 16px;
    border-radius: 14px;
    scroll-snap-align: start;
  }

  .minimal-home .home-stories .article-card figure {
    height: 136px;
    margin-bottom: 14px;
  }

  .minimal-home .home-stories .article-card :is(small, h3, p) {
    margin-left: 16px;
    margin-right: 16px;
  }

  .minimal-home .home-stories .article-card small {
    font-size: 10px;
    gap: 6px;
    min-height: 32px;
    margin-top: 0;
    margin-bottom: 10px;
    align-items: center;
  }

  .minimal-home .home-stories .article-card .category-badge {
    padding: 4px 7px;
    font-size: 10px;
  }

  .minimal-home .home-stories .article-card small time {
    text-align: right;
    line-height: 1.4;
  }

  .minimal-home .home-stories .article-card h3 {
    height: 65px;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 9px;
    letter-spacing: -.2px;
  }

  .minimal-home .home-stories .article-card p {
    font-size: 13px;
    line-height: 1.55;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-line-clamp: 3;
  }

  .minimal-home .journal-action {
    margin-top: 22px;
  }

  .minimal-home .journal-action .btn {
    min-height: 48px;
    gap: 11px;
    padding: 12px 21px;
    font-size: 14px;
  }

  .minimal-home .round3-book {
    transform: scale(.85);
  }

  .minimal-about .teacher-page-intro {
    padding-block: 30px;
  }

  .minimal-about .teacher-page-intro h1 {
    font-size: clamp(31px, 8.2vw, 39px);
    line-height: 1.14;
    letter-spacing: -.8px;
    margin-bottom: 16px;
  }

  .minimal-about .teacher-page-intro p {
    font-size: 14px;
    line-height: 1.65;
  }

  .minimal-about .breadcrumbs {
    margin-bottom: 20px;
    line-height: 1.5;
  }

  .minimal-about .about-biography {
    width: calc(100% - 32px);
    padding-block: 32px;
  }

  .minimal-about .about-biography > .narrow {
    width: 100%;
  }

  .minimal-about .about-biography .prose {
    font-size: 15px;
    line-height: 1.75;
  }

  .minimal-about .about-opening p:first-child {
    font-size: 16px;
    line-height: 1.7;
  }

  .minimal-about .about-biography .prose p {
    margin-bottom: 20px;
  }

  .minimal-about .tutor-artwork {
    margin-block: 24px 30px;
  }

  .minimal-about .about-story .btn {
    min-height: 44px;
    padding: 11px 17px;
    font-size: 13px;
  }

  /* The existing iframe hides its widget on phones; retain its facts here. */
  .minimal-about .teacher-achievements {
    padding-block: 24px;
  }

  .minimal-about .teacher-achievements .embed-frame {
    display: none;
  }

  .minimal-about .mobile-teacher-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .minimal-about .mobile-teacher-stats > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 18px 9px;
    border: 1px solid #dbe3f1;
    border-radius: 12px;
    background: #f4f7fd;
    text-align: center;
  }

  .minimal-about .mobile-teacher-stats dt {
    color: #26344e;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: break-word;
  }

  .minimal-about .mobile-teacher-stats dd {
    order: -1;
    margin: 0;
    color: #00338f;
    font-family: Mukta, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
  }
}

@media (max-width: 420px) {
  .minimal-home .round3-activity {
    padding: 15px 11px;
    gap: 9px;
  }

  .minimal-home .round3-activity .round3-activity-title {
    font-size: 17px;
  }

  .minimal-home .round3-activity-art,
  .minimal-home .round3-activity-art > img,
  .minimal-home .round3-activity-art > video {
    height: 58px;
  }

  .minimal-home .round3-activity-art {
    flex-basis: 58px;
  }

  .minimal-home .round3-activity-art > img,
  .minimal-home .round3-activity-art > video {
    width: 58px;
  }

  .minimal-home .round3-teacher-photo figcaption strong {
    font-size: 20px;
  }
}

@media (max-width: 359px) {
  .minimal-home .hero-actions > .btn {
    padding-inline: 9px;
    font-size: 12px;
  }

  .minimal-home .intent-grid:has(> .round3-activity),
  .minimal-home .course-minimal-grid:has(> .round3-activity) {
    grid-template-columns: minmax(0, 1fr);
  }

  .minimal-home .round3-activity {
    padding: 16px 18px;
  }

  .minimal-home .round3-activity .round3-activity-description {
    font-size: 14px;
    max-width: 36ch;
  }

  .minimal-home .round3-teacher-photo figcaption {
    flex-wrap: wrap;
  }

  .minimal-home .round3-teacher-photo figcaption > div {
    flex: 1 1 100%;
  }

  .minimal-home .round3-story-button {
    min-width: 100px;
  }

  .minimal-about .mobile-teacher-stats {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }

  .minimal-about .mobile-teacher-stats > div {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    gap: 15px;
    padding: 13px 16px;
  }

  .minimal-about .mobile-teacher-stats dd {
    flex: 0 0 84px;
    font-size: 29px;
  }

  .minimal-about .mobile-teacher-stats dt {
    font-size: 13px;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .minimal-home .illustrated-journey,
  .minimal-home .illustrated-journey.journey-enhanced {
    height: auto;
  }

  .minimal-home .illustrated-journey-stage {
    position: relative;
    top: 0;
    height: auto;
    min-height: 0;
    padding-block: 32px;
  }

  .minimal-home .illustrated-journey-frame {
    height: clamp(220px, 60vw, 300px);
    max-height: none;
  }
}

/* Small-screen content layouts. The desktop cascade is intentionally untouched. */
@media (max-width: 767px) {
  :is(.refined-academy, .refined-faq, .r2-resource-page, .refined-resources, .shorts-page, .tv2-page, .r4-media-page) .page-intro,
  main > .page-intro {
    padding-block: 32px 28px;
  }
  :is(.refined-academy, .refined-faq, .r2-resource-page, .refined-resources, .shorts-page, .tv2-page, .r4-media-page) .page-intro h1,
  main > .page-intro h1 {
    font-size: clamp(1.9rem, 7.7vw, 2.35rem);
    line-height: 1.12;
    letter-spacing: -.035em;
    margin-block: 12px 16px;
    overflow-wrap: break-word;
    text-wrap: balance;
  }
  :is(.refined-academy, .refined-faq, .r2-resource-page, .refined-resources, .shorts-page, .tv2-page, .r4-media-page) .page-intro p:not(.eyebrow),
  main > .page-intro p:not(.eyebrow) {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 43ch;
  }
  :is(.refined-academy, .refined-faq, .r2-resource-page, .refined-resources, .shorts-page, .tv2-page, .r4-media-page) > .section,
  main > .page-intro + .section {
    padding-block: 32px;
  }
  main > .page-intro .breadcrumbs {
    margin-bottom: 18px;
    gap: 6px 8px;
    line-height: 1.5;
  }
  main > .page-intro + .section .prose {
    font-size: 1rem;
    line-height: 1.75;
    overflow-wrap: anywhere;
  }
  main > .page-intro + .section .prose h2 {
    font-size: 1.55rem;
    line-height: 1.25;
    margin-block: 30px 14px;
  }
  main > .page-intro + .section .prose h3 {
    font-size: 1.3rem;
    line-height: 1.3;
    margin-block: 24px 12px;
  }
  main > .page-intro + .section .prose .btn {
    max-width: 100%;
    white-space: normal;
    line-height: 1.4;
    text-align: center;
  }

  /* Academy copy, presentation and purchase remain in their existing order. */
  .refined-academy .academy-opening {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    max-width: 600px;
  }
  .round2-visual .academy-opening .split-copy > h2 {
    font-size: clamp(1.65rem, 6.5vw, 2rem);
    line-height: 1.2;
    letter-spacing: -.025em;
    margin-bottom: 16px;
  }
  .refined-academy .academy-opening .split-copy > p:not(.eyebrow) {
    font-size: 1rem;
    line-height: 1.65;
    margin-bottom: 16px;
  }
  .refined-academy .academy-opening .hero-actions {
    gap: 14px;
    margin-top: 20px;
  }
  .refined-academy .academy-opening .hero-actions .btn {
    min-height: 44px;
    padding: 11px 17px;
    line-height: 1.4;
    font-size: .9rem;
  }
  .refined-academy .academy-opening .hero-actions .text-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    line-height: 1.4;
  }
  .round2-visual .refined-academy .academy-video-garden {
    margin: 0;
  }
  .round2-visual .refined-academy .academy-video-frame {
    padding: 22px 12px;
    border-radius: 18px;
  }
  .round2-visual .refined-academy .academy-intro-player {
    min-height: 0;
    border-radius: 12px;
  }
  .refined-academy .video-cover {
    padding: 12px;
    gap: 12px;
  }
  .refined-academy .video-cover strong {
    font-size: 1rem;
    line-height: 1.3;
  }
  .round2-visual .refined-academy .academy-presentation-action {
    margin-top: 12px;
  }
  .round2-visual .refined-academy .academy-presentation-action .btn {
    padding: 11px 16px;
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
    line-height: 1.4;
  }
  .refined-academy .membership-section {
    padding-block: 36px;
  }
  .refined-academy .membership-section > .wrap {
    max-width: 600px;
  }
  .refined-academy .membership-section .centered-section {
    margin-bottom: 22px;
  }
  .refined-academy .membership-section header h2 {
    font-size: clamp(1.8rem, 7vw, 2.15rem);
    line-height: 1.15;
    letter-spacing: -.035em;
    margin-bottom: 16px;
  }
  .refined-academy .membership-picker {
    border-radius: 16px;
  }
  .refined-academy .membership-tabs {
    padding: 6px;
    gap: 5px;
  }
  .refined-academy .membership-tabs [data-plan] {
    min-height: 48px;
    padding: 10px 8px;
    font-size: .87rem;
    line-height: 1.3;
    border-radius: 10px;
    overflow-wrap: break-word;
  }
  .round2-visual .refined-academy .round3-membership .membership-panel {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    gap: 20px;
    padding: 20px !important;
  }
  .round2-visual .refined-academy .academy-plan-copy h3,
  .refined-academy .membership-panel h3 {
    font-size: 1.65rem;
    line-height: 1.2;
    letter-spacing: -.025em;
    margin-block: 12px;
  }
  .refined-academy .membership-panel p,
  .round2-visual .refined-academy .academy-checklist li {
    line-height: 1.55;
  }
  .round2-visual .refined-academy .academy-checklist {
    margin-top: 18px;
    gap: 11px;
  }
  .refined-academy .membership-purchase {
    border-left: 0;
    padding: 20px 16px;
  }
  .round3-membership #membership-max .membership-purchase {
    padding: 20px 14px;
    border-radius: 13px;
    gap: 10px;
  }
  .round3-membership .academy-billing-toggle {
    padding: 4px;
    border-radius: 11px;
  }
  .round3-membership .academy-billing-toggle button {
    min-height: 50px;
    font-size: .9rem;
    border-radius: 8px;
  }
  .round3-membership .academy-price-block {
    min-height: 108px;
  }
  .round3-membership .plan-price strong {
    font-size: 2.6rem;
  }
  .refined-academy #membership-classes .plan-price {
    font-size: 2.4rem;
    white-space: normal;
    margin-block: 14px;
  }
  .round3-membership .membership-purchase .btn {
    min-height: 48px;
    font-size: 1rem;
    padding: 12px 18px;
    line-height: 1.4;
    margin-block: 3px 8px;
  }
  .round3-membership .academy-refund {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .round2-visual .refined-academy .round3-membership .academy-max-bonus {
    padding: 0;
    margin-top: 20px;
    border-radius: 16px;
  }
  .round3-membership .academy-bonus-intro {
    padding: 24px 20px;
  }
  .round3-membership .academy-bonus-intro h3 {
    font-size: 1.55rem;
    line-height: 1.25;
    max-width: 24ch;
    margin-bottom: 14px;
  }
  .round3-membership .academy-bonus-intro p:not(.eyebrow) {
    font-size: .94rem;
    line-height: 1.6;
    margin-bottom: 18px;
  }
  .round3-membership .max-included {
    min-height: 48px;
    padding: 10px 12px;
    gap: 9px;
    line-height: 1.35;
    font-size: .85rem;
  }
  .round3-membership .academy-bonus-terms {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 18px 20px;
  }
  .refined-academy .classroom-section .centered-section {
    margin-bottom: 22px;
  }
  .refined-academy .classroom-section .centered-section h2 {
    font-size: clamp(1.75rem, 7vw, 2.2rem);
    line-height: 1.15;
    margin-bottom: 14px;
  }
  .refined-academy .classroom-section .centered-section p {
    font-size: 1rem;
    line-height: 1.6;
  }
  .round2-visual .refined-academy .classroom-preview {
    margin-bottom: 16px;
  }
  .round2-visual .refined-academy .classroom-preview-frame {
    border-radius: 12px;
    aspect-ratio: 16 / 9;
  }
  .round2-visual .refined-academy .classroom-section .course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .round2-visual .refined-academy .classroom-choice {
    min-height: 58px;
    padding: 10px 8px;
    border-radius: 9px;
  }
  .round2-visual .refined-academy .classroom-choice > span {
    font-size: .87rem;
    line-height: 1.35;
  }

  /* Browsable portrait art is smaller, but never cropped or hidden. */
  .r2-resource-page .r2-resource-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 600px;
    margin-inline: auto;
    gap: 14px;
  }
  .r2-resource-page .r2-resource-card {
    border-radius: 12px;
    min-width: 0;
  }
  .r2-resource-page .r2-resource-card figure {
    aspect-ratio: 1 / 1;
    background: #fff;
  }
  .r2-resource-page .r2-resource-card figure img,
  .r2-resource-page .r5-video-art svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .r2-resource-page .r2-resource-copy {
    padding: 14px;
    gap: 9px;
  }
  .r2-resource-page .r2-resource-kind {
    max-width: 100%;
    font-size: .6rem;
    letter-spacing: .055em;
    line-height: 1.35;
    padding: 4px 6px;
  }
  .r2-resource-page .r2-resource-copy h2 {
    font-size: 1.12rem !important;
    line-height: 1.25 !important;
    overflow-wrap: break-word;
  }
  .r2-resource-page .r2-resource-copy p {
    font-size: .85rem !important;
    line-height: 1.5 !important;
  }
  .r2-resource-page .r2-resource-action {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 9px 6px;
    font-size: .8rem;
    line-height: 1.3;
    border-radius: 7px;
    margin-top: auto;
  }
  .r2-deck-landing > div {
    padding: 20px 16px;
    gap: 16px;
  }
  .r2-deck-landing img {
    width: min(200px, 100%) !important;
    height: 250px !important;
  }
  .r2-resource-dialog {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    height: min(840px, calc(100dvh - 24px));
    max-height: calc(100dvh - 24px);
    padding: 50px 14px 14px;
    border-radius: 16px;
  }
  .r2-study-close {
    width: 44px;
    height: 44px;
    right: 8px;
    top: 5px;
  }
  .r2-study-host {
    gap: 9px;
    min-height: 0;
  }
  .r2-study-top {
    padding-inline: 7px;
  }
  .r2-study-top h2 {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .r2-study-counter {
    margin-top: 5px;
  }
  .r2-study-front,
  .r2-study-back {
    padding: 16px;
  }
  .r2-study-front {
    justify-content: safe center;
  }
  .r2-study-word {
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .r2-study-controls {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 8px;
  }
  .r2-study-controls button {
    min-height: 44px;
    padding: 8px 5px;
    line-height: 1.35;
  }
  .r2-study-flip {
    min-height: 44px;
    padding: 8px;
  }
  .r2-study-extra {
    gap: 10px;
    flex-wrap: wrap;
  }
  .r2-study-extra button {
    min-height: 44px;
    padding: 8px;
  }
  .round3-membership .max-benefits-dialog,
  .member-resource-dialog {
    width: calc(100% - 24px);
    max-width: min(600px, calc(100% - 24px));
    max-height: calc(100dvh - 24px);
    padding: 48px 20px 20px;
    border-radius: 16px;
    overflow-y: auto;
    overflow-wrap: anywhere;
    overscroll-behavior: contain;
  }
  .round3-membership .max-benefits-dialog .close,
  .member-resource-dialog > [data-member-close] {
    width: 44px;
    height: 44px;
    top: 7px;
    right: 8px;
  }
  .round3-membership .max-benefits-dialog h2,
  .member-resource-dialog h2 {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .round3-membership .max-benefits-dialog .max-checklist {
    gap: 11px;
  }
  .round3-membership .max-benefits-dialog .btn,
  .member-resource-dialog .btn {
    max-width: 100%;
    white-space: normal;
    line-height: 1.4;
    min-height: 44px;
  }

  /* Players use the available width; short-video browsing stays compact. */
  .r4-media-page .r4-media-layout {
    grid-template-columns: minmax(0, 1fr);
    width: calc(100% - 32px);
    max-width: 600px;
    gap: 20px;
  }
  .r4-media-page .r4-media-player,
  .r4-media-page .r4-media-library {
    padding: 14px;
    border-radius: 16px;
  }
  .r4-media-page .r4-media-player {
    position: relative;
    top: auto;
  }
  .r4-media-page .r4-media-current {
    padding: 18px 0 14px;
  }
  .r4-media-page .r4-media-current h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    overflow-wrap: break-word;
  }
  .r4-media-page .r4-media-library h2 {
    font-size: 1.4rem;
  }
  .r4-media-page .r4-media-search input {
    font-size: 16px;
    min-height: 48px;
  }
  .r4-media-page .r4-media-filters button {
    min-height: 44px;
  }
  .r4-media-page .r4-media-list {
    max-height: 430px;
  }
  .r4-media-page .r4-radio-art {
    min-height: 150px;
  }
  .tv2-page .tv2-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .tv2-page .tv2-now {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 18px;
  }
  .tv2-page .tv2-now h2 {
    font-size: 1.2rem;
  }
  .tv2-page .tv2-official,
  .tv2-page .tv2-help button,
  .tv2-page .tv2-directory a,
  .tv2-page .tv2-programs > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .tv2-page .tv2-picker {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .tv2-page .tv2-picker > h2,
  .tv2-page .tv2-note {
    grid-column: 1 / -1;
  }
  .tv2-page .tv2-channel {
    display: block;
    padding: 14px;
    margin: 0;
    border-radius: 12px;
  }
  .tv2-page .tv2-channel-mark {
    margin-bottom: 10px;
  }
  .tv2-page .tv2-channel strong {
    font-size: 1rem;
  }
  .tv2-page .tv2-programs {
    padding: 20px;
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  .shorts-page .shorts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 600px;
    gap: 14px;
    margin-inline: auto;
  }
  .shorts-page .short-card {
    min-width: 0;
    border-radius: 12px;
  }
  .shorts-page .short-copy {
    padding: 13px;
  }
  .shorts-page .short-copy h2 {
    font-size: 1rem;
    line-height: 1.35;
    margin-block: 8px;
  }
  .shorts-page .short-copy p {
    font-size: .85rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .shorts-page .short-copy a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    font-size: .85rem;
  }
  .shorts-page .short-player .youtube-play {
    width: 48px;
  }
  .r5-videos-page .r5-video-grid {
    grid-template-columns: minmax(0, 1fr);
    max-width: 600px;
    margin-inline: auto;
    gap: 20px;
  }
  .r5-video-copy {
    padding: 16px;
  }
  .r5-video-copy h2 {
    min-height: 0;
    font-size: 1.1rem;
  }
  .r5-video-watch {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding-top: 0;
  }
  .r5-video-tabs {
    gap: 8px;
    margin-top: 20px;
  }
  .r5-video-tabs a,
  .r5-video-next a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    line-height: 1.35;
    text-align: center;
    padding: 10px 12px;
  }
  .r5-watch-page {
    padding-block: 24px 36px;
  }
  .r5-video-heading h1 {
    font-size: clamp(1.6rem, 7vw, 2rem);
    line-height: 1.2;
    overflow-wrap: break-word;
  }
  .r5-watch-page .r5-video-player.is-short {
    max-width: min(100%, 340px);
  }
  .r5-video-description {
    padding: 18px;
    margin-block: 24px;
  }

  /* Editorial layout: text gets the whole card width and controls sit below. */
  .blog-v9-page .blog-v9-intro {
    padding: 32px 0 26px;
  }
  .blog-v9-page .blog-v9-intro h1 {
    font-size: clamp(2rem, 8vw, 2.65rem);
    line-height: 1.1;
    letter-spacing: -.045em;
    margin-top: 12px;
  }
  .blog-v9-page .blog-v9-description {
    padding-inline: 0;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 16px;
  }
  .blog-v9-page .blog-v9-feature {
    padding-bottom: 32px;
  }
  .blog-v9-page .blog-v9-stage-wrap {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 12px;
    padding-inline: 16px;
  }
  .blog-v9-page .blog-v9-stage {
    grid-column: 1 / -1;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 0;
  }
  .blog-v9-page .blog-v9-stage:focus-visible:after {
    inset: 3px;
  }
  .blog-v9-page .blog-v9-card-media {
    min-height: 365px;
    border-radius: 16px;
  }
  .blog-v9-page .blog-v9-card-copy {
    left: 20px;
    right: 20px;
    bottom: 22px;
    padding: 0;
  }
  .blog-v9-page .blog-v9-card-copy h3 {
    font-size: 1.75rem;
    line-height: 1.15;
    letter-spacing: -.025em;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .blog-v9-page .blog-v9-card-copy p {
    font-size: .86rem;
    line-height: 1.55;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .blog-v9-page .blog-v9-card-meta {
    flex-wrap: wrap;
    gap: 4px 6px;
    font-size: .65rem;
    line-height: 1.45;
    letter-spacing: .055em;
  }
  .blog-v9-page .blog-v9-read-link {
    min-height: 44px;
    margin-top: 12px;
    font-size: .9rem;
  }
  .blog-v9-page .blog-v9-arrow {
    position: static;
    grid-row: 2;
    top: auto !important;
    left: auto;
    right: auto;
    transform: none;
    width: 44px;
    height: 44px;
    box-shadow: none;
  }
  .blog-v9-page .blog-v9-arrow--previous {
    grid-column: 1;
  }
  .blog-v9-page .blog-v9-arrow--next {
    grid-column: 3;
  }
  .polyglotion-blog .blog-v9-position {
    flex-wrap: nowrap;
    justify-content: flex-start;
    min-height: 44px;
    max-width: calc(100% - 32px);
    overflow-x: auto;
    scrollbar-width: thin;
    gap: 3px !important;
    margin-top: 8px;
  }
  .blog-v9-page .blog-v9-position button {
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 44px;
    min-height: 44px;
    background: transparent;
  }
  .blog-v9-page .blog-v9-position button:after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 9px;
    background: #aabbd2;
  }
  .blog-v9-page .blog-v9-position button.is-active:after {
    width: 18px;
    background: #215ab5;
  }
  .blog-v9-page .blog-v9-filters {
    justify-content: flex-start;
    overflow-x: auto;
    max-width: 100%;
    margin-top: 16px;
    padding: 4px 16px 8px;
    gap: 8px;
  }
  .blog-v9-page .blog-v9-filters button {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 44px;
    padding: 10px 14px;
    font-size: .83rem;
    line-height: 1.3;
  }
  .blog-v9-page .blog-v9-library {
    padding: 32px 0 44px;
  }
  .polyglotion-blog .blog-v9-library-head {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    margin-bottom: 20px;
  }
  .blog-v9-page .blog-v9-library-head h2 {
    font-size: 1.75rem;
    line-height: 1.2;
    margin-top: 8px;
  }
  .polyglotion-blog .blog-v9-library-tools {
    width: 100%;
    justify-items: stretch;
    gap: 8px;
  }
  .polyglotion-blog .blog-v9-search {
    width: 100%;
    font-size: 16px;
    min-height: 48px;
    margin: 0;
    padding: 11px 16px;
  }
  .polyglotion-blog .blog-v9-library-tools p {
    text-align: left;
    font-size: .8rem;
  }
  .blog-v9-page .blog-v9-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  .blog-v9-page .blog-v9-grid-media {
    min-height: 0;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  .blog-v9-page .blog-v9-grid-copy {
    min-height: 0;
    padding: 18px;
  }
  .blog-v9-page .blog-v9-grid-copy h3 {
    font-size: 1.3rem;
    line-height: 1.25;
    letter-spacing: -.02em;
    margin-block: 10px;
  }
  .blog-v9-page .blog-v9-grid-copy p {
    font-size: .9rem;
    line-height: 1.6;
  }
  .blog-v9-page .blog-pagination {
    gap: 6px;
    margin-top: 24px;
  }
  .blog-v9-page .blog-pagination button {
    width: 44px;
    height: 44px;
    min-height: 44px;
  }
  .blog-v9-page .blog-v9-article-main {
    padding: 24px 0 44px;
  }
  .blog-v9-page .blog-v9-back {
    min-height: 44px;
    margin-bottom: 16px;
  }
  .blog-v9-page .blog-v9-article-head h1 {
    font-size: clamp(1.95rem, 8vw, 2.6rem);
    line-height: 1.13;
    letter-spacing: -.035em;
    margin-block: 14px 16px;
    overflow-wrap: break-word;
  }
  .blog-v9-page .blog-v9-article-deck {
    font-size: 1rem;
    line-height: 1.65;
  }
  .blog-v9-page .blog-v9-article-hero-media {
    min-height: 0;
    aspect-ratio: 16 / 10;
    margin-block: 24px 28px;
    border-radius: 14px;
  }
  .blog-v9-page .blog-v9-article-body .blog-v9-lead {
    font-size: 1.08rem;
    line-height: 1.75;
  }
  .blog-v9-page .blog-v9-article-body p,
  .blog-v9-page .blog-v9-article-body li {
    font-size: 1rem;
    line-height: 1.75;
  }
  .blog-v9-page .blog-v9-article-body h2 {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-block: 30px 14px;
  }
  .blog-v9-page .blog-v9-article-body h3 {
    font-size: 1.3rem;
    line-height: 1.3;
    margin-block: 26px 12px;
  }
  .polyglotion-blog .blog-v9-article-body figure {
    width: 100%;
    max-width: 100%;
    margin: 24px 0;
  }
  .round2-visual .blog-v9-article-body :is(blockquote, .dialogue-line, .round2-comic-callout) {
    padding: 16px !important;
    margin-block: 24px;
    font-size: 1rem;
    line-height: 1.7;
    box-shadow: 3px 3px 0 #15213b;
  }
  .blog-v9-page .blog-v9-article-end {
    margin-top: 36px;
    padding-top: 20px;
    gap: 14px;
    align-items: flex-start;
    flex-direction: column;
  }
  .blog-v9-page .blog-v9-article-end a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    line-height: 1.5;
  }

  /* FAQ and support stay readable without nested desktop-size spacing. */
  .refined-faq .faq-list .smooth-faq {
    border-radius: 11px;
    margin-bottom: 10px;
  }
  .refined-faq .faq-list .smooth-faq summary {
    padding: 17px 16px;
    gap: 12px;
    font-size: 1.16rem;
    line-height: 1.35;
    min-height: 58px;
  }
  .refined-faq .faq-question {
    min-width: 0;
    overflow-wrap: break-word;
  }
  .refined-faq .faq-answer > .prose {
    padding: 0 16px 19px;
    font-size: 1rem;
    line-height: 1.7;
    overflow-wrap: anywhere;
  }
  .refined-faq .topic-links {
    gap: 8px 18px;
    margin-top: 18px;
  }
  .refined-faq .topic-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: .9rem;
  }
  .academy-support {
    padding: 14px;
    border-radius: 16px;
  }
  .academy-support .support-head {
    margin-bottom: 18px;
  }
  .academy-support .support-symbol {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    margin-bottom: 14px;
  }
  .academy-support .support-symbol svg {
    width: 26px;
    height: 26px;
  }
  .academy-support h2 {
    font-size: 1.65rem;
    line-height: 1.2;
  }
  .academy-support .support-form-card {
    padding: 16px;
    border-radius: 13px;
  }
  .academy-support .support-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .academy-support .field {
    gap: 7px;
    margin-bottom: 17px;
  }
  .academy-support .field :is(input:not([type=radio]), textarea, select) {
    font-size: 16px;
    padding: 11px 12px;
    min-height: 48px;
  }
  .academy-support .field textarea {
    min-height: 150px;
  }
  .academy-support .choice-radio span {
    min-height: 44px;
    align-items: center;
  }
  .academy-support .support-submit {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    line-height: 1.4;
    font-size: 1rem;
  }
}

@media (max-width: 420px) {
  .r2-resource-page .r2-resource-grid,
  .shorts-page .shorts-grid {
    gap: 12px;
  }
  .r2-resource-page .r2-resource-copy {
    padding: 12px;
  }
  .r2-resource-page .r2-resource-copy h2 {
    font-size: 1.05rem !important;
  }
  .r2-resource-page .r2-resource-copy p {
    font-size: .82rem !important;
  }
  .shorts-page .short-copy {
    padding: 11px;
  }
  .shorts-page .short-copy h2 {
    font-size: .96rem;
  }
  .round2-visual .refined-academy .round3-membership .membership-panel {
    padding: 17px !important;
  }
  .refined-academy .membership-tabs [data-plan] {
    font-size: .8rem;
    padding-inline: 6px;
  }
  .blog-v9-page .blog-v9-card-media {
    min-height: 350px;
  }
  .blog-v9-page .blog-v9-card-copy h3 {
    font-size: 1.65rem;
  }
}

@media (max-width: 360px) {
  .r2-resource-page .r2-resource-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .r2-resource-page .r2-resource-card {
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    align-items: stretch;
  }
  .r2-resource-page .r2-resource-card figure {
    aspect-ratio: auto;
    min-height: 168px;
    align-self: stretch;
    border-right: 1px solid #eef0f5;
  }
  .r2-resource-page .r2-resource-copy {
    border-top: 0;
    padding: 12px;
  }
  .r2-resource-page .r2-resource-copy h2 {
    font-size: 1.05rem !important;
  }
  .r2-resource-page .r2-resource-action {
    font-size: .8rem;
  }
  .round3-membership .plan-price strong {
    font-size: 2.4rem;
  }
  .round3-membership .plan-price span {
    font-size: .88rem;
  }
  .round3-membership .max-included .max-infinity {
    width: 26px;
  }
  .round2-visual .refined-academy .classroom-choice > span {
    font-size: .8rem;
  }
  .blog-v9-page .blog-v9-card-copy {
    left: 16px;
    right: 16px;
  }
  .blog-v9-page .blog-v9-card-copy h3 {
    font-size: 1.55rem;
  }
  .blog-v9-page .blog-v9-card-copy p {
    font-size: .82rem;
  }
  .shorts-page .short-copy {
    padding: 10px;
  }
  .shorts-page .short-copy h2 {
    font-size: .9rem;
  }
  .shorts-page .short-copy time {
    font-size: .67rem;
  }
  .academy-support {
    padding: 10px;
  }
  .academy-support .support-form-card {
    padding: 13px;
  }
  .tv2-page .tv2-directory {
    grid-template-columns: minmax(0, 1fr);
  }
}