/* Every selector is scoped to the new content; 0.2 pages retain their CSS. */
.mala-program-page > * { margin-block: 22px; }
.mala-program-page > :first-child { margin-top: 0; }
.mala-program-page .mp-section { padding: clamp(22px,3vw,36px); border-radius: 24px; background: white; }
.mala-program-page h1,.mala-program-page h2,.mala-program-page h3 { margin-top: 0; margin-bottom: .6em; }
.mala-program-page .mp-hero { background: var(--mala-sand); }
.mala-program-page .mp-hero .mala-placeholder { min-height: 280px; }
.mala-program-page .mp-age-card { border-radius: 22px; padding: 28px; background: var(--mala-pink); }
.mala-program-page .mp-age-card + .mp-age-card { background: #FFF6DE; }
.mala-program-page .mp-age { font-size: 1.2rem; font-weight: 700; }
.mala-program-page .mp-areas { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; }
.mala-program-page .mp-area { border-radius: 18px; padding: 22px 12px; text-align: center; background: var(--mala-pink); }
.mala-program-page .mp-area:nth-child(2n) { background: #EAF4FB; }
.mala-program-page .mp-area:nth-child(3n) { background: var(--mala-sky); }
.mala-program-page .mp-area h3 { font-size: 1.1rem; margin: 0; overflow-wrap: anywhere; }
.mala-program-page .mp-routines { background: var(--mala-sky); }
.mala-program-page .mp-controls { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; margin: 20px 0; }
.mala-program-page .mp-tabs { display: flex; gap: 12px; flex-wrap: wrap; grid-column: 1/-1; }
.mala-program-page .mp-tabs button { font: inherit; font-weight: 700; padding: 13px 20px; border: 2px solid var(--mala-blue); border-radius: 99px; background: white; color: var(--mala-navy); cursor: pointer; }
.mala-program-page .mp-tabs [aria-selected="true"] { background: var(--mala-navy); color: white; }
.mala-program-page .mp-controls select { font: inherit; padding: 12px 30px 12px 12px; border-radius: 12px; border: 1px solid var(--mala-blue); background: white; color: var(--mala-navy); min-height: 48px; }
.mala-program-page select:focus-visible,.mala-program-page summary:focus-visible { outline: 3px solid var(--mala-navy); outline-offset: 4px; }
.mala-program-page .mp-status { grid-column: 1/-1; font-size: .9rem; margin: 0; }
.mala-program-page .mp-routine-group { background: white; border-radius: 20px; padding: 24px; margin-top: 20px; }
.mala-program-page .mp-day { border-top: 1px solid #d5e0e8; padding: 12px 0; }
.mala-program-page .mp-day > summary { font-weight: 700; cursor: pointer; }
.mala-program-page .mp-timeline { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 18px; }
.mala-program-page .mp-time-slot { padding: 16px; border-radius: 14px; background: #EAF4FB; border-left: 4px solid var(--mala-green); }
.mala-program-page .mp-time { font-weight: 800; margin-bottom: 6px; font-variant-numeric: tabular-nums; }
.mala-program-page .mp-activity { margin: 0; font-size: .95rem; overflow-wrap: anywhere; }
.mala-program-page .mp-note { font-size: .875rem; }
.mala-program-page .mp-extra-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.mala-program-page .mp-extra { padding: 20px; border-radius: 16px; background: var(--mala-sky); }
.mala-program-page .mp-extra h3 { font-size: 1.1rem; }
.mala-program-page .mp-extra p { font-weight: 700; margin-bottom: 0; }
.mala-program-page .mp-adaptation { background: var(--mala-pink); }
.mala-program-page .mp-resources { background: var(--mala-sand); }
.mala-program-page .mp-resource-link a { display: inline-block; padding-block: 8px; }
@media (max-width: 950px) {
  .mala-program-page .mp-areas { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mala-program-page .mp-timeline,.mala-program-page .mp-extra-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .mala-program-page .mp-controls { grid-template-columns: 1fr; }
  .mala-program-page .mp-tabs { flex-direction: column; }
  .mala-program-page .mp-timeline { grid-template-columns: 1fr; }
  .mala-program-page .mp-areas,.mala-program-page .mp-extra-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mala-program-page .mp-routine-group { padding: 18px; }
}