/* Sipur · an illuminated reading room */
:root{--cream:#f3f0e8;--paper:#fffdf7;--ink:#263c3a;--muted:#65736b;--line:#d8ded2;--accent:#234d43;--accent-soft:#e5ecdf;--accent-ink:#fffdf4;--radius:22px}
body{background:radial-gradient(ellipse at 10% 0,#e3e8dc,transparent 50%),#f3f0e8}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--accent)}
.top{max-width:1080px;padding:24px 28px;border-bottom:1px solid #ccd5c7;gap:16px}.brand{font-size:38px;font-weight:600;letter-spacing:-1.5px;text-decoration:none}.brand:before{content:'✳';font:26px Georgia;margin-right:12px;color:#b08a49}.top-links{align-items:center;gap:14px;font-size:14px}.top-links .link{border-radius:30px}.top-links button{border:1px solid var(--line);padding:9px 20px}
main{max-width:1080px;padding:36px 28px 64px}.screen{max-width:760px;margin:auto}h1{font-size:clamp(36px,5vw,54px);letter-spacing:-1.5px;line-height:1.08;margin:24px 0 14px}h2{font-size:29px}.hint{font-size:17px;line-height:1.65}.eyebrow{color:#6e775c;font-size:10px;letter-spacing:.2em}.back{font-size:14px;padding:8px 0}.steps{gap:6px;margin:22px 0 32px}.steps li{background:#dce1d6;height:4px}.steps li.on{background:#9d854d}.screen:has(.welcome){max-width:none}
.welcome{min-height:355px;background:#234d43;color:#fff9ea;border-radius:30px;padding:44px 46px;margin:0 0 40px;box-shadow:0 16px 45px #234d4314;isolation:isolate}.welcome .eyebrow{color:#d8c295;margin:0 0 20px}.welcome h1{font-size:clamp(45px,6.2vw,72px);font-weight:500;max-width:610px;margin:0 0 22px;letter-spacing:-2px}.welcome>p:not(.eyebrow){color:#d9e4d6;font-size:16px;max-width:430px;line-height:1.7;margin-bottom:0}.welcome-mark{display:none}.welcome:after{content:'';position:absolute;right:20px;top:20px;width:300px;height:340px;z-index:-1;background:url('/garden.svg') center/contain no-repeat;opacity:.85}.screen:has(.welcome)>h1{font-size:36px}.screen:has(.welcome)>.steps{display:none}.screen:has(.welcome)>.eyebrow{margin-top:6px}.age-grid{gap:16px}.age{border:1px solid #d8ded2;background:#fffdf6;min-height:180px;box-shadow:none;border-radius:20px;padding:24px}.age:nth-child(2){background:#e8edde}.age:nth-child(3){background:#e9e8da}.age:nth-child(4){background:#e1e9e4}.age>span:first-child{font-size:48px;letter-spacing:-2px}.age small{font-size:12px;text-transform:uppercase;letter-spacing:.13em}.age em{font-size:14px;line-height:1.4;max-width:100px}.age-arrow{top:24px;right:20px;border:1px solid #acb7a4;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:17px}.age:hover{box-shadow:0 12px 24px #234d4312;transform:translateY(-5px)}
.primary{background:#234d43;border-radius:30px;box-shadow:0 5px 12px #234d4312}.secondary{border-radius:30px;background:#fffdf7;font-size:15px;border:1px solid #cbd5c5}.primary:hover{background:#163a31}.secondary:hover{background:#e5ecdf}.tag{font-size:16px;border:1px solid #cbd5c5;min-height:45px;padding:8px 19px}.tag[aria-pressed=true]:before{content:'✓ ';font-size:14px}.field-label,.note-label{font-size:14px;color:#435d50}.gender{border-radius:16px;border-width:1px;max-width:340px}.seg{font-size:15px}.tags{padding:10px 0 12px;gap:9px}input[type=number]{max-width:180px}input[type=number],select,textarea{background:#fffdf7;border:1px solid #cbd5c5;border-radius:15px}textarea:focus{outline:2px solid #7e9f83;outline-offset:2px}.privacy-note{font-size:12px}#toStart{width:auto;min-width:200px;float:right;margin-bottom:30px}.screen:after{content:'';display:block;clear:both}
.choices{gap:10px;margin-top:30px}.choice{padding:30px;border:1px solid #cbd5c5;border-radius:22px;position:relative;min-height:135px;justify-content:center}.choice:after{content:'↗';position:absolute;right:28px;top:30px;font-size:28px;color:#6a8267}.choice:first-child{background:#e3eadb}.choice-title{font-size:32px}.choice-sub{font-size:16px;margin-top:5px}.cards{gap:20px}.card{border:1px solid #cbd5c5;border-radius:24px;padding:30px;gap:14px;position:relative;background:linear-gradient(115deg,#fffdf7,#eef0e5);overflow:hidden}.card:not(.saved-card):before{content:'THE STORY COLLECTION';font-size:10px;letter-spacing:.18em;color:#7a805c}.card:not(.saved-card):after{content:'↗';position:absolute;right:27px;top:23px;font-size:27px;color:#788968}.card-title{font-size:34px;max-width:85%}.card-hook{font-size:17px;line-height:1.65;max-width:560px}.card-meta{border-top:1px solid #d8ded2;padding-top:16px;width:100%;font-size:13px}.time{padding:3px 10px;background:#e0e8d8;border-radius:20px}.card:hover{box-shadow:0 14px 30px #234d4310;transform:translateY(-2px)}
.story{max-width:850px}.story-heading{background:#234d43;border-radius:28px;color:#fff9ea;padding:40px 44px;margin:12px 0 24px;position:relative;overflow:hidden}.story-heading:after{content:'✳';position:absolute;right:24px;top:-35px;font-size:220px;color:#d0bc8730;pointer-events:none}.story-heading .source{color:#d8c295;font-size:11px;letter-spacing:.12em;position:relative;z-index:1}.story-title{font-size:clamp(40px,6vw,64px);font-weight:500;line-height:1.02;max-width:620px;margin:20px 0}.story-heading .meta{color:#d9e4d6;font-size:13px;letter-spacing:.04em;margin:0}.notes-toggle{justify-content:flex-end;font-size:13px;margin-bottom:8px}.telling-toolbar{background:#e5eadf;border:1px solid #d2dbc9;padding:18px 24px;border-radius:18px;margin:16px 0 26px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.telling-toolbar p{font-size:14px;flex:1 1 230px;margin:0;max-width:330px}.telling-toolbar .secondary{background:#234d43;color:#fff9ea;border:0;padding:10px 20px;min-height:44px}.telling-toolbar .link{font-size:13px}#audioStatus:empty{display:none}#audioStatus{width:100%;margin:0}.before{border:0;border-left:3px solid #b3975b;background:transparent;border-radius:0;padding:8px 24px;margin:30px 8px}.before h2{font:600 11px var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}.before p{font-size:15px;line-height:1.75;color:#65736b}.story-body.guide{background:#fffdf8;padding:36px 44px;border:1px solid #e0e1d5;border-radius:26px;counter-reset:beat;box-shadow:0 10px 40px #234d4307}.guide .beat{position:relative;padding:26px 0 28px 45px;border-bottom:1px solid #e2e5da;margin:0}.guide .beat:not(.opening):before{counter-increment:beat;content:counter(beat,decimal-leading-zero);position:absolute;left:0;top:32px;font-size:11px;color:#8c9279;letter-spacing:.05em}.guide .opening{padding:0 0 26px;margin-bottom:5px}.guide .label{font-size:10px;letter-spacing:.18em;color:#9a7d45;margin-bottom:14px}.guide .opening .say{font-size:31px;line-height:1.3}.guide .say{font-family:var(--serif);font-size:26px;line-height:1.45}.guide .why{font-size:13px;line-height:1.65;border:0;padding:4px 0 0;color:#788174;max-width:590px}.guide .do{font-size:13px;line-height:1.6;background:#edf1e7;padding:8px 12px;border-radius:9px;margin:10px 0}.ask,.point{border:0;border-radius:22px;padding:28px 32px;margin:20px 0;background:#f4eddd}.ask h2,.point h2{font:600 11px var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:15px;color:#59724c}.ask li,.point p{font-family:var(--serif);font-size:26px;line-height:1.35}.point{background:#eae5d5}.reflection{border:1px solid #d1dac8;background:transparent;padding:30px 32px;margin:30px 0}.reflection h2{font-size:32px}.reflection textarea{background:#fffdf7}.actions{border-top:1px solid #cbd5c5;padding:24px 0;gap:8px;justify-content:center}.actions button{font-size:13px;min-height:44px;padding:10px 16px}.foot{max-width:1024px;width:calc(100% - 56px);font-size:12px;padding:24px;letter-spacing:.04em}.loading.big{padding:100px 24px;background:#e5eadf;border-radius:28px;margin-top:20px}.loading .dot{background:#9d854d;width:24px;height:24px}.about{max-width:850px!important}.about aside{background:#e5eadf}.saved-card{padding:8px}
@media(max-width:700px){.top{padding:18px 20px}.top-links{gap:0}.top-links .link{font-size:12px;padding:9px 12px}.brand{font-size:31px}.brand:before{font-size:20px;margin-right:8px}main{padding:20px 20px 40px}.welcome{padding:32px 28px;min-height:380px;border-radius:24px}.welcome:after{right:-80px;top:110px;width:250px;opacity:.35}.welcome h1{font-size:50px;max-width:390px}.welcome>p:not(.eyebrow){max-width:300px;font-size:15px}.age-grid{grid-template-columns:1fr 1fr;gap:12px}.age{min-height:168px;padding:22px}.story-heading{padding:32px 26px;border-radius:22px}.story-heading:after{right:-50px}.story-title{font-size:45px}.story-body.guide{padding:28px 24px;border-radius:22px}.guide .beat{padding-left:28px}.guide .opening{padding-left:0}.guide .say{font-size:24px}.guide .opening .say{font-size:29px}.guide .beat:not(.opening):before{font-size:9px}.telling-toolbar{padding:18px}.telling-toolbar p{max-width:none}.before{margin:24px 0;padding:5px 18px}.card{padding:26px}.card-title{font-size:30px}.ask,.point,.reflection{padding:24px}.actions{grid-template-columns:1fr 1fr}.actions #save{grid-column:1/-1}.foot{width:calc(100% - 40px)}.top{width:100%;margin:0}.about{padding:30px 22px!important}}
@media print{.story-heading{background:white;color:black}.story-heading:after{display:none}}
/* Original illustrated story world */
.welcome{display:grid;grid-template-columns:1.1fr 1fr;padding:0;overflow:hidden;align-items:stretch}.welcome-copy{padding:42px 0 42px 42px;position:relative;z-index:1}.welcome h1{font-size:clamp(45px,5vw,62px)}.welcome-art{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center;border-radius:180px 0 0 0;margin-left:24px}.welcome:after{display:none}.welcome>p{max-width:none}.welcome-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#d9e4d6;max-width:400px}.card-art{display:block;width:calc(100% + 60px);height:190px;object-fit:cover;margin:-30px -30px 12px;order:-1}.card:not(.saved-card):before{margin-top:0}.card:not(.saved-card):after{top:213px}.story-heading{padding:0;display:flex;flex-direction:column}.story-heading:after{display:none}.story-art{display:block;width:100%;height:240px;object-fit:cover;object-position:50% 55%}.story-heading-copy{padding:30px 40px 34px}.story-heading .story-title{margin:16px 0 20px}.story-heading .source{margin-top:0}
@media(max-width:700px){.welcome{display:flex;flex-direction:column;min-height:0}.welcome-copy{padding:30px 28px 20px}.welcome h1{font-size:45px}.welcome-art{border-radius:70px 0 0 0;margin:8px 0 0;min-height:0;height:220px;object-position:50% 55%}.welcome-copy>p:not(.eyebrow){font-size:15px;margin-bottom:0}.card-art{width:calc(100% + 52px);margin:-26px -26px 8px;height:170px}.card:not(.saved-card):after{top:191px}.story-art{height:200px}.story-heading-copy{padding:26px}.story-heading .story-title{font-size:41px}}
@media print{.welcome-art,.story-art,.card-art{display:none!important}}

.ready-story .say{margin-bottom:22px}.adult-notes{margin:24px 0;border:1px solid var(--line);border-radius:18px;padding:20px}.adult-notes summary{cursor:pointer;font-size:15px;font-weight:600}.adult-notes[open] summary{margin-bottom:20px}
.training-plan{background:#f4eddd;border-radius:22px;padding:26px;margin:24px 0}.training-plan .eyebrow{margin-top:0}.training-plan li{font-size:16px;line-height:1.65;margin:12px 0}.adult-notes input{width:20px;height:20px;accent-color:var(--accent);vertical-align:middle}.gender:has([data-kind]){max-width:none}.gender [data-kind]{padding:12px;font-size:15px}
.profile-summary{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);background:#fffdf7;border-radius:18px;padding:20px;margin:24px 0;font-size:15px}.profile-summary>span{color:var(--muted)}.weekly-parsha{background:#f4eddd;border-radius:22px;padding:26px;margin:22px 0}.weekly-parsha .eyebrow{margin-top:0}.weekly-parsha p:not(.eyebrow){font-size:16px;line-height:1.7}.generate-button{width:100%;margin:12px 0 8px}.weekly-parsha .sub{color:#536950}
/* Sipur studio — bold, warm and made for busy parents. */
:root{--cream:#f8f7f2;--paper:#fff;--ink:#20211f;--muted:#62665e;--line:#d9ddd3;--accent:#272b25;--accent-soft:#f4eddd;--accent-ink:#fff;--serif:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--sans:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--radius:24px}
body{background:#f8f7f2;font-size:17px;color:#20211f}.top{max-width:1160px;border-bottom:1px solid #d9ddd3;padding:22px 30px}.brand{font:850 37px/.95 var(--sans);letter-spacing:-2px;color:#20211f}.brand:before{content:'✳';color:#35669b;font-size:35px;vertical-align:middle;margin-right:9px}.top-links .link{color:#282c23;font-size:13px;font-weight:650}.top-links button{background:#fff;border:1px solid #cdd2c4;border-radius:100px}.top-links button:hover{background:#e7c57d}.top-links a:hover{text-decoration:underline}main{max-width:1160px;padding:32px 30px 70px}h1{font:780 clamp(34px,5vw,57px)/1.05 var(--sans);letter-spacing:-2.3px}h2{font:750 27px/1.13 var(--sans);letter-spacing:-.9px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#535d43}.hint{color:#62665e;font-size:16px}.back{font-weight:650;color:#5e6556;font-size:13px}.steps{margin:20px 0 30px}.steps li{height:5px;background:#e3e6de}.steps li.on{background:#35669b}.screen{max-width:780px}.screen:has(.welcome){max-width:none}
.welcome{background:#e7c57d;color:#1c2617;border:1px solid #c7a35b;border-radius:28px;box-shadow:0 12px 0 #232a1c0a;grid-template-columns:1.15fr 1fr;min-height:405px;margin-bottom:52px}.welcome-copy{padding:42px 20px 42px 42px}.welcome .eyebrow{color:#44502e;letter-spacing:.12em;margin-bottom:28px}.welcome h1{font:830 clamp(47px,5.5vw,76px)/.99 var(--sans);letter-spacing:-4px;margin-bottom:24px;max-width:640px}.welcome h1 em{font-style:normal;color:#35669b}.welcome-copy>p:not(.eyebrow){color:#425031;font-size:16px;line-height:1.65;font-weight:500;max-width:390px}.welcome-art{border-radius:180px 0 0 0;min-height:430px;height:100%;margin:0;object-position:center;filter:saturate(.85)}.screen:has(.welcome)>h1{font-size:35px;letter-spacing:-1.3px}.age-grid{gap:14px}.age{border:1px solid #ccd1c3;border-radius:20px;padding:24px;min-height:180px;background:#fff;box-shadow:0 4px 0 #202a1b0b}.age:nth-child(2){background:#e8eef5}.age:nth-child(3){background:#ffecd8}.age:nth-child(4){background:#e0f0f0}.age>span:first-child{font:800 43px/1 var(--sans);letter-spacing:-2px;color:#24291f}.age small{font-size:10px;font-weight:700;letter-spacing:.12em;color:#5b6253}.age em{font-size:13px;line-height:1.5;color:#4e5747;max-width:130px}.age-arrow{background:#fff8;border:1px solid #9fa794;color:#37402d;width:29px;height:29px}.age:hover{transform:translateY(-4px);box-shadow:0 8px 0 #202a1b12;border-color:#718158}.age:active{transform:translateY(0)}
.primary,.secondary{font-family:var(--sans);font-weight:750;transition:background .16s,transform .16s;min-height:48px}.primary{background:#e7c57d;color:#243018;border:1px solid #c7a35b;box-shadow:0 3px 0 #c7a35b;border-radius:14px}.primary:hover{background:#e7c57d;transform:translateY(-1px)}.primary:active{transform:translateY(1px);box-shadow:0 1px 0 #c7a35b}.primary:disabled{transform:none}.secondary{background:#fff;color:#343b2d;border:1px solid #cad0c2;border-radius:14px;box-shadow:none}.secondary:hover{background:#f0f4e8}.tag{font-size:14px;border-color:#cbd3c0;color:#343d2b;background:#fff;min-height:44px;font-weight:600}.tag[aria-pressed=true]{background:#292e23;border-color:#292e23;color:#e8f8ce}.tag:hover{border-color:#859473}.gender{background:#fff;border:1px solid #cbd3c0;padding:5px;gap:4px;border-radius:18px;overflow:visible}.seg{font:650 14px var(--sans);border-radius:12px;min-height:48px;color:#535d46}.seg+.seg{border-left:0}.seg[aria-pressed=true]{background:#e8eef5;color:#28466c;box-shadow:0 2px 0 #c9d6e5}.gender [data-kind]{font-size:14px}.note-label,.field-label{color:#424b37;font-weight:700;font-size:13px;margin-top:22px}textarea,input[type=number],select{background:white;color:#2c3326;border-color:#ccd3c2;border-radius:14px;font-size:16px}textarea:focus{outline-color:#9c84cf}.privacy-note{font-size:12px;line-height:1.6}.notice{background:#e8eef5;color:#28466c;border:1px solid #c9d6e5;padding:15px 18px;font-size:14px;line-height:1.65;border-radius:14px}.profile-summary{border-radius:20px;background:#fff;border:1px solid #d2d8c9;padding:24px;box-shadow:0 4px 0 #e7eadf;font-size:14px}.profile-summary strong{font-size:20px;letter-spacing:-.5px}.profile-summary .link{color:#35669b;font-size:12px}.weekly-parsha{background:#e8eef5;border:1px solid #c9d6e5;border-radius:24px;padding:28px}.weekly-parsha .eyebrow{color:#35669b}.weekly-parsha h2{font-size:31px;letter-spacing:-1px;color:#28466c}.weekly-parsha p:not(.eyebrow){color:#28466c;font-size:15px}.weekly-parsha .sub{color:#28466c}.generate-button{font-size:17px;min-height:58px;margin-top:16px}.loading.big{background:#e8eef5;border:1px solid #c9d6e5;min-height:320px;justify-content:center;padding:48px 24px}.loading.big p:first-of-type{font-size:22px;line-height:1.3;font-weight:750;color:#28466c;max-width:430px;letter-spacing:-.5px}.loading .dot{background:#35669b}.loading.big .hint{font-size:14px;max-width:400px}
.story{max-width:850px}.story-heading{background:#e8eef5;color:#28466c;border:1px solid #c9d6e5;box-shadow:none;border-radius:26px}.story-art{height:190px;object-position:center;filter:saturate(.8)}.story-heading-copy{padding:28px 34px 32px}.story-heading .source{color:#35669b;font-size:10px;font-weight:750;letter-spacing:.09em}.story-heading .story-title{font:800 clamp(33px,4.7vw,53px)/1.06 var(--sans);letter-spacing:-2px;margin:18px 0}.story-heading .meta{color:#28466c;font-size:12px;font-weight:550}.training-plan{background:#f4eddd;border:1px solid #d6e3bf;border-radius:22px;padding:26px;margin:28px 0}.training-plan h2{color:#3a4a2a;font-size:28px}.training-plan .eyebrow{color:#718456}.training-plan ol{padding-left:22px}.training-plan li{font-size:15px;line-height:1.7;color:#59664b}.training-plan strong{color:#37452a}.ready-story>.eyebrow{margin:32px 0 18px}.before{border-left-color:#b4c981;padding:5px 20px;margin:22px 0}.before h2{font-size:11px;letter-spacing:.08em;color:#6c7c56}.before p{font-size:14px;line-height:1.8;color:#69745c}.story-body.guide{background:#fff;border:1px solid #d6dccc;border-radius:22px;padding:32px 36px;box-shadow:0 6px 0 #e9ece2}.guide .say,.story-body p{font:450 21px/1.75 var(--sans);letter-spacing:-.2px;color:#333c2d}.ready-story .say{margin-bottom:22px}.ready-story .say:last-child{margin-bottom:0}.guide .opening .say{font:600 23px/1.55 var(--sans);letter-spacing:-.5px}.guide .why{font:400 13px/1.7 var(--sans);color:#76816a}.guide .label{font-weight:750;color:#35669b;font-size:10px}.guide .do{color:#4c6140;background:#f4eddd;font-size:13px}.guide .beat:not(.opening):before{font-size:10px;color:#35669b}.adult-notes{background:#fff;border:1px solid #d5dccc;border-radius:18px;padding:21px;margin:20px 0}.adult-notes summary{font:700 16px/1.5 var(--sans);color:#4b563d}.adult-notes>p,.adult-notes>ol,.adult-notes>label{font-size:14px;line-height:1.7;color:#67735a}.adult-notes .memory-cues{padding-left:22px}.memory-cues li{margin:12px 0}.adult-notes input{accent-color:#35669b}.comic-maker{background:#272d24;color:#f3f5ed;border-radius:24px;padding:28px;margin:26px 0}.comic-maker .eyebrow{color:#c4e391;margin-top:0}.comic-maker h2{font-size:33px;letter-spacing:-1.1px;color:#f3f5ed}.comic-maker>p{font-size:15px;line-height:1.7;color:#c4cdbb;max-width:540px}.comic-maker .primary{margin:10px 0}.comic-maker .privacy-note{color:#a6b39b;font-size:11px}.comic-maker .comic-error{color:#ffdfcb;background:#ffffff0a;padding:12px;border-radius:12px;font-size:13px}.comic-maker .comic-success{color:#daf5ad;font-size:13px}.companion{border-color:#d3dac9;border-radius:22px;box-shadow:0 4px 0 #e8ece0}.companion summary strong{font:760 25px/1.2 var(--sans);letter-spacing:-.7px;color:#39472e}.companion-kicker{color:#35669b}.companion-caption{font:550 23px/1.65 var(--sans);letter-spacing:-.4px}.companion-number{font:800 34px/1 var(--sans);color:#35669b}.companion-stage{background:#e8eef5;border-color:#c9d6e5}.companion-panel{min-height:240px}.companion-question>p:not(.companion-kicker){font:550 21px/1.5 var(--sans)}.ask,.point{border:1px solid #d8e2ca;border-radius:20px;background:#f4eddd;padding:25px;margin:22px 0}.ask h2,.point h2{color:#6b7e57;font-size:10px;font-weight:750;letter-spacing:.12em}.ask li,.point p{font:550 21px/1.55 var(--sans);letter-spacing:-.35px;color:#3e4e31}.point{background:#fff0de;border-color:#edddc5}.point h2{color:#947950}.point p{color:#67513a}.reflection{background:#fff;border-color:#d8dece;border-radius:22px;padding:26px}.reflection h2{font:750 28px/1.14 var(--sans);letter-spacing:-1px}.reflection p:not(.eyebrow){font-size:14px;line-height:1.7}.reflection textarea{background:#f8f9f4}.actions{border-color:#d5dccc}.actions button{font-size:12px;padding:12px;min-height:46px}.foot{font-size:11px;font-weight:500;letter-spacing:.03em;color:#7b8372;border-color:#d5dccc}.source-attribution{font-size:12px;line-height:1.6;color:#6c765f;margin:18px 2px}.source-attribution a{color:#35669b;text-decoration:underline}.card-title{font:750 25px/1.2 var(--sans);letter-spacing:-.6px}.card-open{padding:18px}.saved-card{background:#fff}
@media(max-width:700px){.top{padding:19px 20px}.brand{font-size:33px}.brand:before{font-size:29px}.top-links .link{font-size:11px;padding:9px 11px}main{padding:22px 18px 46px}.welcome{min-height:0;border-radius:24px;margin-bottom:38px}.welcome-copy{padding:30px 26px 22px}.welcome .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:24px}.welcome h1{font-size:48px;letter-spacing:-2.7px;margin-bottom:20px}.welcome-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:330px}.welcome-art{min-height:0;height:175px;border-radius:58px 0 0 0;margin:0;object-position:center 62%}.screen:has(.welcome)>h1{font-size:31px}.age-grid{gap:11px}.age{padding:20px;min-height:163px}.age>span:first-child{font-size:39px}.age em{font-size:12px;max-width:115px}.age-arrow{top:20px;right:16px;width:25px;height:25px}h1{font-size:36px;letter-spacing:-1.7px}.profile-summary{padding:20px}.weekly-parsha{padding:23px}.weekly-parsha h2{font-size:28px}.story-art{height:165px}.story-heading-copy{padding:24px}.story-heading .story-title{font-size:35px;letter-spacing:-1.6px}.training-plan{padding:22px}.training-plan h2{font-size:26px}.training-plan li{font-size:14px}.story-body.guide{padding:24px}.guide .say,.story-body p{font-size:19px;line-height:1.8}.guide .opening .say{font-size:22px}.comic-maker{padding:25px}.comic-maker h2{font-size:30px}.companion summary strong{font-size:22px}.companion-caption{font-size:21px;line-height:1.65}.ask,.point,.reflection{padding:23px}.ask li,.point p{font-size:19px}.actions{gap:9px}.foot{width:calc(100% - 36px);padding:23px 0}}
@media(prefers-reduced-motion:reduce){.primary:hover,.primary:active,.age:hover{transform:none}}
@media print{.training-plan,.comic-maker,.rehearsal{display:none!important}#printSheet .say{font-size:inherit;line-height:inherit}#printSheet.companion-print .companion-print-card>p:not(.companion-print-number){font:500 13pt/1.5 var(--sans)}}
.comic-captions{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;padding-left:22px;margin:20px 0}.comic-captions li{font-size:14px;line-height:1.65;color:#4c5942;padding-left:2px}@media(max-width:480px){.comic-captions{grid-template-columns:1fr;gap:10px}}@media print{#printSheet .comic-captions{display:grid;grid-template-columns:1fr 1fr;font-size:10pt;gap:8pt 16pt}#printSheet .comic-captions li{font-size:10pt;line-height:1.4;break-inside:avoid}}

/* Modern editorial hero artwork */
.welcome-art{object-fit:contain;object-position:center;filter:none;background:#f8f7f2;border-radius:0;margin:0;width:100%}
@media(max-width:700px){.welcome-art{height:auto;aspect-ratio:16/9;min-height:0;object-fit:contain;border-radius:0}}

/* Torah identity: sapphire, parchment and antique gold. */
:root{--cream:#f8f5ee;--paper:#fffdf8;--ink:#172d4c;--muted:#59677a;--line:#d9d7cf;--accent:#234d7a;--accent-soft:#e8eef5;--accent-ink:#fffdf8}
body{background:#f8f5ee;color:var(--ink)}
.top{border-color:#ded9cc}.brand{color:#172d4c}.brand:before{content:'✡';color:#ab843c;font-size:28px}
.top-links .link{color:#243d60}.top-links button:hover{background:#f4ead4}
.welcome{background:#172f52;color:#fffaf0;border-color:#223d60;box-shadow:0 12px 30px #172d4c12}
.welcome .eyebrow{color:#e7c57d}.welcome h1{color:#fffaf0}.welcome h1 em{color:#e7c57d}
.welcome-copy>p:not(.eyebrow){color:#e0e7f0}
.welcome-art{background:#ede4d5;object-fit:cover;min-height:430px;height:100%;aspect-ratio:auto}
.eyebrow,.back{color:#526580}.age{background:#fffdf8;border-color:#d9d7cf}.age:nth-child(2){background:#e8eef5}.age:nth-child(3){background:#f4ead4}.age:nth-child(4){background:#eceee7}
.age>span:first-child{color:#172d4c}.age small,.age em{color:#526177}.age:hover{border-color:#8da4be}.age-arrow{color:#234d7a;border-color:#a9b7c8}
.primary{background:#234d7a;color:#fffdf8;border-color:#193b62;box-shadow:0 3px 0 #193b62}.primary:hover{background:#193b62}.primary:active{box-shadow:0 1px 0 #193b62}
.secondary,.tag,.seg{color:#28466c}.tag[aria-pressed=true]{background:#234d7a;border-color:#234d7a;color:white}.seg[aria-pressed=true]{background:#e8eef5;color:#234d7a}
.comic-maker{background:#172f52}.comic-maker .eyebrow{color:#e7c57d}.comic-maker>p{color:#dce4ef}.comic-maker .privacy-note{color:#bdcbdc}
.guide .say,.story-body p{color:#263b56}.guide .label,.companion-kicker{color:#42678e}
:focus-visible{outline:3px solid #ad7d23;outline-offset:4px}
@media(max-width:700px){.welcome-art{height:auto;aspect-ratio:3/2;min-height:0;object-fit:cover}.brand:before{font-size:25px}}

/* Keep the parent, child and scroll together at every screen width. */
.welcome-art{object-fit:contain;background:#f6efdf}

/* Phone ergonomics, safe areas and small screens. */
html{overflow-wrap:break-word}body{min-width:0}button,input,select,textarea{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px!important}.top-links button,.top-links a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}img{max-width:100%}main{padding-bottom:max(46px,env(safe-area-inset-bottom))}
@media(max-width:380px){.top{padding:16px 14px;gap:8px}.brand{font-size:29px}.brand:before{margin-right:5px}.top-links{gap:5px}.top-links .link{padding:8px;font-size:11px}main{padding-left:14px;padding-right:14px}.welcome-copy{padding:26px 20px 22px}.welcome h1{font-size:40px;letter-spacing:-2px}.age-grid{gap:9px}.age{padding:17px}.age em{max-width:105px}.gender{flex-wrap:wrap}.seg{flex:1 1 40%}.comic-captions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* A personal telling, with an honest distinction between comparison and source. */
.welcome-copy>.release-badge{display:inline-block!important;width:fit-content;border:1px solid #d9b86c70;border-radius:30px;padding:8px 12px;color:#f4dba2!important;font-size:10px!important;font-weight:750;letter-spacing:.06em;line-height:1.5!important;margin:0 0 22px!important}
.field-help{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0 26px}.optional-label{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}#interests{width:100%;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
.typed-telling{display:grid;gap:18px}.telling-segment{padding:26px;border-radius:20px;border:1px solid var(--line);background:var(--paper)}.telling-analogy{background:#edf2f6;border-color:#d6e0eb}.telling-torah{border-left:4px solid #b68c42}.telling-connection,.telling-invitation{background:#f3efe5}.story-body .segment-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#526580;margin:0 0 16px}.story-body .parent-cue{font-size:14px;line-height:1.6;color:#58677a;border-top:1px solid #d9d7cf;padding-top:13px;margin:18px 0 0}.parent-cue strong{color:#234d7a;margin-right:5px}.review-note{font-size:12px;color:var(--muted)}.review-note a{color:inherit}.comic-wait{font-size:14px;line-height:1.6}
@media(max-width:600px){.telling-segment{padding:21px 18px;border-radius:16px}.typed-telling .say{font-size:20px;line-height:1.65}.welcome-copy>.release-badge{font-size:9px!important;letter-spacing:.04em}}
.story-body.guide.typed-telling{padding:0;background:none;border:0;box-shadow:none}.typed-telling .say{margin:0}.typed-telling .parent-cue{margin-top:18px}

/* An optional parent studio: useful tools, not a checklist for the child. */
.parent-toolkit{margin:34px 0;border:1px solid #d4d8df;border-radius:26px;overflow:hidden;background:#fffdf8;box-shadow:0 10px 30px #172d4c07}.toolkit-heading{padding:32px 30px 26px;background:#172f52;color:#fffaf0}.toolkit-heading .eyebrow{color:#e7c57d}.toolkit-heading h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:8px 0 14px;color:#fffaf0}.toolkit-heading>p:last-child{max-width:580px;color:#dce4ef;font-size:16px;line-height:1.7;margin:0}.toolkit-throughline{padding:24px 30px;background:#f6edda;border-bottom:1px solid #e6dcc7}.toolkit-throughline .segment-label{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#795d28}.toolkit-throughline p{font-size:20px;font-weight:650;line-height:1.5;margin:8px 0 0}.toolkit-section{padding:0 30px;border-bottom:1px solid #e0e2e5}.toolkit-section>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;min-height:76px;font-size:18px;font-weight:750;color:#172f52}.toolkit-section>summary::-webkit-details-marker{display:none}.toolkit-section>summary::after{content:'+';margin-left:auto;font-weight:400;font-size:25px}.toolkit-section[open]>summary::after{content:'−'}.toolkit-section>summary>span{font-size:12px;color:#8c7448;font-variant-numeric:tabular-nums}.toolkit-help{font-size:14px;line-height:1.7;color:#59677a;margin:0 0 20px}.toolkit-lessons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}.toolkit-card{padding:22px;border:1px solid #e0e1dd;border-radius:16px;background:#fff}.toolkit-card h3,.toolkit-activity h3,.toolkit-exit h3{font-size:18px;line-height:1.45;margin:0 0 10px}.toolkit-card>p{font-size:15px;line-height:1.7;margin:0 0 16px}.toolkit-say{padding:16px;background:#edf2f6;border-radius:12px}.toolkit-say>span{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#526580}.toolkit-say>p{font-size:16px;line-height:1.65;margin:8px 0 0}.toolkit-card .toolkit-source{font-size:11px;color:#6c7786;margin:14px 0}.toolkit-pick{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#526580;margin-top:18px;cursor:pointer;padding:8px 0}.toolkit-pick input{flex:0 0 19px;width:19px;height:19px;margin:1px 0 0;accent-color:#234d7a}.toolkit-questions{display:grid;gap:13px;margin-bottom:26px}.toolkit-card .toolkit-when{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8b6b32;font-weight:800;margin-bottom:8px}.toolkit-card .toolkit-quiet{font-size:14px;color:#59677a;margin-bottom:0}.toolkit-quiet strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 3px}.toolkit-delivery{padding:0 0 12px 22px;margin:0}.toolkit-delivery li{padding:0 0 12px 6px;font-size:16px;line-height:1.6}.toolkit-delivery li p{font-size:14px;line-height:1.7;color:#59677a;margin:5px 0}.toolkit-activity{padding:0 0 22px}.toolkit-activity p,.toolkit-exit p{font-size:15px;line-height:1.7;margin:0}.toolkit-exit{padding:24px 30px;background:#f2f3ee}.toolkit-exit h3{font-size:15px}.toolkit-beyond{margin-top:16px!important;color:#59677a}.toolkit-footer{padding:24px 30px}.toolkit-footer p{font-size:12px;line-height:1.7;color:#59677a;margin:14px 0 0}.toolkit-upgrade{padding:24px;margin:28px 0;border:1px dashed #aab6c7;border-radius:20px;background:#edf2f6}.toolkit-upgrade h2{font-size:23px}.toolkit-upgrade p{font-size:15px;line-height:1.7}
@media(max-width:650px){.toolkit-lessons{grid-template-columns:1fr}.toolkit-heading{padding:26px 20px}.toolkit-heading h2{font-size:28px}.toolkit-throughline,.toolkit-exit,.toolkit-footer{padding:22px 20px}.toolkit-section{padding:0 20px}.toolkit-section>summary{font-size:16px;gap:10px}.toolkit-card{padding:18px}.parent-toolkit{border-radius:20px}.toolkit-throughline p{font-size:18px}.toolkit-footer button{width:100%}}
@media print{#printSheet.toolkit-story-print{font-size:11pt!important;line-height:1.55!important}#printSheet .toolkit-print{break-before:page;font-size:11pt;line-height:1.6}#printSheet .toolkit-print>div,#printSheet .toolkit-print li{break-inside:avoid}#printSheet .toolkit-print h2{font-size:19pt}#printSheet .toolkit-print h3{font-size:13pt;margin-top:18pt}#printSheet .toolkit-print h4{font-size:11pt;margin-bottom:5pt}#printSheet .telling-segment{break-inside:avoid;padding:12pt;margin:0 0 10pt}#printSheet .toolkit-print p{font-size:11pt!important}}
@media print{#printSheet.toolkit-story-print,#printSheet.toolkit-story-print .p-body,#printSheet.toolkit-story-print .typed-telling,#printSheet.toolkit-story-print .toolkit-print{break-inside:auto!important}#printSheet.toolkit-story-print .telling-segment,#printSheet.toolkit-story-print .toolkit-print>div{break-inside:avoid-page!important}}

/* One deliberate storytelling lens, with clear textual source boundaries. */
.story-lenses{border:0;padding:0;margin:32px 0}.story-lenses legend{font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:-.035em}.story-lenses>p{color:var(--muted,#53637b);line-height:1.6;margin:12px 0 18px}.lens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lens-choice{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #d6d9ce;background:#fffdf7;border-radius:16px;cursor:pointer;transition:background .15s,border-color .15s}.lens-choice input{appearance:auto;width:19px;height:19px;min-width:19px;margin:3px 0 0;accent-color:#20395c}.lens-choice strong{display:block;font-size:16px;line-height:1.3}.lens-choice small{display:block;font-size:13px;line-height:1.5;color:#596780;margin-top:6px}.lens-choice:has(input:checked){background:#e9eef4;border-color:#20395c;box-shadow:inset 0 0 0 1px #20395c}.lens-choice:has(input:focus-visible){outline:3px solid #b48b3c;outline-offset:3px}.story-lenses .lens-footnote{font-size:12px;margin-top:14px}.source-introduction{background:#edf1f5;border:1px solid #cdd6e2;border-radius:20px;padding:24px;margin:18px 0 28px}.source-introduction .source-opening{font-size:19px;line-height:1.65;margin:12px 0 18px}.source-introduction ul{list-style:none;padding:0;margin:0}.source-introduction li{border-top:1px solid #cdd6e2;padding:14px 0;line-height:1.6}.source-introduction a{color:#20395c;text-decoration-thickness:1px;text-underline-offset:3px}.source-kind{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#fff;padding:3px 7px;border-radius:5px;margin-right:5px}.source-introduction blockquote{margin:10px 0;border-left:3px solid #b48b3c;padding:4px 14px;font-size:16px}.source-introduction small{display:block;font-size:11px;color:#56647a;margin-top:7px}.source-introduction .source-boundary{font-size:12px;line-height:1.6;margin:12px 0 0;color:#56647a}.telling-commentary{background:#edf1f5!important;border-left-color:#6a7da1!important}.telling-commentary .segment-label{color:#3b5175!important}@media(max-width:560px){.lens-grid{grid-template-columns:1fr}.lens-choice{padding:16px}.source-introduction{padding:20px}.source-introduction .source-opening{font-size:17px}}@media print{.source-introduction{background:white;border:1px solid #bbb;break-inside:auto}.source-introduction a{color:inherit}.source-introduction li{break-inside:avoid}.telling-commentary{background:white!important}}
.lens-choice:has(input:disabled){opacity:.58;cursor:not-allowed}.lens-fiction-note{padding:14px 16px;background:#f4e9d5;border-radius:12px;color:#5d4930!important;font-size:14px}.source-introduction:has(ul:empty) .source-boundary{display:none}
.source-introduction .source-excerpt-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#596780;margin:12px 0 -5px}

/* A separate format switch can accompany any single storytelling lens. */
.storybook-option{margin:28px 0 24px;border:1px solid #b6c4d3;border-radius:22px;background:linear-gradient(135deg,#edf2f7,#fffaf0);overflow:hidden}.storybook-toggle{position:relative;display:flex;align-items:center;gap:24px;padding:25px;cursor:pointer;min-height:100px}.storybook-copy{display:flex;flex:1;flex-direction:column;gap:10px;min-width:0}.storybook-eyebrow{font-size:10px;font-weight:800;letter-spacing:.1em;color:#526580}.storybook-copy strong{font-size:25px;line-height:1.15;letter-spacing:-.7px;color:#172f52}.storybook-copy>span:last-child{font-size:14px;line-height:1.65;color:#526177}.storybook-toggle input{position:absolute;opacity:0;width:48px;height:30px;right:25px;margin:0}.storybook-switch{flex:0 0 48px;height:30px;border-radius:30px;background:#bcc6d1;border:1px solid #8b9aab;position:relative;transition:background .15s}.storybook-switch:after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;background:white;border-radius:50%;box-shadow:0 1px 3px #172f5233;transition:transform .15s}.storybook-toggle input:checked+.storybook-switch{background:#234d7a;border-color:#193b62}.storybook-toggle input:checked+.storybook-switch:after{transform:translateX(18px)}.storybook-toggle:has(input:focus-visible){outline:3px solid #ad7d23;outline-offset:-4px;border-radius:20px}.storybook-toggle input:focus-visible{outline:0}.storybook-footnote{border-top:1px solid #d4dce5;margin:0;padding:15px 25px;font-size:12px;line-height:1.6;color:#59677a}.storybook-option:has(input:checked){border-color:#234d7a;box-shadow:inset 0 0 0 1px #234d7a}@media(max-width:560px){.storybook-toggle{padding:20px;gap:16px}.storybook-copy strong{font-size:23px}.storybook-toggle input{right:20px}.storybook-footnote{padding:14px 20px}}

.preference-group{border:0;padding:0;margin:30px 0}.preference-group legend{font-size:1.15rem;font-weight:750;margin-bottom:10px}.preference-group .tags{margin-top:12px}.choice-summary{border:1px solid var(--line,#d5d8ce);border-radius:22px;padding:24px;margin:24px 0;background:#fffdf8}.choice-summary h2{margin:8px 0}.choice-summary p:last-child{margin-bottom:0}.storybook-option{margin-top:28px}

.story-controls{margin:24px 0 34px}.story-controls>.preference-group:first-child{margin-top:0}.story-controls .storybook-option{margin:24px 0}.story-controls .story-lenses{margin-bottom:0}

/* Story-first reading, with two simple choices screens for every generation. */
.age-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.age{min-height:164px;padding:22px 18px}.age>span:first-child{font-size:36px;letter-spacing:-1.5px}.age:last-child{background:#172f52;border-color:#172f52}.age:last-child>span:first-child,.age:last-child small,.age:last-child em{color:#fffaf0}.age:last-child .age-arrow{color:#e7c57d;border-color:#697b96}.age:last-child>span:first-child{font-size:30px;letter-spacing:-1px}.story-controls{margin-top:25px}.story-controls .preference-group{margin:28px 0}.story-controls .gender{max-width:none;width:100%}.story-controls .seg{min-height:48px}.duration-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.duration-choice{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:18px;cursor:pointer;min-height:98px;display:flex;align-items:center;gap:12px}.duration-choice input{width:17px;height:17px;accent-color:#234d7a;margin:0}.duration-choice strong{display:block;font-size:23px;line-height:1.25}.duration-choice small{display:block;font-size:12px;margin-top:6px;color:var(--muted)}.duration-choice:has(input:checked){background:#e8eef5;border-color:#234d7a;box-shadow:inset 0 0 0 1px #234d7a}.duration-choice:has(input:focus-visible){outline:3px solid #ad7d23;outline-offset:3px}.lens-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lens-choice{padding:17px 14px;gap:10px;min-height:125px}.lens-choice strong{font-size:15px}.lens-choice small{font-size:12px}.story-lenses .lens-footnote{display:none}.age-refinement{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0}.age-refinement summary,.optional-extras>summary,.source-introduction>summary{cursor:pointer;display:flex;align-items:center;gap:16px;list-style:none;min-height:44px;font-size:16px;font-weight:700}.age-refinement summary:after,.optional-extras>summary:after,.source-introduction>summary:after{content:'+';margin-left:auto;font-weight:400;font-size:24px}.age-refinement[open]>summary:after,.optional-extras[open]>summary:after,.source-introduction[open]>summary:after{content:'−'}.age-refinement summary>span,.optional-extras>summary>span{font-size:12px;font-weight:400;color:var(--muted)}.age-refinement .note-label{margin-top:18px}.age-refinement summary::-webkit-details-marker,.optional-extras>summary::-webkit-details-marker,.source-introduction>summary::-webkit-details-marker{display:none}#toStart{float:none;width:100%;margin:30px 0 12px;min-height:56px}.tags .tag{font-size:14px;padding:10px 15px;min-height:44px}.story-lenses>p{font-size:14px}.story-controls .preference-group legend,.duration-group legend{font-size:20px}.story-lenses legend{font-size:24px}.field-help{margin-bottom:16px}.story{max-width:740px}.story .story-heading{background:none;border:0;box-shadow:none;margin:24px 0 34px;display:block}.story .story-heading-copy{padding:0}.story .story-title{font-size:clamp(35px,5vw,54px);line-height:1.1;letter-spacing:-1.7px;margin:14px 0}.story .meta{font-size:13px;color:var(--muted);margin-top:18px}.story .ready-story{margin-top:0}.story-prose{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}.story-prose p{font-size:22px;line-height:1.85;font-weight:400;color:#233953;margin:0 0 1.45em;letter-spacing:-.15px}.story-quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0 32px;margin-top:25px;border-bottom:1px solid var(--line)}.story-quick-actions button{margin:0;font-size:14px;min-height:44px}.source-introduction,.optional-extras{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px 0;margin:0;box-shadow:none}.source-introduction>summary>span{display:none}.source-introduction .source-opening{font-size:15px}.source-introduction li{font-size:14px}.source-introduction .source-boundary{font-size:12px}.optional-extras .parent-toolkit{margin:15px 0 22px;box-shadow:none}.optional-extras .toolkit-heading{padding:22px;background:#edf1f5;color:var(--ink)}.optional-extras .toolkit-heading h2{font-size:24px;color:var(--ink)}.optional-extras .toolkit-heading .eyebrow{display:none}.optional-extras .toolkit-heading>p:last-child{font-size:14px;color:var(--muted)}.comic-extra .comic-maker{padding:22px;margin:14px 0}.comic-extra .comic-maker h2{font-size:27px}.story .actions{display:flex;justify-content:flex-start;align-items:center;gap:10px;border:0;margin:24px 0 0;padding:0}.length-adjust-label{font-size:12px;color:var(--muted);margin-right:auto}.story .actions button{min-width:62px;font-size:13px}.story .actions button:disabled{opacity:.4}.story .companion-comic{margin-top:28px}
@media(max-width:850px){.age-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.age:last-child{grid-column:span 2}.age:last-child em{max-width:none}.lens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.age:last-child{grid-column:span 2;min-height:126px}.age{min-height:150px}.age>span:first-child{font-size:36px}.age:last-child>span:first-child{font-size:31px}.duration-choice{padding:14px 11px;gap:7px;align-items:flex-start;min-height:100px}.duration-choice strong{font-size:21px}.duration-choice input{width:15px;height:15px;min-width:15px;margin-top:5px}.duration-choice small{font-size:11px;line-height:1.45}.lens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lens-choice{padding:15px 12px;gap:8px;min-height:125px}.lens-choice input{width:16px;height:16px;min-width:16px;margin-top:2px}.lens-choice strong{font-size:14px}.lens-choice small{font-size:11px;line-height:1.5}.story .story-heading{margin:20px 0 28px}.story-prose p{font-size:20px;line-height:1.85;margin-bottom:1.45em}.story .story-heading-copy{padding:0}.story .story-title{font-size:37px;line-height:1.12}.story .meta{font-size:12px;line-height:1.7}.story-quick-actions{gap:10px;padding-bottom:26px}.story-quick-actions .link{padding:10px 4px}.optional-extras>summary,.source-introduction>summary{font-size:15px}.story .actions{gap:8px}.length-adjust-label{font-size:11px}.story .actions button{padding:10px;min-width:54px}}
@media print{#printSheet .story-prose p{font-size:12pt;line-height:1.6;margin-bottom:13pt}#printSheet .p-body{break-inside:auto!important}.optional-extras,.story-quick-actions{display:none}}

.comic-upfront{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fffdf8;cursor:pointer;margin:22px 0}.comic-upfront>input{accent-color:#234d7a;flex:0 0 20px;width:20px;height:20px;margin:0}.comic-upfront>span:nth-child(2){flex:1}.comic-upfront strong{display:block;font-size:17px;line-height:1.4}.comic-upfront small{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:5px;max-width:510px}.comic-upfront:has(input:checked){background:#e8eef5;border-color:#234d7a;box-shadow:inset 0 0 0 1px #234d7a}.comic-upfront:has(input:focus-visible){outline:3px solid #ad7d23;outline-offset:3px}.comic-upfront-icon{font-size:29px;color:#ac843b;padding:0 7px}@media(max-width:560px){.comic-upfront{padding:17px;gap:12px}.comic-upfront-icon{display:none}.comic-upfront small{font-size:12px}}

/* One page, every choice: a compact introduction and a focused story composer. */
.home-form{max-width:920px}.home-intro{display:flex;align-items:center;gap:23px;padding:8px 0 25px;border-bottom:1px solid var(--line);margin-bottom:26px}.home-intro>img{width:112px;height:96px;object-fit:cover;border-radius:15px;background:#f6efdf;flex:0 0 112px}.home-intro .eyebrow{font-size:9px;margin:0 0 8px;letter-spacing:.13em}.home-intro h1{font-size:clamp(27px,4vw,40px);line-height:1.1;margin:0 0 10px;letter-spacing:-1.3px}.home-intro p:last-child{font-size:15px;line-height:1.6;color:var(--muted);margin:0;max-width:580px}.listener-options{border:0;margin:0;padding:0}.listener-options legend{font-size:19px;font-weight:750;margin-bottom:15px}.home-form .age-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}.home-form .age{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fffdf8;min-height:58px;padding:13px 10px;border-radius:13px;box-shadow:none;transition:background .15s,border-color .15s}.home-form .age:hover{transform:none;background:#edf2f7}.home-form .age:last-child{grid-column:auto}.home-form .age>span:first-child{font-size:19px;font-weight:750;letter-spacing:-.5px;color:var(--ink);margin:0}.home-form .age small{font-size:10px;letter-spacing:0;text-transform:none;color:var(--muted);margin:0}.home-form .age[aria-pressed=true]{background:#172f52;border-color:#172f52;box-shadow:inset 0 0 0 1px #172f52}.home-form .age[aria-pressed=true]>span:first-child,.home-form .age[aria-pressed=true] small{color:#fffaf0}.home-form .story-controls{margin:24px 0}.home-form .preference-group{margin:24px 0}.home-form .story-controls>.preference-group:first-child{margin-top:0}.home-form .story-controls .preference-group legend,.home-form .story-lenses legend,.home-form>.preference-group legend{font-size:19px;letter-spacing:-.3px}.home-form .lens-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-form .lens-choice{min-height:105px;padding:15px}.home-form .lens-choice small{font-size:12px;line-height:1.45}.home-form .story-lenses{margin:24px 0 0}.home-form .story-lenses>p{margin-top:8px;margin-bottom:15px}.home-form .comic-upfront{padding:17px 20px;margin:20px 0}.home-form .duration-choice{min-height:85px}.home-form .field-help{margin:6px 0 14px;font-size:13px}.home-form #moment{max-width:none}.home-form #toStart{margin-top:24px;min-height:54px}.home-form .age-refinement{margin:22px 0}.home-form>.preference-group .tags{padding-bottom:0}
@media(max-width:650px){.home-intro{gap:14px;padding-top:0;margin-bottom:23px}.home-intro>img{width:80px;height:84px;flex-basis:80px;border-radius:12px}.home-intro h1{font-size:29px;letter-spacing:-1px;margin-bottom:8px}.home-intro p:last-child{font-size:13px;line-height:1.55}.home-intro .eyebrow{font-size:8px;line-height:1.6;letter-spacing:.08em;margin-bottom:7px}.home-form .age-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.home-form .age{min-height:66px;padding:11px 3px;flex-direction:column;gap:3px;border-radius:11px}.home-form .age>span:first-child{font-size:16px;letter-spacing:-.5px}.home-form .age:last-child>span:first-child{font-size:14px}.home-form .age small{font-size:9px}.home-form .lens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-form .lens-choice{min-height:110px;padding:14px 11px}.home-form .lens-choice small{font-size:11px}.home-form .comic-upfront{padding:16px}.home-form .duration-choice{padding:13px 10px}.home-form .preference-group{margin:22px 0}.home-form .story-controls .preference-group legend,.home-form .story-lenses legend,.listener-options legend,.home-form>.preference-group legend{font-size:18px}}
@media(max-width:360px){.home-intro>img{width:65px;height:80px;flex-basis:65px}.home-intro h1{font-size:26px}.home-form .age-grid{gap:4px}.home-form .age>span:first-child{font-size:15px}.home-form .age:last-child>span:first-child{font-size:13px}}

.home-form .story-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;align-items:start}.home-form .story-controls>.preference-group{margin:0}.home-form .story-controls .comic-upfront,.home-form .story-controls .story-lenses{grid-column:1/-1;margin:0}.home-form .story-controls .duration-group .field-help{font-size:12px}.home-form .story-controls .duration-options{gap:7px}.home-form .story-controls .duration-choice{padding:12px 9px;gap:7px;min-height:83px}.home-form .story-controls .duration-choice strong{font-size:20px}.home-form .story-controls .duration-choice small{font-size:11px;line-height:1.4}.home-form .story-controls .duration-choice input{width:15px;height:15px}.composer-submit{position:sticky;bottom:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:17px 0 max(17px,env(safe-area-inset-bottom));background:#f8f5eef5;backdrop-filter:blur(14px);border-top:1px solid var(--line)}.composer-submit>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;max-width:490px}.home-form .composer-submit #toStart{margin:0;width:auto;min-width:220px;min-height:50px;font-size:15px;flex-shrink:0}.home-form .story-controls .preference-group:first-child .gender{margin-top:19px}.home-form .story-controls .preference-group:first-child .seg{min-height:49px}
@media(max-width:650px){.home-form .story-controls{grid-template-columns:1fr;gap:20px}.home-form .story-controls .preference-group:first-child .gender{margin-top:10px}.home-form .story-controls .duration-options{gap:9px}.home-form .story-controls .duration-choice{padding:14px 11px}.home-form .lens-choice{min-height:67px;align-items:center}.home-form .lens-choice:not(:has(input:checked)) small{display:none}.home-form .lens-choice:has(input:checked){min-height:100px}.home-form .lens-choice small{margin-top:5px}.composer-submit{gap:8px;flex-direction:column;align-items:stretch;padding:10px 0 max(12px,env(safe-area-inset-bottom));margin-top:20px}.composer-submit>p{font-size:10px;line-height:1.5;max-width:none;text-align:center}.home-form .composer-submit #toStart{width:100%;min-width:0;min-height:48px}.home-form .story-controls .duration-choice small{font-size:11px}.home-form .story-lenses>p{font-size:13px}}

/* Ten alternative styles form five complete pairs at every width. */
.home-form .lens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Original Sipur line illustrations: navy, parchment, sage and gold. */
.home-intro{gap:12px;padding:0 0 16px;margin-bottom:20px}.home-intro>img{width:46px;height:46px;flex-basis:46px;border:1px solid #d0c5ad;border-radius:10px;object-fit:cover}.home-intro h1{font:750 27px/1.15 var(--sans);letter-spacing:-1px;margin:0 0 5px}.home-intro p:last-child{font-size:12px;line-height:1.45;color:#59677a}.drawn-icon{display:inline-grid;place-items:center;color:#234d7a;flex-shrink:0;line-height:1;vertical-align:middle;pointer-events:none}.drawn-icon svg{width:24px;height:24px;overflow:visible}.drawn-icon svg>path:first-child,.drawn-icon svg>circle:first-child,.drawn-icon svg>rect:first-child{fill:#f3e3b7}.drawn-icon svg{filter:drop-shadow(0 1px 0 #fff)}.home-form .lens-choice{position:relative;padding-left:14px;gap:11px;align-items:flex-start}.home-form .lens-choice input{position:absolute;right:13px;top:14px;width:15px;height:15px;min-width:15px;margin:0}.home-form .lens-choice>span:last-child{padding-right:15px}.home-form .lens-choice strong{font-size:15px}.lens-art{width:43px;height:43px;background:#fffdf8;border:1px solid #d6d5cb;border-radius:12px 15px 11px 14px;box-shadow:2px 3px 0 #d9dfdb;transform:rotate(-5deg);margin:1px 0 0}.lens-art svg{width:27px;height:27px}.lens-choice:nth-child(even) .lens-art{transform:rotate(4deg);box-shadow:2px 3px 0 #e6d8b7}.lens-choice:nth-child(3n) .lens-art svg>path:first-child{fill:#dfe8d8}.lens-choice:has(input:checked) .lens-art{border-color:#bd9c56;box-shadow:2px 3px 0 #d7c397}.home-form .tag{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;min-height:44px}.interest-art{width:22px;height:24px;transform:rotate(-5deg)}.interest-art svg{width:21px;height:21px}.tag:nth-child(even) .interest-art{transform:rotate(5deg)}.tag:nth-child(3n) .interest-art svg>path:first-child{fill:#dce6d5}.tag[aria-pressed=true] .interest-art{color:#fffdf8}.tag[aria-pressed=true] .interest-art svg{filter:none}.tag[aria-pressed=true] .interest-art svg>path:first-child,.tag[aria-pressed=true] .interest-art svg>circle:first-child,.tag[aria-pressed=true] .interest-art svg>rect:first-child{fill:#476b92}.tag[aria-pressed=true]:before{display:none}.heading-art{width:24px;height:25px;margin-right:8px;transform:rotate(-5deg)}.heading-art svg{width:22px;height:22px}.comic-art{width:48px;height:45px;border:1px solid #c8cfce;border-radius:11px 15px 10px 13px;background:#fffdf8;box-shadow:2px 3px 0 #d7dfd3;transform:rotate(5deg);margin-right:5px}.comic-art svg{width:30px;height:30px}.comic-art svg>rect:first-child{fill:#edf1e6}.home-form .comic-upfront:has(input:checked) .comic-art{border-color:#ad8b42;box-shadow:2px 3px 0 #d7c397}
@media(max-width:650px){.home-intro{gap:11px;padding-bottom:15px;margin-bottom:19px}.home-intro>img{width:44px;height:44px;flex-basis:44px}.home-intro h1{font-size:25px;letter-spacing:-.8px;line-height:1.15;margin-bottom:4px}.home-intro p:last-child{font-size:10px;line-height:1.4}.home-form .lens-choice{gap:9px;padding:13px 10px;min-height:78px;align-items:center}.home-form .lens-choice input{right:9px;top:10px;width:13px;height:13px;min-width:13px}.home-form .lens-choice>span:last-child{padding-right:10px}.home-form .lens-choice strong{font-size:12px;line-height:1.4}.home-form .lens-choice small{font-size:10px}.home-form .lens-choice:has(input:checked){min-height:114px}.lens-art{width:32px;height:34px;border-radius:9px 11px 8px 10px;box-shadow:1px 2px 0 #d9dfdb}.lens-art svg{width:22px;height:22px}.home-form .tag{font-size:12px;padding:8px 11px;gap:7px}.interest-art{width:20px;height:22px}.interest-art svg{width:19px;height:19px}.comic-art{width:39px;height:40px;margin-right:0;box-shadow:1px 2px 0 #d7dfd3}.comic-art svg{width:25px;height:25px}.heading-art{width:21px;height:23px;margin-right:7px}.heading-art svg{width:20px;height:20px}}
@media(max-width:360px){.home-intro>img{width:40px;height:40px;flex-basis:40px}.home-intro h1{font-size:23px}.home-intro p:last-child{font-size:9px}.home-form .lens-choice{gap:7px;padding-left:8px}.lens-art{width:28px;height:31px}.lens-art svg{width:20px;height:20px}.home-form .lens-choice strong{font-size:11px}}
.home-intro>img{border:0;border-radius:0;background:transparent;object-fit:contain}.drawn-icon svg{stroke-width:1.7}.home-form .lens-art{background:#fffdf8;border:2px solid white;outline:1px solid #d7dbd4;box-shadow:3px 3px 0 #d6dfd3}.home-form .lens-choice:nth-child(even) .lens-art{box-shadow:3px 3px 0 #e7d8b6}.home-form .lens-choice:has(input:checked) .lens-art{outline-color:#af955e;box-shadow:3px 3px 0 #d4bd87}.home-form .comic-art{border:2px solid white;outline:1px solid #d2dacf;box-shadow:3px 3px 0 #d6dfd3}@media(max-width:650px){.home-form .lens-art{width:34px;height:36px;border-radius:10px 13px 9px 12px;box-shadow:2px 3px 0 #d6dfd3}.home-form .lens-art svg{width:25px;height:25px}.home-form .lens-choice:nth-child(even) .lens-art{box-shadow:2px 3px 0 #e7d8b6}.home-form .lens-choice:has(input:checked) .lens-art{box-shadow:2px 3px 0 #d4bd87}}
/* Match the header mark to the illustrated choice icons. */
.top .brand{display:inline-flex;align-items:center;gap:8px}
.top .brand:before{content:'';display:block;flex:0 0 36px;width:36px;height:36px;margin:0;background:url('/images/sipur-scroll-mark.svg') center/contain no-repeat;vertical-align:middle}
@media(max-width:650px){.top .brand{gap:6px}.top .brand:before{flex-basis:30px;width:30px;height:30px}}
/* Kids’ Storybook is the first, exclusive storytelling mode. */
.home-form .storybook-mode-choice{position:relative;display:flex;align-items:center;gap:14px;min-height:88px;margin:8px 0 0;padding:18px 20px;border:1px solid #cdd5d9;border-radius:16px;background:#fffdf8;cursor:pointer}
.storybook-mode-choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.storybook-mode-copy{display:block;flex:1;min-width:0}.storybook-mode-copy strong{display:block;font-size:18px;line-height:1.3;color:#172f52}.storybook-mode-copy small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#59677a}
.storybook-mode-switch{display:block;flex:0 0 46px;width:46px;height:27px;border:1px solid #9eabb8;border-radius:99px;background:#d7dde3;position:relative;transition:background .15s,border-color .15s}.storybook-mode-switch:after{content:'';position:absolute;top:3px;left:3px;width:19px;height:19px;background:white;border-radius:50%;box-shadow:0 1px 3px #172f5233;transition:transform .15s}
.home-form .storybook-mode-choice:has(input:checked){background:#e8eef5;border-color:#234d7a;box-shadow:inset 0 0 0 1px #234d7a}.storybook-mode-choice input:checked~.storybook-mode-switch{background:#234d7a;border-color:#234d7a}.storybook-mode-choice input:checked~.storybook-mode-switch:after{transform:translateX(19px)}.storybook-mode-choice:has(input:focus-visible){outline:3px solid #ad7d23;outline-offset:3px}
.home-form .storybook-mode-help{font-size:12px;line-height:1.5;color:#59677a;margin:10px 0 18px}.home-form #otherStoryStyles[hidden]{display:none}.home-form #otherStoryStyles>p:first-child{font-size:13px;color:#59677a;margin:0 0 12px}
@media(max-width:650px){.home-form .storybook-mode-choice{gap:12px;padding:15px 14px;min-height:86px}.storybook-mode-copy strong{font-size:17px}.storybook-mode-copy small{font-size:11px}.storybook-mode-switch{flex-basis:44px;width:44px}.storybook-mode-choice input:checked~.storybook-mode-switch:after{transform:translateX(17px)}.home-form .storybook-mode-help{font-size:11px}}
@media(prefers-reduced-motion:reduce){.storybook-mode-switch,.storybook-mode-switch:after{transition:none}}
.app-update{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1000px;margin:0 auto 20px;padding:12px 16px;border:1px solid #cdd5d9;border-radius:12px;background:#e8eef5;color:#172f52;font-size:14px}.app-update button{flex-shrink:0;padding:9px 13px;border:1px solid #234d7a;border-radius:9px;background:#fffdf8;color:#172f52;font:inherit;cursor:pointer}.app-update button:focus-visible{outline:3px solid #ad7d23;outline-offset:3px}

.story-map-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:-12px 0 14px;color:#234d7a;font-size:14px;font-weight:650;text-underline-offset:4px}.story-map-link .drawn-icon svg{width:21px;height:21px}.story-map-link:hover{color:#172f52}.story-map-link:focus-visible{outline:3px solid #ad7d23;outline-offset:4px;border-radius:4px}

.home-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;margin:-12px 0 18px}.home-quick-links .story-map-link{margin:0}.quick-vort-link{display:inline-flex;align-items:center;gap:10px;text-align:left;padding:10px 14px;min-height:48px;border:1px solid #c5b27d;border-radius:12px;background:#f4ead0;color:#172f52;font:650 14px var(--sans);cursor:pointer}.quick-vort-link>span:last-child{display:block}.quick-vort-link small{display:block;margin-top:4px;font-size:11px;font-weight:450;color:#59677a}.quick-vort-link .drawn-icon{transform:rotate(-8deg)}.quick-vort-link:hover{background:#ebddba}.quick-vort-link:focus-visible{outline:3px solid #ad7d23;outline-offset:3px}.vort-source{font-size:13px;color:#59677a;margin:10px 0 0}.quick-vort .story-title{font-size:clamp(30px,5vw,52px)}.quick-vort #vortCopyStatus{font-size:13px;color:#59677a;min-height:1.5em}@media(max-width:650px){.home-quick-links{gap:8px;margin-bottom:18px}.quick-vort-link{width:100%;font-size:14px}.home-quick-links .story-map-link{font-size:13px}.quick-vort .ready-story p{font-size:18px;line-height:1.7}}

.timing-evidence{font-size:12px;line-height:1.5;color:#59677a;margin:8px 0 0}
/* Story first: quiet controls below the complete telling. */
.stream-status{display:flex;align-items:center;gap:12px;color:var(--muted,#526887);font-size:14px;padding:18px 0}.streaming-prose p{animation:story-arrive .28s ease-out}.streaming-story .eyebrow{margin-top:32px}.editing-body,.companion-body{padding:20px 24px}.edit-options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.edit-options .secondary{padding:12px 16px;min-height:46px;font-size:15px}.story-feedback{border-top:1px solid #d9ddcf;margin-top:28px;padding:20px 0}.story-feedback p{font-size:15px;font-weight:700}.story-feedback>div{display:flex;flex-wrap:wrap;gap:8px}.feedback-choice{border:1px solid #cdd4c8;background:transparent;border-radius:24px;padding:10px 14px;color:#28466e;min-height:44px;font:inherit;font-size:13px}.feedback-choice[aria-pressed=true]{background:#e6edf3;border-color:#28466e}.story-feedback small{display:block;margin-top:10px;color:#526887}.companion-body h3{font-size:17px;margin:18px 0 10px}.companion-body li{margin-bottom:12px;line-height:1.6}.companion-body p,.editing-body p{font-size:16px;line-height:1.6}.streaming-story .story-title{font-size:clamp(30px,5vw,52px)}
@keyframes story-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.streaming-prose p{animation:none}}
@media(max-width:560px){.editing-body,.companion-body{padding:14px}.edit-options{display:grid;grid-template-columns:1fr;width:100%}.edit-options button{width:100%}.story-editing summary span,.telling-companion summary span{max-width:145px;text-align:right;font-size:11px}}
/* Sipur UX30: the existing navy, cream and gold, with clearer first-page choices. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.composer-v30 .home-intro{padding-bottom:10px;margin-bottom:8px;gap:10px}.composer-v30 .home-intro h1{font-size:25px}.composer-v30 .home-intro>img{width:38px;height:40px;flex-basis:38px}.composer-v30 .home-intro p:last-child{font-size:12px}
.composer-v30 .home-quick-links{gap:6px 20px;margin:0 0 20px;padding:0;border:0}.composer-v30 .quick-vort-link,.composer-v30 .story-map-link{width:auto;min-height:44px;padding:6px 0;border:0;background:none;border-radius:0;font-size:13px;gap:7px}.composer-v30 .quick-vort-link:hover,.composer-v30 .story-map-link:hover{text-decoration:underline;text-underline-offset:4px}.composer-v30 .home-quick-links .drawn-icon svg{width:18px;height:18px}
.composer-v30 .listener-options{margin:0 0 10px}.composer-v30 .listener-options legend,.composer-v30 .preference-group legend,.composer-v30 .story-lenses legend{font-size:19px;line-height:1.35;margin-bottom:12px;letter-spacing:-.35px}.composer-v30 .age{min-height:58px;padding:12px 8px;aspect-ratio:auto}.composer-v30 .age span:first-child,.composer-v30 .age:last-child span:first-child{font-size:20px}.composer-v30 .age small{font-size:11px}.composer-v30 .age-refinement{padding:0;border:0;margin:0 0 18px}.composer-v30 .age-refinement summary{font-size:13px;min-height:40px;justify-content:flex-start;gap:8px}.composer-v30 .age-refinement summary:after{font-size:18px;margin-left:0}.composer-v30 .age-refinement summary span{font-size:11px}.composer-v30 .age-refinement select{max-width:290px}
.composer-v30 .story-controls{display:block;margin:0}.composer-v30 .story-controls .preference-group{margin:0}.composer-basics{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 18px}.composer-v30 .gender{margin:0 0 8px;min-height:50px}.composer-v30 .seg{font-size:14px;min-height:48px}.composer-v30 .weekly-parsha{padding:0;margin:8px 0 0;min-height:0;background:none;border:0;border-radius:0;font-size:12px;line-height:1.6}.composer-v30 .duration-options{gap:8px}.composer-v30 .duration-choice{padding:10px;min-height:78px;align-items:flex-start}.composer-v30 .duration-choice strong{font-size:20px}.composer-v30 .duration-choice small{font-size:11px;line-height:1.45}.composer-v30 .duration-help{font-size:11px;margin:8px 0 0}
.composer-options{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:28px;margin:0 0 24px}.composer-v30 .comic-upfront{margin:0;padding:14px;gap:12px;min-height:84px;border-radius:14px}.composer-v30 .comic-upfront strong{font-size:15px}.composer-v30 .comic-upfront small{font-size:12px;margin-top:3px}.composer-v30 .comic-art{display:inline-grid;width:32px;height:34px;margin:0}.composer-v30 .comic-art svg{width:24px;height:24px}.occasion-choice .note-label{font-size:14px;margin:0 0 8px}.occasion-choice .note-label span{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}.occasion-choice select{font-size:14px;min-height:48px;width:100%}
.composer-preferences{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start}.composer-panel{min-width:0;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fffdf8}.composer-v30 .composer-panel legend{background:var(--cream);padding:0 5px;margin-left:-5px}.interest-heading-note{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:10px}.interest-heading-note strong{font-size:12px;font-weight:650;color:var(--ink);white-space:nowrap}.composer-v30 .field-help{font-size:13px;line-height:1.6;margin:0 0 14px}.composer-v30 .tags{gap:8px;margin:12px 0 0}.composer-v30 .tag{font-size:13px;line-height:1.3;padding:9px 11px;min-height:44px;gap:6px}.composer-v30 .interest-art{width:18px;height:20px}.composer-v30 .interest-art svg{width:18px;height:18px}.interest-limit{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0;min-height:2em}.selected-interests{display:flex;flex-wrap:wrap;gap:7px;padding:4px 0 10px}.selected-interest{display:inline-flex;align-items:center;gap:6px;background:#e8eef5;border:1px solid #cbd6e3;border-radius:10px;padding:0 7px;color:#172f52;font-size:12px;min-height:44px}.selected-interest>span{font-weight:650}.selected-interest button{background:none;border:0;min-width:32px;min-height:44px;padding:5px;font-size:11px;text-decoration:underline;text-underline-offset:2px}.selected-interest button:last-child{font-size:21px;text-decoration:none}
.composer-v30 .storybook-mode-choice{padding:13px 11px;gap:10px;margin:0;min-height:98px}.composer-v30 .storybook-mode-copy strong{font-size:16px}.composer-v30 .storybook-mode-copy small{font-size:12px;line-height:1.5}.composer-v30 .storybook-mode-help{font-size:12px;line-height:1.6;margin:10px 0 15px;min-height:38px}.style-group h3{font-size:12px;color:var(--muted);font-weight:650;text-transform:uppercase;letter-spacing:.06em;margin:18px 0 10px}.composer-v30 .lens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}.composer-v30 .lens-choice,.composer-v30 .lens-choice:has(input:checked){min-height:126px;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:13px 11px;gap:9px;position:relative}.composer-v30 .lens-choice .lens-art{width:28px;height:29px;margin:0}.composer-v30 .lens-choice .lens-art svg{width:21px;height:21px}.composer-v30 .lens-choice input{top:13px;right:12px;width:16px;height:16px;min-width:16px}.composer-v30 .lens-choice>span:last-child{padding:0}.composer-v30 .lens-choice strong{font-size:14px;line-height:1.35;display:block}.composer-v30 .lens-choice small,.composer-v30 .lens-choice:not(:has(input:checked)) small{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:5px}.composer-v30 .lens-choice:has(input:disabled){opacity:.55}.composer-v30 .composer-submit{z-index:5;margin-top:24px;gap:18px;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:var(--cream);box-shadow:0 -10px 14px var(--cream)}.composer-v30 #choiceSummary{font-size:12px;line-height:1.5}.composer-v30 #toStart{font-size:16px;min-height:50px;margin:0}
.comic-ready-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:#e8eef5;border:1px solid #cbd6e3;border-radius:12px;margin:0 0 12px;font-size:14px}.comic-ready-notice .link{font-size:14px;min-height:44px;white-space:nowrap}.comic-extra>.comic-reader{margin:16px 0}.comic-reader-actions .link{font-size:13px;min-height:44px}.edit-ready-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.streaming-story #streamingProse p{font-size:22px;line-height:1.85;letter-spacing:-.15px}.streaming-story .story-title{font-size:clamp(35px,5vw,54px)}[hidden]{display:none!important}
@media(max-width:700px){.composer-v30 .home-intro h1{font-size:24px}.composer-v30 .home-intro p:last-child{font-size:11px}.composer-v30 .home-quick-links{gap:6px 16px;margin-bottom:14px}.composer-v30 .quick-vort-link,.composer-v30 .story-map-link{font-size:12px}.composer-basics,.composer-options,.composer-preferences{grid-template-columns:1fr;gap:20px}.composer-basics{margin-bottom:16px}.composer-v30 .listener-options legend,.composer-v30 .preference-group legend,.composer-v30 .story-lenses legend{font-size:18px}.composer-v30 .age-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.composer-v30 .age:last-child{grid-column:auto}.composer-v30 .age{min-height:62px;padding:10px 4px}.composer-v30 .age>span:first-child,.composer-v30 .age:last-child>span:first-child{font-size:17px;letter-spacing:-.6px}.composer-v30 .age small{font-size:10px}.composer-v30 .duration-choice{min-height:76px;padding:12px}.composer-v30 .duration-choice input{width:16px;height:16px;min-width:16px}.composer-v30 .duration-choice strong{font-size:21px}.composer-v30 .comic-upfront{min-height:76px}.composer-options{gap:16px;margin-bottom:24px}.composer-panel{padding:16px}.composer-v30 .lens-choice,.composer-v30 .lens-choice:has(input:checked){min-height:128px}.composer-v30 .composer-submit{display:flex;flex-direction:column;gap:7px;align-items:stretch;padding-top:9px}.composer-v30 #choiceSummary{font-size:11px;text-align:center;margin:0;min-height:18px}.composer-v30 #toStart{width:100%;min-height:48px}.streaming-story #streamingProse p{font-size:20px;line-height:1.85}.streaming-story .story-title{font-size:37px;line-height:1.12}.interest-heading-note{font-size:11px}.composer-v30 .home-quick-links .drawn-icon{display:none}}
@media(max-width:360px){.composer-v30 .lens-choice strong{font-size:14px}.composer-v30 .lens-choice small{font-size:12px}.composer-v30 .tag{font-size:12px}.composer-v30 .home-intro h1{font-size:22px}.composer-v30 .quick-vort-link,.composer-v30 .story-map-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.screen,.streaming-prose p{animation:none!important}}
.composer-v30 .comic-upfront>.comic-art{flex:0 0 32px;min-width:32px;width:32px;height:34px}.composer-v30 .comic-upfront>span:last-child{flex:1;min-width:0}.composer-v30 .composer-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:700px){.composer-v30 .composer-options{grid-template-columns:minmax(0,1fr)}}
.composer-v30 .story-controls .comic-upfront,.composer-v30 .story-controls .story-lenses{grid-column:auto;margin:0;min-width:0}.composer-v30 .occasion-choice{min-width:0}
.length-change-status{flex-basis:100%;font-size:13px;line-height:1.5;color:var(--muted);margin:6px 0 0}.story #lengthActions:focus{outline:2px solid #ad7d23;outline-offset:6px;border-radius:5px}

/* Sipur v31: a clear reading order, with optional choices tucked away. */
.top .brand { align-items:flex-start; gap:9px; text-align:left; flex-shrink:0; }
.top .brand:before { margin-top:2px; }
.brand-copy { display:flex; flex-direction:column; gap:7px; }
.brand-name { font:850 37px/.95 var(--sans); letter-spacing:-2px; }
.brand-tagline { font:450 11px/1.3 var(--sans); letter-spacing:0; color:#53657a; white-space:nowrap; }
.composer-v31 { max-width:760px; }
.composer-v31 .home-intro { display:block; margin-bottom:24px; padding:0; border:0; }
.composer-v31 .home-intro h1 { font-size:30px; }
.composer-v31 .home-intro p:last-child { font-size:14px; margin-bottom:0; }
.composer-v31 .story-controls { display:flex; flex-direction:column; gap:26px; }
.composer-v31 .story-controls > * { width:100%; min-width:0; }
.composer-v31 .preference-group legend,.composer-v31 .listener-options legend { display:flex; align-items:center; font-size:19px; margin-bottom:12px; }
.choice-number { display:inline-grid; place-items:center; flex-shrink:0; width:26px; height:26px; margin-right:10px; border:1px solid #cbd6e3; border-radius:50%; color:#234d7a; font-size:12px; font-weight:650; letter-spacing:0; }
.composer-v31 .composer-start .gender { flex-wrap:nowrap; margin:0; }
.composer-v31 .composer-start .seg { flex:1 1 0; }
.composer-v31 .weekly-parsha { margin:8px 0 0; font-size:12px; }
.composer-v31 .age-refinement { margin:4px 0 -10px 36px; }
.composer-v31 .age-grid { margin:0; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.composer-v31 .age { min-height:64px; }
.composer-v31 .age:last-child { grid-column:auto; }
.composer-v31 .duration-options { margin:0; }
.composer-v31 .duration-choice { min-height:80px; }
.composer-v31 .composer-tailoring { border-top:1px solid var(--line); padding-top:18px; }
.tailoring-label { display:flex; align-items:baseline; justify-content:space-between; margin:0 0 10px; font-size:15px; font-weight:650; }
.tailoring-label > span { font-size:12px; font-weight:400; color:var(--muted); }
.composer-disclosure { margin:0; border-bottom:1px solid var(--line); }
.composer-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:68px; padding:12px 0; cursor:pointer; list-style:none; font-size:15px; font-weight:600; }
.composer-disclosure > summary::-webkit-details-marker { display:none; }
.composer-disclosure > summary::after { content:'+'; font-size:23px; font-weight:400; color:#53657a; }
.composer-disclosure[open] > summary::after { content:'−'; }
.composer-disclosure > summary > span { min-width:0; }
.composer-disclosure summary small { display:block; font-size:12px; font-weight:400; line-height:1.5; color:var(--muted); margin-top:3px; }
.composer-disclosure .disclosure-body { padding:6px 0 18px; }
.composer-v31 .composer-panel { border:0; border-radius:0; padding:0; background:transparent; }
.composer-v31 .composer-panel legend { display:none; }
.composer-v31 .disclosure-body.composer-options { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:0; }
.composer-v31 .composer-submit { position:static; display:flex; flex-direction:column; align-items:stretch; gap:9px; margin:20px 0 0; padding:0; background:transparent; box-shadow:none; }
.composer-v31 #choiceSummary { font-size:12px; text-align:center; margin:0; }
.composer-v31 #toStart { width:100%; min-height:52px; }
.composer-v31 .home-quick-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; border:0; border-top:1px solid var(--line); margin:24px 0 0; padding:14px 0 0; }
.composer-v31 .home-quick-links .link,.composer-v31 .quick-vort-link,.composer-v31 .story-map-link { min-height:44px; }
.composer-disclosure summary:focus-visible { outline:2px solid #234d7a; outline-offset:4px; border-radius:6px; }
@media(max-width:700px) {
 .top { padding:18px; align-items:center; gap:10px; }
 .top .brand:before { flex-basis:30px; width:30px; height:30px; }
 .brand-name { font-size:33px; }
 .brand-copy { gap:6px; }
 .brand-tagline { font-size:10px; }
 .top-links { gap:2px; }
 .top-links .link { font-size:11px; padding:9px 8px; }
 .composer-v31 .home-intro { margin-bottom:22px; }
 .composer-v31 .home-intro h1 { font-size:26px; }
 .composer-v31 .home-intro p:last-child { font-size:13px; }
 .composer-v31 .story-controls { gap:24px; }
 .composer-v31 .age-grid { gap:6px; }
 .composer-v31 .age { padding:10px 3px; }
 .composer-v31 .age > span:first-child { font-size:16px; }
 .composer-v31 .age small { font-size:10px; }
 .composer-v31 .duration-choice { padding:12px 9px; min-height:78px; }
 .composer-v31 .disclosure-body.composer-options { grid-template-columns:1fr; }
 .composer-v31 .home-quick-links { justify-content:flex-start; gap:0 18px; }
}
@media(max-width:360px) {
 .top { padding:16px 14px; gap:7px; }
 .top .brand { gap:5px; }
 .top .brand:before { flex-basis:25px; width:25px; height:25px; }
 .brand-name { font-size:30px; }
 .brand-tagline { font-size:9px; }
 .top-links .link { font-size:10px; padding:8px 5px; }
 .composer-v31 .age > span:first-child { font-size:14px; }
 .composer-v31 .preference-group legend,.composer-v31 .listener-options legend { font-size:17px; }
}
@media(max-width:700px) {
 body:has(.composer-v31) main { padding-bottom:125px; }
 .composer-v31 .composer-submit { position:fixed; z-index:20; left:0; right:0; bottom:0; margin:0; padding:10px 18px max(12px,env(safe-area-inset-bottom)); background:var(--cream,#f8f5ee); border-top:1px solid var(--line); box-shadow:0 -8px 24px #172f5208; }
 .composer-v31 #choiceSummary { font-size:11px; line-height:1.5; }
 .composer-v31 #toStart { min-height:50px; }
}
/* Direct style selection and a distinctive, always-visible shortcut. */
.quick-vort-card { display:flex; align-items:center; gap:16px; width:100%; text-align:left; padding:17px 19px; margin:0 0 26px; border:1px solid #d4c19a; border-radius:17px; background:#f1e9d7; color:#172f52; cursor:pointer; transition:background .15s,border-color .15s; }
.quick-vort-card:hover { background:#ece0c5; border-color:#ad873b; }
.quick-vort-card:focus-visible { outline:2px solid #234d7a; outline-offset:4px; }
.vort-feature-icon { position:relative; width:48px; height:48px; flex:0 0 48px; border-radius:12px; background:#fdf9ef; border:1px solid #d8bd80; box-shadow:3px 3px 0 #dcc58f; transform:rotate(-5deg); }
.vort-feature-icon svg { width:30px; height:30px; }
.vort-feature-icon:after { content:'✦'; position:absolute; top:-8px; right:-7px; color:#ad7d23; font-size:22px; line-height:1; }
.vort-feature-copy { flex:1; min-width:0; }
.vort-feature-copy strong { display:block; font-size:18px; font-weight:750; line-height:1.25; letter-spacing:-.4px; }
.vort-feature-copy small { display:block; font-size:12px; color:#59677a; line-height:1.5; margin-top:5px; }
.vort-feature-arrow { font-size:25px; color:#8c6c32; }
.composer-style-panel { padding:22px 0; border-bottom:1px solid var(--line); }
.composer-style-panel > h2 { font-size:20px; line-height:1.3; letter-spacing:-.4px; margin:0 0 5px; }
.composer-style-panel > p { font-size:13px; line-height:1.5; color:var(--muted); margin:0 0 18px; }
html:has(.composer-v31) { scroll-padding-bottom:140px; }
.composer-v31 :is(button,input,select,summary) { scroll-margin-bottom:140px; scroll-margin-top:20px; }
@media(max-width:360px) {
 .quick-vort-card { gap:12px; padding:15px; }
 .vort-feature-copy strong { font-size:16px; }
 .vort-feature-copy small { font-size:11px; }
 .vort-feature-icon { width:42px; height:42px; flex-basis:42px; }
 .vort-feature-arrow { font-size:21px; }
}