/* A reading-room identity within the Tulkka World palette. */
body.library-experience{background:#f5f7ff;color:#152369}.library-experience .experience-header{background:transparent}.library-experience .experience-width{width:min(1240px,calc(100% - 80px))}.library-experience h1,.library-experience h2,.library-experience h3{font-family:'Segoe UI',Arial,sans-serif}.library-experience .kicker{color:#2350d6;font-size:10px;font-weight:750;letter-spacing:2px}.library-experience .action{border-radius:999px;font-weight:700}.library-experience .action.gold{background:#ffca32;color:#152369;box-shadow:none}.library-experience .action.dark{background:#152369;color:white}.reading-room{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:65px 0 55px}.reading-intro h1{font-size:clamp(38px,4.2vw,60px);line-height:1.14;letter-spacing:-2px;margin:22px 0}.reading-intro h1 em{font-style:normal;color:#2350d6}.reading-intro .hero-description{font-size:16px;line-height:1.85;color:#596980;max-width:455px;margin-bottom:28px}.reading-note{font-size:11px;color:#677592;margin-top:18px}.reading-shelf{background:#e7edfc;border:1px solid #d8e1f6;border-radius:120px 120px 24px 24px;padding:40px 38px 20px;overflow:hidden}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin:0 20px 25px;font-size:10px;letter-spacing:2px;font-weight:750;color:#4e628c}.shelf-heading>span:last-child{color:#d09c0a;font-size:30px}.shelf-row{display:flex;align-items:flex-end;justify-content:center;gap:9px;height:200px;padding:0 12px}.spine{width:65px;height:185px;border-radius:7px 9px 0 0;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:750;letter-spacing:3px;box-shadow:inset 7px 0 #ffffff25;color:white;border-top:8px solid #ffffff30}.spine-blue{background:#2350d6;transform:rotate(-8deg);transform-origin:bottom;height:195px}.spine-pink{background:#c52b83;height:167px}.spine-yellow{background:#ffca32;color:#152369;height:180px}.shelf-plant{margin-left:15px;display:flex;flex-direction:column;align-items:center}.shelf-plant>span{font-size:95px;color:#168756;line-height:.9}.shelf-plant i{width:54px;height:52px;background:#f6a250;border-radius:3px 3px 20px 20px;margin-top:6px}.shelf-plank{height:13px;background:#152369;border-radius:4px;box-shadow:0 10px 0 #1523690b;position:relative}.shelf-bottom{display:flex;align-items:flex-end;justify-content:space-around;padding:30px 10px 0;height:145px}.stacked-books{width:65%}.stacked-books span{display:block;padding:12px 14px;border-radius:4px;font-size:9px;font-weight:750;letter-spacing:1px;color:white;background:#168756;margin-top:4px;border-right:12px solid #fff6}.stacked-books span:nth-child(2){background:#2350d6;margin-left:12px}.stacked-books span:nth-child(3){background:#8752ca;margin-right:6px}.reading-sun{font-size:75px;line-height:1;color:#e8aa0d;margin-bottom:12px}.reading-shelf>p{text-align:center;font-size:11px;color:#617395;margin-top:22px}.browse-desk{box-sizing:border-box;display:grid;grid-template-columns:1.1fr 1fr auto;gap:28px;align-items:center;background:white;border:1px solid #dee5f4;border-radius:20px;padding:28px 30px;box-shadow:0 8px 25px #15236905}.desk-title{display:flex;gap:18px;align-items:center}.desk-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:14px;background:#fff2c5;color:#86620e;font-size:31px}.desk-title .kicker{margin:0 0 7px;font-size:9px}.desk-title h2{font-size:23px;line-height:1.25;margin:0;letter-spacing:-.7px}.browse-desk>p{font-size:13px;line-height:1.75;color:#596980;margin:0}.browse-desk .action{font-size:12px;white-space:nowrap;padding:14px 20px}.reader-paths{padding:65px 0}.reader-section-title h2,.library-access h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:12px 0 28px}.reader-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.reader-path-grid article{padding:8px 28px 8px 0;border-right:1px solid #dce3f4}.reader-path-grid article:last-child{border:0}.reader-symbol{font-size:28px;color:#2350d6}.reader-path-grid article:nth-child(2) .reader-symbol{color:#c52b83}.reader-path-grid article:nth-child(3) .reader-symbol{color:#168756}.reader-path-grid h3{font-size:20px;margin:15px 0 12px}.reader-path-grid p{color:#596980;font-size:14px;line-height:1.8;margin-bottom:18px}.reader-path-grid a,.library-access a{font-size:13px;font-weight:750;color:#2350d6}.library-access{box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:35px 0 60px;border-top:1px solid #dce3f4}.library-access h2{margin-bottom:18px}.library-access p{color:#596980;font-size:14px;line-height:1.8;max-width:480px}.access-facts details{border-bottom:1px solid #dce3f4;padding:18px 0}.access-facts summary{cursor:pointer;font-size:14px;font-weight:650;color:#152369}.access-facts p{font-size:13px}.library-experience .experience-footer{background:#152369}
@media(max-width:1000px){.reading-room{gap:35px}.reading-shelf{padding:35px 22px 20px}.browse-desk{grid-template-columns:1fr auto}.browse-desk>p{grid-column:1;grid-row:2}.browse-desk>.action{grid-column:2;grid-row:1/3}.reader-path-grid{gap:22px}}
@media(max-width:680px){.library-experience .experience-width{width:calc(100% - 36px)}.reading-room{grid-template-columns:1fr;padding:35px 0;gap:28px}.reading-intro h1{font-size:42px;letter-spacing:-1.5px}.reading-shelf{max-width:430px;width:100%;box-sizing:border-box;margin:auto}.shelf-row{height:180px}.spine{width:52px}.spine-blue{height:175px}.spine-pink{height:148px}.spine-yellow{height:160px}.shelf-plant{margin-left:5px}.shelf-plant>span{font-size:73px}.shelf-plant i{width:44px;height:44px}.reading-sun{font-size:55px}.browse-desk{grid-template-columns:1fr;padding:24px;gap:18px}.browse-desk>p,.browse-desk>.action{grid-column:auto;grid-row:auto}.browse-desk>.action{justify-self:start}.reader-paths{padding:40px 0}.reader-section-title h2,.library-access h2{font-size:28px}.reader-path-grid,.library-access{grid-template-columns:1fr;gap:20px}.reader-path-grid article{border-right:0;border-bottom:1px solid #dce3f4;padding:5px 0 22px}.library-access{padding:30px 0 40px}.desk-title h2{font-size:21px}}