/* Learning overview shared with the public Virtual Museum. */
/* Direct paths from each age group to its teacher programme. */
body.tdm-journey-page #school .age-content .grade-programme,
body.tdm-journey-page #school .age-content .grade-cta { display:flex;align-items:center;gap:10px;min-height:48px;padding-block:10px;line-height:1.55;text-underline-offset:4px; }
body.tdm-journey-page #school .age-content .grade-programme { color:#fff;font-weight:650;border-bottom:1px solid #ffffff55;margin-top:18px; }
body.tdm-journey-page #school .age-content .grade-cta { color:#fff;margin-top:4px; }
body.tdm-journey-page #school .age-content :is(.grade-programme,.grade-cta):focus-visible { outline:3px solid #f0c56c;outline-offset:4px; }

body.tdm-journey-page #main > .tdm-learning {
  background:#f5f3ee;color:#102f45;padding-block:clamp(56px,7vw,96px);
  scroll-margin-top:24px;
}
.tdm-learning .learning-intro { max-width:800px;margin-bottom:40px; }
.tdm-learning h2 { color:#102f45;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.16;letter-spacing:-.035em;margin:0 0 22px;max-width:24ch;text-wrap:balance; }
.tdm-learning p { color:#496174;line-height:1.75;max-width:65ch; }
.tdm-learning .learning-lead { color:#102f45;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.5;margin-bottom:16px; }
.tdm-learning .learning-layout { display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(32px,6vw,80px);align-items:start; }
.tdm-learning .learning-art { margin:0; }
.tdm-learning .learning-art img { width:100%;height:auto;display:block;border-radius:3px; }
.tdm-learning .learning-art figcaption { color:#496174;font-size:13px;line-height:1.7;margin-top:14px; }
.tdm-learning .learning-art a { color:#496174;text-underline-offset:3px; }
.tdm-learning .learning-outcomes { list-style:none;padding:0;margin:0; }
.tdm-learning .learning-outcomes li { border-top:1px solid #bac9d0;padding:20px 0 12px;margin:0; }
.tdm-learning .learning-outcomes li:first-child { padding-top:0;border-top:0; }
.tdm-learning h3 { color:#102f45;font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:650;line-height:1.35;margin:0 0 8px; }
.tdm-learning .learning-outcomes p { margin:0;font-size:16px; }
.tdm-learning .learning-outcomes a { display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#07549a;font-size:15px;font-weight:650;text-underline-offset:4px; }
.tdm-learning a:hover { text-decoration-thickness:2px; }
.tdm-learning .learning-close { margin-top:40px;padding-top:28px;border-top:1px solid #bac9d0;display:grid;grid-template-columns:1fr 1fr;gap:32px; }
.tdm-learning .learning-close > p { margin:0;font-size:16px; }
.tdm-learning .learning-reflection h3 { font-size:15px;color:#496174; }
.tdm-learning .learning-reflection p { margin:10px 0 0;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.5;color:#102f45; }
.tdm-learning .learning-actions { display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:32px; }
.tdm-learning .learning-actions a { display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 0;font-size:16px;line-height:1.5;font-weight:650;color:#07549a;text-underline-offset:4px; }
.tdm-learning .learning-actions .learning-primary { color:#fff;background:#07549a;border:1px solid #07549a;padding:14px 22px;border-radius:5px;text-decoration:none; }
.tdm-learning .learning-actions .learning-primary:hover { background:#103e66;border-color:#103e66; }
.tdm-learning .learning-note { font-size:14px;margin:16px 0 0; }
.tdm-learning a:focus-visible { outline:3px solid #987747;outline-offset:4px; }
body.tdm-journey-page .school-activity-entry .school-learning-link { display:flex;align-items:center;gap:10px;width:fit-content;min-height:48px;margin-top:10px;color:#fff;text-underline-offset:5px;font-weight:650; }
body.tdm-teachers { font-family:'Museum Sans',Arial,sans-serif; }
body.tdm-teachers > header { background:#fff;color:#102f45;border-color:#dce4e8; }
body.tdm-teachers .teacher-return-bar { background:#fff; }
body.tdm-teachers.admin-bar .teacher-return-bar { top:32px; }
body.tdm-teachers header .teacher-learning-link { color:#07549a;text-decoration:underline;text-underline-offset:4px; }
body.tdm-teachers .filters button { min-height:44px; }
@media(max-width:782px) { body.tdm-teachers.admin-bar .teacher-return-bar { top:46px; } }
@media(max-width:760px) {
 .tdm-learning .learning-intro { margin-bottom:28px; }
 .tdm-learning .learning-layout { grid-template-columns:1fr;gap:28px; }
 .tdm-learning .learning-art { max-width:400px; }
 .tdm-learning .learning-close { grid-template-columns:1fr;gap:24px;margin-top:24px; }
 .tdm-learning .learning-actions { flex-direction:column;align-items:stretch;gap:8px; }
 .tdm-learning .learning-actions a { text-align:center; }
 body.tdm-teachers header .teacher-learning-link { grid-column:1/-1; }
}
@media print {
 .tdm-learning { break-before:page;background:#fff!important; }
 .tdm-learning .learning-layout { grid-template-columns:1fr 1.3fr;gap:20px; }
 .tdm-learning .learning-outcomes li,.tdm-learning .learning-close { break-inside:avoid; }
 .tdm-learning .learning-actions { display:none; }
}
