/* The shared high-school template keeps its full reference tables on desktop.
   On a phone, the same facts sit behind short, labeled disclosures. */
.state-high-school .hs-mobile-disclosure:not(.tx-reference-card):not(.tx-college-row):not(.tx-college-context) > summary,
.state-high-school .hs-college-row:not(.tx-college-row) > summary {
  display: none;
}

@media (max-width: 767.98px) {
  .state-high-school { padding-top: 1rem !important; }
  .state-high-school > h1 { font-size: clamp(1.55rem, 6vw, 1.9rem); line-height: 1.16; }
  .state-high-school > .lead { font-size: 1rem; line-height: 1.42; }
  .state-high-school .state-tldr { border-color: #d9e6dd; background: #f5faf7; }
  .state-high-school .state-tldr .card-body { padding: .9rem 1rem; }
  .state-high-school .state-tldr ul { padding-left: 1.15rem; font-size: .92rem; line-height: 1.43; }
  .state-high-school .state-tldr li + li { margin-top: .38rem; }
  .state-high-school section > h2 { font-size: 1.15rem; line-height: 1.3; }
  .state-high-school .hs-mobile-disclosure {
    margin: .65rem 0;
    border: 1px solid #d8e2dc;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 .13rem .55rem rgba(23, 42, 31, .04);
    overflow: hidden;
  }
  .state-high-school .hs-mobile-disclosure > summary,
  .state-high-school .hs-mobile-disclosure:not(.tx-reference-card):not(.tx-college-row):not(.tx-college-context) > summary,
  .state-high-school .hs-college-row:not(.tx-college-row) > summary {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    padding: .8rem .95rem;
    color: #234c38;
    cursor: pointer;
    list-style: none;
  }
  .state-high-school .hs-mobile-disclosure > summary::-webkit-details-marker { display: none; }
  .state-high-school .hs-mobile-disclosure > summary::after {
    content: '⌄';
    position: absolute;
    right: .95rem;
    font-size: 1.1rem;
    line-height: 1;
    transition: transform .15s ease;
  }
  .state-high-school .hs-mobile-disclosure > summary { position: relative; padding-right: 2rem !important; }
  .state-high-school .hs-mobile-disclosure[open] > summary::after { transform: rotate(180deg); }
  .state-high-school .hs-mobile-disclosure > :not(summary) { margin-inline: .95rem; }
  .state-high-school .hs-mobile-disclosure > .table-responsive { margin-inline: .65rem; }
  .state-high-school .hs-legal-context > .lead { margin-top: .7rem; font-size: .95rem; line-height: 1.45; }
  .state-high-school.state-page .state-credit-table { min-width: 0; }
  .state-high-school .hs-mobile-disclosure .table-responsive { overflow: visible; }
  .state-high-school .hs-mobile-disclosure table,
  .state-high-school .hs-mobile-disclosure tbody,
  .state-high-school .hs-mobile-disclosure tr { display: block; width: 100%; }
  .state-high-school .hs-mobile-disclosure thead { display: none; }
  .state-high-school .hs-mobile-disclosure tbody tr {
    padding: .55rem 0;
    border-bottom: 1px solid #e5ebe7;
  }
  .state-high-school .hs-mobile-disclosure tbody tr:last-child { border-bottom: 0; }
  .state-high-school .hs-mobile-disclosure tbody th,
  .state-high-school .hs-mobile-disclosure tbody td {
    display: block;
    width: 100%;
    padding: .08rem 0;
    border: 0;
    text-align: left !important;
    white-space: normal;
  }
  .state-high-school .hs-mobile-disclosure tbody th { color: #183a29; }
  .state-high-school .hs-mobile-disclosure tbody td { color: #4e5b55; font-size: .91rem; line-height: 1.35; }
  .state-high-school .state-credit-table tbody td:nth-child(2)::before { content: 'Credits: '; font-weight: 600; }
  .state-high-school .hs-college-row table tbody td:nth-child(2)::before { content: 'Minimum: '; font-weight: 600; }
  .state-high-school .hs-college-row table tbody td:nth-child(3)::before { content: 'Recommended: '; font-weight: 600; }
  .state-high-school .hs-college-row h3 { font-size: 1rem; }
  .state-high-school .state-signup .btn { width: 100%; margin-bottom: .4rem; }

  /* Night values for the phone's cards (2026-10-07 review, F-59): they were
     white under the dark theme's light ink, 1.21:1 on every state. */
  [data-bs-theme="dark"] .state-high-school .state-tldr { border-color: var(--bs-border-color); background: var(--tr-brand-surface-soft); }
  [data-bs-theme="dark"] .state-high-school .hs-mobile-disclosure { border-color: var(--bs-border-color); background: var(--bs-body-bg); box-shadow: none; }
  [data-bs-theme="dark"] .state-high-school .hs-mobile-disclosure > summary,
  [data-bs-theme="dark"] .state-high-school .hs-mobile-disclosure:not(.tx-reference-card):not(.tx-college-row):not(.tx-college-context) > summary,
  [data-bs-theme="dark"] .state-high-school .hs-college-row:not(.tx-college-row) > summary { color: var(--tr-brand-ink); }
  [data-bs-theme="dark"] .state-high-school .hs-mobile-disclosure tbody tr { border-bottom-color: var(--bs-border-color); }
  [data-bs-theme="dark"] .state-high-school .hs-mobile-disclosure tbody th { color: var(--bs-emphasis-color); }
  [data-bs-theme="dark"] .state-high-school .hs-mobile-disclosure tbody td { color: var(--bs-secondary-color); }
}

@media print {
  .state-high-school .hs-mobile-disclosure:not([open]) > :not(summary) { display: block !important; }
}