/* A bright comic-book clubhouse for young readers. */
:root{--ink:#133951;--muted:#496579;--paper:#fffdf7;--cream:#eaf7ff;--gold:#ffd34c;--line:#c4dfed;--display:'Fredoka',system-ui,sans-serif;--sans:'Nunito',system-ui,sans-serif}
body{background:#fffdf7;font-size:18px;font-weight:600}h1,h2,h3{font-weight:600;letter-spacing:-.025em}h1 em,h2 em{font-style:normal}p{line-height:1.75}a,button{touch-action:manipulation}.site-header{max-width:none;height:114px;background:white;border-bottom:4px solid var(--ink);padding-left:max(30px,calc((100vw - 1300px)/2));padding-right:max(30px,calc((100vw - 1300px)/2));gap:24px}.brand{font-family:var(--display);font-size:23px;font-weight:600;letter-spacing:-.2px;transform:rotate(-1.5deg)}.brand small{font-family:var(--sans);font-size:12px;letter-spacing:3px;font-weight:900;color:#b9562f}.brand-mark{background:#ffd34c;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:600 35px/45px var(--display);border-radius:10px 10px 19px 19px}.brand-mark span{background:none;top:-20px;left:11px;color:#c48000;font-size:23px;text-shadow:0 2px white}.site-header nav{gap:8px;font-size:16px;font-weight:900}.site-header nav a{height:auto;min-height:46px;padding:8px 16px;border:2px solid transparent;border-radius:13px;transition:transform .2s}.site-header nav a:hover{color:var(--ink);transform:rotate(-3deg);background:#dff2fc}.site-header nav a[aria-current=page]{background:#ffda5f;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.site-header nav a[aria-current=page]:after{display:none}.header-note{font:800 14px/1.5 var(--sans);border:0;padding-left:10px;color:#447287;transform:rotate(3deg)}
.hero{max-width:none;min-height:610px;height:46.5vw;max-height:720px;border-radius:0;border-bottom:4px solid var(--ink)}.hero-shade{background:linear-gradient(90deg,#123d50ed,#154257aa 37%,#1742520a 70%),linear-gradient(0deg,#13395177,transparent 25%)}.hero-copy{padding:70px 0 80px max(40px,calc((100vw - 1240px)/2));width:58%;max-width:900px}.hero h1{font-size:clamp(3.4rem,5.7vw,5.4rem);line-height:1.02;font-weight:600;letter-spacing:-.025em;color:#fff;text-shadow:0 4px 0 #153b54}.hero h1 em{display:inline-block;color:#ffda50;transform:rotate(-2deg);text-shadow:2px 5px 0 #17354a}.hero-eyebrow{display:inline-block;background:#fff8de;color:#16394e;font-size:13px;font-weight:900;padding:7px 14px;border:2px solid var(--ink);border-radius:7px;transform:rotate(-2deg);box-shadow:3px 3px 0 #16394e;margin-bottom:26px;letter-spacing:.8px}.hero-copy p{font-size:19px;font-weight:700;color:white;max-width:470px;line-height:1.65;margin-top:27px}.hero-actions{gap:23px;margin-top:28px}.button{border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:14px;font-size:17px;font-weight:900;padding:13px 22px;min-height:59px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(-1px,-3px) rotate(-1deg);box-shadow:6px 8px 0 var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:1px 2px 0 var(--ink)}.button.gold{background:#ffcf42}.button.gold:hover{background:#ffdf69}.button.light{background:#ffdb59}.button.dark{background:#1478a3}.hero-actions .button{white-space:nowrap}.hero-secondary{font-size:16px;font-weight:900;text-decoration:underline;text-underline-offset:5px;color:#fff}.hero-speech{position:absolute;right:5%;top:34px;z-index:2;background:#fffdf6;color:var(--ink);font-family:var(--display);font-weight:500;font-size:22px;line-height:1.05;border:3px solid var(--ink);border-radius:45% 45% 45% 15%;padding:20px 27px;box-shadow:4px 5px 0 #123951;transform:rotate(8deg);text-align:center}.hero-caption{color:#fff3cd;font-size:12px;font-weight:800;left:max(40px,calc((100vw - 1240px)/2));bottom:23px}.story-ribbon{max-width:none;background:#ffe17b;border-bottom:3px solid var(--ink);gap:38px;padding:19px 25px;font-weight:900;color:#183f54}.story-ribbon span{font-size:15px}.story-ribbon svg{stroke:#183f54;width:23px;height:23px}.story-ribbon i{color:#bd5a35;font-size:19px}
.section-heading .eyebrow{color:#a14a24;font-size:13px;letter-spacing:1.2px;font-weight:900}.section-heading h2{font-size:clamp(2.5rem,3.3vw,3.4rem);line-height:1.06}.text-link{font-size:16px;font-weight:900;color:#156b91}.text-link svg{width:22px;height:22px}.section-heading>.text-link{font-size:16px;background:#e7f5ff;border:2px solid #a6ccdf;padding:10px 16px;border-radius:12px;margin-bottom:0}.section-heading>.text-link:hover{background:#d2efff}.adventures-section{padding-top:60px;padding-bottom:70px}.adventure-grid{gap:27px}.adventure-card{background:white;border:3px solid var(--ink);border-radius:20px;box-shadow:5px 6px 0 #183b5221;overflow:hidden;transition:transform .2s,box-shadow .2s}.adventure-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:7px 12px 0 #183b5228}.card-image{aspect-ratio:1.5;border-radius:0;border-bottom:3px solid var(--ink);overflow:hidden}.card-copy{padding:21px 22px 24px}.card-copy h3{font-size:1.85rem;line-height:1.15;margin-top:10px}.card-copy>.eyebrow{font-size:12px;letter-spacing:.2px;color:#567084}.card-copy p{font-size:16px;margin-top:13px;line-height:1.7;font-weight:600}.card-copy .text-link{background:#dff3ff;color:#145173;border:2px solid #b8dcec;border-radius:10px;padding:8px 13px;margin-top:19px;font-size:16px}.card-copy .text-link:hover{background:#ffe076;border-color:#e3b957}.issue-badge{background:#ffda51;color:#173a53;border:2px solid #173a53;font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:.3px;padding:6px 12px;transform:rotate(-4deg);bottom:13px;left:13px;border-radius:9px;box-shadow:3px 3px 0 #173a53}.latest-badge{font-size:11px;background:#fa745e;color:#16394d;border:2px solid var(--ink);padding:5px 8px;right:12px;top:12px;transform:rotate(4deg);border-radius:6px;box-shadow:2px 2px 0 var(--ink)}.radio-feature{max-width:1240px;border:3px solid var(--ink);box-shadow:7px 8px 0 #b5dce9;border-radius:24px;background:#087aa0;color:white}.radio-art:after{background:linear-gradient(90deg,transparent 80%,#087aa0)}.radio-copy{padding:40px 38px}.radio-copy .eyebrow{color:#ffe788;font-size:13px;font-weight:900}.radio-copy h2{font-size:2.9rem;color:white;text-shadow:0 3px 0 #125171;line-height:1.1}.radio-copy p{font-size:18px;color:white;font-weight:700;line-height:1.7}.radio-status{font-size:14px;font-weight:900;letter-spacing:0;color:#ffeb8e}.radio-copy .button{font-size:16px;margin-top:20px}.round-icon{background:#ffdb56;border:3px solid var(--ink);color:#143b55;box-shadow:4px 4px 0 var(--ink);transform:rotate(-8deg)}
.crew-section{padding-top:76px;padding-bottom:55px}.characters-grid{gap:20px}.character-card{background:#e6f5ff;border:3px solid var(--ink);border-radius:22px;box-shadow:4px 5px 0 #173a5326;padding:22px 12px 19px;transition:transform .2s,box-shadow .2s}.character-card:nth-child(2){background:#fff0ba;transform:rotate(1.5deg)}.character-card:nth-child(3){background:#ffdcd4}.character-card:nth-child(4){background:#e0edc7;transform:rotate(-1.5deg)}.character-card:nth-child(5){background:#ece1fa;transform:rotate(1.5deg)}.character-card:hover{transform:translateY(-7px) rotate(-3deg);box-shadow:6px 11px 0 #173a5333}.character-card .portrait{width:150px;max-width:100%;border:3px solid var(--ink);margin-bottom:20px;background:white;box-shadow:3px 4px 0 #173a5326}.portrait:before{display:none}.character-card h3{font-size:1.65rem;line-height:1.15}.character-card>span:not(.portrait){font-size:13px;font-weight:700;color:#405d70;min-height:42px;margin-top:10px}.character-card .meet-label{font-size:13px!important;color:#153b55!important;min-height:0!important;margin-top:12px!important;border-top:2px dashed #173a5333;padding-top:12px}.full-crew .portrait{max-width:175px}.full-crew .characters-grid{gap:20px}.family-note{border:3px dashed #a5c9dc;border-radius:20px;background:#eaf7ff;padding:26px 30px;margin-top:15px;margin-bottom:55px;gap:24px}.family-note h2{font-size:1.9rem}.family-note p{font-size:16px;max-width:740px;color:#3b6175}.family-note>span{color:#cf8935}.family-note .text-link{font-size:14px}.site-footer{border-top:3px solid var(--ink);max-width:none;background:#143c53;color:#d7ecf4;padding:35px max(30px,calc((100vw - 1240px)/2)) 25px;font-size:15px}.footer-brand{font-family:var(--display);font-size:1.8rem;color:#ffda5b;font-weight:600}.footer-brand em{font-size:1.3rem;color:white;font-style:normal}.site-footer>a:last-of-type{color:#ffe580}.site-footer p{font-size:15px}.copyright{border-color:#ffffff33;font-size:12px;color:#d2e6ef}
.page-intro{background:none;padding-top:55px;padding-bottom:45px}.page-intro h1{font-size:clamp(3rem,5.2vw,4.7rem);font-weight:600;line-height:1.02}.page-intro h1 em{color:#d56436}.page-intro .eyebrow{color:#086a90;font-weight:900;font-size:13px}.page-intro>p{color:#45647a;font-size:19px;font-weight:700;max-width:680px}.library-line{border-top:3px dashed #a9cddb;font-size:14px;font-weight:900;color:#215675}.library-line span:last-child{color:#42677b;font-size:14px}.library-grid{row-gap:35px}.small-note{font-size:16px;font-weight:800;color:#3b6b81}.listening-intro{background:#087da3;border-bottom:4px solid var(--ink)}.listening-intro h1{font-size:clamp(3rem,5vw,4.8rem);font-weight:600;line-height:1.05;text-shadow:0 3px 0 #154361}.listening-intro h1 em{color:#ffdb59}.listening-intro p{font-size:20px;font-weight:700;color:white}.listening-intro .eyebrow{font-size:13px;font-weight:900;color:#ffeb93}.coming-pill{color:#153a50;background:#ffdc67;border:3px solid var(--ink);border-radius:12px;box-shadow:4px 5px 0 var(--ink);font-weight:900;font-size:15px;transform:rotate(-2deg);padding:11px 15px}.listening-intro>img{border-left:3px solid var(--ink)}.episodes-section>.section-heading>p{font-size:16px;font-weight:700;color:#486c80}.episode-row{background:white;border:3px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 #193c5222;margin:20px 0;padding:24px;grid-template-columns:130px 30px 1fr auto;gap:22px}.episode-row>img{width:130px;height:120px;border:2px solid var(--ink);border-radius:12px}.episode-number{font-size:2.2rem;color:#b97228;font-weight:600}.episode-row h3{font-size:1.85rem}.episode-row .eyebrow{color:#087ca4;font-weight:900}.episode-row p{font-size:16px}.episode-row>.text-link{background:#ffdf6d;padding:10px 13px;border:2px solid var(--ink);border-radius:11px;color:var(--ink);font-size:15px}.audio-pending{background:#edf0f2;color:#58717f;border-radius:7px;font-size:13px;font-weight:800;padding:5px 10px}.reader-title h1{font-size:clamp(2.7rem,4.7vw,4rem);line-height:1.08}.reader-title .eyebrow{color:#08789b;font-weight:900}.reader-title p{font-size:18px}.theme-label{background:#ffdf72;border:2px solid #183c53;border-radius:9px;font-weight:900;font-size:14px;transform:rotate(3deg)}.back-link{font-size:15px;font-weight:900;color:#156a90}.reader-section{background:#155778;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}.reader-toolbar{font-size:16px;font-weight:900}.toolbar-button{background:#fffdf5;color:#133e56;border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-size:15px;font-weight:900;border-radius:10px}.toolbar-button:hover{background:#ffe174}.comic-stage{background:#11384e;border:3px solid var(--ink);border-radius:8px}.reader-hint{color:white;font-size:13px;font-weight:700}.story-reflection{background:#fff0bc;border:3px solid var(--ink);border-radius:20px;box-shadow:4px 5px 0 #173a5322;padding:28px}.story-reflection .eyebrow{font-size:12px;letter-spacing:.5px;color:#905426;font-weight:900}.story-reflection h2{font-size:2.5rem}.reflection-question{font-size:21px;font-weight:800;line-height:1.6}.scripture{font-size:14px;color:#625739}.scripture strong{color:#3e5a66;font-weight:800}.story-summary summary{font-size:1.65rem}.story-summary details p{font-size:17px;line-height:1.8}.cast-list button{font-size:14px;font-weight:800}.cast-list .portrait{border:2px solid var(--ink)}.audio-companion{font-size:14px;font-weight:900}.chapter-nav{border-top:3px dashed #adccdc}.chapter-nav strong{font-family:var(--display);font-size:1.7rem;font-weight:500}.chapter-nav small{font-weight:900;color:#186d92}.chapter-nav a{padding:14px 18px;border:2px solid #abcdda;border-radius:15px;background:#eaf7ff}.about-grid{border-top:3px dashed #b7d3dc}.about-grid h2{font-size:2rem}.about-grid p{font-size:18px}.about-grid h3{font-size:1.6rem}.about-grid .button{font-size:15px}
dialog{border:3px solid var(--ink);border-radius:24px;box-shadow:10px 10px 0 #07192388}dialog::backdrop{background:#12384cbc;backdrop-filter:blur(5px)}.dialog-close{font-family:var(--display);font-weight:600;background:#ffdb63;border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);width:44px;height:44px;font-size:30px}.profile-copy h2{font-size:2.8rem}.profile-copy>.eyebrow{font-size:13px;font-weight:900;color:#08769f;letter-spacing:.4px}.profile-copy p{font-size:17px;line-height:1.75;color:#476579}.trait-list span{font-size:12px;font-weight:900;color:#305970;background:#def1fa;border:1px solid #b5d5e3;border-radius:8px}.profile-copy blockquote{font-family:var(--display);font-size:1.45rem;font-weight:500;color:#a7532d;border-left:4px solid #e5a149;background:#fff3cd;padding:14px 16px;border-radius:0 12px 12px 0}.profile-copy>.text-link{font-size:15px}.profile-art{background:#fff9e5}.profile-art img{mix-blend-mode:multiply}
@media(max-width:1150px){.site-header{padding-left:28px;padding-right:28px}.site-header nav{gap:2px;font-size:15px}.site-header nav a{padding:8px 12px}.hero-copy{width:63%;padding-left:40px;padding-top:68px}.hero h1{font-size:4.5rem}.hero-copy p{font-size:18px;max-width:440px}.hero-actions{gap:22px}.hero-speech{font-size:19px;padding:17px 22px;right:3%;top:30px}.character-card{padding:18px 9px 15px}.character-card h3{font-size:1.4rem}.character-card>span:not(.portrait){font-size:12px}.character-card .meet-label{font-size:12px!important}.radio-copy h2{font-size:2.5rem}.radio-copy p{font-size:17px}.episode-row{grid-template-columns:100px 1fr auto;gap:20px}.episode-number{display:none}.episode-row>img{width:100px;height:110px}.episode-row>.text-link{font-size:13px;padding:10px}.characters-grid{gap:15px}.radio-feature{margin-left:35px;margin-right:35px}.site-footer{padding-left:35px;padding-right:35px}.full-crew .characters-grid{gap:15px}}
@media(max-width:800px){.site-header{height:auto;padding:22px 15px 16px;gap:18px;min-height:150px;border-bottom-width:3px}.site-header nav{gap:9px;font-size:14px;height:auto}.site-header nav a{padding:7px 13px;min-height:42px}.brand{font-size:22px}.brand-mark{font-size:29px;line-height:36px}.brand-mark span{top:-19px;left:8px}.hero{min-height:625px;max-height:none;height:auto}.hero-copy{width:73%;padding:55px 0 95px 28px}.hero h1{font-size:3.9rem}.hero-eyebrow{font-size:11px}.hero-copy p{font-size:17px;max-width:365px;line-height:1.7}.hero-actions{gap:20px}.hero-actions .button{font-size:16px}.hero-secondary{font-size:15px}.hero-speech{font-size:16px;padding:14px;right:3%;top:28px}.hero-caption{left:28px}.story-ribbon{gap:12px 28px;padding:17px 20px}.story-ribbon span{font-size:13px}.section-heading h2{font-size:2.5rem}.section-heading>.text-link{font-size:14px;min-width:130px;margin-top:23px;padding:9px 12px}.adventure-grid{gap:20px}.card-copy{padding:18px}.card-copy h3{font-size:1.75rem}.card-copy p{font-size:16px}.radio-feature{margin-left:24px;margin-right:24px}.radio-copy{padding:32px 23px}.radio-copy h2{font-size:2.15rem}.radio-copy p{font-size:16px}.radio-copy .eyebrow{font-size:11px}.radio-copy .button{font-size:14px;padding:12px}.radio-art{min-height:440px}.character-card{padding:20px 12px}.character-card h3{font-size:1.65rem}.character-card .portrait{width:145px}.character-card>span:not(.portrait){font-size:13px}.character-card .meet-label{font-size:13px!important}.characters-grid{gap:20px}.family-note{padding:25px;margin-left:24px;margin-right:24px}.family-note h2{font-size:1.9rem}.site-footer{padding-left:24px;padding-right:24px}.page-intro{padding-top:42px}.page-intro h1{font-size:3.6rem}.page-intro>p{font-size:18px}.listening-intro>div{padding:48px 24px}.listening-intro h1{font-size:3.2rem}.listening-intro p{font-size:18px}.listening-intro .eyebrow{font-size:12px}.episode-row{grid-template-columns:95px 1fr;padding:20px;column-gap:20px;row-gap:14px}.episode-row>.text-link{grid-column:2;justify-self:start;font-size:14px}.episode-row>img{width:95px;height:100px}.episode-row h3{font-size:1.75rem}.reader-toolbar{flex-wrap:wrap;gap:17px}.reader-title h1{font-size:3.2rem}.reader-title p{font-size:17px}.story-summary summary{font-size:1.8rem}.story-reflection{padding:25px}.about-grid{gap:35px}.about-grid h2{font-size:1.75rem}.about-grid p{font-size:17px}.profile-copy{padding:48px 26px 30px}.profile-copy h2{font-size:2.4rem}.profile-copy p{font-size:16px}}
@media(max-width:520px){.site-header{padding:20px 10px 15px;min-height:141px;gap:14px}.brand{font-size:21px}.brand small{font-size:10px}.site-header nav{font-size:13px;gap:5px;justify-content:space-evenly}.site-header nav a{padding:7px 8px;border-radius:10px;min-height:42px}.hero{min-height:810px}.hero-copy{width:100%;padding:38px 24px 290px}.hero h1{font-size:3.05rem;max-width:360px;line-height:1.03}.hero-eyebrow{font-size:10px;padding:7px 10px;letter-spacing:.5px;margin-bottom:25px}.hero-copy p{font-size:17px;max-width:330px;line-height:1.7;margin-top:23px}.hero-actions{margin-top:25px;gap:23px}.hero-actions .button{font-size:17px;padding:13px 18px}.hero-secondary{font-size:16px}.hero-shade{background:linear-gradient(180deg,#113e53ed 0%,#173e53b8 48%,#173e5300 79%,#173e5366 100%)}.hero-speech{top:auto;bottom:50px;right:20px;font-size:17px;padding:14px 17px;max-width:145px;transform:rotate(6deg);border-width:2px;box-shadow:3px 3px 0 var(--ink)}.hero-caption{font-size:10px;left:24px;bottom:18px}.story-ribbon{gap:10px;justify-content:center;padding:15px 13px}.story-ribbon span{font-size:12px;font-weight:900}.story-ribbon svg{width:18px;height:18px}.section-heading h2{font-size:2.5rem;max-width:350px}.section-heading .eyebrow{font-size:11px;letter-spacing:.8px}.section-heading>.text-link{margin-top:17px;font-size:14px;padding:9px 12px;min-width:0}.adventures-section{padding-top:38px;padding-bottom:42px}.adventure-grid{gap:28px}.adventure-card{border-radius:18px;box-shadow:4px 5px 0 #173a5326}.card-copy{padding:19px 20px 24px}.card-copy h3{font-size:2rem}.card-copy .text-link{font-size:16px}.card-copy>.eyebrow{font-size:12px}.issue-badge{font-size:15px}.latest-badge{font-size:10px}.radio-feature{margin:0 18px;border-radius:22px;box-shadow:5px 6px 0 #b5dce9}.radio-art{height:220px;min-height:220px}.radio-art:after{background:linear-gradient(0deg,#087aa0,transparent 35%)}.radio-copy{padding:17px 24px 33px}.radio-copy h2{font-size:2.5rem}.radio-copy p{font-size:17px}.radio-copy .eyebrow{font-size:12px}.radio-copy .button{font-size:16px;padding:12px 16px}.crew-section{padding-top:46px;padding-bottom:32px}.characters-grid,.full-crew .characters-grid{gap:20px 13px}.character-card{padding:16px 9px;border-radius:17px;box-shadow:3px 4px 0 #173a5326}.character-card .portrait{width:120px;border-width:2px;margin-bottom:17px}.character-card h3{font-size:1.5rem;line-height:1.15}.character-card>span:not(.portrait){font-size:12px;line-height:1.55;min-height:40px}.character-card .meet-label{font-size:12px!important;gap:5px}.meet-label svg{width:12px;height:12px}.character-card:nth-child(5){width:56%}.family-note{padding:21px;margin:12px 23px 40px;gap:15px}.family-note h2{font-size:1.7rem}.family-note p{font-size:16px;margin-top:12px}.family-note .text-link{font-size:14px}.site-footer{padding-top:27px;grid-template-columns:1fr;gap:18px}.site-footer p{font-size:15px}.site-footer>a:last-of-type{font-size:14px}.copyright{font-size:11px;margin-top:0}.footer-brand{font-size:1.8rem}.page-intro{padding-top:36px;padding-bottom:33px}.page-intro h1{font-size:3rem}.page-intro .eyebrow{font-size:12px}.page-intro>p{font-size:17px}.library-line{font-size:12px}.library-line span:last-child{font-size:13px}.full-crew{padding-top:10px;padding-bottom:45px}.small-note{font-size:15px}.listening-intro>div{padding:38px 24px 43px}.listening-intro h1{font-size:2.65rem;letter-spacing:-.04em;line-height:1.06;margin-top:23px}.listening-intro p{font-size:18px}.listening-intro>img{border-left:0;border-top:3px solid var(--ink);height:240px;object-position:center}.coming-pill{font-size:14px;padding:11px 14px}.episodes-section{padding-top:35px}.episode-row{grid-template-columns:65px minmax(0,1fr);padding:17px;column-gap:13px;border-radius:16px;margin:20px 0}.episode-row>img{width:65px;height:82px;border-radius:9px}.episode-row h3{font-size:1.6rem;line-height:1.16}.episode-row .eyebrow{font-size:11px;letter-spacing:.4px}.episode-row p{font-size:16px}.episode-row>.text-link{font-size:14px;gap:8px;padding:8px 10px}.audio-pending{font-size:12px}.reader-title h1{font-size:2.65rem}.reader-title p{font-size:17px}.reader-title .eyebrow{font-size:12px}.back-link{font-size:14px}.theme-label{font-size:13px}.reader-toolbar{padding:0 6px}.reader-toolbar>span{font-size:16px}.reader-toolbar>div{gap:8px}.toolbar-button{font-size:14px;padding:9px 11px;min-height:46px}.reader-hint{font-size:12px}.comic-stage{border-width:2px}.story-reflection{padding:23px 20px}.story-reflection h2{font-size:2.2rem}.reflection-question{font-size:20px}.story-reflection .eyebrow{font-size:10px}.scripture{font-size:13px}.chapter-nav{gap:13px}.chapter-nav a{padding:13px 10px;max-width:48%}.chapter-nav strong{font-size:1.25rem;line-height:1.25}.chapter-nav small{font-size:10px}.about-grid h2{font-size:1.9rem}.about-grid p{font-size:17px}.profile-copy{padding:26px 22px}.profile-copy h2{font-size:2.4rem}.profile-copy p{font-size:17px}.profile-copy .text-link{font-size:14px}.profile-art{max-height:230px}.profile-copy>.eyebrow{font-size:12px}.profile-copy blockquote{font-size:1.4rem}.trait-list span{font-size:12px}.dialog-close{top:10px;right:10px;width:42px;height:42px}.story-summary details p{font-size:17px}}
@media(max-width:360px){.site-header nav{font-size:12px;gap:1px}.site-header nav a{padding:7px 7px}.hero h1{font-size:2.75rem}.hero-copy{padding-left:20px;padding-right:20px}.hero-copy p{font-size:16px}.hero-eyebrow{font-size:9px}.listening-intro h1{font-size:2.35rem}.episode-row{padding:14px;grid-template-columns:1fr}.episode-row>img{width:100%;height:140px}.episode-row>.text-link{grid-column:1}.character-card h3{font-size:1.3rem}.character-card .meet-label{font-size:11px!important}.family-note{margin-left:20px;margin-right:20px}}
@media(prefers-reduced-motion:reduce){.character-card:hover,.adventure-card:hover,.button:hover,.site-header nav a:hover{transform:none}}
.hero h1 em,.page-intro h1 em,.listening-intro h1 em{font-weight:600}
@media(max-width:520px){.site-header nav a{justify-content:center;text-align:center;white-space:nowrap;padding-left:7px;padding-right:7px}.site-header nav{gap:2px;font-size:12px}.hero h1{font-size:2.95rem}}
/* Character art uses the supplied PNG alpha, with no white backdrop or frame. */
.portrait{background:transparent;border:0;box-shadow:none}
.character-card .portrait{background:transparent;border:0;box-shadow:none;overflow:hidden;border-radius:0}
.character-card:hover .portrait{box-shadow:none}
.portrait.sirbacon img{width:195%;height:auto;transform:translate(-32%,-22%)}
.cast-list .portrait{background:transparent;border:0;box-shadow:none}
.profile-art{background:transparent;padding:18px;align-items:center;justify-content:center}
.profile-art img{mix-blend-mode:normal;object-fit:contain;max-height:520px;width:100%;height:auto}
@media(max-width:520px){.profile-art{height:250px;max-height:250px;padding:10px}.profile-art img{width:auto;height:230px;max-width:100%;max-height:230px}}
.character-card .portrait{width:100%;max-width:none;height:215px;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:visible}
.character-card .portrait img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}
@media(max-width:800px){.character-card .portrait{height:195px}}
@media(max-width:520px){.character-card .portrait{height:180px}}

/* Audio dramas have their own stage and catalog, with the shared castle crew. */
.listening-intro > .audio-cast{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;align-self:stretch;min-width:0;min-height:480px;padding:30px 12px 48px;background:radial-gradient(ellipse at 50% 65%,#fff0a6 0,#ffdc67 55%,#ffbc50 100%);border-left:3px solid var(--ink);overflow:hidden}
.audio-cast img{height:360px;width:54%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(3px 5px 0 #9b541833)}
.audio-cast .audio-hamlet{height:305px;width:40%;margin-left:-8%;margin-bottom:10px}
.sound-burst{position:absolute;top:30px;right:30px;transform:rotate(9deg);font-family:var(--display);font-size:2.5rem;color:var(--ink);background:#fffdf2;border:3px solid var(--ink);border-radius:50%;padding:10px 24px;box-shadow:4px 5px 0 var(--ink)}
.sound-caption{position:absolute;bottom:18px;left:12px;right:12px;text-align:center;color:var(--ink);font-weight:900;font-size:17px}
.audio-promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:28px;padding-bottom:28px;border-bottom:2px dashed #acd2df}
.audio-promise>div{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900;font-size:16px;color:var(--ink)}
.audio-promise svg{flex:0 0 28px;width:28px;height:28px;color:#087da3}
.audio-empty{display:flex;align-items:center;gap:34px;padding:36px;border:3px solid var(--ink);border-radius:22px;background:#fff5cc;box-shadow:5px 6px 0 #eacb80}
.audio-empty-icon,.episode-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#d9f2ff;border:3px solid var(--ink);border-radius:24px;width:100px;height:100px;color:#087da3;transform:rotate(-6deg)}
.audio-empty-icon svg{width:52px;height:52px}
.audio-empty h3{font-size:2rem;line-height:1.15;margin:0 0 12px}
.audio-empty p{max-width:630px;font-size:18px;line-height:1.7;margin-bottom:22px}
.episode-row.audio-episode{grid-template-columns:100px minmax(0,1fr)}
.episode-symbol svg{width:44px;height:44px}
.episode-transcript{margin-top:18px}
.episode-transcript summary{cursor:pointer;font-weight:900}
.episode-transcript p{white-space:pre-wrap;margin-top:12px}
@media(max-width:800px){.listening-intro>.audio-cast{min-height:430px;padding-left:0;padding-right:0}.audio-cast img{height:310px;width:65%}.audio-cast .audio-hamlet{height:240px;width:48%;margin-left:-22%}.sound-burst{font-size:1.8rem;right:18px;top:24px;padding:8px 18px}.sound-caption{font-size:14px}.audio-promise{gap:15px}.audio-promise>div{font-size:14px;gap:8px}.audio-empty{gap:24px;padding:28px}.audio-empty h3{font-size:1.8rem}}
@media(max-width:520px){.listening-intro>.audio-cast{min-height:320px;height:320px;border-left:0;border-top:3px solid var(--ink);padding:10px 20px 35px}.audio-cast img{height:280px;width:58%}.audio-cast .audio-hamlet{height:210px;width:42%;margin-left:-9%;margin-bottom:0}.sound-burst{font-size:1.5rem;right:26px;top:20px;padding:5px 14px}.sound-caption{bottom:12px}.audio-promise{grid-template-columns:1fr;gap:16px;padding-top:25px;padding-bottom:25px}.audio-promise>div{justify-content:flex-start;font-size:16px}.audio-empty{align-items:flex-start;flex-direction:column;gap:24px;padding:26px}.audio-empty-icon{width:76px;height:76px;border-radius:20px}.audio-empty-icon svg{width:42px;height:42px}.audio-empty h3{font-size:1.8rem}.audio-empty p{font-size:17px}.audio-empty .button{font-size:15px}.episode-row.audio-episode{grid-template-columns:minmax(0,1fr)}.episode-symbol{width:65px;height:65px;border-radius:16px}.episode-symbol svg{width:34px;height:34px}}