/* A short explanation first, with the exact science close at hand. */
.kid-explanation, .kid-fact-help { color: #cee0da; line-height: 1.7; }
.kid-fact-help { display: block; font: 400 13px/1.7 var(--sans); margin: 6px 0 0; color: #b1c8c5; }
.science-content .kid-explanation { font-family: var(--sans); font-size: 17px; }
.science-content > .kid-explanation, .science-content .science-intro { font-size: 18px; }
.kid-title { color: #eef3e8; }
.science-details { margin: 14px 0; padding: 12px 16px; border: 1px solid #334c55; border-radius: 7px; background: #091721; font: 400 13px/1.8 var(--sans); color: #b9ccd0; }
.science-details summary { color: #bcdecf; cursor: pointer; font-size: 13px; font-weight: 500; padding: 3px 0; }
.science-details p { font-size: 13px; line-height: 1.8; }
.science-details h5 { font-size: 15px; line-height: 1.6; margin: 14px 0 8px; color: #dde8e0; }
.science-details[open] summary { margin-bottom: 12px; }
.fact-explanation { display: block; margin-top: 7px; color: #9cb6b7; font: 400 11px/1.6 var(--sans); }
.destination-description { line-height: 1.65; }
.star-quick-facts > div { min-width: 0; }
.star-quick-explanation { font-size: 11px !important; line-height: 1.6 !important; color: #a9c3c3 !important; margin: 7px 0 0 !important; }
.star-kid-note { padding: 12px 14px; border-left: 2px solid #a5ccb5; background: #172c28; }
#info-content p.kid-explanation { color: #d0dfd7; font-size: 15px; line-height: 1.8; }
#info-content .science-details p { font-size: 12px; color: #a7bdc6; }
.star-profile-fact .kid-explanation { margin-top: 10px; }
.book-learn-copy .book-learn-summary, #info-content .book-learn-copy .book-learn-summary { margin: 8px 0 0; color: #c2d6cb; font: 400 11px/1.65 var(--sans); }
.book-learn-visual svg { display: block; width: 100%; height: 100%; }
.learning-guide-card .book-learn-visual { aspect-ratio: 2; }
.learning-guide-card { background: #112731; border-color: #426677; }
.learning-guide-card:hover { background: #1c3944; }
.learning-figure { margin: 24px 0; padding: 10px; border: 1px solid #36515b; border-radius: 10px; background: #071421; overflow: hidden; }
.learning-figure svg { display: block; width: 100%; height: auto; }
.learning-figure figcaption { margin: 8px 8px 5px; font: 400 11px/1.7 var(--sans); color: #9fb9c4; }
.learning-figure.is-compact { max-width: 640px; margin: 16px 0; }
.learning-dialog[open] { width: min(1120px,94vw); height: 90svh; max-height: 90svh; overflow: hidden; display: flex; flex-direction: column; padding-bottom: 0; }
.learning-dialog .dialog-top { flex-shrink: 0; }
.learning-dialog-nav { display: flex; align-items: center; gap: 20px; padding: 10px 32px 15px; border-bottom: 1px solid #2b454c; flex-shrink: 0; }
.learning-dialog-nav button { padding: 8px 12px; border: 1px solid #678d7e; background: #1b372f; border-radius: 5px; color: #dbece0; font-size: 12px; }
.learning-dialog-nav > span { color: #97b7b3; font-size: 11px; }
#learning-content { flex: 1; min-height: 0; overflow: auto; padding: 28px 40px 40px; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #52776d #0a1720; }
#learning-content h2 { margin: 10px 0 18px; font: 400 clamp(30px,4vw,48px)/1.2 var(--serif); color: #edf0e5; }
#learning-content h3 { margin: 0 0 10px; font: 400 25px/1.4 var(--serif); color: #e5eedf; }
#learning-content p { font-size: 16px; line-height: 1.85; color: #c4d7cf; }
#learning-content .learning-lead { font-size: 19px; line-height: 1.8; max-width: 880px; }
.learning-page-sections { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin: 28px 0; }
.learning-idea { padding: 20px; border: 1px solid #324c51; border-radius: 9px; background: #102329; }
.learning-idea p { margin-bottom: 0; }
.learning-question { padding: 22px; margin: 25px 0; border-left: 3px solid #d6bd85; background: #302a1d; border-radius: 0 8px 8px 0; }
.learning-book-link { padding: 20px 0; }
.learning-action, .learning-save { display: inline-flex; min-height: 40px; align-items: center; padding: 10px 15px; border: 1px solid #6e9686; border-radius: 5px; background: #1c3b31; color: #dcebe0; font-size: 13px; line-height: 1.6; }
.learning-action:hover, .learning-save:hover { background: #2b5141; }
.learning-save { font-size: 11px; padding: 7px 12px; min-height: 34px; background: #122a34; border-color: #496d7b; }
.learning-related { margin-top: 28px; }
.learning-related-links { display: flex; flex-wrap: wrap; gap: 10px; }
.learning-sources { margin-top: 28px; }
.learning-sources a { color: #b9d9ce; }
.learning-library-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.learning-library-tools label { color: #b1c9c5; font-size: 13px; }
.learning-library-tools input { min-width: 180px; flex: 1; min-height: 44px; border: 1px solid #496b75; border-radius: 5px; padding: 10px 13px; background: #091b27; color: #e1eee4; font: inherit; }
.learning-library-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.learning-library-card { display: flex; flex-direction: column; padding: 0; overflow: hidden; border: 1px solid #3e5d63; border-radius: 9px; background: #112630; text-align: left; color: #dbe7df; }
.learning-library-card:hover { background: #1c3c44; border-color: #a5ccb5; }
.learning-library-visual { width: 100%; display: block; aspect-ratio: 2; overflow: hidden; background: #081421; }
.learning-library-visual svg { display: block; width: 100%; height: 100%; }
.learning-library-card strong { font: 500 17px/1.5 var(--sans); margin: 16px 16px 0; }
.learning-library-card > span:not(.learning-library-visual) { margin: 10px 16px 0; font-size: 13px; line-height: 1.8; color: #bcd0ca; }
.learning-library-card small { font-size: 10px; color: #9fc4af; margin: auto 16px 16px; padding-top: 15px; }
.learning-table-wrap { overflow: auto; margin-top: 24px; }
.learning-topic-table { width: 100%; border-collapse: collapse; font: 400 13px/1.7 var(--sans); }
.learning-topic-table th { color: #d3e5da; text-align: left; background: #1b3835; }
.learning-topic-table td, .learning-topic-table th { padding: 13px; border-bottom: 1px solid #314c54; vertical-align: top; }
.learning-topic-table td { color: #b8cec7; }
.app-fullscreen .learning-dialog[open] { height: 100svh; max-height: none; }
.app-fullscreen #learning-content { padding-inline: max(24px,calc((100vw - 1150px)/2)); }
.app-fullscreen .learning-dialog .dialog-top { padding-inline: 32px; }
.app-shell .header { gap: 18px; }
.app-shell .main-nav { gap: clamp(12px,1.5vw,25px); }
@media(min-width:1600px) {
  .fact-explanation { font-size: 13px; }
  .book-learn-copy .book-learn-summary, #info-content .book-learn-copy .book-learn-summary { font-size: 13px; }
  .learning-dialog-nav button,.learning-action { font-size: 16px; min-height: 48px; }
  #learning-content p { font-size: 19px; }
}
@media(max-width:1050px) {
  .app-shell .header { gap: 12px; }
  .header .brand { font-size: 20px; gap: 10px; }
  .header .brand-mark { width: 37px; }
  .header .main-nav { gap: 12px; }
  .header .main-nav button { font-size: 11px; }
}
@media(max-width:800px) {
  .learning-library-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .learning-page-sections { grid-template-columns: 1fr; }
  #learning-content { padding: 22px; }
  .learning-dialog-nav { padding-inline: 22px; }
  .learning-dialog-nav > span { display: none; }
  .science-content .kid-explanation { font-size: 15px; }
}
@media(max-width:500px) {
  .learning-library-grid { grid-template-columns: 1fr; }
  .learning-dialog-nav { padding-inline: 16px; }
  #learning-content { padding: 20px 16px; }
  #learning-content .learning-lead { font-size: 16px; }
  .learning-library-tools input { width: 100%; flex-basis: 100%; }
}

/* New book pages remain separate from the unchanged source edition. */
.book-supplement-library { padding: 20px 28px; border-block: 1px solid #355b52; background: #10261f; }
.book-supplement-library h3 { font: 500 21px/1.4 var(--serif); margin: 0 0 8px; color: #e5ede2; }
.book-supplement-library > p { margin: 0 0 16px; max-width: 800px; color: #b5ccc0; font-size: 13px; line-height: 1.7; }
.book-supplement-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.book-supplement-card, .learning-supplement-card { display: flex; overflow: hidden; gap: 15px; align-items: center; padding: 0; border: 1px solid #527368; border-radius: 6px; background: #18352d; color: #d8e9db; text-align: left; }
.book-supplement-card:hover, .learning-supplement-card:hover { background: #254b3b; border-color: #b1d7bd; }
.book-supplement-card img { display: block; flex-shrink: 0; width: 80px; height: 120px; object-fit: contain; background: #091a21; }
.book-supplement-copy { display: flex; flex-direction: column; gap: 6px; padding: 12px 12px 12px 0; }
.book-supplement-copy strong { font-size: 14px; font-weight: 500; }
.book-supplement-copy > span { font-size: 11px; line-height: 1.6; }
.book-supplement-copy small { font-size: 10px; color: #b9d5c1; }
.learning-supplement-card { width: 100%; max-width: 660px; margin-top: 16px; gap: 22px; }
.learning-supplement-card img { display: block; width: 145px; height: 195px; object-fit: contain; flex-shrink: 0; background: #0b1c22; }
.learning-supplement-card > span { padding: 18px 18px 18px 0; }
.learning-supplement-card strong, .learning-supplement-card span > span, .learning-supplement-card small { display: block; }
.learning-supplement-card strong { font-size: 22px; font-family: var(--serif); margin-bottom: 8px; }
.learning-supplement-card span > span { font-size: 15px; line-height: 1.7; }
.learning-supplement-card small { margin-top: 12px; font-size: 12px; color: #bddbc5; }
.book-supplement-pdf[hidden] { display: none !important; }
@media(max-width:800px) { .book-supplement-grid { grid-template-columns: 1fr; } .book-supplement-card img { width: 75px; height: 110px; } }
@media(max-width:500px) { .book-supplement-library { padding: 20px; } .learning-supplement-card { gap: 14px; } .learning-supplement-card img { width: 95px; height: 145px; } .learning-supplement-card strong { font-size: 19px; } .learning-supplement-card span > span { font-size: 13px; } }

/* Original book destinations lead the searchable Learn library. */
.learning-library-heading { grid-column: 1 / -1; margin: 12px 0 0; color: #f4dfb2; }
.learning-original-card { width: 100%; min-width: 0; margin: 0; text-align: left; }
.learning-original-card .book-learn-visual { height: auto; flex-shrink: 0; }
.learning-original-card { display: flex; flex-direction: column; }
.learning-original-card .book-learn-copy { padding: 16px; }
.learning-original-card .book-learn-title { font-size: 23px; }
#learning-content .learning-original-card .book-learn-summary { font-size: 19px; line-height: 1.4; }

body.tv-always-expanded #learning-dialog[open] { width: calc(100vw - 64px); max-width: none; }
@media (min-width: 1600px) {
  .learning-library-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
#learning-content:has(.learning-library-grid) { padding-top: 12px; }
#learning-content:has(.learning-library-grid) .eyebrow { display: none; }
#learning-content:has(.learning-library-grid) .learning-lead { margin: 8px 0; max-width: none; }
#learning-content:has(.learning-library-grid) h2 { font-size: 36px; margin: 4px 0 8px; }
#learning-content:has(.learning-library-grid) .learning-library-tools { margin-top: 12px; }

.learning-supplement-card .learning-supplement-icon { display: block; width: 210px; height: 150px; flex-shrink: 0; background: #0a1824; }