/* 귀납적 성경연구 화면 — 가정의 말씀 식탁처럼 편안하고 또렷하게 */
:root{--ink:#493c31;--muted:#796d61;--paper:#fbf7ef;--card:#fffdf8;--cream:#f4e9d9;--peach:#f7e4d9;--sage:#e7eee2;--sage-dark:#657b64;--coral:#cb755e;--gold:#e8bd73;--line:#e9dfd1;--serif:"Gowun Batang",Georgia,serif;--sans:"DM Sans","Pretendard","Noto Sans KR",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--sans);word-break:keep-all;-webkit-font-smoothing:auto}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd704f;outline-offset:4px;border-radius:8px}.shell{width:min(1120px,calc(100% - 56px));margin-inline:auto}.skip{position:absolute;top:-60px;left:15px;z-index:90;background:white;padding:12px}.skip:focus{top:10px}
.top{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:34px;padding:0 max(28px,calc((100vw - 1280px)/2));background:#fffaf2ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:16px;font-weight:700;color:#534538}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--peach);color:var(--coral);font-size:20px}.brand small{display:block;margin-top:2px;color:#988a79;font-size:9px;letter-spacing:.14em}.top nav{display:flex;align-items:center;gap:28px;margin-left:auto;color:#6c6257;font-size:14px}.top nav a:hover,.text-link:hover{color:var(--coral)}.top-cta{padding:10px 16px;border:1px solid #e8d8c5;border-radius:999px;color:#775b43;font-size:14px;white-space:nowrap}.top-cta span{margin-left:6px;color:var(--coral)}
.hero{position:relative;overflow:hidden;padding:64px 0 72px;background:radial-gradient(ellipse at 78% 20%,#f6e4cc 0,transparent 32%),linear-gradient(135deg,#fcf7ee 0%,#f8eee2 55%,#f5e5d9 100%)}.hero:before{content:"";position:absolute;width:300px;height:300px;left:-145px;top:30px;border-radius:50%;background:#f1dfc9;opacity:.58}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px}.hero-copy{padding:10px 0}.welcome-tag,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#9a7158;font-size:13px;font-weight:700;letter-spacing:.04em}.welcome-tag{padding:9px 14px;border-radius:999px;background:#fffaf2}.welcome-tag i{width:8px;height:8px;border-radius:50%;background:#9cae81;box-shadow:0 0 0 4px #9cae812c}.hero h1{margin:24px 0 17px;font:400 clamp(40px,5vw,62px)/1.42 var(--serif);letter-spacing:-.055em}.hero h1 em{color:var(--coral);font-style:normal}.hero-copy>p{margin:0 0 26px;color:#716456;font-size:18px;line-height:1.9}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 21px;border:0;border-radius:999px;font-size:16px;font-weight:700;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--coral);color:#fffaf4;box-shadow:0 8px 20px #bd77512a}.button span{font-size:18px}.hero-promise{margin-top:20px;color:#877967;font-size:13px}.hero-promise span{padding-right:5px;color:var(--coral);font-size:17px}.family-art{position:relative;max-width:570px;margin:auto}.family-art img{display:block;width:100%;height:auto;border:1px solid #eee1cf;border-radius:30px;filter:drop-shadow(0 20px 24px #80664918)}.art-caption{position:absolute;right:10px;bottom:-14px;padding:10px 17px;border:1px solid #eee1cf;border-radius:999px;background:#fffdf8;color:#776751;font-size:13px;box-shadow:0 5px 15px #705e4210}.art-caption span{color:var(--coral)}
.section{padding:82px 0}.studio{background:#fffdf8}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2,.section-heading h2,.pathway-copy h2,.talk-intro h2{margin:9px 0 0;font:400 clamp(30px,3.6vw,42px)/1.45 var(--serif);letter-spacing:-.045em}.section-heading.compact{margin-bottom:24px}.section-heading>p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}.time-pill{padding:8px 13px;border-radius:999px;background:var(--sage);color:#637259;font-size:13px;white-space:nowrap}.verse-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:19px;padding:25px 28px;border:1px solid #eee4d5;border-radius:22px;background:#fffaf1;box-shadow:0 10px 28px #775c3c0a}.verse-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#f4e4cc;font-size:25px}.verse-ref{color:#9a7c56;font-size:13px;font-weight:700}.verse-main h3{margin:4px 0 4px;font:400 23px/1.45 var(--serif)}.verse-main p{margin:0;color:var(--muted);font-size:15px}.text-link{padding:10px 0;color:#936a4c;font-size:14px;font-weight:700;white-space:nowrap}.text-link span{color:var(--coral)}.ritual-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;margin-top:25px;padding:20px 23px;border-radius:18px;background:#f5f1e8}.ritual-row>div{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center}.ritual-number{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fffaf2;color:var(--coral);font-size:12px;font-weight:700}.ritual-row b{font-size:14px}.ritual-row small{color:#8b7d6e;font-size:12px}.ritual-arrow{color:#c9986d;font-size:17px}
.notice{background:#f8f2e8}.eyebrow{font-size:13px}.wonder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wonder-grid article{min-height:206px;padding:22px;border:1px solid #eee2d3;border-radius:20px;background:var(--card)}.wonder-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:13px;border-radius:15px;background:#f8e8d9;font-size:22px}.wonder-grid article:nth-child(2) .wonder-icon{background:#e9efe4}.wonder-grid article:nth-child(3) .wonder-icon{background:#f7edcf}.wonder-label{display:block;color:#9a8064;font-size:12px;font-weight:700}.wonder-grid h3{margin:5px 0 6px;font:400 19px/1.5 var(--serif)}.wonder-grid p{margin:0;color:var(--muted);font-size:14px}.gentle-note{margin:17px 0 0;color:#7e715f;font-size:14px}.gentle-note span{padding-right:5px}
.pathways{background:var(--sage)}.pathway-layout{display:grid;grid-template-columns:.76fr 1.24fr;align-items:center;gap:55px}.pathway-copy h2{margin:10px 0 12px}.pathway-copy>p{margin:0;color:#687361;font-size:16px;line-height:1.8}.age-detail{display:flex;gap:12px;align-items:flex-start;margin-top:25px;padding:16px;border:1px solid #d7e1d0;border-radius:16px;background:#f8faf5}.detail-flower{color:#c77b5d;font-size:20px}.age-detail b{font-size:14px}.age-detail p{margin:3px 0 0;color:#73806e;font-size:13px;line-height:1.6}.age-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.age-picker button{min-height:84px;padding:12px;border:1px solid #dbe4d5;border-radius:17px;background:#fbfcf8;text-align:left;transition:.18s}.age-picker button:hover,.age-picker button[aria-pressed=true]{border-color:#789176;background:#eef4e9;transform:translateY(-2px)}.age-picker button b{display:block;color:#514b3f;font-size:15px}.age-picker button small{display:block;margin-top:3px;color:#788373;font-size:12px;line-height:1.5}
.family-talk{background:#fbf7ef}.talk-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.talk-intro h2{margin:10px 0 13px}.talk-intro>p{color:#796f62;font-size:16px;line-height:1.8}.talk-decoration{display:inline-block;margin-top:16px;padding:11px 16px;border-radius:8px;background:#f5e8d9;color:#986c52;font:italic 14px var(--serif)}.coach-card{overflow:hidden;border:1px solid #e9dece;border-radius:23px;background:#fffdf8;box-shadow:0 14px 36px #69523912}.coach-top{display:flex;align-items:center;gap:13px;padding:17px 22px;background:#edf2e8}.coach-face{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff9ed;color:#c78452;font-size:22px}.coach-top b{display:block;font-size:15px}.coach-top small{display:block;margin-top:2px;color:#778071;font-size:12px}.coach-body{padding:20px 22px}.coach-hello{margin:0 0 11px;color:#736659;font-size:15px}.question-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.question-chips button{min-height:42px;padding:8px 12px;border:1px solid #e9dfd0;border-radius:999px;background:#fff9f1;color:#765d48;font-size:13px}.question-chips button:hover{background:#f7ead8}.coach-body label{display:block;margin-bottom:7px;color:#766b5f;font-size:13px;font-weight:700}.coach-body textarea{width:100%;min-height:76px;resize:vertical;padding:12px 14px;border:1px solid #e7dfd4;border-radius:13px;background:#fffefb;color:var(--ink);font-size:16px;line-height:1.7}.coach-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.listen-button,.audio-link{min-height:44px;padding:9px 12px;border:0;border-radius:999px;background:#f4eee4;color:#766550;font-size:14px}.send-button{background:#789071;color:#fff;font-size:14px}.coach-answer{min-height:56px;padding:13px 15px;border-radius:13px;background:#f1f4ed;color:#5f6f5b;font-size:14px;line-height:1.75}.coach-answer small{display:block;margin-top:7px;color:#798373;font-size:12px;line-height:1.6}.privacy-note{display:block;margin-top:10px;color:#9a9286;font-size:12px}
.little-ways{background:#fffdf8}.ways-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ways-grid article{display:flex;flex-direction:column;align-items:flex-start;min-height:133px;padding:17px;border:1px solid #eee5d8;border-radius:17px;background:#fffaf3}.ways-grid article>span{margin-bottom:8px;font-size:22px}.ways-grid b{font-size:14px}.ways-grid small{margin-top:3px;color:#8b7d6d;font-size:12px;line-height:1.5}.audio-link{margin-top:20px;background:#f7eee0;color:#8e6d4c}.sound-status{display:block;margin-top:7px;color:#8a8175;font-size:12px}.sound-status[hidden]{display:none}
.sources{padding-top:14px;padding-bottom:68px;background:#fffdf8}.research-details{border:1px solid #eee2d2;border-radius:20px;background:#faf5ec}.research-details>summary,.more-details>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:17px 22px;list-style:none;cursor:pointer}.research-details>summary::-webkit-details-marker,.more-details>summary::-webkit-details-marker{display:none}.research-details>summary small{display:block;color:#9b7d60;font-size:12px}.research-details>summary b{display:block;margin-top:3px;font:400 20px var(--serif)}.details-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1e4d3;color:#9d7658;font-size:20px;transition:transform .2s}.research-details[open] .details-mark{transform:rotate(45deg)}.research-content{padding:0 22px 22px}.research-content>p{max-width:850px;color:#756a5c;font-size:14px;line-height:1.8}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.resource-grid article{padding:17px;border:1px solid #ebe1d2;border-radius:15px;background:#fffdf9}.resource-grid h3{margin:0 0 9px;font:400 16px var(--serif)}.resource-grid a,.download-links a{display:block;padding:7px 0;border-top:1px solid #f0e9df;color:#6c7a65;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.more-details{margin-top:12px;border-top:1px solid #eadfce}.more-details>summary{justify-content:flex-start;min-height:54px;padding:12px 2px;color:#79674f;font-size:14px}.download-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.source-caution,.artifact-details p{color:#877c6e;font-size:12px;line-height:1.7}.artifact-details figure{margin:8px 0}.artifact-details img{display:block;width:min(560px,100%);max-height:330px;border-radius:12px;object-fit:cover}.artifact-details figcaption{max-width:800px;margin-top:8px;color:#796e61;font-size:12px;line-height:1.7}.artifact-details audio{display:block;width:min(420px,100%);margin-top:12px}.footer{display:flex;align-items:center;gap:28px;padding:25px max(28px,calc((100vw - 1120px)/2));background:#eee9de;color:#6f6254}.footer .brand{font-size:14px}.footer p{font-size:13px}.footer>a:last-child{margin-left:auto;color:#876f55;font-size:13px}
@media(max-width:900px){.top{gap:18px}.top nav{gap:16px}.top nav a{font-size:13px}.hero-inner{gap:30px}.pathway-layout,.talk-layout{gap:32px}.age-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ways-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
 body{font-size:16px}.shell{width:calc(100% - 36px)}.top{height:66px;gap:8px;padding:0 17px}.brand{gap:8px;font-size:13px}.brand-mark{width:34px;height:34px;font-size:18px}.brand small{font-size:8px}.top nav{display:none}.top-cta{padding:9px 12px;font-size:12px}
 .hero{padding:42px 0 53px}.hero-inner{grid-template-columns:1fr;gap:25px}.hero-copy{padding:0}.welcome-tag{font-size:12px}.hero h1{margin:19px 0 12px;font-size:clamp(37px,10vw,44px);line-height:1.42}.hero-copy>p{margin-bottom:20px;font-size:16px;line-height:1.85}.hero-promise{max-width:310px;margin-top:14px;font-size:12px;line-height:1.65}.family-art{width:min(100%,460px)}.art-caption{right:0;bottom:-11px;padding:8px 12px;font-size:11px}
 .section{padding:61px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:21px}.section-heading h2,.pathway-copy h2,.talk-intro h2{font-size:31px;line-height:1.45}.section-heading>p{font-size:14px}.time-pill{font-size:12px}.verse-card{grid-template-columns:44px 1fr;gap:11px;padding:17px;border-radius:18px}.verse-icon{width:42px;height:42px;border-radius:13px;font-size:20px}.verse-ref{font-size:12px}.verse-main h3{font-size:19px}.verse-main p{font-size:14px;line-height:1.65}.text-link{grid-column:2;justify-self:start;padding:3px 0 0;font-size:13px}.ritual-row{grid-template-columns:1fr;gap:8px;margin-top:15px;padding:15px}.ritual-row>div{grid-template-columns:29px 1fr}.ritual-number{width:26px;height:26px;font-size:11px}.ritual-row b{font-size:14px}.ritual-row small{font-size:12px}.ritual-arrow{display:none}
 .section-heading.compact{flex-direction:column;gap:9px}.wonder-grid{grid-template-columns:1fr;gap:10px}.wonder-grid article{min-height:0;padding:16px;display:grid;grid-template-columns:42px 1fr;column-gap:12px}.wonder-icon{grid-row:span 3;width:40px;height:40px;margin:0}.wonder-label{align-self:end;font-size:11px}.wonder-grid h3{font-size:17px}.wonder-grid p{font-size:13px}.gentle-note{font-size:13px;line-height:1.7}
 .pathway-layout{grid-template-columns:1fr;gap:22px}.pathway-copy h2{margin-top:8px}.pathway-copy>p{font-size:15px}.age-detail{margin-top:17px;padding:13px}.age-detail b{font-size:13px}.age-detail p{font-size:12px}.age-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.age-picker button{min-height:73px;padding:11px;border-radius:14px}.age-picker button b{font-size:14px}.age-picker button small{font-size:11px;line-height:1.4}
 .talk-layout{grid-template-columns:1fr;gap:20px}.talk-intro h2{margin:7px 0}.talk-intro>p{font-size:15px;line-height:1.7}.talk-decoration{margin-top:6px;font-size:13px}.coach-card{border-radius:18px}.coach-top{padding:14px 16px}.coach-top b{font-size:14px}.coach-top small{max-width:240px;font-size:11px;line-height:1.5}.coach-body{padding:16px}.coach-hello{font-size:14px}.question-chips{gap:7px;margin-bottom:14px}.question-chips button{min-height:42px;padding:8px 10px;font-size:12px}.coach-body label{font-size:12px;line-height:1.5}.coach-body textarea{min-height:74px;font-size:16px}.coach-controls{gap:7px}.listen-button{font-size:12px}.send-button{padding:12px 15px;font-size:13px}.coach-answer{font-size:13px}.privacy-note{font-size:11px}
 .ways-grid{grid-template-columns:repeat(2,1fr);gap:9px}.ways-grid article{min-height:119px;padding:14px}.ways-grid article>span{font-size:20px}.ways-grid b{font-size:13px}.ways-grid small{font-size:11px}.audio-link{margin-top:16px;font-size:13px}.sound-status{font-size:11px}
 .sources{padding-top:4px;padding-bottom:45px}.research-details>summary{min-height:70px;padding:14px 16px}.research-details>summary small{font-size:11px}.research-details>summary b{font-size:18px}.research-content{padding:0 16px 16px}.research-content>p{font-size:13px}.resource-grid{grid-template-columns:1fr;gap:9px}.resource-grid article{padding:14px}.resource-grid h3{font-size:15px}.resource-grid a,.download-links a{font-size:12px}.download-links{grid-template-columns:1fr}.more-details>summary{font-size:13px}.source-caution,.artifact-details p,.artifact-details figcaption{font-size:11px}.footer{align-items:flex-start;flex-direction:column;gap:7px;padding:21px 18px}.footer p,.footer>a:last-child{margin:0;font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 그림책 이미지 공통 시스템: 수채화와 실제 역사 자료를 따뜻한 가족 학습 흐름 안에 배치 */
.study-scene-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:20px;align-items:stretch}.storybook-frame{display:flex;flex-direction:column;overflow:hidden;margin:0;padding:8px;border:1px solid #eee1cf;border-radius:27px;background:#fffaf2;box-shadow:0 15px 34px #73583d12}.storybook-frame img{display:block;flex:0 0 auto;width:100%;height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover;border-radius:20px}.passage-art{min-height:100%}.passage-art img{min-height:245px;object-position:center 48%}.storybook-frame figcaption{display:grid;gap:3px;padding:12px 10px 6px;color:#514538}.storybook-frame figcaption small{color:#9a795c;font-size:11px;font-weight:700;letter-spacing:.03em}.storybook-frame figcaption b{font:400 17px/1.55 var(--serif)}.ritual-row{grid-column:1/-1}.ways-layout{display:grid;grid-template-columns:minmax(260px,.84fr) minmax(0,1.16fr);gap:24px;align-items:center}.activity-art img{aspect-ratio:5/4}.ways-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ways-grid article{min-height:142px;padding:17px 18px;border-radius:19px;background:linear-gradient(145deg,#fffaf3,#f8f2e8)}.ways-grid article>span{display:grid;place-items:center;width:39px;height:39px;margin-bottom:10px;border-radius:50%;background:#f4e8d8;color:#a97555;font-size:20px}.ways-grid b{font-size:15px}.ways-grid small{font-size:13px}.family-art img{border:7px solid #fffaf2;border-radius:29px}.archive-photo{width:min(620px,100%);padding:9px!important;border:1px solid #eee1cf;border-radius:20px;background:#fffaf2;box-shadow:0 10px 24px #73583d0d}.archive-photo img{width:100%!important;max-height:350px!important;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:13px}.archive-photo figcaption{padding:10px 6px 4px;color:#796d61;font-size:12px;line-height:1.7}
@media(max-width:900px){.study-scene-grid{gap:14px}.ways-layout{grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);gap:16px}.ways-grid{gap:9px}.ways-grid article{padding:14px}}
@media(max-width:620px){.study-scene-grid{grid-template-columns:1fr;gap:14px}.passage-art img{min-height:0;aspect-ratio:4/3}.storybook-frame{padding:6px;border-radius:22px}.storybook-frame img{border-radius:16px}.storybook-frame figcaption{padding:9px 9px 4px}.storybook-frame figcaption b{font-size:15px}.ways-layout{grid-template-columns:1fr;gap:15px}.activity-art img{aspect-ratio:16/10}.ways-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ways-grid article{min-height:121px;padding:12px;border-radius:16px}.ways-grid article>span{width:35px;height:35px;margin-bottom:7px;font-size:18px}.ways-grid b{font-size:13px}.ways-grid small{font-size:11px}.archive-photo{padding:6px!important;border-radius:16px}.archive-photo img{border-radius:11px}}

/* 네 가지 가족 활동: 눌렀을 때 바로 체험하고, 읽기·터치·키보드로 편히 이용합니다 */
.ways-grid .way-card{display:flex;flex-direction:column;align-items:flex-start;min-height:164px;width:100%;padding:17px 18px;border:1px solid #eee2d2;border-radius:19px;background:linear-gradient(145deg,#fffaf3,#f8f2e8);color:var(--ink);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ways-grid .way-card:hover,.ways-grid .way-card:focus-visible{transform:translateY(-2px);border-color:#cfae8e;box-shadow:0 9px 20px #73583d12;outline:none}
.ways-grid .way-card[aria-expanded=true]{border-color:#a88464;background:#f7efe4;box-shadow:inset 0 0 0 1px #a8846430}
.ways-grid .way-card>span:first-child{display:grid;place-items:center;width:39px;height:39px;margin-bottom:10px;border-radius:50%;background:#f4e8d8;color:#a97555;font-size:20px}
.ways-grid .way-card b{font-size:15px;line-height:1.55}.ways-grid .way-card small{margin-top:2px;color:#817466;font-size:13px;line-height:1.55}
.way-action{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;color:#8b694c;font-size:12px;font-weight:700}.way-action span{font-size:15px}
.activity-panel{grid-column:1/-1;margin-top:14px;padding:22px 24px;border:1px solid #eadcc9;border-radius:24px;background:linear-gradient(145deg,#fffdf8,#f9f2e8);box-shadow:0 12px 30px #73583d10;scroll-margin:22px}
.activity-panel[hidden]{display:none}.activity-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.activity-panel-head h3{margin:4px 0 0;font:400 clamp(22px,2.4vw,29px)/1.45 var(--serif);color:#514538}.activity-close{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid #eadfce;border-radius:50%;background:#fffaf2;color:#795f48;font-size:25px;cursor:pointer}.draw-toolbar{justify-content:space-between}.role-choices{margin:16px 0}.reading-controls{margin-bottom:0}.reading-card p{margin:0 0 12px;font:400 clamp(19px,2.4vw,25px)/1.55 var(--serif);color:#514538}.activity-tool .text-link{display:inline-block;margin:0 0 14px;padding:4px 0;white-space:normal}.activity-tool{max-width:800px;margin:0 auto;color:#5d5347}.activity-tool>p{font-size:15px;line-height:1.75}.activity-note,.activity-status{color:#84796c;font-size:13px;line-height:1.7}.activity-status{min-height:1.6em;margin:12px 0 0}.activity-toolbar,.draw-toolbar,.draw-actions,.reading-controls,.quiet-controls,.role-options,.role-choices{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0}
.soft-button,.role-options button,.role-choices button,.draw-colors button{min-height:44px;padding:9px 14px;border:1px solid #e8dccb;border-radius:999px;background:#fffaf3;color:#705b46;font:inherit;font-size:14px;cursor:pointer}.soft-button:hover,.role-options button:hover,.role-choices button:hover,.draw-colors button:hover{border-color:#bf9c79;background:#f7eddf}.soft-button:disabled{opacity:.55;cursor:not-allowed}
.draw-colors{display:flex;flex-wrap:wrap;gap:8px}.draw-colors button{width:38px;height:38px;min-height:38px;padding:0;border:3px solid #fff;box-shadow:0 0 0 1px #ddcfbb}.draw-colors span{display:block;width:17px;height:17px;margin:auto;border-radius:50%;background:var(--swatch)}.draw-colors button[aria-pressed=true]{box-shadow:0 0 0 3px #8e755d}.drawing-canvas,#family-drawing{display:block;width:100%;aspect-ratio:12/7;border:1px solid #e8dccb;border-radius:18px;background:#fffdf8;touch-action:none;cursor:crosshair}
.reading-card{padding:19px 21px;border-radius:18px;background:#f4eee3}.reading-card strong{display:block;font:400 clamp(19px,2.4vw,25px)/1.55 var(--serif);color:#514538}.reading-progress{display:block;margin-bottom:8px;color:#967b5e;font-size:13px;font-weight:700}.role-options button[aria-pressed=true],.role-choices button[aria-pressed=true]{border-color:#9b7958;background:#f3e7d6;color:#5c4937}.role-prompt{min-height:82px;padding:16px 18px;border-radius:16px;background:#eef2e9;color:#5e6c56;font-size:15px;line-height:1.8}.role-prompt b{display:block;margin-bottom:3px}
.quiet-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;margin:13px 0;padding:20px;border-radius:20px;background:#f0f3e9}.quiet-orb{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fffdf5,#d7c7a7 65%,#c1b394);box-shadow:0 12px 30px #927c5730;transition:transform 4s ease-in-out}.quiet-orb.is-inhaling{transform:scale(1.25)}.quiet-scene p{margin:13px 0 0;color:#71684f;font-size:17px;font-weight:700}.quiet-prompt{text-align:center}
@media(max-width:900px){.ways-grid .way-card{min-height:155px;padding:14px}}
@media(max-width:620px){.ways-grid .way-card{min-height:143px;padding:12px;border-radius:16px}.ways-grid .way-card>span:first-child{width:35px;height:35px;margin-bottom:7px;font-size:18px}.ways-grid .way-card b{font-size:14px}.ways-grid .way-card small{font-size:12px}.way-action{font-size:11px}.activity-panel{margin-top:10px;padding:17px 15px;border-radius:19px}.activity-panel-head h3{font-size:22px}.activity-close{width:38px;height:38px}.activity-tool>p{font-size:14px}.soft-button,.role-options button{font-size:13px}.reading-card{padding:16px}.drawing-canvas,#family-drawing{border-radius:13px}.quiet-scene{min-height:175px}}

#family-drawing:focus-visible{outline:3px solid #9c7858;outline-offset:3px}