/* Extracted from school.html without changing rule order or presentation. */
@media (max-width: 760px) {
      html,
      body {
        overflow-x: clip;
      }

      body {
        line-height: 1.82;
      }

      .container {
        width: min(var(--container), calc(100% - 28px));
      }

      .topbar-inner {
        gap: 8px;
        padding: 8px 0 10px;
      }

      .brand {
        font-size: 1rem;
      }

      .brand-mark {
        width: 32px;
        height: 32px;
        border-radius: 9px;
      }

      .nav-links {
        gap: 7px;
        padding: 1px 0 3px;
        margin: 0;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
      }

      .nav-links::-webkit-scrollbar {
        display: none;
      }

      .nav-links a {
        min-height: 36px;
        padding: 0 12px;
        font-size: 0.84rem;
        line-height: 1;
        scroll-snap-align: start;
        box-shadow: none;
      }

      .hero {
        padding: 34px 0 32px;
      }

      h1 {
        font-size: clamp(1.72rem, 7.6vw, 2.18rem);
        line-height: 1.42;
        letter-spacing: 0;
      }

      h2,
      .numbered-section-title {
        font-size: clamp(1.42rem, 6.4vw, 1.82rem);
        line-height: 1.42;
      }

      .hero .lead,
      .section-intro p,
      .message-card p,
      .narrative-card p,
      .story-quote p,
      .community-card p,
      .summary-detail-list li,
      details.faq-item p {
        font-size: 0.96rem;
        line-height: 1.86;
      }

      .line-no-break-desktop {
        white-space: normal !important;
      }

      .section {
        padding: 36px 0;
      }

      .hero-board,
      .message-card,
      .narrative-card,
      .story-quote,
      .community-card,
      .summary-card,
      .learning-roadmap,
      .founder-card,
      .cta-band,
      details.faq-item {
        border-radius: 12px;
        box-shadow: 0 10px 24px rgba(12, 31, 60, 0.1);
      }

      .hero-board,
      .message-card,
      .narrative-card,
      .story-quote,
      .community-card,
      .summary-card,
      .learning-roadmap,
      .cta-band {
        padding: 16px 14px;
      }

      .community-card summary,
      .summary-card summary,
      .learning-roadmap summary,
      .founder-card summary,
      details.faq-item summary {
        min-height: 56px;
        line-height: 1.55;
      }

      .community-card summary,
      .summary-card summary,
      .learning-roadmap summary {
        padding: 12px 42px 12px 12px;
      }

      .mobile-section-toc-card {
        overflow: visible;
        padding: 12px 13px;
      }

      .mobile-section-toc-list {
        width: auto;
        min-width: 0;
        gap: 7px;
      }

      .mobile-section-toc-list a {
        white-space: normal;
        line-height: 1.55;
      }

      .comparison-wrap,
      .table-wrap {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }

      .comparison-table {
        min-width: 680px;
      }

      .btn-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
      }

      .btn-row .btn {
        width: 100%;
        justify-content: center;
      }
    }