.readers-page{color:#163b36;background:#fffdf8;min-height:100vh}.reader-nav{background:#fffdf8;justify-content:space-between;align-items:center;height:78px;padding:0 max(28px,50vw - 590px);display:flex}.reader-brand{align-items:center;gap:10px;font-size:18px;display:flex}.reader-brand>span{color:#fff;width:39px;height:39px;font:italic 14px var(--font-display);background:#f26e52;border-radius:50%;place-items:center;display:grid}.reader-brand em{font-family:var(--font-display)}.back-home{font-size:13px;font-weight:800}.readers-hero{text-align:center;background:#f7f1e7;padding:95px max(30px,50vw - 540px);position:relative;overflow:hidden}.readers-hero:before,.readers-hero:after{content:"";background:#9ed8ca;border-radius:150px 150px 10px 10px;width:280px;height:380px;position:absolute;bottom:-210px;left:-100px;transform:rotate(-18deg)}.readers-hero:after{background:#e7a936;bottom:-220px;left:auto;right:-90px;transform:rotate(20deg)}.reader-kicker,.catalog-heading span,.reader-journey>div>span{letter-spacing:1.8px;color:#f26e52;font-size:10px;font-weight:900}.readers-hero h1{font:600 clamp(55px,7vw,86px)/.95 var(--font-display);letter-spacing:-3px;margin:20px 0}.readers-hero h1 em,.reader-journey h2 em{color:#f26e52;font-weight:500}.readers-hero>p{color:#64736f;max-width:620px;margin:auto;line-height:1.7}.library-stat{justify-content:center;align-items:center;gap:13px;margin-top:38px;display:flex}.library-stat strong{font:600 31px var(--font-display);color:#f26e52}.library-stat span{text-align:left;border-right:1px solid #cbd5d1;padding-right:20px;font-size:10px;line-height:1.35}.library-stat span:last-child{border:0}.level-guide{grid-template-columns:repeat(4,1fr);max-width:1000px;margin:50px auto 0;padding:0 20px;display:grid}.level-guide button{color:#6d7d79;text-align:left;background:0 0;border:0;border-bottom:3px solid #d5dcda;padding:20px 10px}.level-guide button strong,.level-guide button span{display:block}.level-guide button strong{font:600 30px var(--font-display);color:#163b36}.level-guide button span{margin-top:4px;font-size:10px}.level-guide button.active{background:#fff7f2;border-color:#f26e52}.catalog{padding:70px max(28px,50vw - 550px) 110px}.catalog-heading{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:42px;display:grid}.catalog-heading h2{font:600 44px var(--font-display);margin:8px 0 0}.catalog-heading>p{color:#64736f;justify-self:end;max-width:410px;line-height:1.6}.reader-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.reader-card{background:#fff;border:1px solid #dce2df;border-radius:10px;padding:14px 14px 20px;box-shadow:0 10px 25px #163b360a}.cover{color:#fff;border-radius:5px;flex-direction:column;height:275px;padding:23px;display:flex;position:relative;overflow:hidden}.cover-a1{background:#f08b72}.cover-a2{background:#d99b32}.cover-b1{background:#358a80}.cover-b2{background:#163b36}.cover-number{font:20px var(--font-display);opacity:.55;position:absolute;top:19px;right:20px}.cover-level{border:1px solid #fffa;border-radius:20px;align-self:flex-start;padding:5px 9px;font-size:10px;font-weight:900}.cover-shape{opacity:.9;background:#f7d588;border-radius:50%;width:190px;height:190px;position:absolute;top:50px;right:-45px}.cover-1 .cover-shape{background:#9ed8ca;border-radius:100px 100px 0 0;transform:rotate(25deg)}.cover-2 .cover-shape{background:#f7f1e7;border-radius:10px;width:210px;height:100px;top:90px;transform:rotate(-8deg)}.cover-3 .cover-shape{background:#f26e52;border-radius:70px;width:120px;height:230px;top:45px;right:35px;transform:rotate(16deg)}.cover h3{font:600 30px/1.05 var(--font-display);z-index:2;text-shadow:0 1px #163b3620;max-width:230px;margin:auto 0 25px}.cover small{letter-spacing:1px;z-index:2;font-size:7px;font-weight:900}.reader-meta{letter-spacing:.8px;color:#75837f;justify-content:space-between;margin:16px 2px 8px;font-size:8px;font-weight:900;display:flex}.reader-card>h3{font:600 23px/1.15 var(--font-display);margin:9px 2px 14px}.reader-features{color:#64736f;border-top:1px solid #e1e6e3;gap:10px;padding:13px 2px;font-size:8px;display:flex}.reader-card>a{color:#fff;background:#163b36;border-radius:5px;justify-content:space-between;margin-top:5px;padding:13px 15px;font-size:11px;font-weight:800;display:flex}.coming-label{letter-spacing:1.2px;color:#8a9692;background:#eef1ef;border-radius:5px;margin-top:5px;padding:13px 15px;font-size:9px;font-weight:900}.reader-card.upcoming{opacity:.88}.reader-journey{color:#fff;background:#163b36;grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;padding:80px max(28px,50vw - 540px);display:grid}.reader-journey h2{font:600 44px/1.05 var(--font-display);margin:15px 0}.reader-journey ol{margin:0;padding:0;list-style:none}.reader-journey li{border-bottom:1px solid #ffffff25;gap:18px;padding:18px 0;display:flex}.reader-journey li>b{background:#f26e52;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.reader-journey li span,.reader-journey li strong{display:block}.reader-journey li span{color:#b9c8c4;font-size:11px}.reader-journey li strong{color:#fff;margin-bottom:4px;font-size:14px}.reader-footer{background:#f7f1e7;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:42px max(28px,50vw - 550px);display:grid}.reader-footer p{text-align:center;color:#64736f;font-size:12px}.reader-footer small{text-align:right;color:#86928f}@media (width<=850px){.reader-grid,.level-guide{grid-template-columns:repeat(2,1fr)}.catalog-heading,.reader-journey{grid-template-columns:1fr;gap:30px}.catalog-heading>p{justify-self:start}.reader-footer{text-align:center;grid-template-columns:1fr;gap:18px}.reader-footer p,.reader-footer small{text-align:center}}@media (width<=560px){.reader-nav{padding:0 18px}.reader-brand{font-size:14px}.back-home{font-size:11px}.readers-hero{padding:70px 20px}.library-stat{flex-wrap:wrap}.reader-grid{grid-template-columns:1fr}.catalog{padding:55px 18px 80px}.catalog-heading h2{font-size:37px}.cover{height:300px}.reader-journey{padding:65px 22px}.reader-journey h2{font-size:37px}}.reader-tools{align-items:center;gap:12px;max-width:1000px;margin:24px auto 0;padding:0 20px;display:flex}.reader-tools label{background:#fff;border:1px solid #cbd5d1;border-radius:6px;flex:1;align-items:center;gap:10px;height:46px;padding:0 15px;display:flex}.reader-tools label b{font:24px var(--font-display);color:#75837f}.reader-tools input{width:100%;font:13px var(--font-sans);color:#163b36;background:0 0;border:0;outline:0}.reader-tools button{color:#163b36;height:46px;font:800 11px var(--font-sans);background:#fff;border:1px solid #cbd5d1;border-radius:6px;padding:0 16px}.reader-tools button span{color:#0000;border:1px solid #9aaca6;border-radius:4px;place-items:center;width:18px;height:18px;margin-right:6px;display:inline-grid}.reader-tools button.active{color:#fff;background:#163b36;border-color:#163b36}.reader-tools button.active span{color:#163b36;background:#9ed8ca;border-color:#9ed8ca}.reader-tools>small{color:#75837f;text-align:right;min-width:65px;font-size:10px}.no-results{text-align:center;background:#f7f1e7;border-radius:10px;grid-column:1/-1;padding:70px 30px}.no-results strong,.no-results span{display:block}.no-results strong{font:600 25px var(--font-display)}.no-results span{color:#64736f;margin-top:8px;font-size:12px}@media (width<=560px){.reader-tools{flex-direction:column;align-items:stretch}.reader-tools label,.reader-tools button{flex:none;width:100%}.reader-tools>small{text-align:left}.reader-nav{height:68px;padding:0 15px}.reader-brand>span{width:35px;height:35px}.back-home{font-size:10px}.readers-hero{padding:58px 18px}.readers-hero>*{z-index:2;position:relative}.readers-hero:before,.readers-hero:after{opacity:.42;z-index:1;width:145px;height:190px;bottom:-145px}.readers-hero:before{left:-72px}.readers-hero:after{right:-68px}.readers-hero h1{letter-spacing:-2px;font-size:50px}.readers-hero>p{font-size:14px}.library-stat{gap:8px}.level-guide{margin-top:35px;padding:0 14px}.level-guide button{padding:16px 9px}.catalog{padding:45px 15px 70px}.catalog-heading{margin-bottom:28px}.catalog-heading h2{font-size:35px}.cover{height:285px}.reader-card{padding:11px 11px 18px}.reader-meta{gap:8px}.reader-features{flex-wrap:wrap}.reader-journey{padding:58px 18px}.reader-journey h2{font-size:35px}.reader-footer{padding:36px 18px}}
