:root {
  /* Parent UI V2 semantic accents — Today-first; do not alias legacy --parent-* */
  --sb-brand-sage: #356f65;
  --sb-brand-sage-soft: #e7f1ee;
  --sb-info-blue: #52739a;
  --sb-info-blue-soft: #edf3f8;
  --sb-action-coral: #c96f5c;
  --sb-action-coral-soft: #f8eee9;
  --sb-interest-amber: #b18336;
  --sb-interest-amber-soft: #f6f0e4;
  --sb-growth-indigo: #6d6494;
  --sb-growth-indigo-soft: #f1eff7;
  --sb-text-main: #24282b;
  --sb-text-secondary: #69716d;
  --sb-page-bg: #f6f7f4;
  --sb-surface: #ffffff;
  --sb-surface-soft: #f1f3ef;
  --sb-border: #e3e6e1;
  --sb-border-soft: rgba(36, 40, 43, 0.06);
  --sb-shadow-soft: 0 1px 2px rgba(36, 40, 43, 0.04);
  --sb-shadow-hover: 0 4px 14px rgba(36, 40, 43, 0.07);
  --sb-radius-surface: 16px;
  --sb-radius-card: 14px;
  --sb-radius-control: 10px;
  --sb-radius-chip: 8px;
  --sb-rail: 3px;
  --sb-space-item: 9px;
  --sb-space-group: 22px;
  --sb-space-major: 30px;

  /* Legacy Parent design-system tokens (pre-#377 main values) */
  --parent-bg: #f7f8f4;
  --parent-surface: #ffffff;
  --parent-surface-soft: #f1f4ef;
  --parent-text: #24262b;
  --parent-text-secondary: #69706a;
  --parent-border: #e2e6e0;
  --parent-primary: #3f776d;
  --parent-primary-hover: #356d63;
  --parent-primary-soft: #e6f2ee;
  --parent-accent-warm: #e97a64;
  --parent-accent-warm-soft: #fff1ec;
  --parent-accent-yellow: #f2b84b;
  --parent-accent-yellow-soft: #fff7dc;
  --parent-info: #5c74a6;
  --parent-danger: #b84a4a;
  --parent-radius: 12px;
  --parent-control-radius: 10px;
  --parent-font: Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

/* Parent school/academy timetable */
.parent-timetable,
.parent-timetable input,
.parent-timetable select,
.parent-timetable textarea,
.parent-timetable button { word-break: keep-all; }
.timetable-wrap { width: min(1180px, calc(100% - 32px)); margin: 24px auto calc(104px + env(safe-area-inset-bottom)); }
.timetable-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; border-radius: 24px; }
.timetable-hero > div { min-width: 0; flex: 1 1 auto; }
.timetable-hero h1 { margin: 3px 0 6px; font-size: clamp(1.65rem, 3vw, 2.2rem); }
.timetable-hero p { margin: 0; color: var(--ui-muted, #64748b); }
.timetable-add,
.timetable-empty a { display: inline-flex; min-height: 44px; flex-shrink: 0; align-items: center; justify-content: center; padding: 0 18px; border-radius: 14px; background: #3f776d; color: #fff; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; }
.timetable-child-tabs { display: flex; gap: 8px; margin: 16px 0; overflow-x: auto; scrollbar-width: none; }
.timetable-child-tab { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; padding: 0 16px; border: 1px solid #d8e1df; border-radius: 999px; color: #38504b; background: #fff; text-decoration: none; font-weight: 600; }
.timetable-child-tab.is-active { border-color: #3f776d; color: #234f47; background: #eaf4f1; }
.timetable-child-tab:focus-visible,
.timetable-day-tab:focus-visible,
.timetable-add:focus-visible,
.timetable-card a:focus-visible,
.timetable-form-panel :is(input,select,textarea,button,a):focus-visible { outline: 3px solid #f0a55b; outline-offset: 2px; }
.timetable-now { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; margin: 16px 0; padding: 15px 18px; border: 1px solid #bcd9d2; border-radius: 18px; background: #f0f8f6; color: #214c44; }
.timetable-now small { grid-column: 1 / -1; color: #64748b; }
.timetable-week-nav { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; gap: 8px; margin: 18px 0 12px; text-align: center; }
.timetable-week-nav a { display: grid; min-height: 44px; place-items: center; border: 1px solid #d8e1df; border-radius: 12px; background: #fff; color: #234f47; font-size: 1.5rem; text-decoration: none; }
.timetable-day-tabs { display: flex; gap: 6px; margin-bottom: 12px; }
.timetable-day-tab { display: grid; min-width: 44px; min-height: 52px; flex: 1 1 0; place-items: center; align-content: center; border: 1px solid #dce4e2; border-radius: 12px; background: #fff; color: #53645f; text-decoration: none; }
.timetable-day-tab span { font-size: .75rem; }
.timetable-day-tab strong { font-size: .9rem; }
.timetable-day-tab.is-today { background: #f0f8f6; }
.timetable-day-tab.is-active { border-color: #3f776d; box-shadow: inset 0 0 0 1px #3f776d; color: #214c44; }
.timetable-conflict-summary { margin: 10px 0; padding: 12px 14px; border: 1px solid #f0bd74; border-radius: 14px; background: #fff8e9; color: #784b0c; }
.timetable-mobile-list { padding: 18px; border: 1px solid #e4e9e8; border-radius: 20px; background: #fff; }
.timetable-mobile-list h2 { margin: 0 0 14px; font-size: 1.05rem; }
.timetable-card { --timetable-accent: #2d665c; --timetable-surface: #edf7f4; position: relative; display: flex; min-width: 0; flex-direction: column; gap: 5px; margin-bottom: 10px; padding: 13px; overflow: hidden; border: 1px solid #cfe2dd; border-left: 5px solid var(--timetable-accent); border-radius: 14px; background: var(--timetable-surface); }
.timetable-card--blue { --timetable-accent: #365f9b; --timetable-surface: #eff4fb; }
.timetable-card--purple { --timetable-accent: #694c9a; --timetable-surface: #f5f1fa; }
.timetable-card--orange { --timetable-accent: #9a561e; --timetable-surface: #fff5eb; }
.timetable-card--rose { --timetable-accent: #9c435b; --timetable-surface: #fff1f4; }
.timetable-card--school { --timetable-accent: #53657d; --timetable-surface: #f1f4f7; }
.timetable-card.is-current { border: 2px solid #3f776d; border-left: 5px solid var(--timetable-accent); animation: timetable-current-pulse .8s ease-in-out; animation-iteration-count: 2; }
@keyframes timetable-current-pulse { 50% { box-shadow: 0 0 0 6px rgba(63,119,109,.16); } }
.timetable-card__meta { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 5px; color: #66736f; font-size: .72rem; font-weight: 600; }
.timetable-card__type { display: inline-flex; align-items: center; gap: 5px; color: #354943; }
.timetable-card__type::before { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--timetable-accent); content: ""; }
.timetable-card__academy { color: #172d28; }
.timetable-card .timetable-card__class { color: #465c56; font-weight: 600; }
.timetable-card h3 { display: -webkit-box; margin: 0; overflow: hidden; font-size: .95rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.timetable-card time { white-space: nowrap; color: #33433f; font-size: .8rem; font-variant-numeric: tabular-nums; }
.timetable-card p { margin: 0; color: #64748b; font-size: .78rem; }
.timetable-card a { align-self: flex-start; color: #2d675d; font-size: .78rem; font-weight: 600; }
.timetable-now-badge { padding: 2px 6px; border-radius: 999px; background: #3f776d; color: #fff; }
.timetable-overlap-badge { padding: 2px 6px; border-radius: 999px; background: #fff0d9; color: #8a5206; }
.timetable-readonly { color: #667085; font-size: .7rem; }
.timetable-column-conflict { margin: 6px 0; color: #8a5206; font-size: .7rem; font-weight: 600; }
.timetable-day-empty { padding: 26px 0; color: #7a8985; text-align: center; }
.timetable-notification-settings { margin-top: 18px; padding: 18px; border-radius: 20px; }
.timetable-notification-settings > summary { display: flex; min-height: 44px; cursor: pointer; align-items: center; justify-content: space-between; font-weight: 600; }
.timetable-notification-settings > summary strong { color: #2d675d; font-size: .85rem; }
.timetable-settings-body { padding-top: 12px; color: #56645f; }
.timetable-settings-body button { min-height: 44px; padding: 0 16px; border: 0; border-radius: 12px; background: #3f776d; color: #fff; font-weight: 600; }
.timetable-settings-body button:disabled { opacity: .55; }
.timetable-empty { padding: 30px; border-radius: 22px; text-align: center; }
.timetable-form-layer { position: fixed; z-index: 1000; inset: 0; display: grid; justify-items: end; background: rgba(20,35,32,.32); }
.timetable-form-backdrop { position: absolute; inset: 0; }
.timetable-form-panel { position: relative; width: min(540px, 100%); height: 100%; padding: 22px 22px calc(26px + env(safe-area-inset-bottom)); overflow-y: auto; background: #fff; box-shadow: -15px 0 40px rgba(32,52,47,.18); }
.timetable-form-panel > header { display: flex; align-items: flex-start; justify-content: space-between; }
.timetable-form-panel > header h2 { margin: 3px 0 18px; }
.timetable-form-panel > header > a { display: grid; min-width: 44px; min-height: 44px; place-items: center; color: #31453f; font-size: 1.8rem; text-decoration: none; }
.timetable-field { display: grid; gap: 7px; margin: 0 0 16px; }
.timetable-field label,
.timetable-field legend { color: #263b35; font-size: .85rem; font-weight: 600; }
.timetable-field :is(input,select,textarea) { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #cbd6d3; border-radius: 11px; background: #fff; color: #1f302c; font: inherit; }
.timetable-field textarea { min-height: 88px; resize: vertical; }
.timetable-field ::placeholder { color: #7d8b87; opacity: 1; }
.timetable-field small,
.timetable-more-settings > small { color: #6f7c78; font-size: .75rem; }
.timetable-time-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.timetable-time-row > .timetable-field { min-width: 0; align-content: start; }
.timetable-time-row > .timetable-duration-chips { grid-column: 1 / -1; }
.timetable-weekday-picker,
.timetable-color-picker,
.timetable-time-mode { padding: 0; border: 0; }
.timetable-weekday-picker { grid-template-columns: repeat(7, 1fr); }
.timetable-weekday-picker legend,
.timetable-color-picker legend,
.timetable-time-mode legend { grid-column: 1 / -1; margin-bottom: 7px; }
.timetable-weekday-picker label { display: block; }
.timetable-weekday-picker input,
.timetable-color-picker input,
.timetable-time-mode input { position: absolute; opacity: 0; pointer-events: none; }
.timetable-weekday-picker span { display: grid; min-height: 44px; place-items: center; border: 1px solid #cfd9d6; border-radius: 10px; background: #fff; }
.timetable-weekday-picker input:checked + span { border-color: #3f776d; background: #eaf4f1; color: #214c44; box-shadow: inset 0 0 0 1px #3f776d; }
.timetable-weekday-picker input:focus-visible + span,
.timetable-color-picker input:focus-visible + span,
.timetable-time-mode input:focus-visible + span { outline: 3px solid #f0a55b; outline-offset: 2px; }
.timetable-time-mode { grid-template-columns: 1fr 1fr; }
.timetable-time-mode label { display: block; }
.timetable-time-mode span { display: grid; min-height: 44px; place-items: center; padding: 8px; border: 1px solid #cfd9d6; border-radius: 10px; color: #41534e; text-align: center; }
.timetable-time-mode input:checked + span { border-color: #3f776d; background: #eaf4f1; color: #214c44; box-shadow: inset 0 0 0 1px #3f776d; }
.timetable-weekday-times { display: grid; gap: 10px; margin-bottom: 14px; }
.timetable-weekday-time { padding: 12px; border: 1px solid #dbe5e2; border-radius: 12px; background: #f8fbfa; }
.timetable-weekday-time > strong { display: block; margin-bottom: 8px; color: #263b35; }
.timetable-weekday-times[hidden],
.timetable-weekday-time[hidden],
[data-academy-picker][hidden],
[data-common-times][hidden],
[data-overlap-edit][hidden],
[data-overlap-warning][hidden] { display: none; }
.timetable-form-preview { margin: -2px 0 16px; padding: 11px 13px; border-radius: 11px; background: #f2f7f5; color: #315c54; font-weight: 600; }
.timetable-form-error,
.field-error { color: #a42d2d; font-size: .82rem; font-weight: 600; }
.timetable-overlap-warning { margin: 0 0 16px; padding: 14px; border: 1px solid #edae56; border-radius: 13px; background: #fff8e9; color: #73480d; }
.timetable-overlap-warning p { margin: 6px 0 0; }
.timetable-more-settings { margin-bottom: 18px; padding: 14px; border: 1px solid #dfe7e5; border-radius: 13px; }
.timetable-more-settings > summary { min-height: 44px; cursor: pointer; font-weight: 600; }
.timetable-color-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.timetable-color-picker label { display: block; }
.timetable-color { display: flex; min-height: 44px; align-items: center; gap: 5px; padding: 0 8px; border: 1px solid #d8e1df; border-radius: 9px; }
.timetable-color::before { width: 12px; height: 12px; border-radius: 50%; background: #3f776d; content: ""; }
.timetable-color--blue::before { background: #4d7fc3; }
.timetable-color--purple::before { background: #8169b3; }
.timetable-color--orange::before { background: #d98742; }
.timetable-color--rose::before { background: #c9677d; }
.timetable-color-picker input:checked + span { border-color: #3f776d; box-shadow: inset 0 0 0 1px #3f776d; }
.timetable-form-actions { position: sticky; bottom: 0; display: flex; gap: 9px; padding: 12px 0 max(2px, env(safe-area-inset-bottom)); background: #fff; }
.timetable-form-actions button { min-height: 48px; flex: 1; border: 0; border-radius: 13px; background: #3f776d; color: #fff; font-weight: 700; }
.timetable-form-actions a { display: inline-flex; min-height: 48px; flex: 1; align-items: center; justify-content: center; border: 1px solid #bfcac7; border-radius: 13px; color: #41534e; text-decoration: none; font-weight: 600; text-align: center; }
.timetable-overlap-warning a[data-overlap-edit] { display: inline-flex; min-height: 44px; align-items: center; margin-top: 8px; color: #2d675d; font-weight: 700; text-decoration: underline; }
.timetable-reminder-hint,
.timetable-settings-hint { display: block; margin-top: 8px; color: #667085; font-size: .82rem; line-height: 1.45; }
.timetable-push-cta { display: grid; gap: 10px; margin: 12px 0; }
.timetable-push-enable {
  display: inline-flex;
  min-height: 44px;
  width: fit-content;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: #3f776d;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.timetable-push-enable[data-push-state="subscribed"] {
  background: #eaf4f1;
  color: #214c44;
  box-shadow: inset 0 0 0 1px #3f776d;
}
.timetable-danger-actions { display: flex; gap: 10px; padding-top: 15px; border-top: 1px solid #e6eae9; }
.timetable-danger-actions button { min-height: 44px; border: 0; background: transparent; color: #a53636; font-weight: 600; text-decoration: underline; }

@media (max-width: 640px) {
  .timetable-wrap { width: min(100% - 24px, 600px); margin-top: 12px; }
  .timetable-hero { align-items: flex-start; gap: 12px; padding: 18px; border-radius: 18px; }
  .timetable-hero p { font-size: .85rem; }
  .timetable-add {
    min-width: 5.75rem;
    flex-shrink: 0;
    padding: 0 14px;
    white-space: nowrap;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .timetable-desktop-grid { display: none; }
  .timetable-day-tabs { overflow-x: auto; }
  .timetable-day-tab { flex: 0 0 calc((100% - 36px) / 7); }
  .timetable-card h3 { display: block; overflow: visible; -webkit-line-clamp: initial; }
  .timetable-form-panel { align-self: end; height: min(94dvh, 900px); border-radius: 22px 22px 0 0; }
  .timetable-time-row { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 641px) {
  .timetable-mobile-list { display: none; }
  .timetable-day-tabs { display: none; }
  .timetable-desktop-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dfe7e5; border-radius: 20px; background: #fff; }
  .timetable-column { min-width: 0; min-height: 420px; padding: 9px; border-right: 1px solid #e8edec; }
  .timetable-column:last-child { border-right: 0; }
  .timetable-column.is-today { background: #f2f8f6; }
  .timetable-column > header { display: flex; min-height: 50px; align-items: center; justify-content: space-between; color: #52635e; }
  .timetable-card { padding: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .timetable-card.is-current { animation: none; }
}

.parent-ui *,
.parent-desktop-nav,
.parent-desktop-nav *,
.parent-mobile-brand-header,
.parent-mobile-brand-header *,
.parent-mobile-nav,
.parent-mobile-nav * { box-sizing: border-box; }

.parent-ui {
  margin: 0;
  background: var(--parent-bg);
  color: var(--parent-text);
  font-family: var(--parent-font);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -.01em;
}

.parent-ui h1,
.parent-ui h2,
.parent-ui h3,
.parent-ui p { margin-top: 0; }
.parent-ui h1 { font-size: 24px; line-height: 32px; font-weight: 700; }
.parent-ui h2 { font-size: 18px; line-height: 26px; font-weight: 600; }
.parent-ui h3 { font-size: 16px; line-height: 24px; font-weight: 600; }
.parent-ui a,
.parent-ui button,
.parent-ui input,
.parent-ui select { font: inherit; }
.parent-ui a,
.parent-ui button { -webkit-tap-highlight-color: transparent; }
.parent-ui :where(a, button, input, select, textarea):focus-visible,
.parent-brand:focus-visible,
.parent-desktop-notification:focus-visible,
.parent-mobile-notification:focus-visible,
.parent-nav-link:focus-visible {
  outline: 3px solid var(--parent-accent-yellow);
  outline-offset: 2px;
}

/* Shared parent navigation */
.parent-desktop-nav {
  position: relative;
  z-index: 80;
  background: var(--parent-surface);
  border-bottom: 1px solid var(--parent-border);
}
.parent-desktop-nav__inner {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 12px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 7px 16px;
}
.parent-brand {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 4px 6px;
  border-radius: var(--parent-control-radius);
  color: var(--parent-text);
  font-family: var(--parent-font);
  text-decoration: none;
}
.parent-desktop-nav .parent-brand { flex: 0 0 auto; margin-right: auto; }
.parent-desktop-nav__primary {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
}
.parent-desktop-nav__primary .parent-nav-link { min-width: 0; white-space: nowrap; }
.parent-desktop-nav__primary .parent-desktop-notification {
  position: relative;
  gap: 6px;
}
.parent-desktop-notification__count {
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--parent-accent-warm);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
.parent-brand-wordmark { display: inline-flex; align-items: baseline; font-size: 21px; font-weight: 700; line-height: 28px; letter-spacing: -.035em; white-space: nowrap; }
.parent-brand-wordmark__school { color: var(--parent-text); }
.parent-brand-wordmark__comma { color: var(--parent-accent-warm); }
.parent-brand-wordmark__boda { color: var(--parent-primary); }
.parent-mobile-brand-header { display: none; }
.parent-mobile-notification {
  position: relative;
  display: inline-flex;
  width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: var(--parent-control-radius);
  color: var(--parent-text-secondary);
  text-decoration: none;
}
.parent-mobile-notification:hover { background: var(--parent-surface-soft); color: var(--parent-primary-hover); }
.parent-mobile-notification.active { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-mobile-notification__count {
  position: absolute;
  top: 3px;
  right: 2px;
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border: 2px solid var(--parent-surface);
  border-radius: 999px;
  background: var(--parent-accent-warm);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}
.parent-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-radius: var(--parent-control-radius);
  color: var(--parent-text-secondary);
  font-family: var(--parent-font);
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
}
.parent-nav-link:hover { background: var(--parent-surface-soft); color: var(--parent-primary-hover); }
.parent-nav-link.active {
  background: var(--parent-primary-soft);
  border-color: #cde2dc;
  color: var(--parent-primary-hover);
}
.parent-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  align-self: center;
  border-radius: 7px;
  background: var(--parent-surface-soft);
  color: var(--parent-primary);
}
.parent-nav-link.active .parent-nav-icon { background: transparent; }
.parent-nav-icon > svg {
  display: block;
  width: 100%;
  height: 100%;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.parent-nav-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 21px;
  height: 21px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--parent-accent-yellow-soft);
  color: #765417;
  font-size: 11px;
  font-weight: 600;
}
.parent-nav-soft-count { color: var(--parent-text-secondary); font-size: 12px; font-weight: 400; }
.parent-mobile-nav { display: none; }

/* Parent school, academy, and story hubs */
.parent-hub-wrap { width: min(920px,100%); margin: 0 auto; padding: 20px 14px 56px; }
.parent-hub-hero { padding: 20px; }
.parent-hub-kicker { margin-bottom: 4px; color: var(--parent-primary); font-size: 12px; font-weight: 700; line-height: 18px; }
.parent-hub-hero h1 { margin-bottom: 6px; }
.parent-hub-summary { margin-bottom: 0; color: var(--parent-text-secondary); font-size: 14px; line-height: 21px; }
.parent-hub-summary strong { color: var(--parent-text); font-weight: 600; }
.parent-hub-child-tabs { display: flex; gap: 8px; margin-top: 12px; overflow-x: auto; padding: 2px; scrollbar-width: thin; }
.parent-hub-child-tab { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; padding: 7px 12px; border: 1px solid var(--parent-border); border-radius: 999px; background: var(--parent-surface); color: var(--parent-text-secondary); font-size: 13px; font-weight: 600; text-decoration: none; }
.parent-hub-child-tab.active { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-hub-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.parent-hub-card { display: flex; min-width: 0; min-height: 98px; align-items: center; gap: 12px; padding: 16px; color: var(--parent-text); text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.parent-hub a.parent-hub-card:hover { border-color: #bcd7d0; box-shadow: 0 7px 18px rgba(36,38,43,.06); transform: translateY(-1px); }
.parent-hub-card--primary { background: linear-gradient(145deg,var(--parent-surface),var(--parent-primary-soft)) !important; }
.parent-hub-card--disabled { color: var(--parent-text-secondary); opacity: .68; }
.parent-hub-card > .parent-nav-icon { width: 28px; height: 28px; flex-basis: 28px; }
.parent-hub-card__body { display: grid; min-width: 0; flex: 1 1 auto; gap: 3px; }
.parent-hub-card__body strong { font-size: 16px; font-weight: 600; line-height: 22px; }
.parent-hub-card__body > span { color: var(--parent-text-secondary); font-size: 13px; line-height: 19px; }
.parent-hub-card__arrow { flex: 0 0 auto; color: var(--parent-primary); font-size: 24px; line-height: 24px; }
.parent-hub-note { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding: 14px 16px; }
.parent-hub-note strong { font-weight: 600; }
.parent-hub-note p { margin: 3px 0 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 19px; }
.parent-hub-secondary-link { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 7px 11px; border: 1px solid #cde2dc; border-radius: var(--parent-control-radius); background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 13px; font-weight: 600; text-decoration: none; }
.parent-story-hub .parent-hub-grid { grid-template-columns: 1fr; }
.school-news { margin-top: 12px; padding: 18px; }
.parent-school-hub {
  background: var(--sb-page-bg);
  color: var(--sb-text-main);
}
.parent-school-hub .school-hub-wrap { padding: 16px 14px 52px; }
.parent-school-hub .school-hub-hero {
  padding: 4px 2px 2px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.parent-school-hub .school-hub-hero h1 {
  margin: 0;
  color: var(--sb-text-main);
  font-size: clamp(26px, 4.2vw, 30px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.parent-school-hub .school-hub-context {
  margin: 6px 0 0;
  color: var(--sb-text-secondary);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 20px;
  overflow-wrap: anywhere;
}
.parent-school-hub .school-hub-context__name {
  color: var(--sb-text-main);
  font-weight: 600;
}
.parent-school-hub .school-hub-child-tabs { margin-top: 14px; }
.parent-school-hub .parent-hub-child-tab {
  border-radius: var(--sb-radius-control);
  border-color: var(--sb-border);
  background: var(--sb-surface);
  color: var(--sb-text-secondary);
}
.parent-school-hub .parent-hub-child-tab.active {
  border-color: color-mix(in srgb, var(--sb-info-blue) 28%, transparent);
  background: var(--sb-info-blue-soft);
  color: var(--sb-info-blue);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sb-info-blue) 10%, transparent);
}
.parent-school-hub .school-hub-section {
  margin-top: var(--sb-space-major);
  padding: 14px 15px;
  border: 1px solid var(--sb-border);
  border-left: var(--sb-rail) solid var(--sb-info-blue);
  border-radius: var(--sb-radius-card);
  background: var(--sb-surface);
  box-shadow: var(--sb-shadow-soft);
}
.parent-school-hub .school-hub-section-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 4px;
}
.parent-school-hub .school-hub-section-copy { min-width: 0; flex: 1 1 auto; }
.parent-school-hub .school-hub-chip {
  display: inline-flex;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border-radius: var(--sb-radius-chip);
  background: var(--sb-info-blue-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sb-info-blue) 18%, transparent);
}
.parent-school-hub .school-hub-chip img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.parent-school-hub .school-hub-section-title {
  margin: 0;
  color: var(--sb-text-main);
  font-size: clamp(20px, 3.4vw, 22px);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.3;
}
.parent-school-hub .school-hub-section-subtitle,
.parent-school-hub .school-timetable__range {
  margin: 3px 0 0;
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 18px;
}
.parent-school-hub .school-news {
  margin-top: var(--sb-space-group);
  padding: 14px 15px;
}
.parent-school-hub .school-timetable {
  margin-top: var(--sb-space-major);
  padding: 14px 15px;
}
.parent-school-hub .school-timetable__head { margin-bottom: 2px; }
.parent-school-hub .school-timetable__head h2 { font-size: clamp(20px, 3.4vw, 22px); line-height: 1.3; }
.parent-school-hub .school-timetable__days {
  gap: 4px;
  margin-top: 12px;
}
.parent-school-hub .school-timetable__day-tab {
  min-height: 44px;
  border-radius: var(--sb-radius-control);
  border-color: var(--sb-border);
  background: transparent;
  color: var(--sb-text-secondary);
  font-weight: 600;
}
.parent-school-hub .school-timetable__day-tab.is-today {
  background: var(--sb-info-blue-soft);
  color: var(--sb-info-blue);
}
.parent-school-hub .school-timetable__day-tab[aria-selected="true"],
.parent-school-hub .school-timetable__day-tab.is-today[aria-selected="true"] {
  border-color: color-mix(in srgb, var(--sb-info-blue) 34%, transparent);
  background: var(--sb-info-blue-soft);
  color: var(--sb-info-blue);
  box-shadow: inset 0 -2px 0 var(--sb-info-blue);
}
.parent-school-hub .school-timetable__periods li {
  padding: 10px 2px;
  border-bottom-color: var(--sb-border-soft);
}
.parent-school-hub .school-timetable__periods {
  border-top-color: var(--sb-border-soft);
}
.parent-school-hub .school-timetable__periods span { color: var(--sb-text-secondary); }
.parent-school-hub .school-timetable__periods strong { color: var(--sb-text-main); font-weight: 600; }
.parent-school-hub .parent-hub-secondary-link,
.parent-school-hub .school-timetable__retry {
  border-color: color-mix(in srgb, var(--sb-info-blue) 24%, transparent);
  background: var(--sb-info-blue-soft);
  color: var(--sb-info-blue);
}
@media (min-width: 768px) {
  .parent-school-hub .school-timetable__desktop {
    gap: 0;
    border-top: 1px solid var(--sb-border-soft);
  }
  .parent-school-hub .school-timetable__desktop-day {
    padding: 10px 8px;
    border-radius: 0;
    border-right: 1px solid var(--sb-border-soft);
    background: transparent;
  }
  .parent-school-hub .school-timetable__desktop-day:last-child { border-right: 0; }
  .parent-school-hub .school-timetable__desktop-day.is-today {
    background: color-mix(in srgb, var(--sb-info-blue-soft) 70%, transparent);
    box-shadow: inset 0 2px 0 var(--sb-info-blue);
  }
  .parent-school-hub .school-timetable__desktop-day ol {
    gap: 0;
  }
  .parent-school-hub .school-timetable__desktop-day li {
    padding: 6px 0;
    border-top: 1px solid var(--sb-border-soft);
  }
  .parent-school-hub .school-timetable__desktop-day li:first-child { border-top: 0; padding-top: 0; }
}
.parent-school-hub .school-news__head h2,
.parent-school-hub .school-news__head .school-hub-section-title { font-size: clamp(20px, 3.4vw, 22px); }
.parent-school-hub .school-news__summary {
  margin: 8px 0 0;
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  line-height: 18px;
}
.parent-school-hub .school-news__summary strong { color: var(--sb-text-main); font-weight: 600; }
.parent-school-hub .school-news__tabs button {
  min-height: 44px;
  border-radius: var(--sb-radius-control);
  border-color: var(--sb-border);
  background: transparent;
  color: var(--sb-text-secondary);
  font-weight: 600;
}
.parent-school-hub .school-news__tabs button[aria-selected="true"] {
  border-color: color-mix(in srgb, var(--sb-info-blue) 30%, transparent);
  background: var(--sb-info-blue-soft);
  color: var(--sb-info-blue);
}
.parent-school-hub .school-news__items {
  border-top-color: var(--sb-border-soft);
}
.parent-school-hub .school-news__items li {
  padding: 12px 2px;
  border-bottom-color: var(--sb-border-soft);
  border-radius: 0;
  background: transparent;
}
.parent-school-hub .school-news__items a {
  color: var(--sb-text-main);
  font-weight: 600;
}
.parent-school-hub .school-news__items a:hover {
  color: var(--sb-info-blue);
}
.parent-school-hub .school-news__items li:hover {
  background: color-mix(in srgb, var(--sb-info-blue-soft) 45%, transparent);
}
.parent-school-hub .school-news__more {
  border-color: var(--sb-border);
  background: transparent;
  color: var(--sb-text-main);
}
.parent-school-hub .school-news__board-link { color: var(--sb-info-blue); }
.parent-school-hub .school-news__homepage {
  border-color: color-mix(in srgb, var(--sb-info-blue) 22%, transparent);
  background: var(--sb-info-blue-soft);
}
.parent-school-hub .school-news__homepage > span { color: var(--sb-info-blue); }
.parent-school-hub .school-hub-glance { margin-top: var(--sb-space-group); }
.parent-school-hub .school-news__glance { margin-top: 8px; }
.parent-school-hub .school-news__glance-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 4px 0 0;
  border-top: 1px solid var(--sb-border-soft);
}
.parent-school-hub .school-news__glance-stats > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 2px;
  border-bottom: 1px solid var(--sb-border-soft);
  border-radius: 0;
  background: transparent;
}
@media (min-width: 640px) {
  .parent-school-hub .school-news__glance-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 18px;
  }
}
.parent-school-hub .school-news__glance-stats dt {
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 18px;
}
.parent-school-hub .school-news__glance-stats dd {
  margin: 0;
  color: var(--sb-text-main);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  font-variant-numeric: tabular-nums;
}
.parent-school-hub .school-news__glance-grades {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-top: 1px solid var(--sb-border-soft);
}
@media (min-width: 640px) {
  .parent-school-hub .school-news__glance-grades {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.parent-school-hub .school-news__glance-grades li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 2px;
  border-bottom: 1px solid var(--sb-border-soft);
  border-radius: 0;
  background: transparent;
  font-size: 13px;
  line-height: 18px;
}
.parent-school-hub .school-news__glance-grades span { color: var(--sb-text-secondary); font-weight: 500; }
.parent-school-hub .school-news__glance-grades strong { color: var(--sb-text-main); font-weight: 600; }
.parent-school-hub .school-hub-more {
  margin-top: var(--sb-space-major);
  padding: 0 2px;
}
.parent-school-hub .school-hub-more-title {
  margin: 0 0 6px;
  color: var(--sb-text-main);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.parent-school-hub .school-hub-nav-list {
  border-top: 1px solid var(--sb-border-soft);
}
.parent-school-hub .school-hub-nav-row {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 2px;
  border-bottom: 1px solid var(--sb-border-soft);
  color: var(--sb-text-main);
  text-decoration: none;
  transition: background 0.15s ease;
}
.parent-school-hub a.school-hub-nav-row:hover {
  background: color-mix(in srgb, var(--sb-info-blue-soft) 40%, transparent);
}
.parent-school-hub a.school-hub-nav-row:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--sb-info-blue) 55%, transparent);
  outline-offset: 2px;
}
.parent-school-hub .school-hub-nav-row--disabled {
  color: var(--sb-text-secondary);
  opacity: 0.72;
}
.parent-school-hub .school-hub-nav-row__body {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.parent-school-hub .school-hub-nav-row__body strong {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
.parent-school-hub .school-hub-nav-row__body > span {
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  line-height: 18px;
}
.parent-school-hub .school-hub-nav-row__arrow {
  flex: 0 0 auto;
  color: var(--sb-info-blue);
  font-size: 22px;
  line-height: 22px;
}
.parent-school-hub .school-hub-utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: var(--sb-space-group);
  padding: 8px 2px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.parent-school-hub .school-hub-utility strong {
  color: var(--sb-text-main);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 20px;
}
.parent-school-hub .school-hub-utility p {
  margin: 3px 0 0;
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  line-height: 18px;
}
.parent-school-hub .school-hub-utility-link {
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 6px 2px;
  color: var(--sb-info-blue);
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (max-width: 640px) {
  .parent-school-hub .school-hub-utility {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .parent-school-hub .school-hub-nav-row,
  .parent-school-hub .school-news__items li {
    transition: none;
  }
}
.school-news__glance { margin-top: 14px; }
.school-news__glance-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  margin: 8px 0 0;
}
.school-news__glance-stats > div {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
}
.school-news__glance-stats dt {
  color: var(--parent-text-secondary);
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}
.school-news__glance-stats dd {
  margin: 0;
  color: var(--parent-text);
  font-size: 15px;
  font-weight: 650;
  line-height: 22px;
}
.school-news__glance-grades {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.school-news__glance-grades li {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 5px 9px;
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  font-size: 12px;
  line-height: 18px;
}
.school-news__glance-grades span { color: var(--parent-text-secondary); }
.school-news__glance-grades strong { color: var(--parent-text); font-weight: 700; }
.school-news__glance-empty {
  margin: 8px 0 0;
  color: var(--parent-text-secondary);
  font-size: 13px;
  line-height: 20px;
}
.school-news__board-fallback--pending { color: var(--parent-text); }
.school-timetable { margin-top: 12px; padding: 14px 16px; }
.school-timetable__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.school-timetable__head h2 { margin: 0; font-size: 21px; line-height: 28px; }
.school-timetable__range { margin: 4px 0 0; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.school-timetable__pending,
.school-timetable__empty,
.school-timetable__day-empty,
.school-timetable__note {
  margin: 10px 0 0;
  color: var(--parent-text-secondary);
  font-size: 13px;
  line-height: 20px;
}
.school-timetable__empty { display: grid; gap: 10px; }
.school-timetable__days {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}
.school-timetable__day-tab {
  min-height: 40px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  color: var(--parent-text-secondary);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.school-timetable__day-tab[aria-selected="true"],
.school-timetable__day-tab.is-today[aria-selected="true"] {
  border-color: var(--parent-primary);
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
}
.school-timetable__panel { margin-top: 10px; }
.school-timetable__periods {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--parent-border);
}
.school-timetable__periods li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 2px;
  border-bottom: 1px solid var(--parent-border);
  font-size: 14px;
  line-height: 21px;
}
.school-timetable__periods span { color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; }
.school-timetable__periods strong { color: var(--parent-text); font-weight: 650; text-align: right; overflow-wrap: anywhere; }
.school-timetable__desktop { display: none; }
@media (min-width: 768px) {
  .school-timetable__days,
  .school-timetable__panel { display: none; }
  .school-timetable__desktop {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
  }
  .school-timetable__desktop-day {
    min-width: 0;
    padding: 10px;
    border-radius: var(--parent-control-radius);
    background: var(--parent-surface-soft);
  }
  .school-timetable__desktop-day.is-today {
    background: var(--parent-primary-soft);
  }
  .school-timetable__desktop-day strong {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
  }
  .school-timetable__desktop-day ol {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--parent-text);
    font-size: 12px;
    line-height: 18px;
  }
  .school-timetable__desktop-day p {
    margin: 0;
    color: var(--parent-text-secondary);
    font-size: 12px;
    line-height: 18px;
  }
}
.story-bookmarks { margin-top: 12px; padding: 0; overflow: hidden; }
.school-news__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.school-news__head h2 { margin: 0; font-size: 21px; line-height: 28px; }
.school-news__external,
.story-bookmarks__count { flex: 0 0 auto; color: var(--parent-text-secondary); font-size: 12px; line-height: 20px; }
.school-news__summary,
.story-bookmarks__summary,
.story-bookmarks__storage-note { margin: 8px 0 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.story-bookmarks__storage-note { margin-top: 2px; font-size: 12px; }
.story-bookmarks__recommendations { display: grid; gap: 7px; margin-top: 14px; }
.story-bookmarks__recommendations > strong { font-size: 13px; line-height: 20px; }
.story-bookmarks__recommendations button { display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 54px; align-items: center; gap: 2px 10px; padding: 8px 10px 8px 12px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text); font: inherit; text-align: left; cursor: pointer; }
.story-bookmarks__recommendations button > span { overflow: hidden; font-size: 13px; font-weight: 700; line-height: 19px; text-overflow: ellipsis; white-space: nowrap; }
.story-bookmarks__recommendations button > small { overflow: hidden; grid-column: 1; color: var(--parent-text-secondary); font-size: 11px; line-height: 17px; text-overflow: ellipsis; white-space: nowrap; }
.story-bookmarks__recommendations button > b { grid-column: 2; grid-row: 1 / span 2; color: var(--parent-primary-hover); font-size: 12px; }
.story-bookmarks__recommendations button:disabled { cursor: default; opacity: .68; }
.school-news__browser { margin-top: 14px; }
.school-news__tabs { display: flex; gap: 5px; overflow-x: auto; padding-bottom: 3px; }
.school-news__tabs button { flex: 1 0 max-content; min-height: 42px; padding: 8px 12px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.school-news__tabs button[aria-selected="true"] { border-color: var(--parent-primary); background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.school-news__panel { margin-top: 10px; }
.school-news__items { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--parent-border); }
.school-news__items li { display: grid; gap: 4px; padding: 12px 2px; border-bottom: 1px solid var(--parent-border); }
.school-news__items li[hidden] { display: none !important; }
.school-news__items a { color: var(--parent-text); font-size: 14px; font-weight: 650; line-height: 21px; text-decoration: none; overflow-wrap: anywhere; }
.school-news__items a:hover { color: var(--parent-primary-hover); text-decoration: underline; }
.school-news__items span { color: var(--parent-text-secondary); font-size: 11px; line-height: 17px; }
.school-news__items .school-news__item-title--disabled { font-size: 14px; font-weight: 650; line-height: 21px; overflow-wrap: anywhere; }
.school-news__items .school-news__item-official { width: fit-content; color: var(--parent-primary-hover); font-size: 11px; font-weight: 600; line-height: 18px; }
.school-news__more { width: 100%; min-height: 42px; margin-top: 9px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.school-news__board-link { display: block; width: fit-content; margin: 10px 0 0 auto; color: var(--parent-primary-hover); font-size: 12px; font-weight: 700; text-decoration: none; }
.school-news__board-fallback { margin: 0; padding: 13px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.school-news__guidance { display: grid; gap: 3px; margin-top: 14px; color: var(--parent-text); font-size: 13px; line-height: 20px; }
.school-news__guidance > span { color: var(--parent-text-secondary); }
.school-news__aux-label { margin: 14px 0 -5px; color: var(--parent-text-secondary); font-size: 12px; font-weight: 700; line-height: 18px; }
.school-news__homepage { display: grid; min-height: 66px; align-content: center; gap: 3px; margin-top: 12px; padding: 12px 14px; border: 1px solid #cde2dc; border-radius: var(--parent-control-radius); background: var(--parent-primary-soft); color: var(--parent-text); text-decoration: none; }
.school-news__homepage > span { color: var(--parent-primary-hover); font-size: 12px; line-height: 18px; }
.school-news__empty { display: grid; gap: 4px; margin-top: 14px; padding: 14px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.school-news__empty strong { font-size: 14px; line-height: 21px; }
.school-news__empty span { color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.story-bookmarks__toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 18px; cursor: pointer; list-style: none; }
.story-bookmarks__toggle::-webkit-details-marker { display: none; }
.story-bookmarks__toggle > span:first-child { display: grid; gap: 1px; }
.story-bookmarks__toggle small { color: var(--parent-text-secondary); font-size: 11px; font-weight: 700; }
.story-bookmarks__toggle strong { font-size: 15px; line-height: 21px; }
.story-bookmarks__toggle::after { content: "펼치기"; color: var(--parent-primary-hover); font-size: 12px; font-weight: 700; }
.story-bookmarks[open] .story-bookmarks__toggle::after { content: "접기"; }
.story-bookmarks__body { padding: 0 18px 18px; border-top: 1px solid var(--parent-border); }
.story-bookmarks__form { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr) auto; align-items: end; gap: 8px; margin-top: 14px; }
.story-bookmarks__form label { display: grid; min-width: 0; gap: 5px; color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; }
.story-bookmarks__form input { width: 100%; min-width: 0; min-height: 44px; padding: 9px 11px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-text); }
.story-bookmarks__form button,
.story-bookmark__remove { min-height: 44px; border: 1px solid #cde2dc; border-radius: var(--parent-control-radius); background: var(--parent-primary-soft); color: var(--parent-primary-hover); font: inherit; font-weight: 700; cursor: pointer; }
.story-bookmarks__form button { padding: 9px 16px; }
.story-bookmarks__status { min-height: 18px; margin: 6px 0 0; color: #9b3c2f; font-size: 12px; line-height: 18px; }
.story-bookmarks__list { display: grid; gap: 8px; margin-top: 4px; }
.story-bookmark { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; min-width: 0; padding: 10px 10px 10px 12px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); }
.story-bookmark__link { display: grid; min-width: 0; min-height: 44px; align-content: center; gap: 2px; color: var(--parent-text); text-decoration: none; }
.story-bookmark__link strong { overflow: hidden; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.story-bookmark__link span { color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.story-bookmark__remove { min-width: 52px; padding: 8px 10px; }
.story-bookmarks__empty { margin: 8px 0 0; padding: 14px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; text-align: center; }
.story-external-feed { margin-top: 12px; padding: 18px; }
.story-external-feed__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.story-external-feed__head h2 { margin: 0; font-size: 21px; }
.story-view-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin-top: 14px; padding: 4px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.story-view-tabs button,
.story-source-filters button { min-height: 44px; border: 0; border-radius: 9px; background: transparent; color: var(--parent-text-secondary); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.story-view-tabs button.active,
.story-source-filters button.active { background: var(--parent-surface); color: var(--parent-primary-hover); box-shadow: 0 1px 3px rgba(38,67,58,.10); }
.story-source-filters { display: flex; gap: 6px; margin-top: 12px; overflow-x: auto; padding-bottom: 2px; }
.story-source-filters button { flex: 0 0 auto; min-height: 40px; padding: 7px 12px; border: 1px solid var(--parent-border); }
.story-external-item__source { display: inline-flex; width: fit-content; padding: 2px 7px; border-radius: 999px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 11px; font-weight: 700; }
.story-external-feed__observed,
.story-external-item__meta { color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.story-external-item__meta { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0; }
.story-external-list { margin-top: 12px; }
.story-external-item { display: grid; gap: 7px; padding: 14px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); }
.story-external-item + .story-external-item { margin-top: 8px; }
.story-external-item > a { color: var(--parent-text); font-size: 15px; font-weight: 600; line-height: 22px; text-decoration: none; }
.story-external-item > a:hover { color: var(--parent-primary-hover); text-decoration: underline; }
.story-external-item__meta span { color: inherit; font-weight: 500; }
.story-external-item__meta span + span::before { margin: 0 6px; color: var(--parent-text-secondary); content: "·"; }
.story-community-group { margin-top: 18px; }
.story-community-group h3 { margin: 0; font-size: 16px; line-height: 23px; }
.story-external-feed__state { margin: 12px 0 0; padding: 14px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }

/* Authenticated school-news reader */
.school-news-reader { width: min(920px,100%); margin: 0 auto; padding: 20px 14px 64px; }
.school-news-reader__back { display: inline-flex; min-height: 44px; align-items: center; gap: 4px; color: var(--parent-primary-hover); font-size: 14px; font-weight: 700; text-decoration: none; }
.school-news-reader__article { padding: clamp(18px,4vw,34px); }
.school-news-reader__header { padding-bottom: 22px; border-bottom: 1px solid var(--parent-border); }
.school-news-reader__board { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 12px; font-weight: 700; line-height: 18px; }
.school-news-reader__header h1 { margin: 12px 0 16px; font-size: clamp(23px,4vw,32px); line-height: 1.35; overflow-wrap: anywhere; }
.school-news-reader__meta { display: grid; gap: 7px; margin: 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.school-news-reader__meta div { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 8px; }
.school-news-reader__meta dt { font-weight: 700; }
.school-news-reader__meta dd { margin: 0; overflow-wrap: anywhere; }
.school-news-reader__source { margin: 14px 0 0; padding: 11px 13px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.school-news-reader__body { margin-top: 26px; overflow-x: auto; color: var(--parent-text); font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.school-news-reader__body :is(p,div,blockquote) { margin: 0 0 1.05em; }
.school-news-reader__body :is(h1,h2,h3,h4,h5,h6) { margin: 1.4em 0 .65em; line-height: 1.4; }
.school-news-reader__body :is(ul,ol) { margin: .75em 0 1.15em; padding-left: 1.6em; }
.school-news-reader__body li + li { margin-top: .35em; }
.school-news-reader__body blockquote { padding: 12px 14px; border-left: 4px solid #bcd7d0; background: var(--parent-surface-soft); }
.school-news-reader__body table { width: max-content; min-width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.school-news-reader__body :is(th,td) { min-width: 90px; padding: 9px 10px; border: 1px solid var(--parent-border); text-align: left; vertical-align: top; }
.school-news-reader__body th { background: var(--parent-surface-soft); font-weight: 700; }
.school-news-reader__body img { display: block; max-width: 100%; height: auto; margin: 16px auto; }
.school-news-reader__body a { color: var(--parent-primary-hover); font-weight: 700; overflow-wrap: anywhere; }
.school-news-reader__fallback { margin-top: 24px; padding: 20px; border-radius: var(--parent-radius); background: var(--parent-surface-soft); text-align: center; }
.school-news-reader__fallback strong { font-size: 17px; line-height: 25px; }
.school-news-reader__fallback p { margin: 7px 0 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.school-news-reader__attachments { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--parent-border); }
.school-news-reader__attachments h2 { margin: 0 0 12px; font-size: 19px; line-height: 27px; }
.school-news-reader__attachments ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.school-news-reader__attachments li { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 13px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.school-news-reader__attachment-info { display: grid; min-width: 0; gap: 2px; }
.school-news-reader__attachment-info strong { font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
.school-news-reader__attachment-info small { color: var(--parent-text-secondary); font-size: 11px; line-height: 17px; }
.school-news-reader__attachments a { display: inline-flex; min-height: 40px; flex: 0 0 auto; align-items: center; padding: 7px 11px; border: 1px solid #cde2dc; border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-primary-hover); font-size: 12px; font-weight: 700; text-decoration: none; }
.school-news-reader__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--parent-border); }
.school-news-reader__actions a { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 9px 13px; border-radius: var(--parent-control-radius); font-size: 13px; font-weight: 700; text-decoration: none; text-align: center; }
.school-news-reader__primary { background: var(--parent-primary); color: #fff; }
.school-news-reader__secondary { border: 1px solid var(--parent-border); background: var(--parent-surface); color: var(--parent-text-secondary); }

@media (max-width: 759px) {
  .parent-hub-wrap { padding: 10px 8px 36px; }
  .parent-hub-hero { padding: 15px; }
  .parent-hub-grid { grid-template-columns: 1fr; gap: 8px; }
  .parent-hub-card { min-height: 88px; padding: 13px; }
  .parent-hub-note { align-items: flex-start; flex-direction: column; }
  .school-news,
  .story-external-feed { padding: 15px; }
  .story-bookmarks__toggle { padding: 13px 15px; }
  .story-bookmarks__body { padding: 0 15px 15px; }
  .story-bookmarks__form { grid-template-columns: 1fr; }
  .story-bookmarks__form button { width: 100%; }
}

@media (max-width: 520px) {
  .school-news-reader { padding: 8px 8px 40px; }
  .school-news-reader__article { padding: 18px 15px; }
  .school-news-reader__header h1 { font-size: 23px; }
  .school-news-reader__body { font-size: 15px; line-height: 1.75; }
  .school-news-reader__attachments li { align-items: stretch; flex-direction: column; }
  .school-news-reader__attachments a { width: 100%; }
  .school-news-reader__actions { align-items: stretch; flex-direction: column; }
  .school-news-reader__actions a { width: 100%; }
}

/* Shared compact primitives */
.parent-ui .ui-surface {
  background: var(--parent-surface);
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-radius);
}
.parent-ui .ui-meta { color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-ui .ui-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 8px;
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

/* Public start, login, and signup entry shell */
.public-entry { min-height: 100vh; }
.public-entry-wrap { width: min(520px,100%); margin: 0 auto; padding: 18px 14px 48px; }
.public-entry-brand-header { display: flex; margin-bottom: 10px; }
.public-entry-brand-header .parent-brand { padding-left: 0; }
.public-entry-panel { padding: 20px; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); box-shadow: 0 8px 20px rgba(36,38,43,.05); }
.public-entry-title { margin: 0 0 6px; color: var(--parent-text); font-size: 22px; line-height: 30px; }
.public-entry-lead { margin: 0 0 18px; color: var(--parent-text-secondary); font-size: 14px; line-height: 21px; }
.public-entry-actions,
.public-entry-link-row { display: grid; gap: 8px; }
.public-entry-button { display: inline-flex; width: 100%; min-width: 0; min-height: 46px; align-items: center; justify-content: center; padding: 10px 14px; border: 1px solid transparent; border-radius: var(--parent-control-radius); font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; text-decoration: none; cursor: pointer; }
.public-entry-button--primary { background: var(--parent-primary); color: #fff; }
.public-entry-button--primary:hover { background: var(--parent-primary-hover); }
.public-entry-button--warm { border-color: var(--parent-accent-warm); background: var(--parent-accent-warm-soft); color: #9a4939; }
.public-entry-button--ghost { border-color: var(--parent-border); background: var(--parent-surface-soft); color: var(--parent-text); }
.public-entry-button--kakao { border-color: #f5d900; background: #fee500; color: #191919; }
.public-entry-button--naver { border-color: #03b753; background: #03c75a; color: #fff; }
.public-entry-button--google { border-color: #dadce0; background: #fff; color: #3c4043; }
.public-entry-button.is-disabled { opacity: .55; pointer-events: none; }
.public-entry-button:disabled { opacity: .55; cursor: not-allowed; }
.public-entry-notice,
.public-entry-error,
.public-entry-otp-status { margin: 12px 0 16px; padding: 10px 12px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); font-size: 13px; line-height: 19px; }
.public-entry-notice { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.public-entry-error { border-color: #efc9c9; background: #fff3f3; color: var(--parent-danger); }
.public-entry-field { margin: 13px 0; }
.public-entry-field label { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 700; }
.public-entry-field input { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-text); }
.public-entry-field input[readonly] { background: var(--parent-surface-soft); color: var(--parent-text-secondary); }
.public-entry-field-hint { margin: 6px 0 0; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.public-entry-readonly { min-height: 44px; padding: 11px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.public-entry-search-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.public-entry-search-button { min-width: 68px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text); font-weight: 700; cursor: pointer; }
.public-entry-result-list { margin-top: 10px; overflow: hidden; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); }
.public-entry-result-item { width: 100%; padding: 11px; border: 0; border-bottom: 1px solid var(--parent-border); background: var(--parent-surface); color: var(--parent-text); text-align: left; cursor: pointer; }
.public-entry-result-item:last-child { border-bottom: 0; }
.public-entry-result-item:hover { background: var(--parent-surface-soft); }
.public-entry-result-message { padding: 11px; color: var(--parent-text-secondary); font-size: 13px; }
.public-entry-selected-address { margin-top: 10px; padding: 10px 11px; border: 1px solid var(--parent-primary); border-radius: var(--parent-control-radius); background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 13px; line-height: 19px; }
.public-entry-otp-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 8px; }
.public-entry-otp-status { margin: 8px 0 0; background: var(--parent-surface-soft); color: var(--parent-text-secondary); }
.public-entry-submit { margin-top: 16px; }
.public-entry-link-row { margin-top: 12px; }
.public-entry-note { margin: 16px 0 0; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.public-entry-back { display: inline-flex; min-height: 42px; align-items: center; margin-top: 12px; padding: 6px 2px; color: var(--parent-primary); font-size: 13px; font-weight: 600; text-decoration: none; }
.public-entry-policy-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--parent-border); }
.public-entry-policy-link { display: inline-flex; min-height: 42px; align-items: center; padding: 6px 4px; color: var(--parent-text-secondary); font-size: 12px; text-decoration: none; }

@media (max-width: 380px) {
  .public-entry-wrap { padding: 12px 10px 36px; }
  .public-entry-panel { padding: 16px; }
  .public-entry-otp-actions { grid-template-columns: 1fr; }
  .public-entry-search-row { grid-template-columns: 1fr; }
  .public-entry-search-button { min-height: 44px; }
}

/* Parent notifications */
.parent-notifications .notification-wrap { max-width: 780px; margin: 0 auto; padding: 14px 14px 72px; }
.parent-notifications .notification-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 16px; }
.parent-notifications .notification-header h1 { display: flex; align-items: center; gap: 7px; margin-bottom: 3px; color: var(--parent-text); }
.parent-notifications .notification-subtitle { margin: 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-notifications .notification-title-count,
.parent-notifications .notification-count { display: inline-flex; align-items: center; justify-content: center; min-width: 23px; height: 23px; padding: 0 7px; border-radius: 999px; background: var(--parent-accent-yellow-soft); color: #765417; font-size: 11px; font-weight: 600; }
.parent-notifications .notification-btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 9px 13px; border: 1px solid transparent; border-radius: var(--parent-control-radius); font-size: 13px; font-weight: 600; cursor: pointer; }
.parent-notifications .notification-btn--primary { background: var(--parent-primary); color: #fff; }
.parent-notifications .notification-btn--primary:hover { background: var(--parent-primary-hover); }
.parent-notifications .notification-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin: 12px 0; padding: 4px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.parent-notifications .notification-filter-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0 12px; padding: 4px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.parent-notifications .notification-tab { display: flex; min-height: 44px; align-items: center; justify-content: center; gap: 7px; padding: 8px 12px; border: 1px solid transparent; border-radius: 8px; color: var(--parent-text-secondary); text-decoration: none; font-size: 13px; font-weight: 600; }
.parent-notifications .notification-tab:hover { color: var(--parent-primary-hover); }
.parent-notifications .notification-tab.active { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-notifications .notification-card { display: block; margin: 8px 0; padding: 14px; color: inherit; text-decoration: none; }
.parent-notifications .notification-card:hover { border-color: #cde2dc; }
.parent-notifications .notification-card.is-unread { border-color: #cde2dc; background: linear-gradient(90deg,var(--parent-primary-soft) 0,var(--parent-surface) 42%); box-shadow: inset 3px 0 0 var(--parent-primary); }
.parent-notifications .notification-card-head { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; margin-bottom: 6px; }
.parent-notifications .notification-card-head strong { color: var(--parent-text); font-weight: 600; }
.parent-notifications .notification-role { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 8px; border-radius: 8px; font-size: 11px; font-weight: 600; }
.parent-notifications .notification-role--parent,
.parent-notifications .notification-role--general { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-notifications .notification-role--academy { background: var(--parent-accent-yellow-soft); color: #765417; }
.parent-notifications .notification-read-state,
.parent-notifications .notification-meta { color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-notifications .notification-body { color: var(--parent-text-secondary); font-size: 14px; line-height: 21px; }
.parent-notifications .notification-meta { margin-top: 7px; }
.parent-notifications .notification-empty { padding: 36px 16px; border: 1px dashed var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); color: var(--parent-text-secondary); text-align: center; }
.parent-notifications .notification-notice { margin: 12px 0; padding: 11px 13px; border: 1px solid #ead496; border-radius: var(--parent-control-radius); background: var(--parent-accent-yellow-soft); color: #765417; font-size: 13px; }
.parent-notifications .notification-pager { display: flex; gap: 8px; margin-top: 12px; }
.parent-notifications .notification-pager a { display: inline-flex; min-height: 44px; align-items: center; padding: 8px 11px; color: var(--parent-primary-hover); font-size: 13px; font-weight: 600; }

/* Parent profile and settings */
.parent-preferences .wrap { max-width: 980px; margin: 0 auto; padding: 14px 14px 72px; }
.parent-preferences .panel,
.parent-preferences .card { padding: 16px; margin-bottom: 10px; }
.parent-preferences .panel-compact { padding: 14px 16px; }
.parent-preferences .preferences-header { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.parent-preferences .preferences-header h1,
.parent-preferences .panel h2,
.parent-preferences .card h2 { margin-bottom: 5px; color: var(--parent-text); }
.parent-preferences .muted { margin-bottom: 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-preferences .panel-title { display: block; color: var(--parent-text); font-size: 16px; font-weight: 600; line-height: 24px; }
.parent-preferences .btn,
.parent-preferences a.btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 6px; padding: 9px 13px; border: 1px solid transparent; border-radius: var(--parent-control-radius); font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; }
.parent-preferences .btn-primary { background: var(--parent-primary); color: #fff; }
.parent-preferences .btn-primary:hover { background: var(--parent-primary-hover); }
.parent-preferences .btn-light { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-preferences .btn-soft { border-color: var(--parent-border); background: var(--parent-surface-soft); color: var(--parent-text); }
.parent-preferences .btn-danger { border-color: #e8c5c5; background: #fff7f7; color: var(--parent-danger); }
.parent-preferences .info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.parent-preferences .info-box { padding: 11px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.parent-preferences .info-label { margin-bottom: 3px; color: var(--parent-text-secondary); font-size: 12px; }
.parent-preferences .info-value { color: var(--parent-text); font-weight: 600; line-height: 21px; }
.parent-preferences .school-address { margin-top: 4px; color: var(--parent-text-secondary); font-size: 12px; font-weight: 400; }
.parent-preferences .badge-row,
.parent-preferences .child-tabs,
.parent-preferences .action-row,
.parent-preferences .account-links,
.parent-preferences .account-destructive-links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.parent-preferences .badge-row { margin-top: 9px; }
.parent-preferences .badge { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 8px; border-radius: 8px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 12px; font-weight: 600; }
.parent-preferences .badge.warn { background: var(--parent-accent-yellow-soft); color: #765417; }
.parent-preferences .badge.done { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-preferences .child-tabs { margin-top: 8px; gap: 6px; }
.parent-preferences .child-tab { display: inline-flex; min-height: 44px; align-items: center; padding: 8px 12px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-text-secondary); font-size: 13px; font-weight: 600; text-decoration: none; }
.parent-preferences .child-tab.active { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-preferences .account-links { margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--parent-border); }
.parent-preferences .account-link { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 9px 10px; border-radius: var(--parent-control-radius); color: var(--parent-text-secondary); font-size: 13px; text-decoration: none; }
.parent-preferences .account-link:hover { background: var(--parent-surface-soft); color: var(--parent-text); }
.parent-preferences .account-link.role-switch { border: 1px solid var(--parent-border); background: var(--parent-surface-soft); color: var(--parent-text); font-weight: 600; }
.parent-preferences .account-destructive-links { margin-left: auto; padding-left: 8px; border-left: 1px solid #e8c5c5; }
.parent-preferences .account-link.account-delete { color: var(--parent-danger); }
.parent-preferences .account-link.logout { border: 1px solid #e8c5c5; background: #fff7f7; color: var(--parent-danger); font-weight: 600; }
.parent-preferences .single-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.parent-preferences .slider-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.parent-preferences .slider-box { padding: 12px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.parent-preferences .slider-title { margin-bottom: 3px; font-weight: 600; }
.parent-preferences .slider-help { margin-bottom: 8px; color: var(--parent-text-secondary); font-size: 12px; }
.parent-preferences input[type="range"] { display: block; width: 100%; margin: 8px 0 9px; accent-color: var(--parent-primary); }
.parent-preferences .slider-ends,
.parent-preferences .slider-desc { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; color: var(--parent-text-secondary); font-size: 11px; }
.parent-preferences .slider-ends span,
.parent-preferences .slider-desc span { flex: 1; }
.parent-preferences .slider-ends span:last-child,
.parent-preferences .slider-desc span:last-child { text-align: right; }
.parent-preferences .slider-ends span:nth-child(2),
.parent-preferences .slider-desc span:nth-child(2) { text-align: center; }
.parent-preferences .summary { margin-top: 8px; padding: 8px 9px; border-radius: 8px; background: var(--parent-surface); color: var(--parent-text); font-size: 12px; font-weight: 600; }
.parent-preferences .action-row-spaced { margin-top: 12px; }
.parent-preferences .preference-section { margin-top: 10px; }
.parent-preferences .danger-form { display: inline; }
.parent-preferences .loading-spinner { display: none; width: 14px; height: 14px; flex: 0 0 auto; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: parent-preferences-spin .7s linear infinite; }
.parent-preferences .btn.is-loading .loading-spinner { display: inline-block; }
.parent-preferences .btn.is-loading { opacity: .78; pointer-events: none; }
.parent-preferences .btn .btn-loading-text { display: none; }
.parent-preferences .btn.is-loading .btn-default-text { display: none; }
.parent-preferences .btn.is-loading .btn-loading-text { display: inline; }
.parent-preferences .btn[disabled] { opacity: .78; cursor: not-allowed; }
.parent-preferences .notice { margin-bottom: 10px; padding: 11px 13px; border-radius: var(--parent-control-radius); font-size: 13px; font-weight: 600; }
.parent-preferences .notice.success { border: 1px solid #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-preferences .notice.error { border: 1px solid #e8c5c5; background: #fff7f7; color: var(--parent-danger); }
@keyframes parent-preferences-spin { to { transform: rotate(360deg); } }

/* Shared role destination */
.parent-role-switch .role-wrap { max-width: 680px; margin: 0 auto; padding: 36px 18px; }
.parent-role-switch .role-card { padding: 22px; }
.parent-role-switch .role-eyebrow { color: var(--parent-primary); font-size: 12px; font-weight: 600; }
.parent-role-switch h1 { margin: 4px 0 3px; color: var(--parent-text); }
.parent-role-switch h2 { margin: 22px 0 7px; color: var(--parent-text); }
.parent-role-switch .role-lead { margin-bottom: 18px; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-role-switch .role-link { display: block; min-height: 64px; margin-top: 8px; padding: 12px 14px; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface-soft); color: var(--parent-text); text-decoration: none; }
.parent-role-switch .role-link:hover { border-color: #cde2dc; background: var(--parent-primary-soft); }
.parent-role-switch .role-link strong { display: block; font-size: 16px; font-weight: 600; }
.parent-role-switch .role-link span { display: block; margin-top: 3px; color: var(--parent-text-secondary); font-size: 12px; }
.parent-role-switch .role-link--parent { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-role-switch .role-empty { margin-top: 8px; padding: 13px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; }
.parent-role-switch .role-secondary { display: inline-flex; min-height: 44px; align-items: center; margin-top: 7px; color: var(--parent-primary-hover); font-size: 13px; font-weight: 600; }
.parent-role-switch .role-bottom { margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--parent-border); }
.parent-role-switch .role-bottom a { display: inline-flex; min-height: 44px; align-items: center; color: var(--parent-text-secondary); font-size: 13px; text-decoration: none; }

/* Shared external-story diagnostics used by the ops live preview. */
.today-interest-product { color: var(--parent-text); font-family: var(--parent-font); }
.today-interest-product .interest-section { margin-top: 14px; padding: 18px; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.today-interest-product h2 { margin: 0 0 12px; color: var(--parent-text); font-size: 18px; line-height: 26px; font-weight: 600; }
.today-interest-product .top-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.today-interest-product .story { padding: 13px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); }
.today-interest-product .story[hidden],
.today-interest-product [hidden] { display: none !important; }
.today-interest-product .story-source { display: flex; align-items: center; gap: 6px; color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; }
.today-interest-product .source-mark { width: 4px; height: 14px; border-radius: 3px; background: var(--source-color,#64748b); }
.today-interest-product .story-title { display: block; margin-top: 7px; color: var(--parent-primary-hover); font-weight: 600; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; }
.today-interest-product .story-title:hover,
.today-interest-product .story-title:focus-visible { text-decoration: underline; }
.today-interest-product .story-meta { margin-top: 6px; color: var(--parent-text-secondary); font-size: 12px; line-height: 1.5; }
.today-interest-product .filter-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.today-interest-product .filter-actions,
.today-interest-product .filters { display: flex; flex-wrap: wrap; gap: 7px; }
.today-interest-product .filters { margin: 10px 0 13px; }
.today-interest-product .filter,
.today-interest-product .filter-action,
.today-interest-product .page-btn { min-height: 44px; padding: 8px 10px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-text-secondary); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.today-interest-product .filter-action:hover,
.today-interest-product .page-btn:hover { border-color: var(--parent-primary); background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.today-interest-product .filter { display: inline-flex; align-items: center; gap: 6px; border-color: color-mix(in srgb,var(--source-color,#64748b) 38%,var(--parent-border)); }
.today-interest-product .filter-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--source-color,#64748b); }
.today-interest-product .filter[aria-pressed="true"] { border-color: var(--source-color,#64748b); box-shadow: inset 0 0 0 1px var(--source-color,#64748b); color: var(--parent-text); }
.today-interest-product .feed { display: grid; gap: 5px; min-height: 72px; }
.today-interest-product .feed .feed-story { display: grid; grid-template-columns: minmax(105px,.34fr) minmax(0,1fr) minmax(150px,.58fr); align-items: center; gap: 4px 10px; padding: 4px 10px; }
.today-interest-product .feed .feed-story .story-title { display: flex; min-height: 44px; align-items: center; margin-top: 0; }
.today-interest-product .feed .feed-story .story-meta { margin-top: 0; text-align: right; }
.today-interest-product .empty { padding: 18px; border: 1px dashed var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); text-align: center; }
.today-interest-product .pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 14px; }
.today-interest-product .page-status { color: var(--parent-text-secondary); font-size: 12px; }
.today-interest-product :where(a, button):focus-visible { outline: 3px solid var(--parent-accent-yellow); outline-offset: 2px; }
@media (max-width: 720px) {
  .today-interest-product .interest-section { padding: 14px; }
  .today-interest-product .top-grid { grid-template-columns: 1fr; }
  .today-interest-product .feed .feed-story { grid-template-columns: minmax(0,1fr) auto; padding: 5px 10px; }
  .today-interest-product .feed .feed-story .story-title { grid-column: 1/-1; grid-row: 2; }
  .today-interest-product .feed .feed-story .story-meta { max-width: 210px; }
}
/* End shared Today Interest product */

@media (max-width: 720px) {
  .parent-notifications .notification-wrap,
  .parent-preferences .wrap { padding: 8px 10px 84px; }
  .parent-notifications .notification-header { padding: 14px; }
  .parent-notifications .notification-tabs { grid-template-columns: 1fr; }
  .parent-preferences .info-grid,
  .parent-preferences .slider-grid { grid-template-columns: 1fr; }
  .parent-preferences .preferences-header { display: block; }
  .parent-preferences .preferences-header .action-row { margin-top: 10px; }
  .parent-preferences .account-destructive-links { width: 100%; margin-left: 0; padding: 8px 0 0; border-top: 1px solid #e8c5c5; border-left: 0; }
  .parent-role-switch .role-wrap { padding: 18px 10px; }
  .parent-role-switch .role-card { padding: 16px; }
}

/* Parent academy discovery */
.parent-discovery .discovery-wrap { max-width: 980px; margin: 0 auto; padding: 12px 14px 52px; }
.parent-discovery .discovery-shell { padding: 18px; }
.parent-discovery .discovery-heading,
.parent-discovery .discovery-results-heading,
.parent-discovery .discovery-notice,
.parent-discovery .discovery-actions,
.parent-discovery .discovery-badges,
.parent-discovery .discovery-card-location,
.parent-discovery .discovery-chips,
.parent-discovery .discovery-pagination { display: flex; align-items: center; gap: 8px; }
.parent-discovery .discovery-heading,
.parent-discovery .discovery-results-heading { justify-content: space-between; align-items: flex-start; }
.parent-discovery .discovery-kicker { margin: 0 0 2px; color: var(--parent-primary); font-size: 12px; font-weight: 600; }
.parent-discovery .discovery-heading h1 { margin-bottom: 3px; }
.parent-discovery .discovery-subtitle,
.parent-discovery .discovery-results-heading p,
.parent-discovery .discovery-address,
.parent-discovery .discovery-muted { margin: 0; color: var(--parent-text-secondary); font-size: 13px; }
.parent-discovery .discovery-context-links { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.parent-discovery .discovery-context-links a { min-height: 44px; padding: 11px 2px; color: var(--parent-primary-hover); font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.parent-discovery .discovery-mode-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 16px; padding: 4px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.parent-discovery .discovery-mode-tabs a { display: flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 8px; color: var(--parent-text-secondary); font-weight: 600; text-decoration: none; }
.parent-discovery .discovery-mode-tabs a.active { border-color: var(--parent-border); background: var(--parent-surface); color: var(--parent-primary-hover); }
.parent-discovery .discovery-notice { justify-content: space-between; margin: 12px 0 0; padding: 11px 12px; border: 1px solid #cde2dc; border-radius: var(--parent-control-radius); background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-discovery .discovery-notice p { margin: 2px 0 0; font-size: 12px; }
.parent-discovery .discovery-notice--success { margin: 0 0 10px; font-weight: 600; }
.parent-discovery .discovery-search-form { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(220px, 2fr) auto auto; align-items: end; gap: 10px; margin-top: 14px; }
.parent-discovery .discovery-field label { display: block; margin-bottom: 5px; color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; }
.parent-discovery .discovery-field input,
.parent-discovery .discovery-field select { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-text); }
.parent-discovery .discovery-filter-details { position: relative; }
.parent-discovery .discovery-filter-details > summary { display: flex; min-height: 44px; align-items: center; padding: 8px 11px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; font-weight: 600; cursor: pointer; list-style: none; }
.parent-discovery .discovery-filter-details > summary::-webkit-details-marker { display: none; }
.parent-discovery .discovery-filter-grid { position: absolute; z-index: 10; right: 0; display: grid; width: 280px; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; padding: 10px; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); box-shadow: 0 8px 24px rgba(36, 38, 43, .1); }
.parent-discovery .discovery-btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 6px; padding: 9px 13px; border: 1px solid transparent; border-radius: var(--parent-control-radius); font-weight: 600; text-decoration: none; cursor: pointer; }
.parent-discovery .discovery-btn--primary { background: var(--parent-primary); color: #fff; }
.parent-discovery .discovery-btn--primary:hover { background: var(--parent-primary-hover); }
.parent-discovery .discovery-btn--soft { border-color: var(--parent-border); background: var(--parent-surface); color: var(--parent-primary-hover); }
.parent-discovery .loading-spinner { display: none; width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: discovery-spin .7s linear infinite; }
.parent-discovery .is-loading .loading-spinner { display: inline-block; }
.parent-discovery .btn-loading-text { display: none; }
.parent-discovery .is-loading .btn-default-text { display: none; }
.parent-discovery .is-loading .btn-loading-text { display: inline; }
.parent-discovery .is-loading { opacity: .78; pointer-events: none; }
@keyframes discovery-spin { to { transform: rotate(360deg); } }
.parent-discovery .discovery-results { margin-top: 18px; }
.parent-discovery .discovery-results-heading { margin-bottom: 10px; padding: 0 2px; }
.parent-discovery .discovery-results-heading h2 { margin: 0; }
.parent-discovery .discovery-results-heading h2 span { color: var(--parent-primary); font-size: 14px; }
.parent-discovery .discovery-applied { padding: 4px 8px; border-radius: 8px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 12px; font-weight: 600; }
.parent-discovery .discovery-supplements { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
.parent-discovery .discovery-lazy { border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.parent-discovery .discovery-lazy > summary { min-height: 44px; padding: 11px 12px; color: var(--parent-primary-hover); font-weight: 600; cursor: pointer; }
.parent-discovery .discovery-lazy > div { padding: 0 12px 12px; }
.parent-discovery .discovery-card-list { display: grid; gap: 10px; }
.parent-discovery .discovery-card { padding: 15px; }
.parent-discovery .discovery-card-name { margin: 0 0 4px; color: var(--parent-text); font-size: 18px; }
.parent-discovery .discovery-card-location { flex-wrap: wrap; color: var(--parent-text-secondary); font-size: 13px; }
.parent-discovery .discovery-card-location strong { color: var(--parent-primary-hover); }
.parent-discovery .discovery-address { margin-top: 3px; }
.parent-discovery .discovery-chips,
.parent-discovery .discovery-badges { flex-wrap: wrap; margin-top: 9px; }
.parent-discovery .discovery-chips span,
.parent-discovery .discovery-badge { min-height: 24px; padding: 2px 8px; border-radius: 8px; background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; }
.parent-discovery .discovery-badge--match { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-discovery .discovery-badge--new { background: var(--parent-accent-yellow-soft); color: #765417; }
.parent-discovery .discovery-badge--favorite { background: var(--parent-accent-warm-soft); color: #9a4d3d; }
.parent-discovery .discovery-reason { margin: 9px 0 0; color: var(--parent-primary-hover); font-size: 13px; font-weight: 600; }
.parent-discovery .discovery-actions { margin-top: 12px; }
.parent-discovery .discovery-empty { padding: 24px 16px; border: 1px dashed var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); color: var(--parent-text-secondary); text-align: center; }
.parent-discovery .discovery-pagination { justify-content: center; margin-top: 14px; }
.parent-discovery .discovery-pagination > span { color: var(--parent-text-secondary); font-size: 13px; }
.parent-discovery .mini-list { display: grid; gap: 7px; }
.parent-discovery .mini-item { padding: 9px; border-radius: 8px; background: var(--parent-surface-soft); }
.parent-discovery .mini-item strong { color: var(--parent-text); }

@media (max-width: 720px) {
  .parent-discovery .discovery-wrap { padding: 8px 10px 84px; }
  .parent-discovery .discovery-shell { padding: 14px; }
  .parent-discovery .discovery-heading { display: block; }
  .parent-discovery .discovery-context-links { margin-top: 4px; }
  .parent-discovery .discovery-search-form { grid-template-columns: 1fr; }
  .parent-discovery .discovery-filter-grid { position: static; width: 100%; grid-template-columns: 1fr 1fr; box-shadow: none; }
  .parent-discovery .discovery-search-form > .discovery-btn { width: 100%; }
  .parent-discovery .discovery-supplements { grid-template-columns: 1fr; }
  .parent-discovery .discovery-actions .discovery-btn--primary { flex: 1; }
}

/* Parent academy journey: detail, compare, favorites, consultations */
.parent-journey .journey-wrap,
.parent-academy-detail .wrap { max-width: 980px; margin: 0 auto; padding: 12px 14px 72px; }
.parent-journey .journey-surface,
.parent-academy-detail .panel,
.parent-academy-detail .hero { border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.parent-journey .journey-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 16px; }
.parent-journey .journey-header h1 { margin-bottom: 3px; }
.parent-journey .journey-kicker { margin: 0 0 2px; color: var(--parent-primary); font-size: 12px; font-weight: 600; }
.parent-journey .journey-muted,
.parent-journey .muted,
.parent-academy-detail .muted { color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-journey .journey-back { display: inline-flex; min-height: 44px; align-items: center; margin-bottom: 4px; color: var(--parent-primary-hover); font-size: 13px; font-weight: 600; text-decoration: none; }
.parent-journey .journey-list { display: grid; gap: 10px; margin-top: 10px; }
.parent-journey .journey-card { padding: 15px; }
.parent-journey .journey-card h2,
.parent-journey .journey-card h3 { margin-bottom: 4px; }
.parent-journey .journey-meta { color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-journey .journey-actions,
.parent-academy-detail .actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.parent-journey .journey-btn,
.parent-journey .btn,
.parent-academy-detail .btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 6px; padding: 9px 13px; border: 1px solid transparent; border-radius: var(--parent-control-radius); font-size: 13px; font-weight: 600; line-height: 20px; text-decoration: none; cursor: pointer; }
.parent-journey .journey-btn--primary,
.parent-journey .btn-primary,
.parent-academy-detail .btn-primary { background: var(--parent-primary); color: #fff; }
.parent-journey .journey-btn--primary:hover,
.parent-journey .btn-primary:hover,
.parent-academy-detail .btn-primary:hover { background: var(--parent-primary-hover); }
.parent-journey .journey-btn--secondary,
.parent-journey .btn-secondary,
.parent-journey .btn-light,
.parent-journey .btn-soft,
.parent-academy-detail .btn-light,
.parent-academy-detail .btn-green,
.parent-academy-detail .btn-gray { border-color: var(--parent-border); background: var(--parent-surface-soft); color: var(--parent-primary-hover); }
.parent-journey .journey-btn--danger,
.parent-journey .btn-danger,
.parent-journey .danger { border-color: #e8c5c5; background: #fff7f7; color: var(--parent-danger); }
.parent-journey .journey-chip,
.parent-journey .badge,
.parent-academy-detail .badge,
.parent-academy-detail .chip { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 8px; border-radius: 8px; background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; }
.parent-journey .journey-chip--active,
.parent-journey .badge,
.parent-academy-detail .badge.info { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-journey .journey-chip--warm,
.parent-academy-detail .badge.event { background: var(--parent-accent-yellow-soft); color: #765417; }
.parent-academy-detail .badge.promote { background: var(--parent-accent-warm-soft); color: #9a4d3d; }
.parent-journey .journey-empty { margin-top: 10px; padding: 24px 16px; border: 1px dashed var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); color: var(--parent-text-secondary); text-align: center; }

/* Academy detail */
.parent-academy-detail .wrap { max-width: 1040px; padding-bottom: 94px; }
.parent-academy-detail .hero { padding: 18px; margin-bottom: 10px; }
.parent-academy-detail .hero-top { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.9fr); gap: 14px; align-items: start; }
.parent-academy-detail .region { color: var(--parent-text-secondary); font-size: 13px; }
.parent-academy-detail .name { margin-top: 3px; font-size: 24px; font-weight: 700; line-height: 32px; }
.parent-academy-detail .summary { margin-top: 10px; color: var(--parent-text-secondary); line-height: 22px; }
.parent-academy-detail .badges,
.parent-academy-detail .chips,
.parent-academy-detail .tag-block { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.parent-academy-detail .hero-side { padding: 13px; border-radius: var(--parent-radius); background: var(--parent-surface-soft); }
.parent-academy-detail .side-title { margin-bottom: 8px; color: var(--parent-primary-hover); font-size: 13px; font-weight: 600; }
.parent-academy-detail .side-grid,
.parent-academy-detail .grid-2,
.parent-academy-detail .grid-3,
.parent-academy-detail .tuition-list,
.parent-academy-detail .tuition-group-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.parent-academy-detail .side-card,
.parent-academy-detail .box,
.parent-academy-detail .tuition-card,
.parent-academy-detail .achievement-item { padding: 12px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); }
.parent-academy-detail .label { margin-bottom: 3px; color: var(--parent-text-secondary); font-size: 12px; }
.parent-academy-detail .value,
.parent-academy-detail .tuition-title,
.parent-academy-detail .achievement-title { font-weight: 600; }
.parent-academy-detail .panel { padding: 16px; margin-bottom: 10px; }
.parent-academy-detail .section-title { margin: 0 0 8px; color: var(--parent-text); font-size: 18px; line-height: 26px; }
.parent-academy-detail .section-sub,
.parent-academy-detail .tuition-meta,
.parent-academy-detail .mini-note,
.parent-academy-detail .achievement-meta { margin: 0 0 9px; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-academy-detail .tuition-price { color: var(--parent-primary-hover); font-size: 18px; font-weight: 700; }
.parent-academy-detail .tuition-accordion,
.parent-academy-detail .achievement-list { display: grid; gap: 8px; }
.parent-academy-detail .tuition-group { overflow: hidden; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.parent-academy-detail .tuition-group summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 12px; cursor: pointer; list-style: none; }
.parent-academy-detail .tuition-group summary::-webkit-details-marker { display: none; }
.parent-academy-detail .tuition-group-head { display: grid; gap: 4px; }
.parent-academy-detail .tuition-group-title-row,
.parent-academy-detail .tuition-target-badges,
.parent-academy-detail .achievement-top { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.parent-academy-detail .tuition-group-title { font-weight: 600; }
.parent-academy-detail .tuition-target-badge,
.parent-academy-detail .tuition-toggle,
.parent-academy-detail .achievement-proof { padding: 3px 7px; border-radius: 8px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 11px; font-weight: 600; }
.parent-academy-detail .tuition-group-meta,
.parent-academy-detail .tuition-group-price,
.parent-academy-detail .achievement-note { color: var(--parent-text-secondary); font-size: 13px; }
.parent-academy-detail .tuition-group-body { padding: 12px; border-top: 1px solid var(--parent-border); }
.parent-academy-detail .map-box { height: 300px; margin-top: 12px; overflow: hidden; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface-soft); }
.parent-academy-detail .fold-link { display: inline-flex; min-height: 44px; align-items: center; color: var(--parent-primary-hover); font-weight: 600; text-decoration: none; }
.parent-academy-detail .journey-section-nav { position: sticky; top: 0; z-index: 20; display: flex; gap: 4px; overflow-x: auto; margin-bottom: 10px; padding: 5px; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: rgba(255,255,255,.96); }
.parent-academy-detail .journey-section-nav a { display: inline-flex; min-height: 40px; align-items: center; padding: 7px 10px; border-radius: 8px; color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.parent-academy-detail .journey-section-nav a:hover { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-academy-detail .cta-fixed { position: fixed; z-index: 30; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; padding: 8px 14px; border-top: 1px solid var(--parent-border); background: rgba(255,255,255,.96); backdrop-filter: blur(8px); }
.parent-academy-detail .cta-fixed .btn { width: min(420px,100%); }
.parent-academy-detail .favorite-toggle-status { position: fixed; z-index: 950; bottom: 76px; left: 50%; max-width: calc(100vw - 32px); padding: 9px 12px; border-radius: var(--parent-control-radius); background: var(--parent-danger); color: #fff; transform: translateX(-50%); }
.parent-academy-detail .js-favorite-toggle.is-pending .btn { opacity: .68; cursor: wait; }
.parent-academy-detail .intro-visual-panel { overflow: hidden; padding: 0; }
.parent-academy-detail .intro-thumb-wrap { padding: 12px; border-bottom: 1px solid var(--parent-border); background: var(--parent-surface-soft); }
.parent-academy-detail .intro-thumb-btn { display: inline-block; overflow: hidden; margin: 0; padding: 0; border: 0; border-radius: var(--parent-control-radius); background: transparent; line-height: 0; cursor: pointer; }
.parent-academy-detail .intro-main-thumb-img { display: block; width: auto; max-width: 100%; height: auto; max-height: 220px; object-fit: contain; }
.parent-academy-detail .intro-gallery-strip,
.parent-academy-detail .intro-gallery-more { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 12px; }
.parent-academy-detail .intro-mini img { display: block; width: 96px; height: 72px; border-radius: 8px; object-fit: cover; }
.parent-academy-detail .intro-more-btn { min-height: 44px; padding: 8px 11px; border: 0; border-radius: var(--parent-control-radius); background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-weight: 600; cursor: pointer; }
.parent-academy-detail .intro-gallery-more { display: none; }
.parent-academy-detail .intro-gallery-more.is-open { display: flex; }
.parent-academy-detail .intro-lightbox { position: fixed; z-index: 1000; inset: 0; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(15,23,42,.78); }
.parent-academy-detail .intro-lightbox.is-open { display: flex; }
.parent-academy-detail .intro-lightbox img { max-width: min(960px,100%); max-height: 90vh; border-radius: var(--parent-radius); object-fit: contain; }
.parent-academy-detail .intro-lightbox-close { position: absolute; top: 12px; right: 16px; padding: 8px; border: 0; background: transparent; color: #fff; font-size: 32px; cursor: pointer; }
.parent-academy-detail .compare-state { max-width: 1012px; margin: 10px auto; padding: 13px; }
.parent-academy-detail .compare-state__items { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.parent-academy-detail .compare-swap-modal { position: fixed; z-index: 999; inset: 0; display: none; align-items: center; justify-content: center; padding: 18px; background: rgba(15,23,42,.48); }
.parent-academy-detail .compare-swap-dialog { width: min(460px,100%); padding: 16px; }
.parent-academy-detail .compare-swap-option { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; padding: 11px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); }

/* Compare and saved/favorite academy cards */
.parent-compare .compare-table-wrap { margin-top: 10px; overflow-x: auto; padding: 14px; }
.parent-compare .compare-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.parent-compare .compare-table th,
.parent-compare .compare-table td { padding: 12px 10px; border-bottom: 1px solid var(--parent-border); text-align: left; vertical-align: top; word-break: break-word; }
.parent-compare .compare-table th:first-child { width: 150px; }
.parent-compare .compare-table th { color: var(--parent-text-secondary); background: var(--parent-surface-soft); }
.parent-compare .academy-head { color: var(--parent-text); font-size: 18px; font-weight: 600; }
.parent-compare .fee { color: var(--parent-primary-hover); font-weight: 700; }
.parent-compare .mobile-compare { display: none; gap: 8px; margin-top: 10px; }
.parent-compare .mobile-metric { padding: 12px; }
.parent-compare .mobile-key { margin-bottom: 7px; color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; }
.parent-compare .mobile-dual { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.parent-compare .mobile-dual-item { padding: 9px; border-radius: 8px; background: var(--parent-surface-soft); }
.parent-compare .mobile-dual-name { color: var(--parent-text-secondary); font-size: 11px; }
.parent-compare .mobile-dual-val { margin-top: 2px; font-size: 13px; font-weight: 600; }
.parent-favorites .academy-card__location { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; color: var(--parent-text-secondary); font-size: 13px; }
.parent-favorites .academy-card__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.parent-compare-saved .journey-card--saved { border-left: 4px solid var(--parent-info); }
.parent-compare-saved .journey-danger-zone { margin-left: auto; padding-left: 10px; border-left: 1px solid #e8c5c5; }

/* Parent consultation status-first layout */
.parent-consultations .consultation-card { display: block; color: inherit; text-decoration: none; }
.parent-consultations .consultation-card__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.parent-consultations .consultation-card__status { display: flex; flex-wrap: wrap; gap: 5px; }
.parent-consultations .consultation-card__next { margin-top: 9px; padding: 9px 10px; border-radius: 8px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 13px; font-weight: 600; }
.parent-consultation-detail .status-summary { padding: 16px; }
.parent-consultation-detail .status-summary__title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.parent-consultation-detail .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.parent-consultation-detail .item,
.parent-consultation-detail .option,
.parent-consultation-detail .schedule-summary { padding: 11px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); }
.parent-consultation-detail .next-action { border-color: #cde2dc; background: var(--parent-primary-soft); }
.parent-consultation-detail .schedule-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.parent-consultation-detail .schedule-actions__full,
.parent-consultation-detail .push-cta { grid-column: 1/-1; }
.parent-consultation-detail .push-cta { padding: 11px; border: 1px solid #cde2dc; border-radius: var(--parent-control-radius); background: var(--parent-primary-soft); }
.parent-consultation-detail .push-cta p { margin: 0 0 8px; }
.parent-consultation-detail .push-cta .btn { width: 100%; }
.parent-consultation-detail .action-menu { position: relative; min-width: 0; }
.parent-consultation-detail .action-menu > .btn { width: 100%; }
.parent-consultation-detail .action-menu__panel { position: absolute; z-index: 120; top: calc(100% + 7px); right: 0; width: min(330px,calc(100vw - 32px)); padding: 7px; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); box-shadow: 0 16px 35px rgba(15,23,42,.16); }
.parent-consultation-detail .action-menu__panel[hidden] { display: none; }
.parent-consultation-detail .action-menu__link { display: block; min-height: 44px; padding: 11px; border-radius: 8px; color: var(--parent-primary-hover); font-weight: 600; text-decoration: none; }
.parent-consultation-detail .action-menu__description { display: block; color: var(--parent-text-secondary); font-size: 11px; font-weight: 400; }
.parent-consultation-detail input,
.parent-consultation-detail select { width: 100%; min-height: 44px; margin: 5px 0; padding: 9px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); }
.parent-consultation-detail .destructive-section { margin-top: 18px; border-color: #e8c5c5; background: #fffafa; }

@media (max-width: 920px) {
  .parent-academy-detail .hero-top,
  .parent-academy-detail .grid-3 { grid-template-columns: 1fr; }
  .parent-compare .compare-table-wrap { display: none; }
  .parent-compare .mobile-compare { display: grid; }
}
@media (max-width: 720px) {
  .parent-journey .journey-wrap,
  .parent-academy-detail .wrap { padding: 8px 10px 84px; }
  .parent-journey .journey-header { display: block; padding: 14px; }
  .parent-academy-detail .side-grid,
  .parent-academy-detail .grid-2,
  .parent-academy-detail .tuition-list,
  .parent-academy-detail .tuition-group-grid,
  .parent-consultation-detail .grid,
  .parent-consultation-detail .schedule-actions { grid-template-columns: 1fr; }
  .parent-academy-detail .cta-fixed { bottom: calc(64px + env(safe-area-inset-bottom)); }
  .parent-academy-detail .favorite-toggle-status { bottom: calc(124px + env(safe-area-inset-bottom)); }
  .parent-consultation-detail .schedule-actions__full,
  .parent-consultation-detail .push-cta { grid-column: auto; }
  .parent-consultation-detail .action-menu__panel { position: fixed; top: auto; right: 12px; bottom: calc(82px + env(safe-area-inset-bottom)); left: 12px; width: auto; max-height: min(55vh,420px); overflow: auto; }
  .parent-consultation-detail .schedule-actions .btn { width: 100%; min-height: 48px; }
}

/* Parent Home */
.parent-home .wrap { max-width: 1040px; margin: 0 auto; padding: 10px 12px 44px; }
.parent-home .panel,
.parent-home .card,
.parent-home .summary-main,
.parent-home .compare-utility { border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.parent-home .panel { padding: 14px; }
.parent-home .section { margin-top: 10px; }
.parent-home .tone-warm,
.parent-home .tone-blue,
.parent-home .tone-cool { background: var(--parent-surface); }
.parent-home .hero-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.parent-home .home-product-label { display: flex; align-items: center; gap: 5px; margin: 0 0 3px; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-home .home-product-label strong { color: var(--parent-primary); font-weight: 600; }
.parent-home .home-brand-description { margin: 5px 0 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-home h1,
.parent-home h2 { margin: 0; color: var(--parent-text); }
.parent-home h1 { font-size: 21px; line-height: 28px; }
.parent-home .home-brand-copy-nowrap { white-space: nowrap; }
.parent-home .muted { color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-home .btn,
.parent-home a.btn {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 11px;
  border: 1px solid transparent;
  border-radius: var(--parent-control-radius);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
}
.parent-home .btn-primary { min-height: 44px; background: var(--parent-primary); color: #fff; }
.parent-home .btn-primary:hover { background: var(--parent-primary-hover); }
.parent-home .btn-light { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-home .btn-soft { border-color: var(--parent-border); background: var(--parent-surface-soft); color: var(--parent-text-secondary); }
.parent-home .is-hidden { display: none !important; }
.parent-home .loading-spinner { display: none; width: 14px; height: 14px; flex: 0 0 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: parent-home-spin .7s linear infinite; }
.parent-home .js-link-loading.is-loading .loading-spinner,
.parent-home .btn.is-loading .loading-spinner { display: inline-block; }
.parent-home .js-link-loading.is-loading,
.parent-home .btn.is-loading { opacity: .82; pointer-events: none; }
.parent-home .js-link-loading .btn-loading-text,
.parent-home .btn .btn-loading-text { display: none; }
.parent-home .js-link-loading.is-loading .btn-default-text,
.parent-home .btn.is-loading .btn-default-text { display: none; }
.parent-home .js-link-loading.is-loading .btn-loading-text,
.parent-home .btn.is-loading .btn-loading-text { display: inline; }
@keyframes parent-home-spin { to { transform: rotate(360deg); } }
.parent-home .hero-actions,
.parent-home .summary-actions,
.parent-home .card-actions,
.parent-home .filter-row,
.parent-home .chips { display: flex; flex-wrap: wrap; gap: 6px; }
.parent-home .home-profile-link { display: inline-flex; min-height: 44px; align-items: center; gap: 5px; color: var(--parent-primary); text-decoration: none; font-size: 13px; font-weight: 600; white-space: nowrap; }
.parent-home .home-profile-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.parent-home .child-tabs { display: flex; gap: 5px; margin-top: 8px; overflow-x: auto; }
.parent-home .child-tab { display: inline-flex; min-height: 36px; flex: 0 0 auto; align-items: center; padding: 6px 9px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); text-decoration: none; font-size: 13px; font-weight: 600; }
.parent-home .child-tab.active { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-home .summary-main { padding: 12px 14px; }
.parent-home .summary-label { display: inline-flex; min-height: 24px; align-items: center; margin-bottom: 5px; padding: 2px 7px; border-radius: 8px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 11px; font-weight: 600; }
.parent-home .summary-value { color: var(--parent-text); font-size: 18px; font-weight: 600; line-height: 26px; }
.parent-home .chips { margin-top: 7px; }
.parent-home .chip,
.parent-home .badge { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 7px; border-radius: 8px; background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 11px; font-weight: 600; line-height: 18px; }
.parent-home .chip-strong,
.parent-home .badge.match,
.parent-home .badge.score-teal { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-home .badge.new,
.parent-home .badge.score-green { background: #ecf6ef; color: #356a47; }
.parent-home .badge.favorite,
.parent-home .badge.score-yellow { background: var(--parent-accent-yellow-soft); color: #765417; }
.parent-home .badge.score-blue { background: #edf2fa; color: var(--parent-info); }
.parent-home .badge.score-orange { background: var(--parent-accent-warm-soft); color: #945140; }
.parent-home .badge.score-gray { background: var(--parent-surface-soft); color: var(--parent-text-secondary); }
.parent-home .summary-actions { margin-top: 9px; }
.parent-home .summary-actions .btn-light { min-height: 38px; }
.parent-home .compare-sticky { position: sticky; top: 6px; z-index: 30; }
.parent-home .compare-utility { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 9px; }
.parent-home .compare-left { display: flex; align-items: center; gap: 6px; }
.parent-home .compare-left strong { color: var(--parent-text) !important; font-size: 13px; font-weight: 600; }
.parent-home .compare-count-badge { display: inline-flex; min-width: 22px; height: 22px; align-items: center; justify-content: center; padding: 0 6px; border-radius: 8px; background: var(--parent-primary); color: #fff; font-size: 11px; font-weight: 600; }
.parent-home .filter-row { margin-top: 8px; }
.parent-home .pill { display: inline-flex; min-height: 36px; align-items: center; padding: 6px 9px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-text-secondary); text-decoration: none; font-size: 12px; font-weight: 600; }
.parent-home .pill.active { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-home .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.parent-home .home-cards-skeleton__heading,
.parent-home .home-cards-skeleton__filters,
.parent-home .home-cards-skeleton__card { background: linear-gradient(90deg, #e8eeec 25%, #f5f8f7 50%, #e8eeec 75%); background-size: 200% 100%; animation: parent-home-skeleton-pulse 1.4s ease-in-out infinite; }
.parent-home .home-cards-skeleton__heading { width: min(260px, 72%); height: 27px; border-radius: 8px; }
.parent-home .home-cards-skeleton__filters { width: min(420px, 94%); height: 38px; margin-top: 18px; border-radius: 10px; }
.parent-home .home-cards-skeleton__card { min-height: 154px; border: 0; border-radius: var(--parent-card-radius); }
.parent-home .home-cards-error { display: flex; min-height: 132px; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; text-align: center; }
@keyframes parent-home-skeleton-pulse { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .parent-home .home-cards-skeleton__heading, .parent-home .home-cards-skeleton__filters, .parent-home .home-cards-skeleton__card { animation: none; } }
.parent-home .card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 9px; }
.parent-home .card { display: flex; min-width: 0; padding: 11px 12px; flex-direction: column; }
.parent-home .academy-name { margin: 5px 0 2px; color: var(--parent-text); font-size: 16px; font-weight: 600; line-height: 23px; }
.parent-home .academy-sub { color: var(--parent-text-secondary); font-size: 13px; line-height: 19px; }
.parent-home .card-actions { margin-top: auto; padding-top: 8px; }
.parent-home .empty,
.parent-home .school-schedule-notice { margin-top: 7px; padding: 9px 10px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-home .school-schedule-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.parent-home .school-schedule-grid { display: grid; gap: 0; margin-top: 7px; }
.parent-home .school-schedule-card { display: grid; min-width: 0; grid-template-columns: minmax(0,1fr) auto; gap: 2px 10px; padding: 8px 0; }
.parent-home .school-schedule-card + .school-schedule-card { border-top: 1px solid var(--parent-border); }
.parent-home .school-schedule-card__badges { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; grid-column: 1 / -1; }
.parent-home .school-schedule-card__badge { display: inline-flex; min-height: 22px; align-items: center; padding: 1px 6px; border-radius: 7px; background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 10px; font-weight: 600; line-height: 16px; }
.parent-home .school-schedule-card__badge.type-holiday { background: #fff1f1; color: #9e413b; }
.parent-home .school-schedule-card__badge.type-discretionary { background: var(--parent-accent-warm-soft); color: #945140; }
.parent-home .school-schedule-card__badge.type-vacation { background: #edf5fb; color: #466783; }
.parent-home .school-schedule-card__badge.type-milestone,
.parent-home .school-schedule-card__badge.type-exam { background: #f1effb; color: #65558e; }
.parent-home .school-schedule-card__title { color: var(--parent-text); font-size: 14px; font-weight: 600; line-height: 20px; }
.parent-home .school-schedule-card__date { color: var(--parent-text-secondary); font-size: 12px; font-weight: 500; line-height: 18px; white-space: nowrap; }
.parent-home .school-schedule-card__subtitle,
.parent-home .school-schedule-card__attention,
.parent-home .school-schedule-card__meta { grid-column: 1 / -1; }
.parent-home .school-schedule-card__subtitle { color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-home .school-schedule-card__attention { margin-top: 4px; padding: 6px 8px; border-radius: 8px; background: var(--parent-accent-warm-soft); color: #875044; font-size: 12px; line-height: 18px; }
.parent-home .school-schedule-card__attention-note { margin-top: 2px; color: var(--parent-text-secondary); }
.parent-home .school-schedule-card__meta { margin-top: 3px; color: var(--parent-text-secondary); font-size: 11px; line-height: 17px; }
.parent-home .school-schedule-card .btn { grid-column: 1 / -1; justify-self: start; min-height: 36px; margin-top: 4px; }
.parent-home .compare-toast-floating { position: fixed; left: 50%; bottom: 20px; display: none; width: max-content; max-width: min(92vw,420px); padding: 10px 12px; transform: translateX(-50%); border-radius: var(--parent-radius); background: var(--parent-text); color: #fff; font-size: 13px; line-height: 20px; z-index: 90; }
.parent-home .compare-toast-floating.show,
.parent-home .compare-sheet-overlay.show,
.parent-home .compare-sheet.show { display: block; }
.parent-home .compare-toast-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 7px; }
.parent-home .compare-toast-actions a { padding: 5px 8px; border-radius: 7px; background: #fff; color: var(--parent-text); text-decoration: none; font-size: 12px; font-weight: 600; }
.parent-home .compare-sheet-overlay { position: fixed; inset: 0; display: none; background: rgba(36,38,43,.42); z-index: 95; }
.parent-home .compare-sheet { position: fixed; right: 0; bottom: 0; left: 0; display: none; padding: 14px; border: 1px solid var(--parent-border); border-radius: 14px 14px 0 0; background: var(--parent-surface); z-index: 96; }
.parent-home .compare-sheet-title { margin-bottom: 5px; color: var(--parent-text); font-size: 16px; font-weight: 600; }
.parent-home .compare-sheet .btn { width: 100%; min-height: 44px; }

/* Parent Today */
.parent-ui.parent-today {
  background: var(--sb-page-bg);
  color: var(--sb-text-main);
}
.parent-today .today-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--sb-space-group);
  max-width: 860px;
  margin: 0 auto;
  padding: 14px 14px calc(48px + env(safe-area-inset-bottom));
}
.parent-today .today-surface,
.parent-today .today-card,
.parent-today .level-card,
.parent-today .today-utility,
.parent-today .today-panel {
  border: 1px solid var(--sb-border-soft);
  border-radius: var(--sb-radius-card);
  background: var(--sb-surface);
  box-shadow: var(--sb-shadow-soft);
}
.parent-today .today-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 14px;
  border-radius: var(--sb-radius-surface);
}
.parent-today .today-eyebrow {
  margin: 0 0 4px;
  color: var(--sb-brand-sage);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 16px;
  text-transform: none;
}
.parent-today .today-eyebrow--brand { color: var(--sb-brand-sage); }
.parent-today .today-eyebrow--info { color: var(--sb-info-blue); }
.parent-today .today-eyebrow--interest { color: var(--sb-interest-amber); }
.parent-today .today-eyebrow--growth { color: var(--sb-growth-indigo); }
.parent-today h1 {
  margin: 0;
  color: var(--sb-text-main);
  font-size: clamp(26px, 4.2vw, 30px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.parent-today .today-group-title {
  margin: 0;
  color: var(--sb-text-main);
  font-size: clamp(20px, 3.4vw, 22px);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.3;
}
.parent-today .today-card h2,
.parent-today .school-meal-card h2 {
  margin: 0;
  color: var(--sb-text-main);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 22px;
}
.parent-today h3 { margin-bottom: 3px; }
.parent-today .today-muted {
  margin: 6px 0 0;
  color: var(--sb-text-secondary);
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}
.parent-today .child-tabs {
  display: flex;
  gap: 6px;
  max-width: 55%;
  overflow-x: auto;
  padding-bottom: 1px;
  scrollbar-width: thin;
}
.parent-today .child-tab {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius-control);
  background: var(--sb-surface);
  color: var(--sb-text-secondary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.parent-today .child-tab.active {
  border-color: color-mix(in srgb, var(--sb-brand-sage) 28%, var(--sb-border));
  background: var(--sb-brand-sage-soft);
  color: var(--sb-brand-sage);
}
.parent-today .today-quick-launch {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.parent-today .quick-launch {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 96px;
  padding: 8px 4px 9px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: 1px solid transparent;
  border-radius: var(--sb-radius-card);
  color: var(--sb-text-main);
  text-align: center;
  text-decoration: none;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.parent-today .quick-launch:hover {
  box-shadow: var(--sb-shadow-hover);
  transform: translateY(-1px);
}
.parent-today .quick-launch-school {
  background: var(--sb-info-blue-soft);
  border-color: color-mix(in srgb, var(--sb-info-blue) 18%, transparent);
}
.parent-today .quick-launch-consultation {
  background: var(--sb-action-coral-soft);
  border-color: color-mix(in srgb, var(--sb-action-coral) 18%, transparent);
}
.parent-today .quick-launch-radar {
  background: var(--sb-interest-amber-soft);
  border-color: color-mix(in srgb, var(--sb-interest-amber) 18%, transparent);
}
.parent-today .quick-launch-pulse {
  background: var(--sb-growth-indigo-soft);
  border-color: color-mix(in srgb, var(--sb-growth-indigo) 18%, transparent);
}
.parent-today .quick-launch-icon { display: block; width: 52px; height: 52px; flex: 0 0 52px; }
.parent-today .quick-launch-icon img { display: block; width: 52px; height: 52px; object-fit: contain; }
.parent-today .quick-launch-label {
  overflow: hidden;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.parent-today .quick-launch-badge {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  padding: 1px 6px;
  border: 1px solid rgba(63, 119, 109, 0.16);
  border-radius: var(--sb-radius-chip);
  background: rgba(255, 255, 255, 0.92);
  color: var(--sb-brand-sage);
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
}
.parent-today .quick-launch.is-disabled { color: var(--sb-text-secondary); cursor: default; }
.parent-today .quick-launch.is-disabled:hover { box-shadow: none; transform: none; }

.parent-today .today-group {
  display: flex;
  flex-direction: column;
  gap: var(--sb-space-item);
}
.parent-today .today-group + .today-group,
.parent-today .today-shell-feedback + .today-group,
.parent-today .today-group + .today-utility {
  margin-top: 4px;
}
.parent-today .today-group-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0 2px;
}
.parent-today .today-group-copy { min-width: 0; flex: 1 1 auto; }
.parent-today .today-group-chip {
  display: inline-flex;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border-radius: var(--sb-radius-chip);
  background: var(--sb-brand-sage-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sb-brand-sage) 16%, transparent);
}
.parent-today .today-group-chip--info {
  background: var(--sb-info-blue-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sb-info-blue) 18%, transparent);
}
.parent-today .today-group-chip--interest {
  background: var(--sb-interest-amber-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sb-interest-amber) 18%, transparent);
}
.parent-today .today-group-chip--growth {
  background: var(--sb-growth-indigo-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sb-growth-indigo) 18%, transparent);
}
.parent-today .today-group-chip img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.parent-today .today-group-title {
  margin: 0;
  color: var(--sb-text-main);
  font-size: clamp(20px, 3.4vw, 22px);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.3;
}
.parent-today .today-group-subtitle {
  margin: 3px 0 0;
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 18px;
}
.parent-today .today-fragment-slot--essentials,
.parent-today .today-fragment-slot--engagement {
  display: flex;
  flex-direction: column;
  gap: var(--sb-space-item);
}

.parent-today .today-card,
.parent-today .today-panel,
.parent-today .level-card {
  padding: 14px 15px;
  border-left-width: var(--sb-rail);
  border-left-style: solid;
  border-left-color: transparent;
}
.parent-today .today-card--info,
.parent-today .today-group--essentials .today-card:not(.today-card--action) {
  border-left-color: var(--sb-info-blue);
}
.parent-today .today-card--action { border-left-color: var(--sb-action-coral); }
.parent-today .today-card--interest,
.parent-today .today-radar-preview { border-left-color: var(--sb-interest-amber); }
.parent-today .today-card--growth,
.parent-today .level-card.today-card--growth { border-left-color: var(--sb-growth-indigo); }

.parent-today .today-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}
.parent-today .today-section-head h2 { margin: 0; }
.parent-today .today-link {
  flex: 0 0 auto;
  color: var(--sb-brand-sage);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.parent-today .today-link--action { color: var(--sb-action-coral); }
.parent-today .today-link--growth { color: var(--sb-growth-indigo); }
.parent-today .today-group-head .today-link { align-self: center; }
.parent-today .today-school {
  margin: 2px 0 0;
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  line-height: 18px;
}
.parent-today .today-list { display: grid; gap: 0; }
.parent-today .today-item {
  display: block;
  padding: 9px 0;
  color: inherit;
  text-decoration: none;
}
.parent-today .today-item + .today-item {
  border-top: 1px solid color-mix(in srgb, var(--sb-border) 70%, transparent);
}
.parent-today .today-item-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
.parent-today .today-badge,
.parent-today .today-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 7px;
  border-radius: var(--sb-radius-chip);
  background: var(--sb-brand-sage-soft);
  color: var(--sb-brand-sage);
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
}
.parent-today .today-badge--info,
.parent-today .today-card--info .today-badge {
  background: var(--sb-info-blue-soft);
  color: var(--sb-info-blue);
}
.parent-today .today-status--action {
  background: var(--sb-action-coral-soft);
  color: var(--sb-action-coral);
}
.parent-today .today-date {
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  line-height: 18px;
}
.parent-today .today-item h3 {
  margin: 0;
  color: var(--sb-text-main);
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
.parent-today .today-item p {
  margin: 2px 0 0;
  color: var(--sb-text-secondary);
  font-size: 13px;
  line-height: 19px;
}
.parent-today .today-status { flex: 0 0 auto; }
.parent-today .today-time {
  margin-top: 4px;
  color: var(--sb-text-main);
  font-size: 13px;
  font-weight: 600;
}
.parent-today .today-empty {
  padding: 8px 0 2px;
  color: var(--sb-text-secondary);
  font-size: 14px;
  line-height: 21px;
}
.parent-today .today-stale {
  margin: 8px 0 0;
  color: #8a641f;
  font-size: 12.5px;
  line-height: 18px;
}
.parent-today .today-more {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  color: var(--sb-brand-sage);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
}
.parent-today .quick-launch-radar .quick-launch-label { white-space: normal; }
.parent-today .today-compact-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 44px;
  margin-top: 2px;
  padding: 8px 10px;
  border-radius: var(--sb-radius-control);
  background: var(--sb-interest-amber-soft);
  color: #7a5a1d;
  font-size: 13px;
  text-decoration: none;
}
.parent-today .today-compact-link.is-disabled {
  background: var(--sb-surface-soft);
  color: var(--sb-text-secondary);
}
.parent-today .today-story-preview-list {
  display: flex;
  flex-direction: column;
  margin-top: 2px;
}
.parent-today .today-story-preview {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 11px 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--sb-text-main);
  text-decoration: none;
  transition: background 0.15s ease;
}
.parent-today .today-story-preview + .today-story-preview {
  border-top: 1px solid var(--sb-border-soft);
}
.parent-today .today-story-preview:hover {
  background: color-mix(in srgb, var(--sb-interest-amber-soft) 42%, transparent);
}
.parent-today .today-story-preview:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--sb-interest-amber) 55%, transparent);
  outline-offset: 2px;
}
.parent-today .today-story-preview__source,
.parent-today .today-story-preview__time {
  color: var(--sb-text-secondary);
  font-size: 11.5px;
  line-height: 16px;
}
.parent-today .today-story-preview strong {
  overflow: hidden;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.parent-today .reservation-row {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.parent-today .reservation-row strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
.parent-today .reservation-row > span > span {
  display: block;
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  line-height: 18px;
}
.parent-today .pulse-question {
  margin: 6px 0 2px;
  color: var(--sb-text-main);
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
.parent-today .pulse-disclosure { margin-top: 8px; }
.parent-today .pulse-disclosure > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 11px;
  border-radius: var(--sb-radius-control);
  background: var(--sb-growth-indigo-soft);
  color: var(--sb-growth-indigo);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
.parent-today .pulse-disclosure > summary::-webkit-details-marker,
.parent-today .mission-disclosure > summary::-webkit-details-marker { display: none; }
.parent-today .pulse-disclosure[open] > summary span { transform: rotate(45deg); }
.parent-today .level-card { padding: 0; overflow: hidden; }
.parent-today .mission-disclosure > summary {
  display: block;
  min-height: 44px;
  padding: 13px 15px;
  cursor: pointer;
  list-style: none;
}
.parent-today .level-summary-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.parent-today .level-summary-line strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.parent-today .level-points {
  color: var(--sb-growth-indigo);
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}
.parent-today .level-track {
  display: block;
  height: 7px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--sb-surface-soft);
}
.parent-today .level-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--sb-growth-indigo);
}
.parent-today .level-next {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  line-height: 18px;
}
.parent-today .disclosure-label {
  color: var(--sb-growth-indigo);
  font-weight: 600;
}
.parent-today .mission-disclosure[open] .disclosure-label { font-size: 0; }
.parent-today .mission-disclosure[open] .disclosure-label::after {
  content: "미션 접기";
  font-size: 12px;
}
.parent-today .mission-feedback,
.parent-today .pulse-feedback {
  margin: 0;
  padding: 9px 11px;
  border-radius: var(--sb-radius-control);
  background: var(--sb-growth-indigo-soft);
  color: var(--sb-growth-indigo);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.parent-today .mission-feedback.neutral {
  background: var(--sb-surface-soft);
  color: var(--sb-text-secondary);
}
.parent-today .mission-disclosure > .mission-feedback { margin: 0 15px; }
.parent-today .mission-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 2px 15px 12px;
}
.parent-today .mission-item { padding: 10px 0; }
.parent-today .mission-item + .mission-item {
  border-top: 1px solid color-mix(in srgb, var(--sb-border) 70%, transparent);
}
.parent-today .mission-item-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.parent-today .mission-item-head h3 {
  margin: 0;
  font-size: 15px;
  line-height: 21px;
}
.parent-today .mission-points {
  flex: 0 0 auto;
  color: var(--sb-growth-indigo);
  font-size: 13px;
  font-weight: 600;
}
.parent-today .mission-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.parent-today .mission-button,
.parent-today .mission-link,
.parent-today .mission-done {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 11px;
  border: 1px solid transparent;
  border-radius: var(--sb-radius-control);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.parent-today .mission-button {
  background: var(--sb-brand-sage);
  color: #fff;
  cursor: pointer;
}
.parent-today .mission-link {
  border-color: color-mix(in srgb, var(--sb-growth-indigo) 22%, var(--sb-border));
  background: var(--sb-growth-indigo-soft);
  color: var(--sb-growth-indigo);
  text-decoration: none;
}
.parent-today .mission-done {
  background: var(--sb-surface-soft);
  color: var(--sb-text-secondary);
}
.parent-today .pulse-options { display: grid; gap: 7px; margin-top: 10px; }
.parent-today .pulse-option {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 9px 11px;
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius-control);
  background: var(--sb-surface);
  color: var(--sb-text-main);
  font-size: 14px;
  line-height: 20px;
}
.parent-today .pulse-option:has(input:checked) {
  border-color: color-mix(in srgb, var(--sb-growth-indigo) 35%, var(--sb-border));
  background: var(--sb-growth-indigo-soft);
}
.parent-today .pulse-option input { margin: 0; accent-color: var(--sb-growth-indigo); }
.parent-today .pulse-submit {
  width: 100%;
  min-height: 44px;
  margin-top: 10px;
  border: 0;
  border-radius: var(--sb-radius-control);
  background: var(--sb-brand-sage);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.parent-today .pulse-complete {
  margin-top: 9px;
  color: var(--sb-growth-indigo);
  font-size: 13px;
  font-weight: 600;
}
.parent-today .today-utility {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
  margin-top: 2px;
  padding: 12px 14px;
  border-left: none;
  box-shadow: none;
  background: transparent;
  border-color: transparent;
}
.parent-today .today-utility strong,
.parent-today .today-utility span { display: block; }
.parent-today .today-utility strong {
  color: var(--sb-text-main);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.parent-today .today-utility div > span {
  color: var(--sb-text-secondary);
  font-size: 12.5px;
  line-height: 18px;
}
.parent-today .today-utility > a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 4px;
  color: var(--sb-brand-sage);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.parent-today .school-meal-card {
  background: linear-gradient(160deg, #fffefb 0%, #f5faf8 100%);
}
.parent-today .school-meal-card__today,
.parent-today .school-meal-card__tomorrow {
  border-color: var(--sb-border-soft);
  box-shadow: none;
}

@media (max-width: 430px) {
  .parent-today .today-wrap { gap: 18px; padding-left: 12px; padding-right: 12px; }
  .parent-today .today-hero { flex-direction: column; align-items: stretch; }
  .parent-today .child-tabs { max-width: 100%; }
  .parent-today .today-quick-launch { gap: 6px; }
  .parent-today .quick-launch { min-height: 88px; }
}

@media (prefers-reduced-motion: reduce) {
  .parent-today .quick-launch,
  .parent-today .today-story-preview { transition: none; }
  .parent-today .quick-launch:hover { transform: none; }
}

/* Pulse result */
.parent-pulse-result .wrap { max-width: 760px; margin: 0 auto; padding: 14px 12px 44px; }
.parent-pulse-result .card { padding: 16px; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.parent-pulse-result .eyebrow { margin: 0 0 3px; color: var(--parent-primary); font-size: 12px; font-weight: 600; line-height: 18px; }
.parent-pulse-result h1 { margin: 0 0 5px; font-size: 20px; line-height: 28px; }
.parent-pulse-result .muted { margin-bottom: 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-pulse-result .status { display: inline-flex; min-height: 24px; margin: 1px 0 5px; padding: 2px 8px; border-radius: 8px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 12px; font-weight: 600; line-height: 18px; }
.parent-pulse-result .my-answer { margin-top: 10px; padding: 9px 10px; border-radius: 10px; background: var(--parent-accent-warm-soft); color: #8d493c; font-size: 14px; font-weight: 600; }
.parent-pulse-result .summary { margin-top: 8px; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-pulse-result .section { margin-top: 17px; }
.parent-pulse-result .section h2 { margin: 0 0 7px; }
.parent-pulse-result .insufficient { padding: 10px; border-radius: 10px; background: var(--parent-surface-soft); color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-pulse-result .insufficient strong { display: block; color: var(--parent-text); font-weight: 600; }
.parent-pulse-result .cells { display: grid; gap: 0; }
.parent-pulse-result .cell { padding: 9px 0; }
.parent-pulse-result .cell + .cell { border-top: 1px solid var(--parent-border); }
.parent-pulse-result .cell.selected { color: #8d493c; }
.parent-pulse-result .cell-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; font-size: 13px; font-weight: 600; line-height: 19px; }
.parent-pulse-result .cell-label { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.parent-pulse-result .selected-mark { display: inline-flex; padding: 1px 6px; border-radius: 7px; background: var(--parent-accent-warm-soft); color: #8d493c; font-size: 11px; font-weight: 600; }
.parent-pulse-result .track { height: 10px; margin-top: 6px; overflow: hidden; border-radius: 999px; background: var(--parent-surface-soft); }
.parent-pulse-result .track span { display: block; height: 100%; border-radius: inherit; background: var(--parent-info); }
.parent-pulse-result .cell.selected .track span { background: var(--parent-accent-warm); }
.parent-pulse-result .small { color: var(--parent-text-secondary); font-size: 12px; font-weight: 400; }
.parent-pulse-result .actions { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 16px; }
.parent-pulse-result .back { display: inline-flex; min-height: 44px; align-items: center; color: var(--parent-primary); font-size: 13px; font-weight: 600; text-decoration: none; }

/* Parent Data Lab */
.parent-data-lab .wrap { max-width: 900px; margin: 0 auto; padding: 14px 12px 46px; }
.parent-data-lab .hero,
.parent-data-lab .filters,
.parent-data-lab .card,
.parent-data-lab .empty { border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.parent-data-lab .hero { padding: 16px; margin-bottom: 10px; }
.parent-data-lab .eyebrow { margin: 0 0 3px; color: var(--parent-primary); font-size: 12px; font-weight: 600; line-height: 18px; }
.parent-data-lab h1 { margin: 0 0 4px; }
.parent-data-lab .muted { margin: 0; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-data-lab .notice { margin-top: 8px; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-data-lab .child-tabs { display: flex; gap: 6px; margin-top: 9px; overflow-x: auto; }
.parent-data-lab .child-tab { display: inline-flex; align-items: center; min-height: 38px; flex: 0 0 auto; padding: 7px 10px; border-radius: var(--parent-control-radius); background: var(--parent-surface-soft); color: var(--parent-text-secondary); text-decoration: none; font-size: 13px; font-weight: 600; }
.parent-data-lab .child-tab.active { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-data-lab .filters { display: grid; grid-template-columns: minmax(0,1fr) 150px 170px auto; gap: 8px; padding: 10px; margin-bottom: 10px; }
.parent-data-lab input,
.parent-data-lab select { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-text); font-size: 14px; }
.parent-data-lab .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 12px; border: 1px solid transparent; border-radius: var(--parent-control-radius); background: var(--parent-primary); color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; cursor: pointer; }
.parent-data-lab .btn:hover { background: var(--parent-primary-hover); }
.parent-data-lab .list { display: grid; gap: 8px; }
.parent-data-lab .card { padding: 14px 16px; }
.parent-data-lab .card-top,
.parent-data-lab .card-meta,
.parent-data-lab .card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; }
.parent-data-lab .card-top { justify-content: space-between; }
.parent-data-lab .badge { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 7px; border-radius: 8px; background: var(--parent-primary-soft); color: var(--parent-primary-hover); font-size: 11px; font-weight: 600; }
.parent-data-lab .scope { color: var(--parent-text-secondary); font-size: 12px; }
.parent-data-lab .card h2 { margin: 7px 0 3px; color: var(--parent-text); font-size: 16px; line-height: 24px; font-weight: 600; }
.parent-data-lab .description { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 7px; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-data-lab .card-meta { color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-data-lab .answered { color: var(--parent-primary-hover); font-weight: 600; }
.parent-data-lab .my-answer { margin-top: 7px; color: #8d493c; font-size: 13px; font-weight: 600; }
.parent-data-lab .card-actions { margin-top: 8px; }
.parent-data-lab .card-actions .btn.secondary { min-height: 38px; border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-data-lab .empty { padding: 20px 16px; text-align: center; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-data-lab .pager { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
.parent-data-lab .pager .btn { border-color: var(--parent-border); background: var(--parent-surface); color: var(--parent-primary); }
.parent-data-lab .page-number { display: inline-flex; align-items: center; padding: 0 6px; color: var(--parent-text-secondary); font-size: 12px; }

/* Parent Radar: dense title-first list */
.parent-radar .radar-public-brand { border-bottom: 1px solid var(--parent-border); background: var(--parent-surface); }
.parent-radar .radar-public-brand__inner { display: flex; width: min(840px,100%); min-height: 48px; align-items: center; justify-content: space-between; gap: 12px; margin: 0 auto; padding: 7px 12px; }
.parent-radar .radar-public-brand .parent-brand { display: flex; }
.parent-radar .radar-public-home { display: inline-flex; min-width: 48px; min-height: 36px; align-items: center; justify-content: center; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); color: var(--parent-primary); font-size: 13px; font-weight: 700; text-decoration: none; }
.parent-radar .wrap { max-width: 840px; margin: 0 auto; padding: 10px 10px 42px; }
.parent-radar .header { padding: 6px 2px 9px; }
.parent-radar .header h1 { margin: 0; }
.parent-radar .header p { margin: 3px 0 0; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-radar .revisit-cue { margin: 0 2px 8px; padding: 7px 9px; border-radius: 9px; background: var(--parent-accent-yellow-soft); color: #795719; font-size: 12px; font-weight: 600; line-height: 18px; }
.parent-radar .radar-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; margin-bottom: 6px; padding: 3px; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.parent-radar .radar-tab { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 6px 4px; border-radius: 9px; color: var(--parent-text-secondary); text-align: center; text-decoration: none; font-size: 13px; font-weight: 600; }
.parent-radar .radar-tab.active { background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-radar .radar-windows { display: flex; gap: 4px; margin: 0 0 8px; overflow-x: auto; }
.parent-radar .radar-window { display: inline-flex; min-width: 64px; min-height: 40px; align-items: center; justify-content: center; padding: 6px 10px; border: 1px solid var(--parent-border); border-radius: 999px; background: var(--parent-surface); color: var(--parent-text-secondary); font-size: 12px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.parent-radar .radar-window.active { border-color: #cde2dc; background: var(--parent-primary-soft); color: var(--parent-primary-hover); }
.parent-radar .feed { overflow: hidden; border: 1px solid var(--parent-border); border-radius: var(--parent-radius); background: var(--parent-surface); }
.parent-radar .row { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 4px 8px; min-height: 58px; padding: 8px 10px; }
.parent-radar .row + .row { border-top: 1px solid var(--parent-border); }
.parent-radar .badge { align-self: start; display: inline-flex; justify-content: center; max-width: 68px; padding: 2px 6px; border-radius: 7px; background: var(--parent-surface-soft); color: var(--parent-primary-hover); font-size: 11px; font-weight: 600; line-height: 18px; white-space: nowrap; }
.parent-radar .content { min-width: 0; }
.parent-radar .title { display: block; color: var(--parent-text); text-decoration: none; font-size: 14px; font-weight: 600; line-height: 20px; word-break: keep-all; }
.parent-radar .title:hover { color: var(--parent-primary-hover); text-decoration: underline; }
.parent-radar .snippet { overflow: hidden; margin: 1px 0 0; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.parent-radar .meta { display: flex; flex-wrap: wrap; gap: 2px 6px; margin-top: 2px; color: var(--parent-text-secondary); font-size: 12px; line-height: 18px; }
.parent-radar .meta span + span::before { content: "·"; margin-right: 6px; color: #a8afa9; }
.parent-radar .issue-sources { margin-top: 3px; color: var(--parent-text-secondary); font-size: 12px; }
.parent-radar .issue-sources summary { cursor: pointer; color: var(--parent-primary); font-weight: 600; }
.parent-radar .source-links { display: grid; gap: 3px; margin-top: 5px; }
.parent-radar .source-links a { overflow: hidden; color: var(--parent-text-secondary); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.parent-radar .source-links a:hover { color: var(--parent-primary-hover); text-decoration: underline; }
.parent-radar .score-explanation { display: flex; flex-wrap: wrap; gap: 2px 8px; margin-top: 5px; color: var(--parent-text-secondary); }
.parent-radar .empty { padding: 24px 16px; text-align: center; color: var(--parent-text-secondary); font-size: 13px; line-height: 20px; }
.parent-radar .radar-empty-copy { margin: 0; }
.parent-radar .pager { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; }
.parent-radar .pager a { display: inline-flex; align-items: center; justify-content: center; min-width: 70px; min-height: 40px; padding: 7px 10px; border: 1px solid var(--parent-border); border-radius: var(--parent-control-radius); background: var(--parent-surface); color: var(--parent-primary); text-decoration: none; font-size: 13px; font-weight: 600; }
.parent-radar .page { padding: 0 5px; color: var(--parent-text-secondary); font-size: 12px; }

/* Today authenticated fragments */
.parent-today .today-fragment-slot { min-height: 250px; }
.parent-today .today-fragment-slot--engagement { min-height: 310px; }
.parent-today .today-shell-feedback { display: grid; gap: 8px; }
.parent-today .today-shell-feedback .mission-feedback,
.parent-today .today-shell-feedback .pulse-feedback { margin: 0; }
.parent-today .today-fragment-skeleton {
  display: grid;
  min-height: inherit;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-radius);
  background: var(--parent-surface);
}
.parent-today .today-fragment-skeleton span {
  display: block;
  height: 54px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--parent-surface-soft) 25%, #f7faf8 45%, var(--parent-surface-soft) 65%);
  background-size: 300% 100%;
  animation: today-fragment-shimmer 1.4s ease-in-out infinite;
}
.parent-today .today-fragment-skeleton span:first-child { height: 30px; width: 58%; }
.parent-today .today-fragment-error {
  display: flex;
  min-height: inherit;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-radius);
  background: var(--parent-surface);
  color: var(--parent-text-secondary);
  text-align: center;
}
.parent-today .today-fragment-error p { margin: 0; }
.parent-today .today-fragment-error button {
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #cde2dc;
  border-radius: var(--parent-control-radius);
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
@keyframes today-fragment-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

@media (max-width: 767px) {
  .parent-ui h1 { font-size: 22px; line-height: 30px; }
  .parent-home h1 { font-size: 21px; line-height: 28px; }
  .parent-home .wrap { padding: 7px 8px 36px; }
  .parent-home .panel { padding: 11px; }
  .parent-home .summary-actions .btn-primary { flex: 1 0 100%; }
  .parent-home .summary-actions .btn-light { flex: 1 1 auto; }
  .parent-home .card-grid { grid-template-columns: 1fr; }
  .parent-home .academy-card { padding: 9px 10px; }
  .parent-home .academy-card__badges { gap: 4px !important; }
  .parent-home .academy-card__reason { display: -webkit-box; overflow: hidden; margin-top: 3px !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .parent-home .academy-card .card-actions { flex-wrap: nowrap; gap: 5px; padding-top: 6px; }
  .parent-home .academy-card .card-actions .btn { min-height: 38px; padding: 7px 8px; white-space: nowrap; }
  .parent-home .academy-card .card-actions > .btn-primary { flex: 1 1 auto; }
  .parent-home .academy-card .card-actions > .js-compare-add,
  .parent-home .academy-card .card-actions > .js-home-favorite-toggle { flex: 0 0 auto; }
  .parent-home .compare-utility { flex-wrap: nowrap; }
  .parent-home .compare-utility > div:last-child { display: flex !important; flex-wrap: nowrap !important; gap: 5px !important; }
  .parent-home .compare-utility .btn { min-height: 36px; padding: 6px 8px; }
  .parent-today h1 { font-size: 20px; line-height: 27px; }
  .parent-today .today-wrap { padding: 7px 8px 36px; }
  .parent-today .today-hero { padding: 8px 10px; }
  .parent-today .quick-launch { min-height: 90px; }
  body.parent-global-nav-present { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
  body.parent-global-nav-present .cta-fixed,
  body.parent-global-nav-present .sticky { bottom: calc(62px + env(safe-area-inset-bottom)); }
  .parent-desktop-nav { display: none; }
  .parent-mobile-brand-header {
    display: flex;
    min-height: 45px;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
    border-bottom: 1px solid var(--parent-border);
    background: var(--parent-surface);
  }
  .parent-mobile-brand-header .parent-brand-wordmark { font-size: 19px; line-height: 26px; }
  .parent-mobile-nav {
    position: fixed;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 850;
    padding: 3px 5px calc(3px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--parent-border);
    background: rgba(255,255,255,.98);
  }
  .parent-mobile-nav .parent-nav-link { position: relative; min-width: 0; min-height: 54px; padding: 3px 1px; gap: 1px; flex-direction: column; border-radius: 9px; font-size: 11px; line-height: 16px; }
  .parent-mobile-nav .parent-nav-icon { background: transparent; }
  .parent-mobile-nav .parent-nav-count { position: absolute; top: 0; left: calc(50% + 6px); min-width: 19px; height: 19px; padding: 0 4px; border: 2px solid var(--parent-surface); font-size: 10px; }
  body.parent-nav-keyboard-open { padding-bottom: 0; }
  body.parent-nav-keyboard-open .parent-mobile-nav { display: none; }
  body.parent-nav-keyboard-open .cta-fixed,
  body.parent-nav-keyboard-open .sticky { bottom: 0; }
  .parent-today .mission-button,
  .parent-today .mission-link,
  .parent-today .mission-done,
  .parent-data-lab .btn { min-height: 44px; }
  .parent-data-lab .filters { grid-template-columns: 1fr; }
  .parent-data-lab .filters .btn { width: 100%; }
  .parent-data-lab .card-top { align-items: flex-start; }
  .parent-radar .wrap { padding: 7px 7px 36px; }
  .parent-radar .header { padding: 5px 3px 7px; }
  .parent-radar .radar-tab { min-height: 40px; }
  .parent-radar .row { padding: 7px 8px; }
}

@media (min-width: 760px) {
  .parent-today .today-wrap { padding: 20px 18px 56px; }
  .parent-today .mission-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
  .parent-today .mission-item + .mission-item { border-top: 0; border-left: 1px solid var(--parent-border); padding-left: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .parent-today .today-fragment-skeleton span { animation: none; }
}
.school-meal-card{display:grid;gap:14px;background:linear-gradient(145deg,#fffdf7,#f4fbf8);border:1px solid #d7e9e2}
.school-meal-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.school-meal-card__head h2{margin:2px 0 0}
.school-meal-card__today{padding:16px;border-radius:18px;background:#fff;border:1px solid #e2ece8}
.school-meal-card__today p{margin:8px 0;line-height:1.75;word-break:keep-all}
.school-meal-card__tomorrow{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 14px;border-radius:14px;background:#edf7f3;line-height:1.55}
.school-meal-card__tomorrow .school-meal-health-note{grid-column:1/-1}
.school-meal-calorie{color:#44645d;font-size:13px;font-weight:700}
.school-meal-source,.school-meal-health-note{margin:0;color:#65756f;font-size:12px;line-height:1.5}
.school-meal-empty{margin:0;padding:16px;border-radius:14px;background:#f5f6f5;color:#52615c}
.school-meal-notice{margin:0;padding:12px 14px;border-radius:12px;background:#fff4d9;color:#735a1b}
.school-meal-details{border-top:1px solid #dce8e3;padding-top:10px}
.school-meal-details summary{cursor:pointer;font-weight:700;color:#315e55;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;list-style:none;padding:8px 0;border-radius:12px}
.school-meal-details summary::-webkit-details-marker{display:none}
.school-meal-details summary::after{content:"〉";flex:0 0 auto;transform:rotate(0deg);transition:transform .15s ease}
.school-meal-details[open] summary::after{transform:rotate(90deg)}
.school-meal-details summary:focus-visible,.meal-week-nav a:focus-visible{outline:3px solid #2f7568;outline-offset:3px}
.school-meal-allergen-alert{display:flex;align-items:flex-start;gap:8px;margin:10px 0 6px;padding:10px 12px;border:1px solid #b45309;border-radius:14px;background:#fff7ed;color:#9a3412;font-weight:700;line-height:1.45}
.school-meal-allergen-alert__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#9a3412;color:#fff7ed;font-size:13px;line-height:1}
.school-meal-allergens .is-allergen-match,.meal-menu-list .is-allergen-match,.school-meal-menu-list .is-allergen-match{font-weight:700;color:#9a3412}
.school-meal-menu-list{margin:8px 0 0;padding-left:18px;line-height:1.65}
.child-allergen-section{margin-top:28px;padding-top:20px;border-top:1px solid var(--parent-border,#d7e3de)}
.child-allergen-toggle,.child-allergen-consent{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-weight:600;line-height:1.45}
.child-allergen-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:12px 0 16px}
.child-allergen-chip{display:flex;gap:8px;align-items:flex-start;min-height:44px;padding:10px 12px;border:1px solid #d7e3de;border-radius:14px;background:#f7fbf9;font-size:13px;line-height:1.4;cursor:pointer}
.child-allergen-chip input{margin-top:2px}
@media (max-width:430px){.child-allergen-chips{grid-template-columns:1fr}.school-meal-allergen-alert{padding:10px}}
.school-meal-allergens{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:8px 0;margin:0}
.school-meal-allergens li{padding:5px 9px;border-radius:999px;background:#edf4f1;font-size:12px}
.meal-week-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}
.meal-week-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;border-radius:24px;background:#eaf6f1}
.meal-week-hero h1{margin:4px 0}.meal-week-hero p{margin:0}
.meal-week-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;text-align:center}
.meal-week-nav a{color:#315e55;font-weight:700;text-decoration:none}.meal-week-nav a:last-child{text-align:right}.meal-week-nav a:first-child{text-align:left}
.meal-week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.meal-day-card{padding:18px;border:1px solid #dce8e3;border-radius:20px;background:#fff}
.meal-day-card.is-today{border:2px solid #3f776d;background:#f5fbf8}
.meal-day-card header{display:flex;align-items:center;gap:8px}.meal-day-card header strong{font-size:18px}.meal-day-card header em{margin-left:auto;padding:3px 8px;border-radius:999px;background:#3f776d;color:#fff;font-style:normal;font-size:12px}
.meal-menu-list{padding-left:20px;line-height:1.65}.meal-week-source{margin-top:18px;color:#65756f;font-size:12px;line-height:1.6}.meal-week-empty{margin:20px 0}
@media (max-width: 600px){.school-meal-card__head,.meal-week-hero{display:grid}.school-meal-card__tomorrow{grid-template-columns:1fr}.meal-week-grid{grid-template-columns:1fr}.meal-week-wrap{width:min(100% - 20px,1120px);padding-top:14px}.meal-week-nav{grid-template-columns:1fr 1fr}.meal-week-nav strong{grid-column:1/-1;grid-row:1}.meal-week-nav a{grid-row:2}.meal-day-card{padding:15px}.school-meal-card__today p{word-break:normal}}
@media (max-width: 390px){.meal-week-wrap{width:calc(100% - 16px)}.meal-week-hero{padding:18px}.meal-week-nav{gap:8px}.school-meal-card{gap:12px}}

/* Issue #323 ? schoolboda timetable clock picker */
.timetable-time-input--enhanced {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
.timetable-time-shell { display: grid; gap: 0; }
.timetable-time-trigger {
  display: flex;
  min-height: 44px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #cbd6d3;
  border-radius: 11px;
  background: #fff;
  color: #1f302c;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.timetable-time-trigger__value { font-weight: 700; font-variant-numeric: tabular-nums; }
.timetable-time-trigger__caret { color: #6f7c78; }
.timetable-time-trigger:focus-visible { outline: 3px solid #f0a55b; outline-offset: 2px; }
.timetable-duration-chips__row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.timetable-duration-chip {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #cfd9d6;
  border-radius: 999px;
  background: #fff;
  color: #41534e;
  font: inherit;
  font-size: .78rem;
  font-weight: 650;
  cursor: pointer;
}
.timetable-duration-chip.is-selected {
  border-color: #3f776d;
  background: #eaf4f1;
  color: #214c44;
  box-shadow: inset 0 0 0 1px #3f776d;
}
.timetable-duration-chip:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.timetable-duration-chips__hint {
  margin: 4px 0 0;
  color: #8a5206;
  font-size: .75rem;
  font-weight: 600;
}
.timetable-weekday-time.is-time-active {
  border-color: #3f776d;
  box-shadow: inset 0 0 0 1px rgba(63, 119, 109, .25);
}
.timetable-time-picker {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  align-items: end;
  justify-items: center;
}
.timetable-time-picker[hidden] { display: none !important; }
.timetable-time-picker__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(20, 35, 32, .4);
  cursor: pointer;
}
.timetable-time-picker__panel {
  position: relative;
  z-index: 1;
  width: min(440px, 100%);
  max-height: min(92vh, 720px);
  padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  overflow: auto;
  border-radius: 22px 22px 0 0;
  background: #fff;
  box-shadow: 0 -18px 40px rgba(32, 52, 47, .2);
}
.timetable-time-picker__title {
  margin: 0 0 14px;
  font-size: 1.05rem;
}
.timetable-time-picker__label {
  margin: 14px 0 8px;
  color: #56645f;
  font-size: .8rem;
  font-weight: 700;
}
.timetable-time-picker__period {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.timetable-time-picker__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.timetable-time-picker__chip {
  min-height: 44px;
  border: 1px solid #d0dbd7;
  border-radius: 12px;
  background: #fff;
  color: #243832;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.timetable-time-picker__chip.is-selected {
  border-color: #3f776d;
  background: #eaf4f1;
  color: #214c44;
  box-shadow: inset 0 0 0 1px #3f776d;
}
.timetable-time-picker__chip:focus-visible {
  outline: 3px solid #f0a55b;
  outline-offset: 2px;
}
.timetable-time-picker__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
}
.timetable-time-picker__cancel,
.timetable-time-picker__confirm {
  min-height: 48px;
  border-radius: 13px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.timetable-time-picker__cancel {
  border: 1px solid #bfcac7;
  background: #fff;
  color: #41534e;
}
.timetable-time-picker__confirm {
  border: 0;
  background: #3f776d;
  color: #fff;
}
body.timetable-time-picker-open { overflow: hidden; }
@media (min-width: 720px) {
  .timetable-time-picker { align-items: center; }
  .timetable-time-picker__panel {
    border-radius: 20px;
    box-shadow: 0 18px 48px rgba(32, 52, 47, .22);
  }
}
@media (max-width: 640px) {
  .timetable-weekday-time:not(.is-time-active) .timetable-duration-chips {
    display: none;
  }
}

/* Shared parent flow forms (address, onboarding, child, explore gates) */
.parent-flow,
.parent-flow *,
.parent-flow *::before,
.parent-flow *::after {
  box-sizing: border-box;
}
.parent-flow .parent-flow-wrap {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 14px 14px 72px;
}
.parent-flow .parent-flow-wrap--narrow {
  max-width: 560px;
}
.parent-flow .parent-flow-panel,
.parent-flow .parent-flow-card {
  margin-bottom: 0;
  padding: 16px;
}
.parent-flow .parent-flow-wrap > * + * {
  margin-top: 12px;
}
.parent-flow .parent-flow-section {
  margin-top: 12px;
}
.parent-flow .parent-flow-lead,
.parent-flow .muted {
  margin: 0;
  color: var(--parent-text-secondary);
  font-size: 13px;
  line-height: 20px;
}
.parent-flow .parent-flow-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.parent-flow .parent-flow-header h1 {
  margin: 0 0 4px;
}
.parent-flow .parent-flow-actions,
.parent-flow .action-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.parent-flow .parent-flow-actions {
  margin-top: 14px;
}
.parent-flow .btn,
.parent-flow a.btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 13px;
  border: 1px solid transparent;
  border-radius: var(--parent-control-radius);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.parent-flow .btn-primary {
  background: var(--parent-primary);
  color: #fff;
}
.parent-flow .btn-primary:hover {
  background: var(--parent-primary-hover);
}
.parent-flow .btn-light {
  border-color: #cde2dc;
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
}
.parent-flow .btn-soft {
  border-color: var(--parent-border);
  background: var(--parent-surface-soft);
  color: var(--parent-text);
}
.parent-flow .btn-quiet,
.parent-flow .btn-ghost {
  border-color: transparent;
  background: transparent;
  color: var(--parent-text-secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.parent-flow .btn-danger {
  border-color: #e8c5c5;
  background: #fff7f7;
  color: var(--parent-danger);
}
.parent-flow .btn-block {
  width: 100%;
}
.parent-flow .field,
.parent-flow .form-row,
.parent-flow .subject-row {
  margin: 0 0 12px;
}
.parent-flow .field label,
.parent-flow .field-label,
.parent-flow label.field-label {
  display: block;
  margin-bottom: 6px;
  color: var(--parent-text);
  font-size: 13px;
  font-weight: 600;
}
.parent-flow input[type="text"],
.parent-flow input[type="month"],
.parent-flow select,
.parent-flow textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
  color: var(--parent-text);
  box-sizing: border-box;
}
.parent-flow .search-row,
.parent-flow .address-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr) auto;
  gap: 10px;
  align-items: end;
}
.parent-flow .notice {
  margin: 0 0 12px;
  padding: 11px 13px;
  border-radius: var(--parent-control-radius);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}
.parent-flow .notice.success {
  border: 1px solid #cde2dc;
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
}
.parent-flow .notice.error,
.parent-flow .error-box {
  border: 1px solid #e8c5c5;
  background: #fff7f7;
  color: var(--parent-danger);
}
.parent-flow .info-box {
  padding: 11px 13px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  color: var(--parent-text);
  font-size: 13px;
  line-height: 1.5;
}
.parent-flow .empty,
.parent-flow .empty-box {
  padding: 14px;
  border: 1px dashed var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  color: var(--parent-text-secondary);
  font-size: 13px;
  line-height: 1.5;
}
.parent-flow .result-item,
.parent-flow .child-card,
.parent-flow .enrollment {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
}
.parent-flow .result-item-title {
  font-weight: 600;
  color: var(--parent-text);
  overflow-wrap: anywhere;
}
.parent-flow .result-item .sub,
.parent-flow .meta {
  margin-top: 4px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 18px;
}
.parent-flow .save-box {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed var(--parent-border);
}
.parent-flow .child-tabs {
  display: flex;
  gap: 6px;
  margin-top: 10px;
  overflow-x: auto;
  scrollbar-width: none;
}
.parent-flow .child-tab {
  display: inline-flex;
  min-height: 40px;
  flex: 0 0 auto;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
  color: var(--parent-text-secondary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.parent-flow .child-tab.active {
  border-color: #cde2dc;
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
}
.parent-flow .option-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.parent-flow .card-option {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  font-size: 13px;
  font-weight: 600;
}
.parent-flow .pref-cta {
  display: block;
  margin-top: 0;
  padding: 12px 14px;
  border: 1px solid #cde2dc;
  border-radius: var(--parent-control-radius);
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.parent-flow .pref-cta.done {
  border-color: #cde2dc;
  background: var(--parent-surface-soft);
  color: var(--parent-primary-hover);
}
.parent-flow .pref-cta .sub {
  display: block;
  margin-top: 6px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  font-weight: 400;
}
.parent-flow .summary {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  color: var(--parent-text);
  font-size: 13px;
  font-weight: 600;
}
.parent-flow .subject-more {
  margin-top: 4px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
}
.parent-flow .subject-more > summary {
  display: flex;
  min-height: 40px;
  cursor: pointer;
  align-items: center;
  padding: 8px 12px;
  color: var(--parent-text-secondary);
  font-size: 13px;
  font-weight: 600;
}
.parent-flow .subject-more[open] > summary {
  border-bottom: 1px solid var(--parent-border);
}
.parent-flow .subject-more-body {
  padding: 10px 12px 4px;
}
.parent-flow .cta-stack {
  display: grid;
  gap: 8px;
}
.parent-flow .action-card {
  display: flex;
  min-height: 44px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  color: var(--parent-text);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.parent-flow .action-card--primary {
  border-color: transparent;
  background: var(--parent-primary);
  color: #fff;
}
.parent-flow .action-card .desc {
  color: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  opacity: .9;
}
.parent-flow .action-card:not(.action-card--primary) .desc {
  color: var(--parent-text-secondary);
  opacity: 1;
}
.parent-flow .child-name {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
}
.parent-flow .child-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.parent-flow .child-actions form {
  display: inline;
}
.parent-flow .grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.parent-flow .school-section {
  margin-top: 4px;
  padding: 14px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-radius);
  background: var(--parent-surface-soft);
}
.parent-flow .section-head {
  margin-bottom: 12px;
}
.parent-flow .help {
  margin: 6px 0 0;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 18px;
}
.parent-flow .school-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
}
.parent-flow .school-card-content {
  min-width: 0;
  flex: 1;
}
.parent-flow .school-status {
  margin-bottom: 4px;
  color: var(--parent-primary);
  font-size: 12px;
  font-weight: 600;
}
.parent-flow .school-card-name,
.parent-flow .school-name {
  color: var(--parent-text);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.parent-flow .school-card-meta,
.parent-flow .school-region {
  margin-top: 4px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 1.4;
}
.parent-flow .school-card-address,
.parent-flow .school-address {
  margin-top: 4px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.parent-flow .school-empty {
  color: var(--parent-text-secondary);
  line-height: 1.45;
}
.parent-flow .school-card-actions {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}
.parent-flow .link-button {
  min-height: 40px;
  padding: 8px;
  border: 0;
  background: transparent;
  color: var(--parent-text-secondary);
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.parent-flow .school-search-panel {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--parent-border);
}
.parent-flow .school-search-panel[hidden] {
  display: none;
}
.parent-flow .school-search-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.parent-flow .school-search-row input {
  flex: 1 1 auto;
  min-width: 0;
}
.parent-flow .school-search-btn {
  white-space: nowrap;
  min-width: 84px;
}
.parent-flow .school-result-list {
  display: none;
  max-height: 300px;
  margin-top: 8px;
  padding: 4px;
  overflow-y: auto;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
}
.parent-flow .school-result-list.open {
  display: block;
}
.parent-flow .school-result-item {
  min-height: 52px;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
}
.parent-flow .school-result-item + .school-result-item {
  border-top: 1px solid var(--parent-border);
}
.parent-flow .school-result-item:hover,
.parent-flow .school-result-item.active {
  background: var(--parent-primary-soft);
}
.parent-flow .result-message {
  min-height: 44px;
  padding: 12px;
  color: var(--parent-text-secondary);
  line-height: 1.45;
}
.parent-flow .commute-block {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--parent-border);
}
.parent-flow .radio-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
}
.parent-flow .radio-card {
  display: flex;
  min-height: 44px;
  align-items: flex-start;
  gap: 8px;
  padding: 11px 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}
.parent-flow .radio-card input {
  margin: 3px 0 0;
  flex: 0 0 auto;
}
.parent-flow .radio-card:has(input:checked) {
  border-color: #cde2dc;
  background: var(--parent-primary-soft);
}
.parent-flow .radio-card:has(input:disabled) {
  color: var(--parent-text-secondary);
  background: var(--parent-surface-soft);
  cursor: not-allowed;
}
.parent-flow .button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.parent-flow .button-row .btn-primary {
  min-width: 140px;
}
.parent-flow .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.parent-flow .status-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
}
.parent-flow .status-label {
  color: var(--parent-text);
  font-size: 15px;
  font-weight: 600;
}
.parent-flow .status-note {
  margin: 4px 0 0;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 18px;
}
.parent-flow .choice-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.parent-flow .choice-card {
  padding: 14px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-radius);
  background: var(--parent-surface);
}
.parent-flow .choice-badge {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 3px 8px;
  border-radius: 8px;
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
  font-size: 12px;
  font-weight: 600;
}
.parent-flow .search-wrap {
  position: relative;
}
.parent-flow .search-results {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 20;
  max-height: 280px;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
  box-shadow: 0 10px 24px rgba(36, 38, 43, .12);
}
.parent-flow .search-results[hidden],
.parent-flow .raw-panel[hidden] {
  display: none;
}
.parent-flow .search-result {
  display: block;
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 8px;
  background: var(--parent-surface);
  text-align: left;
  cursor: pointer;
}
.parent-flow .search-result:hover,
.parent-flow .search-result[aria-selected="true"] {
  background: var(--parent-primary-soft);
}
.parent-flow .search-result + .search-result {
  border-top: 1px solid var(--parent-border);
}
.parent-flow .result-name {
  display: block;
  color: var(--parent-text);
  font-weight: 600;
}
.parent-flow .result-meta {
  display: block;
  margin-top: 3px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 1.4;
}
.parent-flow .raw-toggle {
  margin-top: 8px;
  min-height: 40px;
  border: 0;
  background: transparent;
  color: var(--parent-primary-hover);
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.parent-flow .raw-panel {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
}
.parent-flow .form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.parent-flow .enrollment-list {
  display: grid;
  gap: 8px;
}
.parent-flow .enrollment-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.parent-flow .tag {
  padding: 3px 8px;
  border-radius: 8px;
  background: var(--parent-surface-soft);
  color: var(--parent-text-secondary);
  font-size: 12px;
  font-weight: 600;
}
.parent-flow .end-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-top: 10px;
}
.parent-flow .end-form .btn {
  min-width: 96px;
}
.parent-flow .footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.parent-flow .history {
  opacity: .92;
}
@media (min-width: 720px) {
  .parent-flow .parent-flow-wrap {
    padding: 18px 18px 72px;
  }
  .parent-flow .parent-flow-panel,
  .parent-flow .parent-flow-card {
    padding: 18px;
  }
  .parent-flow .choice-grid {
    grid-template-columns: 1fr 1fr;
  }
  .parent-flow .form-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0 12px;
  }
  .parent-flow .form-grid .field-wide {
    grid-column: 1 / -1;
  }
}
@media (max-width: 860px) {
  .parent-flow .address-search-row {
    grid-template-columns: 1fr;
  }
  .parent-flow .address-search-row .btn {
    width: auto;
    justify-self: start;
  }
}
@media (max-width: 767px) {
  .parent-flow .parent-flow-wrap {
    padding: 12px 12px 72px;
  }
  .parent-flow .parent-flow-panel,
  .parent-flow .parent-flow-card,
  .parent-flow .choice-card {
    padding: 14px;
  }
  .parent-flow .option-grid,
  .parent-flow .grid-2,
  .parent-flow .radio-row {
    grid-template-columns: 1fr;
  }
  .parent-flow .school-card {
    flex-direction: column;
  }
  .parent-flow .school-card-actions {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .parent-flow .school-card-actions > * {
    flex: 1 1 140px;
  }
  .parent-flow .school-search-row {
    flex-direction: column;
  }
  .parent-flow .school-search-btn {
    width: 100%;
  }
}
@media (max-width: 430px) {
  .parent-flow .parent-flow-actions .btn-primary {
    flex: 1 1 auto;
  }
  .parent-flow .child-actions .btn-primary {
    flex: 1 1 100%;
  }
}
@media (max-width: 390px) {
  .parent-flow .end-form {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 360px) {
  .parent-flow .parent-flow-wrap {
    padding: 10px 10px 72px;
  }
}

/* Parent academy browse: list + map (#343) */
.parent-academy-browse,
.parent-academy-map,
.parent-academy-browse *,
.parent-academy-map *,
.parent-academy-browse *::before,
.parent-academy-map *::before,
.parent-academy-browse *::after,
.parent-academy-map *::after {
  box-sizing: border-box;
}
.parent-academy-browse .browse-wrap,
.parent-academy-map .browse-wrap {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 12px 14px 72px;
  min-width: 0;
}
.parent-academy-browse .browse-header,
.parent-academy-map .browse-header,
.parent-academy-browse .browse-panel,
.parent-academy-map .browse-panel,
.parent-academy-browse .browse-card,
.parent-academy-map .browse-card,
.parent-academy-map .item {
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-radius);
  background: var(--parent-surface);
  min-width: 0;
}
.parent-academy-browse .browse-header,
.parent-academy-map .browse-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 16px;
  margin-bottom: 10px;
}
.parent-academy-browse .browse-header h1,
.parent-academy-map .browse-header h1 {
  margin: 0 0 4px;
  font-size: 24px;
  line-height: 32px;
}
.parent-academy-browse .browse-lead,
.parent-academy-map .browse-lead,
.parent-academy-browse .browse-muted,
.parent-academy-map .browse-muted,
.parent-academy-map .muted {
  margin: 0;
  color: var(--parent-text-secondary);
  font-size: 13px;
  line-height: 20px;
}
.parent-academy-browse .browse-actions,
.parent-academy-map .browse-actions,
.parent-academy-browse .browse-card-actions,
.parent-academy-map .actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.parent-academy-browse .btn,
.parent-academy-map .btn,
.parent-academy-browse a.btn,
.parent-academy-map a.btn,
.parent-academy-browse .page-link,
.parent-academy-browse .detail-link,
.parent-academy-browse .reset-button,
.parent-academy-browse .search-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 13px;
  border: 1px solid transparent;
  border-radius: var(--parent-control-radius);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
}
.parent-academy-browse .btn-primary,
.parent-academy-map .btn-primary,
.parent-academy-browse .search-button,
.parent-academy-browse .detail-link,
.parent-academy-browse .page-link.active {
  background: var(--parent-primary);
  color: #fff;
  border-color: var(--parent-primary);
}
.parent-academy-browse .btn-primary:hover,
.parent-academy-map .btn-primary:hover,
.parent-academy-browse .search-button:hover,
.parent-academy-browse .detail-link:hover {
  background: var(--parent-primary-hover);
  border-color: var(--parent-primary-hover);
}
.parent-academy-browse .btn-soft,
.parent-academy-map .btn-soft,
.parent-academy-browse .btn-light,
.parent-academy-map .btn-light,
.parent-academy-browse .reset-button,
.parent-academy-browse .page-link {
  border-color: var(--parent-border);
  background: var(--parent-surface-soft);
  color: var(--parent-primary-hover);
}
.parent-academy-browse .browse-panel,
.parent-academy-map .browse-panel {
  padding: 14px 16px;
  margin-bottom: 10px;
}
.parent-academy-browse .search-form {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto auto auto auto;
  gap: 10px;
  align-items: end;
}
.parent-academy-browse .field-group,
.parent-academy-map .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.parent-academy-browse .field-group label,
.parent-academy-map .field label {
  color: var(--parent-text);
  font-size: 13px;
  font-weight: 600;
}
.parent-academy-browse .search-input,
.parent-academy-browse .search-select,
.parent-academy-map .field select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
  color: var(--parent-text);
}
.parent-academy-browse .filter-inline,
.parent-academy-map .check {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  color: var(--parent-text);
  font-size: 13px;
  font-weight: 600;
}
.parent-academy-browse .filter-inline input,
.parent-academy-map .check input {
  width: 18px;
  height: 18px;
  accent-color: var(--parent-primary);
}
.parent-academy-browse .location-status {
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px solid #cde2dc;
  border-radius: var(--parent-control-radius);
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
}
.parent-academy-browse .status-badge,
.parent-academy-browse .result-pill,
.parent-academy-browse .distance-chip,
.parent-academy-map .summary-badge,
.parent-academy-map .chip,
.parent-academy-map .distance {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 2px 8px;
  border-radius: 8px;
  background: var(--parent-surface-soft);
  color: var(--parent-text-secondary);
  font-size: 12px;
  font-weight: 600;
}
.parent-academy-browse .status-badge.success,
.parent-academy-map .summary-badge {
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
}
.parent-academy-browse .status-badge.warning {
  background: var(--parent-accent-yellow-soft);
  color: #765417;
}
.parent-academy-browse .status-badge.franchise,
.parent-academy-map .badge.info {
  background: var(--parent-accent-yellow-soft);
  color: #9a5b00;
}
.parent-academy-browse .help-text {
  margin-top: 8px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 18px;
}
.parent-academy-browse .result-info,
.parent-academy-map .top-summary,
.parent-academy-map .legend,
.parent-academy-map .map-guide,
.parent-academy-map .badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 10px;
}
.parent-academy-browse .academy-list,
.parent-academy-map .list-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.parent-academy-browse .browse-card,
.parent-academy-map .item {
  padding: 12px 14px;
}
.parent-academy-browse .card-top,
.parent-academy-map .topline {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.parent-academy-browse .region {
  margin-bottom: 2px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  font-weight: 600;
}
.parent-academy-browse .name,
.parent-academy-map .name {
  margin: 0 0 4px;
  color: var(--parent-text);
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}
.parent-academy-browse .distance-chip,
.parent-academy-map .distance {
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
  white-space: nowrap;
}
.parent-academy-browse .meta,
.parent-academy-browse .card-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: 4px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 18px;
}
.parent-academy-browse .browse-card-actions {
  margin-top: 10px;
}
.parent-academy-browse .empty-box,
.parent-academy-map .empty {
  padding: 20px 16px;
  border: 1px dashed var(--parent-border);
  border-radius: var(--parent-radius);
  background: var(--parent-surface);
  color: var(--parent-text-secondary);
  text-align: center;
}
.parent-academy-browse .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-top: 14px;
}
.parent-academy-browse .page-link.active {
  box-shadow: inset 0 0 0 1px var(--parent-primary);
}
.parent-academy-browse .loading-spinner,
.parent-academy-map .loading-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  display: none;
  animation: parent-academy-browse-spin .7s linear infinite;
  flex: 0 0 auto;
}
.parent-academy-browse .is-loading .loading-spinner {
  display: inline-block;
}
.parent-academy-browse .is-loading {
  opacity: .82;
  pointer-events: none;
}
.parent-academy-browse .btn-loading-text {
  display: none;
}
.parent-academy-browse .is-loading .btn-default-text {
  display: none;
}
.parent-academy-browse .is-loading .btn-loading-text {
  display: inline;
}
@keyframes parent-academy-browse-spin {
  to { transform: rotate(360deg); }
}

.parent-academy-map .toolbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}
.parent-academy-map .checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 10px;
}
.parent-academy-map .layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.parent-academy-map .map-panel {
  position: sticky;
  top: 12px;
}
.parent-academy-map .map-wrap {
  height: min(62vh, 560px);
  min-height: 360px;
  border-radius: var(--parent-radius);
  overflow: hidden;
  border: 1px solid var(--parent-border);
  background: var(--parent-surface-soft);
}
.parent-academy-map .map-message {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 24px;
  color: var(--parent-text-secondary);
  background: var(--parent-surface-soft);
  text-align: center;
}
.parent-academy-map .guide-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid var(--parent-border);
  border-radius: 999px;
  background: var(--parent-surface);
  color: var(--parent-text-secondary);
  font-size: 12px;
}
.parent-academy-map .guide-dot {
  width: 11px;
  height: 11px;
  border-radius: 999px;
}
.parent-academy-map .guide-dot.unregistered { background: #cbd5e1; }
.parent-academy-map .guide-dot.basic { background: #f6ad1a; }
.parent-academy-map .guide-dot.premium { background: #6d65f5; }
.parent-academy-map .item {
  transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.parent-academy-map .item.dimmed { opacity: .45; }
.parent-academy-map .item.highlighted {
  border-color: #cde2dc;
}
.parent-academy-map .item.active-focus {
  border-color: var(--parent-primary);
  box-shadow: 0 0 0 3px rgba(63, 119, 109, .18);
  outline: 2px solid var(--parent-primary);
  outline-offset: 1px;
}
.parent-academy-map .badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
}
.parent-academy-map .badge.rank { color: #fff; }
.parent-academy-map .badge.ribbon {
  border-radius: 10px 10px 14px 14px;
  padding: 6px 10px;
  position: relative;
}
.parent-academy-map .badge.ribbon::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -8px;
  border-width: 8px 7px 0 7px;
  border-style: solid;
  border-color: currentColor transparent transparent transparent;
  opacity: .18;
}
.parent-academy-map .badge.crown {
  background: transparent;
  color: var(--parent-text);
  padding: 0 0 0 2px;
  font-size: 28px;
  line-height: 1;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.22));
}
.parent-academy-map .badge.crown small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #fff;
  border: 2px solid currentColor;
  font-size: 12px;
  font-weight: 700;
  margin-left: 4px;
  vertical-align: middle;
  box-shadow: 0 3px 8px rgba(0,0,0,.14);
}
.parent-academy-map .badge.crown.gold { color: #f5b301; }
.parent-academy-map .badge.crown.silver { color: #9aa4b2; }
.parent-academy-map .badge.crown.bronze { color: #c56b1a; }
.parent-academy-map .badge.match-best { background: #dbeafe; color: #1d4ed8; }
.parent-academy-map .badge.match-good { background: #ecfdf3; color: #027a48; }
.parent-academy-map .badge.match-mid { background: #fef3c7; color: #b54708; }
.parent-academy-map .badge.match-low { background: #ffedd5; color: #c2410c; }
.parent-academy-map .badge.option { background: #ecfdf3; color: #027a48; }
.parent-academy-map .actions { margin-top: 10px; }
.parent-academy-map .list-intro {
  padding: 12px 14px;
  margin-bottom: 0;
}
.parent-academy-map .kmarker {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  padding: 5px 9px 5px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(148,163,184,.28);
  box-shadow: 0 5px 12px rgba(15,23,42,.12);
}
.parent-academy-map .kmarker-label {
  max-width: 126px;
  color: #243247;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  text-align: left;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.parent-academy-map .kmarker-pin {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.98);
  box-shadow: 0 2px 7px rgba(15,23,42,.24);
  position: relative;
  background: #f6ad1a;
  flex: 0 0 12px;
}
.parent-academy-map .kmarker.unregistered .kmarker-pin { background: #cbd5e1; }
.parent-academy-map .kmarker.basic .kmarker-pin { background: #f59e0b; }
.parent-academy-map .kmarker.premium .kmarker-pin { background: #6558f5; }
.parent-academy-map .kmarker.premium {
  border-color: rgba(101,88,245,.28);
  box-shadow: 0 7px 16px rgba(79,70,229,.16);
}
.parent-academy-map .kmarker.is-focused {
  z-index: 2;
  transform: scale(1.05);
  transform-origin: center bottom;
  box-shadow: 0 8px 18px rgba(79,70,229,.18);
  border-color: rgba(79,70,229,.34);
  outline: 2px solid rgba(79,70,229,.45);
}
.parent-academy-map .kmarker-ribbon {
  position: absolute;
  top: -6px;
  right: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #2563eb;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border: 2px solid #fff;
  box-shadow: 0 3px 8px rgba(0,0,0,.16);
  z-index: 6;
}
.parent-academy-map .khome { padding: 5px 9px 5px 7px; }
.parent-academy-map .khome .kmarker-label { max-width: 66px; }
.parent-academy-map .khome .kmarker-pin { background: #18a957; }
.parent-academy-map .popup-card {
  min-width: 230px;
  max-width: min(280px, calc(100vw - 48px));
  padding: 14px 16px;
  border-radius: var(--parent-radius);
  background: #fff;
  border: 1px solid var(--parent-border);
  box-shadow: 0 10px 24px rgba(31,41,55,.16);
  font-size: 13px;
  line-height: 1.5;
}
.parent-academy-map .popup-card .title {
  font-weight: 700;
  font-size: 15px;
  color: var(--parent-text);
  margin-bottom: 4px;
}
.parent-academy-map .popup-card .meta {
  color: var(--parent-text-secondary);
  margin-bottom: 8px;
}
.parent-academy-map .popup-card a {
  color: var(--parent-primary-hover);
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 1440px) {
  .parent-academy-map .layout {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  }
}
@media (max-width: 1280px) {
  .parent-academy-browse .browse-wrap,
  .parent-academy-map .browse-wrap {
    max-width: 1180px;
  }
  .parent-academy-map .layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
  .parent-academy-map .map-wrap {
    height: min(58vh, 520px);
  }
}
@media (max-width: 1100px) {
  .parent-academy-browse .search-form {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto auto;
  }
  .parent-academy-browse .filter-inline {
    grid-column: span 1;
  }
}
@media (max-width: 1024px) {
  .parent-academy-map .layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .parent-academy-map .map-panel {
    position: static;
  }
  .parent-academy-map .map-wrap {
    height: 380px;
    min-height: 320px;
  }
  .parent-academy-map .toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .parent-academy-browse .search-form {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media (max-width: 700px) {
  .parent-academy-browse .search-form,
  .parent-academy-map .toolbar {
    grid-template-columns: minmax(0, 1fr);
  }
  .parent-academy-browse .browse-header,
  .parent-academy-map .browse-header {
    display: block;
  }
  .parent-academy-browse .browse-actions,
  .parent-academy-map .browse-actions {
    margin-top: 10px;
  }
  .parent-academy-browse .browse-actions .btn-primary,
  .parent-academy-map .browse-actions .btn-primary {
    flex: 1 1 auto;
  }
  .parent-academy-browse .browse-actions .btn-soft {
    flex: 0 1 auto;
  }
}
@media (max-width: 430px) {
  .parent-academy-browse .browse-wrap,
  .parent-academy-map .browse-wrap {
    padding: 10px 12px 72px;
  }
  .parent-academy-browse .browse-header h1,
  .parent-academy-map .browse-header h1 {
    font-size: 22px;
    line-height: 30px;
  }
  .parent-academy-map .map-wrap {
    height: 360px;
  }
  .parent-academy-browse .btn,
  .parent-academy-map .btn,
  .parent-academy-browse .search-button,
  .parent-academy-browse .detail-link,
  .parent-academy-browse .page-link {
    min-height: 44px;
  }
}
@media (max-width: 390px) {
  .parent-academy-browse .browse-wrap,
  .parent-academy-map .browse-wrap {
    padding: 10px 10px 72px;
  }
  .parent-academy-map .map-wrap {
    height: 340px;
  }
  .parent-academy-browse .browse-actions {
    gap: 6px;
  }
}
@media (max-width: 360px) {
  .parent-academy-browse .browse-wrap,
  .parent-academy-map .browse-wrap {
    padding: 8px 8px 72px;
  }
  .parent-academy-browse .browse-header h1,
  .parent-academy-map .browse-header h1 {
    font-size: 22px;
  }
  .parent-academy-map .map-wrap {
    height: 320px;
    min-height: 320px;
  }
  .parent-academy-browse .pagination .page-link {
    min-width: 40px;
    padding: 8px 10px;
  }
}

/* Parent Sesang / community shell (Issue #303) */
.parent-sesang-hub .story-shell-tabs,
.story-shell-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin: 12px 0 0;
  padding: 4px;
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
}
.parent-sesang-hub .story-shell-tabs--games,
.story-shell-tabs--games {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.story-shell-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 9px;
  color: var(--parent-text-secondary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.story-shell-tab.active {
  background: var(--parent-surface);
  color: var(--parent-primary-hover);
  box-shadow: 0 1px 3px rgba(38, 67, 58, 0.1);
}
.parent-game-panel {
  margin-top: 12px;
}
.parent-game-panel__head {
  padding: 8px 4px 12px;
}
.parent-game-panel__head h2 {
  margin: 3px 0 4px;
  font-size: 21px;
  line-height: 29px;
}
.parent-game-panel__head > p:last-child {
  margin: 0;
  color: var(--parent-text-secondary);
  font-size: 14px;
  line-height: 21px;
}
.parent-game-card {
  overflow: hidden;
}
.parent-game-card__art {
  display: block;
  aspect-ratio: 2 / 1;
  background: #f3e2c4;
  text-decoration: none;
  color: inherit;
}
.parent-game-card__art img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.parent-game-card__body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
}
.parent-game-card__body h3 {
  margin: 5px 0 3px;
  font-size: 20px;
  line-height: 28px;
}
.parent-game-card__body p {
  margin: 0;
  color: var(--parent-text-secondary);
  font-size: 13px;
  line-height: 20px;
}
.parent-game-card__badge {
  color: var(--parent-primary-hover);
  font-size: 12px;
  font-weight: 700;
}
.parent-game-card__play {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  min-height: 46px;
  padding: 10px 16px;
  border-radius: var(--parent-control-radius);
  background: var(--parent-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 390px) {
  .parent-game-card__body {
    align-items: stretch;
    flex-direction: column;
  }
  .parent-game-card__play {
    width: 100%;
  }
}
.parent-sesang-wrap { padding-bottom: 88px; }
.parent-sesang-section { margin-top: 12px; padding: 16px; }
.parent-sesang-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.parent-sesang-section__head h2 { margin: 0; font-size: 18px; line-height: 24px; }
.parent-sesang-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--parent-primary-hover);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.community-feed-list { display: grid; gap: 0; }
.community-feed-list--compact .community-feed-row { padding-top: 10px; padding-bottom: 10px; }
.community-feed-row {
  display: grid;
  gap: 4px;
  min-height: 44px;
  padding: 12px 2px;
  border-bottom: 1px solid var(--parent-border);
  color: inherit;
  text-decoration: none;
}
.community-feed-row--media {
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.community-feed-row__thumb {
  position: relative;
  display: block;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--parent-surface-soft);
}
.community-feed-row__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.community-feed-row__play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  font-size: 14px;
}
.community-feed-row__text {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.community-feed-row:last-child { border-bottom: 0; }
.community-feed-row__title {
  overflow: hidden;
  font-size: 15px;
  font-weight: 650;
  line-height: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.community-feed-row__meta {
  overflow: hidden;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.community-write-cta {
  position: sticky;
  bottom: 76px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  min-height: 48px;
  margin: 18px auto 0;
  padding: 0 18px;
  border-radius: 999px;
  background: var(--parent-primary);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(38, 67, 58, 0.18);
}
.parent-sesang-panel--ours {
  display: flex;
  flex-direction: column;
}
.parent-sesang-panel--ours .community-write-cta { align-self: center; }
.parent-sesang-empty {
  margin: 8px 0 0;
  padding: 14px;
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  color: var(--parent-text-secondary);
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.parent-sesang-form-card,
.parent-sesang-detail,
.parent-sesang-comments,
.parent-sesang-feed { margin-top: 12px; padding: 16px; }
.parent-sesang-policy {
  margin: 0 0 14px;
  padding: 12px;
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface-soft);
  color: var(--parent-text-secondary);
  font-size: 13px;
  line-height: 20px;
}
.parent-sesang-form { display: grid; gap: 12px; }
.parent-sesang-field { display: grid; gap: 6px; color: var(--parent-text-secondary); font-size: 12px; font-weight: 650; }
.parent-sesang-field input,
.parent-sesang-field select,
.parent-sesang-field textarea,
.parent-sesang-comment-form textarea,
.parent-sesang-report-form select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
  color: var(--parent-text);
  font: inherit;
  box-sizing: border-box;
}
.parent-sesang-field textarea,
.parent-sesang-comment-form textarea { min-height: 96px; resize: vertical; }
.parent-sesang-form-actions,
.parent-sesang-detail__actions,
.parent-sesang-comment__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.parent-sesang-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--parent-control-radius);
  background: var(--parent-primary);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.parent-sesang-btn--ghost {
  background: var(--parent-surface-soft);
  color: var(--parent-primary-hover);
}
.parent-sesang-btn--danger { background: #9b3c2f; }
.parent-sesang-btn--active { background: var(--parent-primary-hover); }
.parent-sesang-detail h1 { margin: 10px 0 14px; font-size: clamp(22px, 5vw, 28px); line-height: 1.35; overflow-wrap: anywhere; }
.parent-sesang-detail__meta,
.parent-sesang-detail__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  color: var(--parent-text-secondary);
  font-size: 12px;
}
.parent-sesang-detail__body {
  margin: 0 0 14px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 15px;
  line-height: 1.7;
}
.parent-sesang-chip {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--parent-primary-soft);
  color: var(--parent-primary-hover);
  font-size: 11px;
  font-weight: 700;
}
.parent-sesang-back { margin: 0 0 8px; }
.parent-sesang-back a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--parent-primary-hover);
  font-weight: 700;
  text-decoration: none;
}
.parent-sesang-comments h2 { margin: 0 0 12px; font-size: 18px; }
.parent-sesang-comment-form { display: grid; gap: 8px; margin-bottom: 14px; }
.parent-sesang-comment-list { display: grid; gap: 12px; }
.parent-sesang-comment {
  padding: 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
  background: var(--parent-surface);
}
.parent-sesang-comment__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
  color: var(--parent-text-secondary);
  font-size: 12px;
}
.parent-sesang-comment__body {
  margin: 0 0 8px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.55;
}
.parent-sesang-replies {
  display: grid;
  gap: 8px;
  margin: 10px 0 0 12px;
  padding-left: 10px;
  border-left: 2px solid var(--parent-border);
}
.parent-sesang-comment--reply { background: var(--parent-surface-soft); }
.parent-sesang-report summary,
.parent-sesang-reply-box summary {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  cursor: pointer;
  color: var(--parent-primary-hover);
  font-size: 13px;
  font-weight: 700;
}
.parent-sesang-report-form { display: grid; gap: 8px; margin-top: 8px; max-width: 320px; }
.parent-sesang-block-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.parent-sesang-block-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 8px 0;
  border-bottom: 1px solid var(--parent-border);
}
.parent-sesang-disabled { margin-top: 12px; padding: 18px; }
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 430px) {
  .parent-sesang-hub .parent-hub-wrap,
  .parent-community-page .parent-hub-wrap { padding-left: 12px; padding-right: 12px; }
  .community-feed-row__title { white-space: normal; }
  .story-shell-tab { font-size: 12px; padding: 8px 6px; }
}
@media (max-width: 390px) {
  .parent-sesang-section,
  .parent-sesang-form-card,
  .parent-sesang-detail,
  .parent-sesang-comments { padding: 14px; }
  .community-write-cta { bottom: 72px; min-width: 108px; }
  .parent-sesang-detail__actions { gap: 6px; }
}
@media (max-width: 360px) {
  .parent-sesang-hub .parent-hub-hero h1,
  .parent-community-page .parent-hub-hero h1 { font-size: 24px; }
  .story-shell-tabs { gap: 2px; padding: 3px; }
  .story-shell-tab { min-height: 42px; font-size: 11px; }
  .community-feed-row__meta { white-space: normal; }
  .community-write-cta { width: calc(100% - 24px); }
  .community-feed-row--media { grid-template-columns: 48px minmax(0, 1fr); }
  .community-feed-row__thumb { width: 48px; height: 48px; }
}

/* Parent community media (Issue #359) */
.community-media-gallery {
  display: grid;
  gap: 10px;
  margin: 0 0 14px;
}
.community-media-figure {
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
  background: var(--parent-surface-soft);
}
.community-media-figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}
.community-youtube {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: #111;
  aspect-ratio: 16 / 9;
}
.community-youtube__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.community-youtube__thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.community-youtube__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 18px;
}
.community-youtube iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.parent-sesang-media-field {
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--parent-border);
  border-radius: var(--parent-control-radius);
}
.parent-sesang-media-field legend {
  padding: 0 4px;
  color: var(--parent-text-secondary);
  font-size: 12px;
  font-weight: 650;
}
.community-media-edit-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.community-media-edit-item {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.community-media-edit-item img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 10px;
}
.community-media-upload-status {
  margin: 0;
  color: var(--parent-text-secondary);
  font-size: 12px;
  line-height: 18px;
}
.community-media-upload-status--error { color: #9b3c2f; }
@media (max-width: 430px) {
  .community-media-gallery { gap: 8px; }
  .community-youtube__icon { width: 48px; height: 48px; }
}
@media (max-width: 390px) {
  .community-feed-row--media { grid-template-columns: 52px minmax(0, 1fr); gap: 8px; }
  .community-feed-row__thumb { width: 52px; height: 52px; }
}
@media (max-width: 360px) {
  .parent-sesang-media-field { padding: 10px; }
  .community-media-edit-item img { width: 64px; height: 64px; }
}


/* Issues #385, #387 — outside popular-channel feed and channel links */
.story-popular-channel-links { margin-top: 12px; padding: 18px; }
.story-popular-channel-links__head h2 { margin: 0; font-size: 21px; }
.story-popular-channel-links__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; margin-top: 0.9rem;
}
.story-popular-channel-link {
  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
  min-width: 0; padding: 0.8rem 0.9rem; border: 1px solid rgba(30, 58, 95, 0.14);
  border-radius: var(--parent-control-radius); background: var(--parent-surface-soft);
  color: #0f2744; text-decoration: none;
}
.story-popular-channel-link strong { min-width: 0; font-size: 0.92rem; }
.story-popular-channel-link span { flex: 0 0 auto; color: #1d4f91; font-size: 0.78rem; }
.story-popular-channel-link:hover { border-color: rgba(29, 79, 145, 0.35); }
.story-channel-prefs { margin: 0.75rem 0 1rem; }
.story-external-feed__intro { margin: 0.35rem 0 0; color: #475569; font-size: 0.9rem; }
.story-external-feed__list-title { margin: 1rem 0 0.45rem; font-size: 1rem; color: #0f2744; }
.story-channel-prefs__chips { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.story-channel-chip {
  display: inline-flex; align-items: center; padding: 0.25rem 0.55rem;
  border: 1px solid rgba(30, 58, 95, 0.18); border-radius: 999px;
  font-size: 0.82rem; color: #1e3a5f; background: #eef3f8;
}
.story-channel-chip--empty { color: #64748b; }
.story-channel-edit, .story-channel-prefs__actions button, .story-feed-filter {
  border: 0; background: transparent; color: #1d4f91; font: inherit; cursor: pointer;
  text-decoration: underline; text-underline-offset: 2px;
}
.story-channel-prefs__editor { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(30,58,95,0.12); }
.story-channel-prefs__editor fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.story-channel-prefs__bulk { display: flex; flex-wrap: wrap; gap: 0.65rem; margin: 0.55rem 0; }
.story-channel-prefs__bulk button {
  border: 0; padding: 0; background: transparent; color: #1d4f91; font: inherit;
  font-size: 0.82rem; text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
}
.story-channel-option {
  display: flex; align-items: center; justify-content: space-between; gap: 0.65rem;
  min-width: 0; padding: 0.55rem 0; border-bottom: 1px solid rgba(30,58,95,0.08);
}
.story-channel-option label { display: flex; min-width: 0; gap: 0.45rem; align-items: center; }
.story-channel-option label span { min-width: 0; overflow-wrap: anywhere; }
.story-channel-option a { flex: 0 0 auto; color: #1d4f91; font-size: 0.78rem; }
.story-channel-prefs__actions { display: flex; gap: 0.75rem; margin-top: 0.6rem; }
.story-feed-filters { display: flex; gap: 0.85rem; margin: 0.35rem 0 0.9rem; }
.story-feed-filter.is-active { color: #0f2744; font-weight: 650; text-decoration: none; }
.story-external-badge-new {
  display: inline-block; margin-left: 0.35rem; padding: 0.05rem 0.35rem;
  border-radius: 0.35rem; background: #dbeafe; color: #1d4f91; font-size: 0.72rem; font-weight: 700;
}
.story-external-item.is-read .story-external-item__title { color: #475569; font-weight: 500; }
.story-external-new-banner { margin: 0 0 0.85rem; }
.story-external-new-banner a { color: #1d4f91; font-weight: 650; }
.story-feed-pagination { display: flex; gap: 1rem; align-items: center; justify-content: center; margin-top: 1rem; }
.story-channel-statuses { display: grid; gap: 0.35rem; margin: 0.75rem 0 0; padding: 0; list-style: none; }
.story-channel-statuses li {
  display: flex; justify-content: space-between; gap: 0.65rem; min-width: 0;
  color: #334155; font-size: 0.82rem;
}
.story-channel-statuses small { color: #64748b; text-align: right; }
@media (max-width: 640px) {
  .story-popular-channel-links { padding: 15px; }
  .story-popular-channel-links__grid { grid-template-columns: 1fr; }
  .story-external-feed__head { align-items: flex-start; }
  .story-external-feed__observed { white-space: nowrap; font-size: 0.74rem; }
  .story-channel-statuses li { align-items: flex-start; flex-direction: column; gap: 0.1rem; }
  .story-channel-statuses small { text-align: left; }
}
@media (max-width: 430px) {
  .story-channel-option { align-items: flex-start; }
  .story-channel-option a { padding-top: 0.15rem; }
  .story-feed-filters { max-width: 100%; gap: 0.65rem; overflow-x: auto; white-space: nowrap; }
}
@media (max-width: 360px) {
  .story-external-feed__head { display: block; }
  .story-external-feed__observed { display: block; margin-top: 0.4rem; }
  .story-channel-option { flex-direction: column; gap: 0.25rem; }
}
.ops-service-preview-bar{background:var(--parent-primary-hover);color:#fff;font-size:13px}
.ops-service-preview-bar__inner{max-width:1180px;margin:0 auto;padding:8px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-sizing:border-box}
.ops-service-preview-bar strong{font-weight:800}.ops-service-preview-bar a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.45);border-radius:7px;padding:4px 8px;font-weight:700}
.ops-service-preview-bar a:hover,.ops-service-preview-bar a:focus-visible{background:rgba(255,255,255,.14);outline:none}
.ops-service-preview-bar__return{margin-left:auto!important;background:#fff!important;color:var(--parent-primary-hover)!important;border-color:#fff!important}
@media(max-width:640px){.ops-service-preview-bar__inner{gap:6px;padding:7px 10px}.ops-service-preview-bar__return{margin-left:0!important}}