.adult-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:0 auto 24px;padding:14px 20px;border-block:1px solid #d8d9c9;max-width:1100px}.adult-links span{font-size:14px;color:#68766d}.adult-links a{min-height:44px;display:inline-flex;align-items:center;font-weight:bold;text-underline-offset:4px}.parent-optin{max-width:1100px;margin:32px auto;padding:30px;background:#edf0e3;border:1px solid #d5dcc5;border-radius:16px}.parent-optin p{margin:12px 0}.parent-optin .pill{margin:6px 10px 6px 0}.commerce-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.commerce-book{min-width:0}.commerce-book img{width:100%;height:250px;object-fit:contain}.commerce-book h2{font-size:1.4rem;margin:12px 0}.commerce-book p{margin:12px 0}.commerce-book .text-link{display:block;margin-top:12px}.bundle-grid,.starter-layout,.schools-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.bundle-card{padding:28px;border:2px solid #b9c9b8;border-radius:16px;background:#fff9e7}.bundle-card p,.starter-layout p,.schools-layout p{margin:14px 0}.bundle-price{font:1.6rem Story,Georgia,serif;display:block;margin:18px 0;line-height:1.4}.bundle-covers{display:flex;align-items:center;gap:10px;margin:20px 0}.bundle-covers img{width:calc((100% - 20px)/3);min-width:0;height:180px;object-fit:contain}.starter-layout>.bundle-covers{align-self:start}.merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.merch-grid article{padding:22px;background:#eff3e9;border-radius:14px}.merch-grid p{margin:16px 0}.watch-section{max-width:1000px;margin:auto}.watch-section video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#163c44;border-radius:16px}.watch-section>p{font-size:14px;margin:12px 0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#commercial-form{display:grid;gap:16px;margin-top:22px}#commercial-form>label{display:grid;gap:6px}#commercial-form input:not([type=checkbox]),#commercial-form select,#commercial-form textarea{width:100%;font:inherit;border:1px solid #8b9b8d;border-radius:8px;padding:12px;background:white}#commercial-form .consent{display:flex;align-items:flex-start;gap:12px}#commercial-form input[type=checkbox]{width:22px;height:22px;flex-shrink:0;margin:2px 0}.lead-row{padding:20px;border-bottom:1px solid #cad3c4;overflow-wrap:anywhere}.lead-row h3{font-size:1.1rem}.margin-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.margin-fields label{display:grid;font-size:16px}.margin-fields input{min-width:0;width:100%;padding:10px;font:inherit}#margin-result{font-weight:bold;margin:20px 0}.mobile-buy-bar{display:none}.book-buy .pill{margin-top:12px}
@media(max-width:1000px){.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.margin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.adult-links{display:grid;grid-template-columns:1fr;margin:0 12px 20px;gap:4px;padding:10px 16px}.adult-links a{font-size:16px}.parent-optin{margin:24px 12px;padding:22px 18px}.parent-optin .pill{display:flex;justify-content:center;margin:12px 0;width:100%}.commerce-grid{gap:24px 16px}.commerce-book img{height:170px}.commerce-book h2{font-size:1.2rem}.commerce-book .pill{padding:12px;font-size:14px}.bundle-grid,.starter-layout,.schools-layout,.merch-grid{grid-template-columns:minmax(0,1fr);gap:22px}.bundle-card{padding:22px 18px}.bundle-covers img{height:140px}.bundle-price{font-size:1.4rem}.mobile-buy-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#fffdf5f5;border-top:1px solid #bcc9b4}.mobile-buy-bar .pill{width:100%;justify-content:center;text-align:center}body:has(.mobile-buy-bar) footer{padding-bottom:100px}#info-dialog:has(#commercial-form){max-height:calc(100dvh - 12px)}.book-page-header nav{display:flex;flex-wrap:wrap}}
@media(max-width:380px){.commerce-grid{grid-template-columns:1fr}.commerce-book img{height:220px}}
header nav{flex-wrap:wrap;gap:8px 18px}header nav a{font-size:14px}header .header-right{flex-shrink:0}@media(min-width:1051px){header{height:auto;min-height:100px;padding-top:14px;padding-bottom:14px}header nav{min-width:0;justify-content:center}}@media(max-width:700px){header nav{gap:2px}header nav a{font-size:13px}}
