*{box-sizing:border-box}body{margin:0;color:#182d2c;background:white;font-family:Body,Arial,sans-serif}.page{width:390px;height:1050px;padding:26px 26px 20px;position:relative;break-after:page;overflow:hidden}.draft{font-size:10px;letter-spacing:1.5px;color:#637875;margin-bottom:18px}header img{width:225px;height:auto;display:block}nav{display:flex;justify-content:space-between;gap:9px;margin:25px 0 0;font-size:13px;border-bottom:1px solid #dce7e4;padding-bottom:15px}nav b{color:#24635f}h1{font-family:Display,Georgia,serif;font-weight:400;font-size:47px;line-height:1.12;letter-spacing:-1.8px;margin:28px 0 15px}h2{font-family:Display,Georgia,serif;font-size:27px;font-weight:400;margin:0 0 10px}p{font-size:16px;line-height:1.52;margin:0 0 18px}.eyebrow{color:#24635f;font-size:11px;letter-spacing:1.6px;margin:24px 0 0}.button{background:#24635f;color:white;padding:13px 19px;border-radius:22px 22px 4px 4px;font-size:15px;display:inline-block;margin:1px 0 24px}.doors{display:flex;gap:10px;margin:0 0 25px}.door{width:calc((100% - 20px)/3);border:1px solid #b7d0c9;border-radius:60px 60px 5px 5px;padding:22px 7px 16px;text-align:center;background:#f6faf8}.door strong{font-family:Display;font-size:25px;font-weight:400;display:block}.soon{font-size:11px;color:#5c736d;display:block;margin-top:8px}.band{background:#eef5f2;padding:20px;border-radius:4px}.band p{font-size:14px;margin:0}.ages{display:flex;gap:8px;margin:14px 0 24px}.ages span{border:1px solid #d6e2de;border-radius:18px;padding:9px 11px;font-size:13px}.shelf{padding:16px 0;border-bottom:1px solid #dce7e4;display:flex;align-items:center;justify-content:space-between;gap:15px}.shelf h2{font-size:25px;margin:0 0 6px}.shelf p{font-size:14px;margin:0;color:#536963}.badge{font-size:11px;background:#eef5f2;padding:7px 9px;border-radius:4px;white-space:nowrap;color:#24635f}.book{width:54px;height:70px;border-radius:27px 27px 3px 3px;border:1px solid #cfdbd6;background:#f7faf8;display:flex;align-items:end;padding:6px;flex-shrink:0}.stripe{height:5px;width:100%;border-radius:3px}.note{font-size:13px;line-height:1.55;color:#61716c;margin-top:20px}.price{display:flex;gap:12px;margin:20px 0}.price>div{flex:1;border-top:2px solid #24635f;padding-top:12px}.price strong{font-size:29px;font-weight:400;display:block}.price span{font-size:13px}.request{border:1px solid #d9e4df;padding:16px;margin-top:20px}.request p{font-size:14px;margin:6px 0 0}.muted{color:#60766e}footer{flex-wrap:wrap;gap:8px;position:absolute;bottom:22px;left:26px;right:26px;border-top:1px solid #dce7e4;padding-top:13px;font-size:11px;color:#64776f;display:flex;justify-content:space-between} @page{size:390px 1050px;margin:0}
body{font-family:Arial,sans-serif}.page{width:100%;max-width:1040px;height:auto;min-height:100vh;overflow:visible;margin:auto;padding:28px 26px 24px;display:flex;flex-direction:column}.draft{display:none}header img{max-width:100%}main{flex:1;padding-bottom:42px}h1,h2,.door strong{font-family:Georgia,serif}h1{font-size:46px}nav{flex-wrap:wrap;gap:16px;justify-content:flex-start}a{color:inherit;text-decoration:none}nav a{padding:8px 0;min-height:44px}nav a[aria-current]{color:#24635f;font-weight:700}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #24635f;outline-offset:5px}.button:hover{background:#1b4f4c;color:white}footer{position:static;margin-top:24px}.shelf{gap:12px}.band{max-width:680px}h1{letter-spacing:-1.2px}.note{max-width:680px}.price,.request{max-width:680px}.resource-grid{display:grid;gap:20px}.resource{padding:20px;border:1px solid #dce7e4;border-radius:8px}.resource a{color:#24635f;text-decoration:underline}.resource audio{width:100%} @media(min-width:768px){.page{padding:40px 48px 26px}header img{width:280px}nav{gap:34px}h1{font-size:68px;line-height:1.12}main>p{max-width:640px;font-size:19px}.doors{max-width:620px;gap:22px}.door{padding:32px 14px 22px}.door strong{font-size:34px}.soon{font-size:13px}.shelf{max-width:760px;padding:24px 0}.shelf h2{font-size:29px}.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:350px){.page{padding:24px 18px}h1{font-size:39px}.badge{white-space:normal}.ages{gap:5px}.ages span{padding:9px 8px}}
.ages a{border:1px solid #dce7e4;border-radius:22px;padding:10px 12px;font-size:13px;display:inline-block;min-height:44px}.ages a:hover{background:#eef5f3}