.library-feature{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-bottom:30px}
.library-hero{position:relative;min-height:420px;background:#103e30;border-radius:12px;overflow:hidden;color:white;display:flex;align-items:flex-end}
.library-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.library-hero.archive-hero{background:#091c18}.library-hero.archive-hero>img{object-fit:contain;object-position:right center}
.library-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#062b24f5,#082e2688 65%,#082e2610)}
.library-hero-copy{padding:36px;position:relative;z-index:1;max-width:650px}.library-kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.035em;color:#cef2de;margin-bottom:20px}
.library-hero h2{font-size:clamp(34px,3.4vw,48px);line-height:1.06;max-width:18ch}.library-hero p{font-size:18px;line-height:1.5;color:#e0eee5;max-width:44ch;margin:20px 0 24px}.library-hero .image-credit{z-index:2;font-size:10px;bottom:8px;right:8px}
.continue-course{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.continue-course>span{font-size:12px;letter-spacing:.035em;color:var(--muted);font-weight:600}.continue-course h2{font-size:26px;line-height:1.15;margin-top:20px}.continue-course>p{font-size:16px;line-height:1.5;margin:14px 0 18px}.course-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted)}.course-meta .icon{width:15px}.continue-course>.button{margin-top:22px;width:100%}
.library-progress{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:auto;padding-top:30px;width:100%;align-items:baseline}.library-progress>strong{font-size:27px;font-weight:600}.library-progress small{font-size:16px;font-weight:400}.library-progress>span{font-size:13px;text-align:right;color:var(--muted)}.library-progress>.mini-progress{grid-column:1/3}
.curiosity-peek{border-top:1px solid #b9d6c5;border-bottom:1px solid #b9d6c5;padding:24px 0;margin:12px 0 42px}.curiosity-peek summary{display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none}.curiosity-peek summary::-webkit-details-marker{display:none}.curiosity-peek summary>.icon{width:28px;height:28px;color:#008568}.curiosity-peek summary>span:first-of-type{font-size:13px;color:var(--muted)}.curiosity-peek strong{display:block;font-family:var(--display);font-size:21px;line-height:1.3;color:var(--ink);margin-top:6px;letter-spacing:-.015em}.curiosity-toggle{margin-left:auto;font-size:14px;white-space:nowrap;color:var(--green-text)}.curiosity-peek>div{padding:20px 0 0 48px;max-width:76ch}.curiosity-peek p{font-size:17px;line-height:1.65}.curiosity-peek>div>a{display:inline-flex;gap:8px;align-items:center;margin:15px 0 0 24px;font-size:14px}.curiosity-peek>div>.text-button{display:inline-flex;margin-top:15px}
.library-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:36px 0 24px}.library-heading h2{font-size:30px;line-height:1.2}.library-heading p{font-size:16px;margin-top:10px;color:var(--muted)}.library-heading>span{font-size:13px;white-space:nowrap;color:var(--muted)}
.library-filters{display:flex;gap:20px;align-items:flex-end;padding:22px;background:#e8f1eb;border-radius:10px}.library-filters>label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;flex:1;min-width:0}.library-filters>label:first-child{flex:1.5}.library-filters input,.library-filters select{font:400 16px var(--font);min-height:48px;border:1px solid #bdd2c5;border-radius:6px;padding:10px 14px;background:#fff;width:100%;color:var(--ink)}.library-filters>.text-button{min-height:48px;font-size:14px;white-space:nowrap}.library-result-count{font-size:14px;color:var(--muted);margin:18px 0}
.course-era{border:1px solid #d7e4dc;background:#fff;border-radius:10px;overflow:hidden;margin-bottom:16px}.course-era>summary{display:flex;align-items:center;gap:24px;list-style:none;padding:22px;cursor:pointer;min-height:134px}.course-era summary::-webkit-details-marker{display:none}.course-era summary>img,.epoch-monogram{width:124px;height:96px;object-fit:cover;border-radius:6px;flex-shrink:0}.epoch-monogram{display:grid;place-items:center;background:#e7f2eb;color:#168163;font-family:var(--display);font-size:44px;letter-spacing:-.04em}.course-era-title{flex:1;min-width:0}.course-era-title>span{font-size:13px;color:var(--muted)}.course-era-title>h3{font:650 24px/1.2 var(--display);letter-spacing:-.02em;margin:7px 0}.course-era-title>p{font-size:14px;color:var(--muted)}.era-completed{font-size:15px;white-space:nowrap;color:var(--muted)}.era-expand{border:1px solid #c8ded0;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;color:var(--green-text);font-size:22px;flex-shrink:0}.course-era[open] .era-expand{transform:rotate(45deg)}.course-era[open]>summary{border-bottom:1px solid var(--line);background:#f8fbf9}
.course-rows{padding:0 22px}.course-row{width:100%;display:flex;text-align:left;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #e5ede8;color:var(--ink);background:none}.course-row:last-child{border:0}.course-row>span:nth-child(2){flex:1}.course-row strong{font-size:20px;line-height:1.3;font-weight:600;display:block}.course-row small{display:block;font-size:16px;line-height:1.45;color:var(--muted);margin-top:5px}.course-tags{font-size:13px;color:var(--muted);display:block;margin-top:10px}.course-status{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7f6ee;color:var(--green-text);flex-shrink:0}.course-status>.icon{width:18px;height:18px}.course-row:hover strong{color:#008568}.course-row:hover .course-status{background:#bef1d9}.library-empty{padding:40px 24px;border:1px dashed #b9cebf;border-radius:8px}.library-empty h3{font-size:24px}.library-empty p{font-size:17px;margin:12px 0 20px}
.notebook-era-label{font-size:13px;display:block;margin:0 14px 18px;color:var(--muted)}.notebook-era-label select{display:block;width:100%;font-size:14px;min-height:44px;padding:8px;margin-top:6px}.folio-index{max-height:640px;overflow:auto;overscroll-behavior:contain}.notebook-index .index-heading>strong{font-size:22px}
.chronology-plate{min-height:270px;background:#123f32;color:#e8f6ed;display:flex;flex-direction:column;justify-content:center;padding:32px;position:relative;overflow:hidden}.chronology-plate:before{content:'';position:absolute;left:32px;right:32px;top:48px;height:1px;background:#7cad93}.chronology-plate>span{font-size:13px;color:#bfe2ce}.chronology-plate>strong{font-family:var(--display);font-size:34px;line-height:1.15;margin:18px 0;max-width:20ch}.chronology-plate>p{font-size:16px;color:#d7e9df;line-height:1.5}.story-visual.chronology-visual{background:#103b2e;display:flex;align-items:center}.story-visual .chronology-plate{width:100%;min-height:100%;padding:35px}.story-visual.chronology-visual .story-period{display:none}
.archive-credit-button{font-size:12px;text-decoration:underline;cursor:pointer;color:white;background:#082e24e8;max-width:90%;text-align:right}.document-study>img{width:100%;max-height:65vh;object-fit:contain;background:#ecf3ee;margin:24px 0}.document-credit{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.document-credit dl{display:grid;grid-template-columns:100px 1fr;gap:10px;font-size:15px}.document-credit dt{color:var(--muted)}.document-credit dd{margin:0}.document-credit>a{display:inline-flex;gap:8px;align-items:center;font-size:15px;margin-top:18px}
.anecdote{border:1px solid #c5decd;border-radius:8px;background:#edf6ef;margin:24px 0}.anecdote>summary{cursor:pointer;padding:18px;font-size:15px;font-weight:600;list-style:none;display:flex;gap:10px;align-items:center}.anecdote>summary:after{content:'+';margin-left:auto;font-size:20px}.anecdote[open]>summary:after{content:'−'}.anecdote>div{padding:0 20px 20px}.anecdote h3{font-family:var(--display);font-size:21px;line-height:1.25;letter-spacing:-.015em}.anecdote p{font-size:17px;line-height:1.6;margin:12px 0}.anecdote a{font-size:14px;text-decoration:underline}.atlas-era-cover{background:#1e5a43;min-height:220px;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:18px}.atlas-era-cover strong{font-family:var(--display);font-size:30px;line-height:1.1}.atlas-era-cover span{font-size:16px;color:#d4eadd}
.result-keepsake .chronology-plate{min-height:160px;padding:22px}.result-keepsake .chronology-plate>strong{font-size:22px}.result-keepsake .chronology-plate:before{display:none}
.lesson-reading-map{display:flex;flex-direction:column;gap:8px;margin-top:32px}.lesson-reading-map button{display:flex;gap:12px;align-items:center;text-align:left;color:#c8e1d3;font-size:15px;line-height:1.4;padding:12px 0;background:transparent;border-top:1px solid #42705b}.lesson-reading-map button>span{font-size:12px;opacity:.8}.lesson-reading-map button[aria-current]{color:#fff;font-weight:600}.lesson-reading-map button:hover{color:#77e9b9}.lesson-reading-map button:focus-visible{outline-color:#77e9b9}
@media(max-width:700px){.lesson-reading-map{display:none}.story-visual.chronology-visual{min-height:220px}.story-visual .chronology-plate{min-height:220px}.story-visual .chronology-plate:before{display:none}.story-visual .chronology-plate>strong{font-size:28px;margin:12px 0}.story-visual .chronology-plate>p{font-size:15px}}
@media(max-width:1100px){.library-feature{grid-template-columns:1fr}.continue-course{display:grid;grid-template-columns:1fr auto;gap:14px 22px}.continue-course>span{grid-column:1/3}.continue-course h2{margin:0;grid-column:1}.continue-course>p{grid-column:1;margin:0}.continue-course>.button{grid-column:2;grid-row:2/4;margin:0;align-self:center}.continue-course .course-meta{grid-column:1}.library-progress{grid-column:1/3;padding-top:12px}.library-heading{align-items:flex-start}.library-heading>span{display:none}.library-filters{flex-wrap:wrap}.library-filters>.text-button{min-height:40px}.course-era>summary{gap:18px}.course-era-title>h3{font-size:22px}}
@media(max-width:700px){.library-feature{gap:18px}.library-hero{min-height:425px}.library-hero-copy{padding:28px 24px}.library-kicker{font-size:11px;line-height:1.5;max-width:32ch}.library-hero h2{font-size:36px}.library-hero p{font-size:17px;max-width:28ch}.continue-course{padding:24px;display:flex;gap:0}.continue-course h2{margin-top:14px;font-size:25px}.continue-course>p{margin:12px 0 16px}.continue-course>.button{margin-top:20px}.library-progress{padding-top:24px}.curiosity-peek{margin-bottom:30px}.curiosity-peek summary{gap:12px;flex-wrap:wrap}.curiosity-peek summary>span:first-of-type{flex:1}.curiosity-peek strong{font-size:20px}.curiosity-toggle{display:none}.curiosity-peek>div{padding:18px 0 0}.curiosity-peek>div>a{margin-left:0}.library-heading{margin-top:28px}.library-heading h2{font-size:27px}.library-filters{padding:18px;gap:16px;display:block}.library-filters>label{margin-bottom:16px}.library-filters>.text-button{min-height:36px}.course-era>summary{padding:18px 14px;gap:14px;position:relative;min-height:140px}.course-era summary>img,.epoch-monogram{width:66px;height:88px}.epoch-monogram{font-size:30px}.course-era-title>h3{font-size:21px;line-height:1.2;padding-right:10px}.course-era-title>span{font-size:12px;line-height:1.4;display:block}.course-era-title>p{font-size:13px}.era-completed{display:none}.era-expand{width:25px;height:25px;font-size:18px;margin-left:auto}.course-rows{padding:0 16px}.course-row{gap:12px;padding:20px 0}.course-row strong{font-size:19px}.course-row small{font-size:15px}.course-tags{font-size:12px}.course-status{width:32px;height:32px}.course-row>.icon{display:none}.notebook-era-label{margin:16px 0}.notebook-era-label select{font-size:16px}.document-credit dl{grid-template-columns:1fr;gap:3px}.document-credit dd{margin-bottom:12px}.chronology-plate>strong{font-size:29px}.story-visual.chronology-visual{min-height:260px}.story-visual .chronology-plate{padding:30px 24px}.anecdote p{font-size:17px}}

.story-visual .archive-credit-button{font-size:12px;min-height:44px;padding:10px 14px;line-height:1.4;border-radius:6px;bottom:10px}
@media(max-width:700px){.story-visual:has(.archive-credit-button){height:260px;min-height:260px}.story-visual:has(.archive-credit-button) .story-period{bottom:68px}.story-visual .archive-credit-button{font-size:12px;right:14px;bottom:10px}.document-study>p{font-size:16px;line-height:1.65}}