/* Each destination has a clear purpose; the home page offers a short introduction. */
:root{--dust:#CDD4D8}
.route-skip{position:absolute;left:16px;top:-100px;z-index:1100;background:#fff;padding:12px 18px;color:var(--ink)}.route-skip:focus{top:12px}
.home-features{max-width:1200px;margin:auto;padding:48px clamp(22px,5vw,72px)}
.feature-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.feature-intro h2{font:500 clamp(29px,3vw,39px)/1.2 Lora,serif;letter-spacing:-.02em;margin:9px 0 12px}
.feature-intro p{font-size:14px;line-height:1.8;color:var(--mute);max-width:60ch;margin:0}
.feature-intro .text-link{flex:none;min-height:44px;display:inline-flex;align-items:center}
.feature-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.feature-resource{display:grid;grid-template-columns:96px minmax(0,1fr);gap:17px;align-items:center;padding:22px 0;border-top:1px solid var(--sand);color:var(--ink)}
.feature-resource img{width:96px;height:132px;object-fit:contain;background:#F5F0E6}
.feature-resource h3{font:500 23px/1.25 Lora,serif;margin:0 0 8px}.feature-resource p{font-size:12px;line-height:1.7;color:var(--mute);margin:0 0 9px}
.feature-resource .route-link{font-size:12px;color:var(--bloom);text-underline-offset:4px;text-decoration:underline}
.feature-resource:hover h3{color:var(--bloom)}
.library-glimpse{background:var(--dust);border-block:1px solid #b8c2ca}
.library-glimpse-inner{max-width:1200px;margin:auto;padding:36px clamp(22px,5vw,72px);display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:48px;align-items:center}
.library-glimpse h2{font:500 clamp(29px,3vw,39px)/1.2 Lora,serif;margin:9px 0 14px}.library-glimpse p{font-size:14px;line-height:1.8;max-width:57ch;margin:0 0 22px}
.library-glimpse img{display:block;width:132px;height:186px;object-fit:contain;justify-self:center;filter:drop-shadow(4px 6px 5px #2a3a4f24);transform:rotate(3deg)}
.destination-notes{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--sand)}
.destination-notes h2{font-size:28px;line-height:1.3;margin:8px 0 12px}.destination-notes p{font-size:14px;color:var(--mute);line-height:1.8;margin:0 0 10px}.destination-notes .text-link{min-height:44px;display:inline-flex;align-items:center}
.resources-intro{max-width:1200px;margin:auto;padding:52px clamp(22px,5vw,72px) 34px}
.resources-intro h1{font:500 clamp(37px,4.5vw,57px)/1.12 Lora,serif;letter-spacing:-.025em;margin:12px 0 19px;max-width:20ch}
.resources-intro .resources-lede{font-size:16px;line-height:1.85;max-width:66ch;color:var(--mute);margin:0 0 20px}
.resources-intro .purpose-note{font-size:13px;line-height:1.8;max-width:70ch;color:var(--ink);margin:0 0 20px}
.resources-intro .purpose-note a{color:var(--bloom);text-decoration:underline;text-underline-offset:3px}
.collection-jumps{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--sand);padding-top:14px}
.collection-jumps a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.resources-page .resource-collection{padding-top:30px;padding-bottom:36px}
.resources-page .resource-subjects{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.resources-page .resource-subject img{height:130px;object-position:center}.resources-page .resource-subject p{font-size:14px;line-height:1.8}.resources-page .resource-subject h3{font-size:25px}
.resources-page .bookshelf{padding-top:36px}.resources-page .shelf-scroll{width:100%;max-width:900px;margin:auto;padding:16px 18px 0;overflow:visible}.resources-page .illustrated-stage{min-width:0;width:100%}
.resources-page .book-card{max-width:1056px;width:calc(100% - 44px);margin:12px auto 0}.resources-page .bookshelf-footer .bookshelf-all{font-size:14px;min-height:44px;padding:12px 18px}.resources-page .bookshelf-footer .child-character{width:48px;height:68px}
.resources-page .resource-help{max-width:1056px;margin:20px auto 46px;padding:22px 26px;background:#F5F0E6;border-left:3px solid var(--gold);display:flex;align-items:center;justify-content:space-between;gap:24px}
.resource-help h2{font-size:24px;margin:0 0 8px}.resource-help p{font-size:14px;line-height:1.8;margin:0;max-width:60ch}.resource-help a{flex:none}
html body header.ell-hdr .navlinks a{min-height:44px;display:inline-flex!important;align-items:center}
@media(min-width:821px) and (max-width:1150px){html body header.ell-hdr .navlinks{gap:12px}html body header.ell-hdr .navlinks a{font-size:11px}header.bar.ell-hdr{padding-inline:24px;gap:18px}}
@media(max-width:820px){.home-features{padding:36px 22px}.feature-intro{display:block;margin-bottom:12px}.feature-intro .text-link{margin-top:10px}.feature-resources{gap:18px}.feature-resource{display:block}.feature-resource img{margin-bottom:15px}.feature-resource h3{font-size:22px}.library-glimpse-inner{padding:30px 22px;gap:25px;grid-template-columns:minmax(0,1fr) 105px}.library-glimpse img{width:100px;height:150px}.resources-intro{padding:36px 22px 24px}.resources-page .resource-subjects{grid-template-columns:1fr}.resources-page .resource-subject{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:20px;align-items:start;border-top:1px solid var(--sand);padding-top:20px}.resources-page .resource-subject img{grid-column:1;grid-row:1/4;height:100px;margin:0}.resources-page .resource-subject h3,.resources-page .resource-subject p,.resources-page .resource-subject .text-link{grid-column:2}.resources-page .resource-subject .text-link{justify-self:start}.resources-page .resource-subject:first-child{border-top:0}.resources-page .resource-help{margin:20px 22px 36px;display:block}.resource-help .button{margin-top:18px}}
@media(max-width:600px){.feature-resources{grid-template-columns:1fr;gap:0}.feature-resource{display:grid;grid-template-columns:86px minmax(0,1fr);padding:18px 0}.feature-resource img{width:86px;height:118px;margin:0}.feature-resource h3{font-size:23px}.feature-resource p{font-size:13px}.library-glimpse-inner{gap:22px;grid-template-columns:minmax(0,1fr) 88px}.library-glimpse img{width:84px;height:126px}.library-glimpse h2{font-size:29px}.library-glimpse p{font-size:14px}.library-glimpse .button{font-size:12px;padding-inline:13px}.destination-notes{grid-template-columns:1fr;gap:24px}.destination-notes>div+div{border-top:1px solid var(--sand);padding-top:24px}.resources-intro h1{font-size:38px}.resources-page .bookshelf h2{font-size:30px}.resources-page .resource-collection{padding-top:20px}.resources-page .shelf-scroll{padding:8px 6px 0}.resources-page .shelf-hint{margin-top:8px}.resources-page .book-detail{min-height:0}.resources-page .resource-help{padding:20px}.resources-page .upcoming-subjects{font-size:12px}}
@media(prefers-reduced-motion:reduce){.library-glimpse img{transform:none}}

.shelf-choices{display:none}
@media(max-width:820px){.shelf-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 22px 0}.shelf-choice{background:#FFFFFF;border:1px solid #D8CDB8;border-radius:3px;padding:8px 12px;min-height:44px;font:12px/1.5 Poppins,sans-serif;color:#2A3A4F;cursor:pointer}.shelf-choice[aria-pressed=true]{background:#F5F0E6;border-color:#C99A3B}.shelf-choice:focus-visible{outline:2px solid #A8502F;outline-offset:3px}}
.hero-note,.eyebrow,.book-kind,.signup .note,.f-legal{font-size:11px!important}

/* One legible example of ELL's own work for each subject. */
.resources-page .resource-subject img{display:block;width:100%;height:260px;object-fit:contain;object-position:center;padding:16px;background:#F5F0E6;border:1px solid #D8CDB8;border-radius:3px;margin:0 0 20px}
.resources-page .subject-example{display:block;font:500 12px/1.7 Poppins,sans-serif;color:#2A3A4F;margin:0 0 8px}
@media(max-width:820px){.resources-page .resource-subject{grid-template-columns:125px minmax(0,1fr);column-gap:22px}.resources-page .resource-subject img{grid-column:1;grid-row:1/5;height:172px;padding:8px;margin:0}.resources-page .resource-subject h3,.resources-page .resource-subject .subject-example,.resources-page .resource-subject p,.resources-page .resource-subject .text-link{grid-column:2}}
@media(max-width:480px){.resources-page .resource-subject{grid-template-columns:106px minmax(0,1fr);column-gap:16px}.resources-page .resource-subject img{height:148px;padding:6px}.resources-page .resource-subject h3{font-size:24px}.resources-page .subject-example{font-size:11px;line-height:1.6}.resources-page .resource-subject p{font-size:13px}}