:root{--reading-coral:#ff795c;--reading-yellow:#ffd064;--reading-green:#70c988;--reading-blue:#61bce2}.reading-shell{background:#fbfaf8}.active-nav{font-weight:700}.growth-page-switcher{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;padding:28px 86px;border-bottom:1px solid #e6e0d9;background:#fff}.growth-switcher-heading .reading-kicker,.growth-switcher-heading .ielts-kicker{margin-bottom:3px}.growth-switcher-heading h2{margin:0;font-family:"Noto Serif SC",serif;font-size:20px;line-height:1.5}.growth-switcher-links{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.growth-switch-link{display:grid;min-height:70px;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px;padding:9px 13px;border:1px solid #dfd9d2;border-radius:8px;background:#faf9f7;transition:.22s}.growth-switch-link:hover,.growth-switch-link.active{border-color:#393344;background:#fff5ee;box-shadow:4px 5px 0 rgba(57,51,68,.1);transform:translateY(-2px)}.growth-switch-link:nth-child(2):hover,.growth-switch-link:nth-child(2).active{background:#edf8fc}.growth-switch-link>i{width:14px}.growth-switch-link span:nth-child(2){display:grid;gap:2px}.growth-switch-link small{color:#817a83;font-size:7px}.growth-switch-link strong{font-family:"Noto Serif SC",serif;font-size:12px}.switch-icon{display:grid;width:38px;height:38px;place-items:center;border:2px solid #393344;background:#fff;box-shadow:3px 4px 0 rgba(57,51,68,.12)}.switch-icon svg{width:16px}.switch-reading{color:#d85e36;background:#ffd064;transform:rotate(-4deg)}.switch-ielts{color:#fff;background:#e32332;font:700 7px Arial,sans-serif;transform:rotate(4deg)}.reading-hero{display:grid;min-height:600px;grid-template-columns:.92fr 1.08fr;align-items:center;gap:35px;padding:48px 86px 75px;border-bottom:1px solid #e8e2dc;background:#fbfaf8}.reading-hero-copy{max-width:610px}.reading-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:40px;color:#7c767e;font-size:12px;font-weight:600;transition:.2s}.reading-back:hover{color:var(--ink);transform:translateX(-3px)}.reading-back svg{width:15px}.reading-kicker{margin:0 0 11px;color:#d85e36;font-size:13px;font-weight:700}.reading-kicker span{margin-right:5px;color:var(--reading-yellow);font-size:19px}.reading-hero h1{margin:0;font-size:clamp(38px,4.3vw,53px);font-weight:500;line-height:1.42}.reading-hero h1 strong{position:relative;font-family:"Noto Serif SC",serif;font-weight:700;white-space:nowrap}.reading-hero h1 strong::after{position:absolute;right:-3px;bottom:-10px;left:-3px;height:6px;border-radius:50%;background:var(--reading-yellow);content:"";transform:rotate(-2deg)}.reading-hero-copy>p:last-of-type{max-width:500px;margin:30px 0 24px;color:#625d67;font-size:16px;line-height:1.9}.reading-primary{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 18px;border-radius:999px;background:var(--reading-coral);font-size:12px;font-weight:700;transition:.2s}.reading-primary:hover{background:var(--reading-yellow);transform:translateY(-2px)}.reading-primary svg{width:15px}
.book-stage{position:relative;min-height:470px;perspective:1000px}.book-stage::after{position:absolute;right:10%;bottom:38px;left:8%;height:38px;border-radius:50%;background:rgba(57,51,68,.14);content:"";filter:blur(17px)}.stage-sun{position:absolute;top:8%;right:5%;width:210px;height:210px;border-radius:50%;background:var(--reading-yellow);opacity:.92}.stage-line{position:absolute;border:2px solid #ded7cf;border-radius:50%}.line-one{inset:10% 3% 14% 4%;transform:rotate(-8deg)}.line-two{inset:17% 10% 8% 10%;border-color:#efa082;transform:rotate(16deg)}.hero-book{position:absolute;z-index:2;width:230px;overflow:hidden;border:6px solid #fff;border-radius:7px;background:#fff;box-shadow:0 19px 32px rgba(46,39,50,.19);transition:.5s cubic-bezier(.34,1.56,.64,1)}.hero-book img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.book-left{left:3%;bottom:23%;transform:rotate(-12deg) translateZ(-20px);animation:book-float-left 4.5s ease-in-out infinite}.book-center{z-index:4;top:11%;left:31%;width:270px;transform:rotate(2deg);animation:book-float-center 4s ease-in-out infinite}.book-right{right:1%;bottom:17%;transform:rotate(11deg) translateZ(-10px);animation:book-float-right 5s ease-in-out infinite}.book-stage:hover .book-left{transform:rotate(-17deg) translate(-10px,-10px)}.book-stage:hover .book-center{transform:rotate(-1deg) translateY(-14px) scale(1.03)}.book-stage:hover .book-right{transform:rotate(16deg) translate(9px,-9px)}.hero-bookmark{position:absolute;z-index:5;top:6%;left:21%;display:grid;width:54px;height:96px;place-items:center;padding-bottom:10px;color:#fff;background:var(--reading-coral);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);font-size:8px;font-weight:700;line-height:1.5;text-align:center;transform:rotate(-8deg)}.hero-note{position:absolute;z-index:5;right:5%;top:17%;padding:13px 15px;border:2px solid #393344;border-radius:8px;background:#fff8db;box-shadow:4px 5px 0 rgba(57,51,68,.13);font-family:"Noto Serif SC",serif;font-size:11px;font-weight:700;line-height:1.7;transform:rotate(6deg)}@keyframes book-float-left{50%{transform:rotate(-10deg) translateY(-8px)}}@keyframes book-float-center{50%{transform:rotate(0) translateY(-10px)}}@keyframes book-float-right{50%{transform:rotate(9deg) translateY(-7px)}}
.reading-library{padding:82px 86px 88px;background:#fff;scroll-margin-top:20px}.library-intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:60px;margin-bottom:34px}.library-intro h2,.all-heading h2{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(30px,3.4vw,42px);line-height:1.4}.library-intro>p{max-width:460px;margin:0 0 5px;color:#6d6770;font-size:14px;line-height:1.85}.reading-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:42px}.reading-tab{min-height:39px;padding:0 16px;border:1px solid #ddd6ce;border-radius:999px;background:#fbfaf8;color:#615b65;cursor:pointer;font:600 11px "DM Sans","Noto Sans SC",sans-serif;transition:.2s}.reading-tab:hover,.reading-tab.active{color:var(--ink);border-color:var(--ink);background:var(--reading-yellow);transform:translateY(-2px)}
.shelf-wrap{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:17px}.shelf-arrow{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:var(--reading-yellow);cursor:pointer;transition:.2s}.shelf-arrow:hover{background:var(--reading-coral);transform:translateY(-2px)}.shelf-arrow svg{width:16px}.book-shelf{display:grid;min-height:355px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:22px}.shelf-book{position:relative;display:grid;min-height:330px;grid-template-rows:180px 1fr;overflow:hidden;border:1px solid #e6dfd8;border-radius:8px;background:#faf8f5;box-shadow:0 10px 22px rgba(25,21,33,.05);transition:.4s cubic-bezier(.16,1,.3,1)}.shelf-book::after{position:absolute;right:14px;top:13px;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#fff;content:"↗";font-size:10px;opacity:0;transition:.25s}.shelf-book:hover{background:#fff4ee;box-shadow:0 22px 34px rgba(25,21,33,.13);transform:translateY(-16px) rotate(-1deg)}.shelf-book:hover::after{opacity:1;transform:translate(2px,-2px)}.shelf-cover{overflow:hidden;background:#eee9e3}.shelf-cover img{width:100%;height:100%;object-fit:cover;transition:.5s}.shelf-book:hover .shelf-cover img{transform:scale(1.045)}.shelf-copy{display:flex;flex-direction:column;padding:19px 20px 21px}.shelf-copy span{margin-bottom:7px;color:#d85e36;font-size:9px;font-weight:700}.shelf-copy h3{margin:0 0 8px;font-family:"Noto Serif SC",serif;font-size:17px;line-height:1.5}.shelf-copy p{margin:0;color:#6d6770;font-size:11px;line-height:1.7}.shelf-copy strong{margin-top:auto;padding-top:13px;font-size:9px}.shelf-rail{height:13px;margin:4px 53px 0;border:1px solid #d9d1c9;border-radius:3px;background:linear-gradient(#f1ece6,#dcd3ca);box-shadow:0 8px 12px rgba(57,51,68,.1)}
.reading-question{position:relative;display:grid;min-height:330px;grid-template-columns:130px 1.1fr .9fr;align-items:center;gap:40px;padding:62px 100px;overflow:hidden;background:#f8f3ea}.reading-question::after{position:absolute;right:-110px;bottom:-180px;width:390px;height:390px;border:2px solid #e8bca9;border-radius:50%;content:""}.question-mark{display:grid;width:105px;height:120px;place-items:center;color:#fff;border-radius:52% 48% 48% 52%;background:var(--reading-coral);font-family:"Playfair Display",serif;font-size:72px;box-shadow:9px 11px 0 #f0c768;transform:rotate(-5deg)}.reading-question h2{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(28px,3.3vw,40px);line-height:1.55}.reading-question>p{position:relative;z-index:2;max-width:400px;margin:0;color:#67616a;font-size:14px;line-height:1.9}
.all-reading{padding:78px 86px 95px;background:#fff}.all-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:28px}.all-heading>span{max-width:430px;margin-bottom:6px;color:#77717a;font-size:13px;line-height:1.8}.reading-list{display:grid;border-top:1px solid #e4ddd6}.reading-row{display:grid;min-height:78px;grid-template-columns:42px minmax(0,1fr) auto 36px;align-items:center;gap:16px;padding:10px 5px;border-bottom:1px solid #e8e2dc;transition:.2s}.reading-row:hover{background:#fff8f1;transform:translateX(4px)}.reading-index{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#f8eadf;color:#d45d3b;font-size:9px;font-weight:700}.reading-row h3{margin:0 0 4px;font-size:13px}.reading-row p{margin:0;color:#7b757d;font-size:9px}.reading-theme{padding:5px 8px;border-radius:999px;background:#f5efdf;color:#766035;font-size:8px;font-weight:700;white-space:nowrap}.reading-link{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#f5f1ed;transition:.2s}.reading-link:hover{color:#fff;background:var(--reading-coral);transform:translate(2px,-2px)}.reading-link svg{width:13px}
@media(max-width:1000px){.growth-page-switcher,.reading-hero,.library-intro,.all-heading,.reading-question{grid-template-columns:1fr}.growth-page-switcher{gap:16px;padding:24px 45px}.reading-hero{gap:10px;padding:38px 45px 60px}.book-stage{min-height:420px}.reading-library,.all-reading{padding-right:45px;padding-left:45px}.reading-question{gap:20px;padding:55px 50px}.question-mark{width:80px;height:90px;font-size:55px}.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-book:nth-child(3){display:none}}
@media(max-width:680px){.growth-page-switcher{padding:21px 18px}.growth-switcher-links{grid-template-columns:1fr}.growth-switcher-heading h2{font-size:18px}.reading-hero{padding:26px 22px 45px}.reading-hero h1{font-size:36px}.reading-hero h1 strong{white-space:normal}.book-stage{min-height:330px;margin:0 -8px}.hero-book{width:155px;border-width:4px}.book-center{left:28%;width:185px}.book-left{bottom:24%}.book-right{bottom:18%}.hero-note{display:none}.stage-sun{width:145px;height:145px}.reading-library,.all-reading{padding:58px 18px 68px}.library-intro{gap:12px}.library-intro h2,.all-heading h2{font-size:29px}.reading-tabs{margin-bottom:28px}.shelf-wrap{grid-template-columns:1fr}.shelf-arrow{display:none}.book-shelf{min-height:330px;grid-template-columns:1fr}.shelf-book{min-height:320px}.shelf-book:nth-child(n+2){display:none}.shelf-rail{margin:3px 0}.reading-question{padding:48px 22px}.reading-question h2{font-size:28px}.reading-row{grid-template-columns:34px minmax(0,1fr) 32px;gap:9px}.reading-theme{display:none}.reading-row h3{font-size:11px}.reading-row p{font-size:8px}}@media(prefers-reduced-motion:reduce){.hero-book{animation:none}}

/* Unified section heading rhythm */
.library-intro,.all-heading{display:block;width:min(100%,620px)}
.library-intro h2,.all-heading h2{font-size:clamp(32px,3.2vw,40px)}
.library-intro>p,.all-heading>span{display:block;max-width:540px;margin:15px 0 0}

/* Accessible reading and video lists */
.shelf-copy span{font-size:11px}.shelf-copy h3{font-size:19px}.shelf-copy p{font-size:13px}.shelf-copy strong{font-size:11px}
.reading-row{min-height:92px}.reading-row h3{font-size:17px}.reading-row p{font-size:13px;line-height:1.6}.reading-theme{padding:7px 10px;font-size:10px}
.reading-link{width:44px;height:44px;color:var(--ink);background:var(--reading-blue)}.reading-link:hover{color:#fff;background:var(--ink)}.reading-link svg{width:17px}