.launch-notice{background:#262b77;color:white;text-align:center;padding:10px 18px;font-size:12px;line-height:1.5}.launch-notice span{padding:0 10px;color:#ffe783}.skip{position:absolute;top:-100px;left:20px;z-index:9;background:#ffe783;padding:10px;color:#242740}.skip:focus{top:10px}.byline{font-size:16px;font-weight:bold;color:#3c42bd}.text-link{font-size:15px;font-weight:bold;display:inline-block;margin-top:10px}.availability,.resource-note{font-size:13px;color:#606075;line-height:1.6}.launch-principles{padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.launch-principles>div>span{font-size:16px;color:#3c42bd;font-weight:bold}.launch-principles h3{font-size:26px;margin:18px 0 15px}.launch-principles p{font-size:16px;color:#606075}.launch-footer{align-items:flex-start}.footer-links{display:flex;flex-direction:column;font-size:14px;gap:8px}.launch-footer small{font-size:12px;text-align:left}.design-archive{font-size:12px;margin-top:15px}.design-archive summary{cursor:pointer}.design-archive a{display:block;margin-top:9px}.book-page{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:45px;padding-bottom:80px}.book-visual{background:#edeefb;border-radius:150px 150px 15px 15px;padding:55px 50px 22px}.book-visual img{width:100%;max-width:330px;margin:auto;transform:rotate(-4deg);box-shadow:10px 13px 0 #c8cbea;border:2px solid #242740;border-radius:4px}.book-visual>p{font-size:11px;text-align:center;color:#606075;margin-top:29px}.book-copy h1{font-size:73px;margin-bottom:15px}.book-subtitle{font-size:29px;font-weight:bold;color:#3c42bd;margin:0 0 16px}.book-copy>p:not(.eyebrow,.byline,.book-subtitle,.availability){font-size:17px}.book-facts{display:flex;justify-content:space-between;gap:18px;margin:27px 0 29px;padding:23px 0;border-top:1px solid #d8d9e4;border-bottom:1px solid #d8d9e4}.book-facts b{font-size:23px;white-space:nowrap}.book-facts span{display:block;font-size:12px;max-width:110px;color:#606075;margin-top:4px}.contents-section{padding-top:45px;padding-bottom:80px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}.topic-grid article{border-top:2px solid #3c42bd;padding-top:18px}.topic-grid b{color:#3c42bd;font-size:16px}.topic-grid h3{font-size:24px;margin:18px 0 15px}.topic-grid p{font-size:15px;color:#606075}.format-section{background:#ffe783;padding:65px 0}.format-plans{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.format-plans article{padding:30px;border:2px solid #242740;border-radius:12px;background:#fffdf8;box-shadow:5px 5px #242740}.format-plans span{font-size:12px;font-weight:bold;letter-spacing:.06em}.format-plans h3{font-size:32px;margin:18px 0}.format-plans p{font-size:16px;color:#606075}.simple-faq{padding-top:75px;padding-bottom:75px}.simple-faq details{border-bottom:1px solid #c7c9da;padding:20px 0;max-width:850px}.simple-faq summary{font-size:18px;font-weight:bold;cursor:pointer}.simple-faq p{font-size:16px;color:#606075}.resource-hero{background:#3c42bd;color:white;padding:60px 0}.resource-hero h1,.about-hero h1{font-size:68px;line-height:1.04;margin-bottom:27px}.resource-hero .eyebrow{color:#ffe783}.resource-hero>div>p:last-child,.about-hero>div>p:last-child{font-size:18px;line-height:1.7}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:78px;padding-bottom:70px}.download-preview{background:#ffb2bf;padding:30px 40px;border-radius:20px}.download-preview img{width:100%;box-shadow:9px 9px 0 #2427402a;transform:rotate(-3deg)}.resource-list{padding:0;margin:25px 0 30px;list-style:none}.resource-list li{padding:13px 0;border-bottom:1px solid #d8d9e4}.resource-list b{font-size:17px}.resource-list span{display:block;color:#606075;font-size:14px;margin-top:4px}.answer-link{display:block;font-weight:bold;font-size:14px;margin:25px 0 17px}.print-notes{padding-top:30px;padding-bottom:70px}.updates-block{padding-top:55px;padding-bottom:65px;border-top:1px solid #d8d9e4;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.updates-block h2{font-size:40px}.updates-block p{font-size:16px;color:#606075}.inactive-signup{background:#edeefb;border-radius:15px;padding:30px}.inactive-signup strong{font-size:19px}.inactive-signup p{font-size:14px}.inactive-signup button{padding:13px 20px;border:1px solid #85869c;border-radius:100px;background:#e0e1e8;color:#55576b;font-size:14px;cursor:not-allowed}.about-hero{background:#ffb2bf;padding:62px 0}.about-hero .highlight{background:#ffe783}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:82px;padding-bottom:85px}.about-copy p:not(.eyebrow){font-size:17px;color:#606075}.about-copy .button{margin-top:15px}.peek-copy .note,.hero-copy .note{font-size:13px}summary:focus-visible,button:focus-visible{outline:3px solid #3c42bd;outline-offset:5px}@media(max-width:1000px){.book-page,.downloads{gap:45px}.book-copy h1{font-size:60px}.book-visual{padding-left:30px;padding-right:30px}.topic-grid{grid-template-columns:repeat(2,1fr)}.updates-block{gap:40px}.about-copy{gap:40px}.launch-footer{flex-wrap:wrap}}@media(max-width:680px){.launch-notice{font-size:10px;padding:9px 17px}.launch-notice span{padding:0 3px}header{flex-wrap:wrap;min-height:120px;padding-top:19px!important;padding-bottom:18px!important;gap:19px}header .logo{margin-right:auto}nav{width:100%;order:2;justify-content:space-between;gap:10px}nav a,nav a:nth-child(2){display:block;font-size:12px;text-decoration:none}.launch-principles{grid-template-columns:1fr;padding-top:50px;padding-bottom:40px;gap:23px}.launch-principles h3{font-size:25px;margin:10px 0}.launch-principles p{font-size:16px;margin-bottom:12px}.launch-footer{gap:28px}.launch-footer small{text-align:left}.footer-links{font-size:14px}.book-page{grid-template-columns:1fr;padding-top:25px;padding-bottom:35px;gap:30px}.book-visual{max-width:340px;margin:auto;padding:38px 40px 18px;border-radius:100px 100px 15px 15px}.book-visual>p{font-size:10px}.book-copy h1{font-size:61px}.book-subtitle{font-size:26px}.book-facts{gap:15px}.book-facts b{font-size:21px}.book-facts span{font-size:11px}.book-copy>p:not(.eyebrow,.byline,.book-subtitle,.availability){font-size:16px}.contents-section{padding-top:30px;padding-bottom:45px}.topic-grid{gap:20px;margin-top:27px}.topic-grid h3{font-size:22px;line-height:1.15}.topic-grid p{font-size:14px}.format-section{padding:45px 0}.format-plans{grid-template-columns:1fr;gap:25px}.format-plans article{padding:24px}.format-plans p{font-size:15px}.simple-faq{padding-top:47px;padding-bottom:47px}.simple-faq summary{font-size:16px}.simple-faq p{font-size:15px}.resource-hero,.about-hero{padding:43px 0}.resource-hero h1,.about-hero h1{font-size:45px;line-height:1.08}.resource-hero>div>p:last-child,.about-hero>div>p:last-child{font-size:16px}.downloads{grid-template-columns:1fr;padding-top:43px;padding-bottom:33px;gap:39px}.download-preview{max-width:340px;margin:auto;padding:25px 28px}.resource-list b{font-size:16px}.resource-list span{font-size:14px}.print-notes{padding-top:25px;padding-bottom:40px}.updates-block{grid-template-columns:1fr;padding-top:38px;padding-bottom:45px;gap:17px}.updates-block h2{font-size:35px}.inactive-signup{padding:24px}.about-copy{grid-template-columns:1fr;padding-top:47px;padding-bottom:50px;gap:5px}.about-copy p:not(.eyebrow){font-size:16px}.hero-copy .note{font-size:12px}.play-scene>p{font-size:10px}}
/* Intrinsic image sizing: HTML width/height attributes describe the source,
   while responsive CSS must scale both axes together. */
img { display: block; max-width: 100%; height: auto; }
.book-visual { min-width: 0; align-self: center; }
.book-visual img { display: block; width: 100%; max-width: 330px; height: auto; aspect-ratio: 1103 / 1426; object-fit: contain; }
.download-preview img, .sheet-stage img { display: block; width: 100%; height: auto; object-fit: contain; }
.play-scene .cover { height: auto; aspect-ratio: 1103 / 1426; object-fit: contain; flex-shrink: 0; }
@media(max-width:680px) { .book-visual { width: 100%; } }