body.playful{--ink:#164f70;--muted:#374b58;--paper:#eaf5fc;--accent:#f2c755;--line:#8cabb9;--journey-sky:#eaf5fc;--journey-ocean:#164f70;--journey-yellow:#f2c755;--journey-lilac:#dcd7ef;--journey-coral:#de785f;background:var(--journey-sky);color:#183b4c;font-family:Arial,sans-serif;font-size:1.25rem;line-height:1.65}
body.playful h1,body.playful h2,body.playful h3{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:700;color:#164f70;line-height:1.2;letter-spacing:normal}
body.playful h1{font-size:clamp(2.25rem,4.6vw,4rem);margin:.4em 0}body.playful h2{font-size:clamp(1.75rem,3vw,2.5rem);margin:.35em 0 .65em}body.playful h3{font-size:1.5rem}
body.playful .btn{background:var(--journey-yellow);border:2px solid #183b4c;border-radius:100px;color:#183b4c;box-shadow:3px 4px 0 #183b4c;font-size:1.125rem;min-height:48px;padding:12px 23px;display:inline-flex;gap:18px;align-items:center;justify-content:center;text-decoration:none;font-weight:700;white-space:normal;text-align:center}
body.playful .btn.outline{background:transparent;box-shadow:none}body.playful .btn:hover{background:#ffe08b}body.playful a:focus-visible,body.playful button:focus-visible,body.playful summary:focus-visible{outline:3px solid #164f70;outline-offset:5px}
body.playful .journey-welcome{padding-bottom:20px}body.playful .journey-welcome-copy{text-align:center;max-width:960px}body.playful .journey-welcome-copy .lead{max-width:760px;margin:25px auto}body.playful .journey-choice{justify-content:center;margin:30px 0 42px}
body.playful .journey-landscape{margin-top:0;margin-bottom:0}body.playful .journey-landscape img{display:block;width:100%;height:650px;object-fit:cover;object-position:center;border-radius:110px 110px 28px 28px;border:3px solid #c5e3f3}body.playful figcaption{margin:15px 0;text-align:center}
body.playful .journey-heading{margin-bottom:32px}body.playful .journey-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}body.playful .journey-question-grid details{border:2px solid #164f70;border-radius:22px;background:#fff;padding:5px 22px}body.playful .journey-question-grid details:nth-child(2){background:var(--journey-lilac)}body.playful .journey-question-grid details:nth-child(3){background:#fae8aa}body.playful .journey-question-grid details:nth-child(4){background:#f8dcd3}
body.playful summary{font-size:1.125rem;font-weight:700;line-height:1.5;cursor:pointer;min-height:48px;padding:18px 5px;overflow-wrap:anywhere}body.playful details>div{padding:0 5px 20px}body.playful details p{margin:10px 0}body.playful details[open] summary{border-bottom:1px solid #486574;margin-bottom:15px}
body.playful .journey-path{position:relative;margin-top:30px;margin-bottom:35px}body.playful .journey-path:before{content:"";position:absolute;top:65px;bottom:90px;left:50%;border-left:4px dashed #658e9f;transform:translateX(-50%)}body.playful .journey-station{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:130px;align-items:center;padding-top:65px;padding-bottom:65px;scroll-margin-top:30px}body.playful .journey-step{position:absolute;left:50%;top:80px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:3px solid #164f70;border-radius:50%;background:var(--journey-yellow);font-family:"Trebuchet MS",Arial,sans-serif;font-size:1.5rem;font-weight:700;z-index:1}body.playful .journey-station:nth-child(2) .journey-step{background:var(--journey-lilac)}body.playful .journey-station:nth-child(3) .journey-step{background:#f8dcd3}body.playful .journey-station:nth-child(4) .journey-step{background:white}
body.playful .journey-photo{margin:0}body.playful .journey-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:40px 40px 40px 8px}body.playful .journey-station-reverse .journey-photo img{border-radius:40px 8px 40px 40px}body.playful .journey-station-copy p{margin:20px 0}body.playful .journey-station-copy .eyebrow{margin-top:0}body.playful .journey-prompt{padding:18px 0 18px 22px;border-left:4px solid #de785f;font-weight:700}body.playful .journey-text-link{color:#164f70;font-size:1.125rem;font-weight:700;text-underline-offset:5px;display:inline-block;padding:12px 0;min-height:48px}
body.playful .journey-mat{background:var(--journey-lilac);border:3px dashed #164f70;border-radius:46px;padding:35px 30px;box-shadow:9px 10px 0 #c4dfe9;text-align:center}body.playful .journey-mat-label,body.playful .journey-notebook-label{font-size:1rem;font-weight:700;letter-spacing:.03em}body.playful .journey-mat-items{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 0}body.playful .journey-mat-items span{border:2px solid #164f70;border-radius:50%;background:#fff;min-width:96px;min-height:96px;display:grid;place-items:center;font-size:1.125rem;font-weight:700;padding:12px}body.playful .journey-mat-items span:nth-child(2){background:var(--journey-yellow)}body.playful .journey-mat-items span:nth-child(3){background:#f8dcd3}
body.playful .journey-notebook{background:#fffdf7;border:2px solid #164f70;border-radius:6px 28px 28px 6px;padding:30px 28px 25px 40px;box-shadow:9px 10px 0 #c4dfe9;position:relative}body.playful .journey-notebook:before{content:"";position:absolute;top:0;bottom:0;left:21px;border-left:2px solid #de785f}body.playful .journey-notebook dl{margin:24px 0}body.playful .journey-notebook dl div{border-bottom:1px solid #a5c3d1;padding:14px 0}body.playful .journey-notebook dt{font-weight:700;font-size:1.125rem}body.playful .journey-notebook dd{margin:8px 0 0;font-size:1rem}
body.playful .journey-listening{background:var(--journey-lilac);border-top:2px solid #164f70;border-bottom:2px solid #164f70}body.playful .journey-listening-inner{display:grid;grid-template-columns:1fr 1fr;column-gap:90px}body.playful .journey-listening-inner>.eyebrow{grid-column:1/-1}body.playful .journey-listening-inner h2{font-size:clamp(2rem,4vw,3.25rem)}body.playful .journey-listening-prose p:first-child{margin-top:0}
body.playful .journey-role-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}body.playful .journey-role-details details{border-bottom:2px solid #164f70}body.playful .journey-role-details details:first-child{border-top:2px solid #164f70}body.playful .journey-faq{background:#fff}body.playful .journey-faq-list{margin-top:32px;max-width:950px}body.playful .journey-faq-list details{border-bottom:1px solid #8cabb9}body.playful .journey-faq-list summary{padding:22px 8px}body.playful .journey-faq-list details>div{max-width:70ch;padding:0 8px 24px}
body.playful .journey-invitation{text-align:center;background:#fae8aa}body.playful .journey-invitation-inner .lead{margin:24px auto}body.playful .journey-invitation .note{margin-top:24px}body.playful .journey-invitation h2{font-size:clamp(2rem,4vw,3.5rem)}
@media(max-width:850px){body.playful .journey-path:before{left:29px;top:35px;bottom:60px}body.playful .journey-station{grid-template-columns:1fr;gap:30px;padding-left:90px;padding-top:35px;padding-bottom:45px}body.playful .journey-step{left:29px;top:35px;width:55px;height:55px}body.playful .journey-station-reverse .journey-station-copy{order:2}body.playful .journey-station-reverse .journey-photo,body.playful .journey-station-reverse .journey-notebook{order:1}body.playful .journey-listening-inner,body.playful .journey-role-layout{grid-template-columns:1fr;gap:25px}body.playful .journey-listening-inner>.eyebrow{margin-bottom:0}body.playful .journey-landscape img{height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:65px 65px 24px 24px}body.playful .journey-question-grid{grid-template-columns:1fr}}
@media(max-width:480px){body.playful .journey-welcome-copy .lead br{display:none}body.playful .journey-choice{flex-direction:column;align-items:stretch}body.playful .journey-landscape img{height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:35px 35px 20px 20px}body.playful .journey-station{padding-left:55px;gap:25px}body.playful .journey-path:before{left:17px}body.playful .journey-step{left:17px;width:40px;height:40px;font-size:1.25rem}body.playful .journey-photo img{height:auto;border-radius:22px}body.playful .journey-mat{padding:22px 16px;border-radius:25px}body.playful .journey-mat-items span{min-width:82px;min-height:82px}body.playful .journey-notebook{padding:20px 15px 20px 30px}body.playful .journey-notebook:before{left:15px}body.playful .journey-question-grid details{padding:5px 15px}body.playful .journey-station-copy h2 br{display:none}}
@media(prefers-reduced-motion:reduce){body.playful{scroll-behavior:auto}body.playful *{animation:none!important;transition:none!important}}
body.playful .journey-notebook dd{font-size:1.25rem;line-height:1.65}