.learning-page { text-align: left; background: #f6f5ef; color: #26332d; }
.learning-wrap { max-width: 1220px; margin: auto; padding: 0 40px 88px; }
.learning-breadcrumb { font-size: 12px; color: #5e6962; padding: 28px 0 0; }
.learning-breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }
.learning-hero { display: grid; grid-template-columns: 1.35fr 1fr; gap: 80px; align-items: center; padding: 68px 0 76px; }
.learning-page h1, .learning-page h2, .learning-page h3 { font-family: 'Playfair Display', Georgia, serif; font-weight: 500; color: #26332d; letter-spacing: -.025em; }
.learning-page h1 { font-size: clamp(40px, 5.8vw, 72px); line-height: 1.08; margin: 15px 0 26px; }
.learning-page h1 em, .learning-page h2 em { color: #687544; font-weight: 500; }
.learning-page .learning-lead { max-width: 650px; font-size: 18px; line-height: 1.7; color: #586259; margin: 0 auto 28px; }
.learning-eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 600; color: #687544; }
.learning-button { display: inline-flex; align-items: center; gap: 24px; background: #39472c; color: #fff !important; border-radius: 4px; padding: 14px 20px; font-size: 14px; text-decoration: none; }
.learning-feature { border: 1px solid #d5dac9; border-top: 4px solid #778856; padding: 34px; background: #ebeee3; }
.learning-feature h2 { font-size: 39px; line-height: 1.15; margin: 18px 0; }
.learning-feature p { color: #526050; line-height: 1.7; font-size: 15px; }
.learning-feature a { font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }
.learning-feature-links { border-top: 1px solid #cdd5bf; margin-top: 24px; padding-top: 20px; display: flex; flex-wrap: wrap; gap: 18px; }
.learning-section-head { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 0 0 24px; text-align: center; }
.learning-section-head h2 { font-size: clamp(27px, 3vw, 38px); margin: 7px 0; }
.learning-section-head p { font-size: 14px; color: #657060; }
.learning-paths { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.learning-path { display: block; background: #fffef9; padding: 28px; border: 1px solid #dce0d3; border-radius: 3px; transition: border-color .2s, background .2s; }
.learning-path:hover { background: #eff1e7; border-color: #7d8a64; }
.learning-path h3 { font-size: 25px; line-height: 1.3; margin: 16px 0 13px; }
.learning-path h3 span { font-family: sans-serif; font-size: 19px; }
.learning-path p { font-size: 14px; line-height: 1.7; color: #636b61; margin: 0; }
.learning-path-detail { display: block; min-height: 32px; font-size: 11px; color: #63734f; letter-spacing: .02em; }
.learning-path-museum { background: #ecece2; }
.learning-catalog, .learning-topic-section { margin-top: 64px; }
.learning-search { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: end; gap: 10px 18px; padding: 22px; border: 1px solid #d7ddce; background: #edeee5; }
.learning-search > label { font-size: 12px; color: #4d5b48; }
.learning-search > label:first-child { grid-column: 1; grid-row: 1; }
.learning-search > div { display: flex; grid-column: 1; grid-row: 2; }
.learning-search > label[for="resource-kind"] { grid-column: 2; grid-row: 1; }
.learning-search select { grid-column: 2; grid-row: 2; }
.learning-search input, .learning-search select, .learning-search button { font: inherit; font-size: 14px; min-height: 44px; border: 1px solid #adb9a0; border-radius: 2px; padding: 10px 12px; }
.learning-search input { width: 100%; min-width: 0; background: #fffef9; }
.learning-search button { cursor: pointer; background: #3e4f32; color: #fff; }
.learning-search .learning-clear { grid-column: 3; grid-row: 2; color: #3e4f32; background: transparent; }
.learning-search-hint { font-size: 13px; color: #5d6958; }
.learning-resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 24px; }
.learning-resource { background: #fffef9; border: 1px solid #dce0d3; padding: 24px; display: flex; flex-direction: column; }
.learning-meta { display: flex; justify-content: space-between; gap: 8px; color: #6b765f; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.learning-resource h3 { font-size: 24px; line-height: 1.3; margin: 18px 0 12px; }
.learning-resource h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.learning-resource p { color: #5e695c; line-height: 1.65; font-size: 14px; margin: 0 0 20px; }
.learning-resource-foot { margin-top: auto; display: flex; flex-direction: column; gap: 12px; border-top: 1px solid #e4e6dd; padding-top: 14px; font-size: 11px; color: #66705f; }
.learning-resource-foot a { font-size: 12px; color: #435536; text-decoration: underline; text-underline-offset: 4px; }
.learning-topics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #cdd4c2; }
.learning-topics a { padding: 20px 18px 20px 0; border-bottom: 1px solid #cdd4c2; font-size: 14px; }
.learning-topics a:hover { text-decoration: underline; }
.learning-topics span { color: #7a865f; margin-left: 8px; }
.learning-museum { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; background: #27332e; color: #edf0e4; margin-top: 72px; padding: 42px; align-items: center; }
.learning-museum img { width: 100%; max-height: 340px; object-fit: cover; }
.learning-museum h2 { font-size: clamp(38px,5vw,60px); color: #edf0e4; line-height: 1.1; margin: 18px 0; }
.learning-museum h2 em, .learning-museum .learning-eyebrow { color: #c5cba7; }
.learning-museum p { line-height: 1.7; max-width: 460px; font-size: 15px; }
.learning-museum .learning-button { background: #eff1e5; color: #28372b !important; }
.learning-credit { font-size: 10px !important; color: #b5bfb0; }
.learning-intro { padding: 52px 0 22px; text-align: center; }
.learning-intro h1 { font-size: clamp(38px,5vw,60px); }
.learning-local-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 24px; padding: 16px 0; border-top: 1px solid #d0d8c6; border-bottom: 1px solid #d0d8c6; margin: 10px 0 30px; }
.learning-local-nav a { padding: 5px 0; font-size: 13px; }
.learning-local-nav a:hover { text-decoration: underline; }
.learning-note { padding: 24px 28px; background: #e9eddf; border-left: 3px solid #798b5b; margin-top: 30px; font-size: 14px; line-height: 1.7; }
.learning-note p { margin: 0 0 10px; }
.learning-note a, .learning-publications a, .learning-no-results a { text-decoration: underline; text-underline-offset: 4px; }
.learning-note h2 { font-size: 26px; margin: 0 0 12px; }
.learning-publications { padding-top: 36px; margin-top: 48px; border-top: 1px solid #d0d8c6; }
.learning-publications a { display: inline-block; margin-right: 24px; }
.learning-page [hidden] { display: none !important; }
.learning-page :focus-visible { outline: 3px solid #536d36; outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) { .learning-page * { transition: none !important; scroll-behavior: auto !important; } }
@media (max-width: 980px) { .learning-hero { gap: 35px; } .learning-paths,.learning-resource-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .learning-museum { gap: 32px; } }
@media (max-width: 680px) {
  .learning-wrap { padding: 0 20px 48px; } .learning-hero { grid-template-columns: 1fr; padding: 40px 0; gap: 30px; }
  .learning-page .learning-lead { font-size: 16px; } .learning-feature { padding: 26px; } .learning-feature h2 { font-size: 32px; }
  .learning-paths,.learning-resource-grid,.learning-topics { grid-template-columns: 1fr; }
  .learning-path-detail { min-height: 0; } .learning-section-head { display: block; }
  .learning-search { grid-template-columns: minmax(0,1fr); padding: 18px; }
  .learning-search > label:first-child { grid-row: 1; } .learning-search > div { grid-row: 2; }
  .learning-search > label[for="resource-kind"] { grid-column: 1; grid-row: 3; }
  .learning-search select { grid-column: 1; grid-row: 4; width: 100%; } .learning-search .learning-clear { grid-column: 1; grid-row: 5; }
  .learning-museum { grid-template-columns: 1fr; padding: 26px; gap: 18px; } .learning-museum img { max-height: 260px; object-position: center 30%; }
  .learning-catalog,.learning-topic-section { margin-top: 42px; } .learning-note { padding: 18px; }
}
.learning-hero-open { display: block; padding: 64px 0 42px; text-align: center; }
.learning-hero-open h1 { font-size: clamp(40px,5.4vw,67px); max-width: 940px; margin-inline: auto; }
.learning-hero-open .learning-lead { max-width: 750px; }
.learning-starts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #cdd4c2; border-bottom: 1px solid #cdd4c2; margin-top: 38px; }
.learning-starts a { display: flex; justify-content: space-between; align-items: center; padding: 18px 16px 18px 0; font-size: 13px; }
.learning-starts a + a { padding-left: 20px; border-left: 1px solid #d8ddcf; }
.learning-starts span { font-size: 10px; color: #6b765f; }
.learning-purpose { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 66px; padding: 58px 0; border-bottom: 1px solid #d0d7c6; scroll-margin-top: 30px; }
.learning-purpose h2 { font-size: clamp(32px,4vw,49px); line-height: 1.14; margin: 14px 0 22px; }
.learning-purpose-copy > p:not(.learning-eyebrow) { font-size: 15px; line-height: 1.8; color: #5b665b; margin-bottom: 25px; max-width: 490px; }
.learning-preview { margin: 0; min-width: 0; }
.learning-preview img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 760; object-fit: cover; border-radius: 3px; }
.learning-preview figcaption { margin-top: 10px; color: #65705d; font-size: 11px; line-height: 1.5; }
.learning-preview-diagram { padding: 25px; background: #eeeee3; border: 1px solid #d9ddcc; }
.learning-preview-diagram img { color-scheme: light; object-fit: contain; }
.learning-text-links { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; font-size: 13px; }
.learning-text-links a,.learning-preview-follow a { text-decoration: underline; text-underline-offset: 4px; }
.learning-professional-paths { border-top: 1px solid #c9d2bd; margin-top: 26px; }
.learning-professional-paths a { display: block; padding: 15px 0; border-bottom: 1px solid #c9d2bd; }
.learning-professional-paths strong { display: block; font-size: 15px; font-weight: 600; }
.learning-professional-paths span { display: block; font-size: 12px; color: #63715a; margin-top: 4px; }
.learning-preview-tool { border: 1px solid #cbd5c0; padding: 10px; background: #e7ecdf; }
.learning-preview-tool img { object-fit: contain; background: #faf8f3; }
.learning-tool-crop { overflow: hidden; aspect-ratio: 1042 / 499; }
.learning-tool-crop img { width: 150%; max-width: none; max-height: none; aspect-ratio: auto; }
.learning-preview-follow { font-size: 13px; line-height: 1.6; margin-top: 18px; }
.learning-research-steps { border-top: 1px solid #c9d2bd; }
.learning-research-steps > a { display: flex; gap: 22px; padding: 23px 0; border-bottom: 1px solid #c9d2bd; }
.learning-research-steps > a > span { color: #75875c; font-size: 12px; padding-top: 7px; }
.learning-research-steps h3 { margin: 0 0 9px; font-size: 25px; }
.learning-research-steps p { font-size: 13px; color: #63705d; line-height: 1.65; margin: 0; }
.learning-purpose-museum { background: #27332e; color: #eff0e6; margin-top: 42px; padding: 40px; border: 0; gap: 50px; }
.learning-purpose-museum h2 { color: #eff0e6; }
.learning-purpose-museum h2 em,.learning-purpose-museum .learning-eyebrow { color: #c9d1ae; }
.learning-purpose-museum .learning-purpose-copy > p:not(.learning-eyebrow) { color: #c6cfbf; }
.learning-purpose-museum .learning-button { color: #293a29 !important; background: #eff1e2; }
.learning-purpose-museum .learning-preview img { aspect-ratio: 1; object-position: center 28%; }
.learning-purpose-museum figcaption { color: #b9c4b0; }
.learning-resource-audience { font-size: 11px !important; color: #526545 !important; margin: 0 0 12px !important; }
.learning-resource-group { padding-top: 35px; }
.learning-resource-group > h2 { font-size: 29px; margin-bottom: 10px; }
.learning-resource-group > p { max-width: 760px; margin-inline: auto; color: #5e695c; font-size: 14px; line-height: 1.7; }
@media(max-width:980px) { .learning-purpose { gap: 34px; } .learning-purpose-museum { padding: 30px; } .learning-starts a { font-size: 12px; } }
@media(max-width:680px) {
  .learning-hero-open { padding: 38px 0 24px; }
  .learning-starts { grid-template-columns: 1fr 1fr; }
  .learning-starts a { padding: 15px 10px 15px 0; }
  .learning-starts a + a { padding-left: 10px; }
  .learning-starts a:nth-child(3) { border-left: 0; padding-left: 0; }
  .learning-starts a:nth-child(n+3) { border-top: 1px solid #d8ddcf; }
  .learning-purpose { grid-template-columns: 1fr; padding: 34px 0; gap: 28px; scroll-margin-top: 125px; }
  .learning-purpose-museum { padding: 25px; }
  .learning-purpose-museum .learning-preview { order: 2; }
  .learning-preview img { max-height: 300px; }
  .learning-tool-crop img { max-height: none; }
}