.esl-home{--ink:#07536a;--mint:#54c9b4;--paper:#fff9e9;box-sizing:border-box;color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:700;line-height:1.65;isolation:isolate;width:100%;max-width:1120px;margin:0 auto;padding:0 30px 26px;background:radial-gradient(ellipse at 28% 20%,#fffefa85,transparent 52%),repeating-linear-gradient(95deg,#fff9eb 0px,#fdf7e8 2px,#fff9eb 5px);font-size:18px;overflow:hidden}
.esl-home *,.esl-home *:before,.esl-home *:after{box-sizing:border-box}.esl-home h1,.esl-home h2,.esl-home h3,.esl-home p,.esl-home figure{margin:0;padding:0;border:0;background:none;box-shadow:none;color:inherit}.esl-home h1:before,.esl-home h1:after,.esl-home h2:before,.esl-home h2:after,.esl-home h3:before,.esl-home h3:after{content:none}.esl-home a{color:inherit;text-decoration:none}.esl-home button{font:inherit}
.esl-home .esl-hero{display:grid;grid-template-columns:190px 1fr 190px;align-items:start;gap:18px;padding:20px 0 52px;position:relative;text-align:center}.esl-home .esl-slot{height:184px;margin-top:10px;border:2px dashed #b8c9c9;border-radius:27px;display:grid;place-items:center;align-content:center;color:#93aab2;line-height:1.45;font-size:19px;overflow:hidden}.esl-home .esl-slot:has(img){border-color:transparent}.esl-home .esl-slot img{max-width:100%;width:auto;height:auto;max-height:180px;object-fit:contain}.esl-home .esl-title{font-family:Georgia,"Times New Roman",serif;font-size:56px;font-weight:800;letter-spacing:.005em;line-height:.96;color:#084e62;text-shadow:1px 2px #fff;overflow-wrap:normal}.esl-home .esl-tagline{font-size:18px;line-height:1.6;margin:15px -30px 0}.esl-home .esl-hero-center{position:relative;min-width:0}.esl-home .esl-flourish{height:24px;color:#7da59d;white-space:nowrap;font-size:16px}.esl-home .esl-actions{display:flex;justify-content:center;gap:16px;margin:3px -55px 0}.esl-home .esl-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:99px;padding:9px 23px;min-height:49px;font-size:19px;font-weight:800;line-height:1.4;background:linear-gradient(110deg,#53ccba,#3ebfab);color:white;white-space:normal;text-align:center}.esl-home .esl-yellow{background:linear-gradient(110deg,#ffeb92,#f8e57c);color:var(--ink)}.esl-home .esl-deco{position:absolute;font-size:59px;font-family:Georgia,serif;color:#62cdb6;left:-61px;top:83px;transform:rotate(-15deg);pointer-events:none}.esl-home .esl-deco-right{left:auto;right:-62px;color:#fa967d;transform:rotate(16deg)}
.esl-home .esl-shelf{position:relative;margin:0 0 34px;padding:23px 94px 17px;min-height:180px;border:13px solid #e4c391;border-radius:5px;background:linear-gradient(#d6b27d55,transparent 18px),radial-gradient(ellipse,#fffdf2,#fff7e5);box-shadow:inset 0 3px 6px #92734338}.esl-home .esl-shelf:before,.esl-home .esl-shelf:after{content:"";position:absolute;top:0;bottom:0;width:61px;background-repeat:repeat-y;background-size:100% auto;pointer-events:none}.esl-home .esl-shelf:before{left:0;background-image:url('assets/shelf-left.webp');border-right:9px solid #dbbd91}.esl-home .esl-shelf:after{right:0;background-image:url('assets/shelf-right.webp');border-left:9px solid #dbbd91}.esl-home .esl-shelf h2.esl-label{position:absolute;z-index:2;top:-44px;left:3px;display:flex;align-items:center;gap:16px;background:linear-gradient(115deg,#4dc8b7,#64cfb5);border-radius:18px;padding:7px 25px;font-size:28px;line-height:1.35;letter-spacing:.08em;min-height:51px;font-weight:800;max-width:calc(100% - 6px)}.esl-home .esl-shelf h2.esl-coral{background:linear-gradient(110deg,#fc937b,#fa907a);color:white}.esl-home .esl-shelf h2.esl-navy{background:#07556a;color:white}
.esl-home .esl-intro{display:grid;grid-template-columns:190px 1fr;align-items:center;min-height:133px;gap:25px;padding-top:9px;padding-bottom:0}.esl-home .esl-guide-art{width:160px;height:144px;object-fit:contain;mix-blend-mode:multiply;justify-self:center;transform:rotate(-2deg)}.esl-home .esl-intro-copy{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}.esl-home .esl-intro-copy p{font-size:20px;line-height:1.5}.esl-home .esl-intro-copy .esl-pill{align-self:flex-end;margin-top:2px}.esl-home .esl-news{padding:22px 81px 8px;min-height:335px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,1fr);gap:35px;align-items:center}
.esl-home .esl-open-book{position:relative;isolation:isolate;min-height:276px;padding:20px 32px 23px;background:linear-gradient(90deg,#fffdf4 0%,#fffdf3 45%,#e8ddc4 49.7%,#fdf8ea 50.4%,#fffdf4 57%,#fffdf4 100%);border:5px solid #6bcdb8;border-top:0;border-radius:30% 30% 6% 6% / 5% 5% 3% 3%;box-shadow:inset 0 0 0 7px #f1e7cf,4px 4px 0 #dfcda6,-3px 3px 0 #eee0bf;text-align:center;transform:rotate(-.3deg)}.esl-home .esl-open-book:before{content:"";position:absolute;inset:12px 11px;border:2px solid #e8d9ad;z-index:-1}.esl-home .esl-open-book:after{content:"✦";position:absolute;left:12px;top:1px;color:#f3d16a;font-size:26px}.esl-home .esl-thumbnail{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#d5dbda,#e1e4df);color:#94a7ae;border-radius:6px;overflow:hidden}.esl-home .esl-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.esl-home .esl-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:44px;height:100%;line-height:1.4}.esl-home .esl-placeholder small{font-size:13px}.esl-home .esl-open-book h3{font-size:21px;line-height:1.4;margin:9px 0 2px;font-weight:800;overflow-wrap:anywhere}.esl-home .esl-date{font-size:15px;margin:2px 0 6px;display:block}.esl-home .esl-open-book .esl-pill{font-size:17px;min-height:40px;padding:7px 28px}.esl-home .esl-news-side{text-align:center}.esl-home .esl-auto{display:inline-block;position:relative;background:#07536a;color:#fff;font-size:16px;padding:3px 15px;border-radius:99px;margin-bottom:34px}.esl-home .esl-auto:after{content:"";position:absolute;bottom:-8px;left:46%;border:8px solid transparent;border-bottom:0;border-top:11px solid #07536a}.esl-home .esl-mini-books{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.esl-home .esl-mini-books figure{font-size:18px}.esl-home .esl-mini-books img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.esl-home .esl-mini-books figcaption{margin-top:5px;white-space:nowrap}
.esl-home .esl-explore{padding:27px 81px 13px;min-height:292px}.esl-home .esl-playlist{min-height:111px;display:flex;align-items:center;gap:20px;padding:10px 23px;border:4px solid #f4df80;border-radius:15px;background:linear-gradient(120deg,#fffbe9,#fff9da);position:relative;overflow:hidden}.esl-home .esl-playlist:after{content:"";position:absolute;width:95px;height:150%;right:-42px;top:-20px;transform:rotate(32deg);background:linear-gradient(90deg,transparent 0 10%,#6fd5bd 10% 19%,#fffbed 19% 27%,#f9d978 27% 38%,#fffbed 38% 45%,#f7a18b 45% 59%,transparent 59%);pointer-events:none}.esl-home .esl-music-medal{width:77px;height:77px;flex-shrink:0;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle at 35% 30%,#fff9c7,#8cd9bf);border:3px solid #8bcdb5;font-size:43px}.esl-home .esl-playlist h3{font-size:26px;line-height:1.27;font-weight:800}.esl-home .esl-playlist p{font-size:15px;margin-top:3px}.esl-home .esl-playlist-link{display:inline-block;text-decoration:underline;font-size:15px;padding:5px 0}.esl-home .esl-horn{color:#f79278;font-size:50px;transform:rotate(15deg);margin-left:auto;margin-right:42px}.esl-home .esl-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:12px 0}.esl-home .esl-tile{border:0;border-radius:10px;padding:10px 15px;min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:21px;background:#07556b;color:white;line-height:1.4;box-shadow:inset 7px 0 #f0d68b66,inset -6px 0 #f0d68b66;overflow-wrap:anywhere}.esl-home .esl-tile:after{content:'›';margin-left:auto;font-size:28px}.esl-home .esl-tone-1{background:#f9947e;color:white}.esl-home .esl-tone-2{background:#f9e681;color:#07536a}.esl-home .esl-search{min-height:49px;border:2px dashed #b6c8cb;border-radius:15px;color:#93a8af;display:flex;align-items:center;gap:18px;padding:6px 18px;font-size:20px}.esl-home .esl-library{min-height:137px;padding:28px 100px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:24px}.esl-home .esl-library .esl-resource{min-height:80px;background:#55c9b0;color:white;font-size:21px;border-radius:16px;padding:16px 23px;box-shadow:inset 0 -6px #1c9d9270}.esl-home .esl-library .esl-resource:nth-of-type(even){background:#fa957e;box-shadow:inset 0 -6px #c9735760}.esl-home .esl-footer{display:flex;align-items:center;justify-content:center;gap:35px;padding:7px 25px 0}.esl-home .esl-footer:before,.esl-home .esl-footer:after{content:"";height:2px;background:linear-gradient(90deg,transparent,#c3a57e,transparent);flex:1}.esl-home .esl-footer-plaque{border:4px double #07536a;padding:9px 42px;font-size:26px;letter-spacing:.1em;background:#fffbee}.esl-home a:focus-visible,.esl-home button:focus-visible{outline:3px solid #07536a;outline-offset:4px}.esl-home .esl-unset{cursor:default}
.esl-home .esl-book-widget{position:relative;min-width:0}.esl-home .esl-book-stage{perspective:1100px;position:relative}.esl-home .esl-cover{display:none}.esl-home .esl-book-toggle{display:block;margin:0 0 9px auto;border:1px solid #50867e;border-radius:99px;background:#fffbee;color:#07536a;padding:4px 15px;font-size:13px;cursor:pointer}.esl-home .esl-book-toggle[hidden]{display:none}.esl-home .esl-book-widget[data-ready] .esl-cover{display:flex;position:absolute;z-index:3;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:linear-gradient(120deg,#66d2b9,#37ac9e);border:5px solid #1c827c;border-right-color:#dfcba2;border-right-width:12px;border-radius:10px 16px 16px 10px;box-shadow:4px 6px 0 #d6ba8a;transform-origin:left center;backface-visibility:hidden;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .4s;color:#fff8dc;pointer-events:none;text-align:center;padding:16px}.esl-home .esl-cover span:first-child{font-size:70px}.esl-home .esl-book-widget[data-ready] .esl-open-book{transition:opacity .25s .12s,transform .65s;opacity:0;visibility:hidden;transform:scaleX(.97)}.esl-home .esl-book-widget.is-open .esl-cover{transform:rotateY(-155deg);opacity:0}.esl-home .esl-book-widget.is-open .esl-open-book{opacity:1;visibility:visible;transform:rotate(-.3deg)}.esl-home .esl-book-widget[data-motion=false] *{transition:none!important}
.esleh-editor{background:#fffdf6;border:2px solid #63c7b5;padding:20px;color:#173c49;font-family:sans-serif}.esleh-editor>h2{font-size:22px}.esleh-editor .components-panel__body{background:white}.esleh-editor .components-panel__body-title{font-size:16px}.esleh-editor .esleh-row{border:1px solid #cbd8d4;padding:15px;margin-bottom:12px}.esleh-editor .esleh-row .components-button{margin-right:8px}.esleh-editor .esleh-image-field{padding:12px;border-bottom:1px solid #ddd}.esleh-editor .esleh-preview{margin-top:20px}
@media(max-width:900px) and (min-width:641px){.esl-home{padding-left:22px;padding-right:22px;font-size:16px}.esl-home .esl-hero{grid-template-columns:145px 1fr 145px;gap:13px}.esl-home .esl-title{font-size:43px}.esl-home .esl-slot{height:155px;font-size:16px}.esl-home .esl-slot img{max-height:150px}.esl-home .esl-tagline{font-size:15px}.esl-home .esl-actions{gap:10px}.esl-home .esl-pill{font-size:16px;padding:9px 17px}.esl-home .esl-deco{display:none}.esl-home .esl-shelf{padding-left:63px;padding-right:63px}.esl-home .esl-shelf:before,.esl-home .esl-shelf:after{width:45px}.esl-home .esl-news{gap:20px;grid-template-columns:1.45fr 1fr}.esl-home .esl-mini-books{gap:10px}.esl-home .esl-open-book{padding:18px 20px}.esl-home .esl-categories{gap:12px}.esl-home .esl-tile{font-size:17px;padding:10px}.esl-home .esl-library{gap:20px}.esl-home .esl-library .esl-resource{font-size:16px;padding:12px}.esl-home .esl-playlist h3{font-size:23px}}
@media(max-width:640px){.esl-home{padding:0 12px 22px;font-size:15px}.esl-home .esl-hero{grid-template-columns:1fr 1fr;gap:10px;padding:17px 6px 53px}.esl-home .esl-hero-center{grid-column:1/-1;grid-row:1}.esl-home .esl-title{font-size:clamp(36px,10vw,49px)}.esl-home .esl-tagline{font-size:15px;margin:12px 0 0}.esl-home .esl-slot{height:78px;font-size:13px;margin-top:4px;border-radius:18px}.esl-home .esl-slot img{max-height:74px}.esl-home .esl-actions{margin:5px 0 3px;gap:10px}.esl-home .esl-pill{font-size:14px;padding:9px 14px;min-height:43px;gap:6px}.esl-home .esl-deco{font-size:39px;left:3px;top:60px}.esl-home .esl-deco-right{left:auto;right:3px}.esl-home .esl-shelf{border-width:8px;padding:24px 29px 14px;margin-bottom:40px}.esl-home .esl-shelf:before,.esl-home .esl-shelf:after{width:22px;border-width:4px}.esl-home .esl-shelf h2.esl-label{font-size:20px;letter-spacing:.035em;min-height:44px;top:-36px;left:0;gap:9px;padding:7px 15px;border-radius:14px}.esl-home .esl-intro{grid-template-columns:80px 1fr;gap:9px;min-height:163px;padding-top:20px}.esl-home .esl-guide-art{width:86px;height:112px}.esl-home .esl-intro-copy p{font-size:14px}.esl-home .esl-intro-copy .esl-pill{font-size:12px;padding:9px 11px;margin-top:9px}.esl-home .esl-news{grid-template-columns:1fr;gap:22px;padding-top:26px;padding-bottom:20px}.esl-home .esl-open-book{min-height:254px;padding:19px 24px 23px}.esl-home .esl-open-book h3{font-size:18px}.esl-home .esl-open-book .esl-pill{font-size:14px}.esl-home .esl-news-side{display:flex;flex-direction:column;align-items:center}.esl-home .esl-auto{margin-bottom:17px;font-size:13px}.esl-home .esl-mini-books{width:100%;max-width:265px;gap:24px}.esl-home .esl-mini-books figure{font-size:14px}.esl-home .esl-explore{padding-top:26px}.esl-home .esl-playlist{min-height:105px;padding:11px 10px;gap:9px;border-width:3px}.esl-home .esl-music-medal{width:46px;height:46px;font-size:29px;border-width:2px}.esl-home .esl-playlist h3{font-size:17px}.esl-home .esl-playlist p{font-size:11px}.esl-home .esl-horn{display:none}.esl-home .esl-categories{gap:8px;grid-template-columns:1fr;margin:12px 0}.esl-home .esl-tile{font-size:17px;min-height:46px;padding:8px 14px}.esl-home .esl-search{font-size:14px;min-height:45px;padding:8px 11px}.esl-home .esl-library{grid-template-columns:1fr;gap:13px;padding-top:25px;margin-bottom:19px}.esl-home .esl-library .esl-resource{font-size:16px;min-height:60px;padding:12px 15px;border-radius:12px}.esl-home .esl-footer{gap:10px;padding:0 5px}.esl-home .esl-footer-plaque{font-size:20px;padding:8px 27px}}
@media(prefers-reduced-motion:reduce){.esl-home .esl-book-widget *{transition:none!important}}

.esl-home .esl-book-widget[data-ready]:not(.is-open) .esl-book-stage{cursor:pointer}