.minikler-page { background: #fffbee; }
.kids-world { --ink:#17284a; --blue:#2252cf; --yellow:#ffda42; color:var(--ink); font-size:18px; line-height:1.6; }
.kids-world * { box-sizing:border-box; }
.kids-world h1,.kids-world h2,.kids-world h3 { color:var(--ink); font-weight:800; letter-spacing:-.035em; }
.kids-world a { color:inherit; }
.kids-container { width:min(1200px,calc(100% - 48px)); margin:0 auto; }
.kids-hero { position:relative; padding:180px 0 84px; overflow:hidden; background:radial-gradient(circle at 10% 15%,#fff2a1 0,transparent 36%),#fff9de; }
.kids-hero::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:radial-gradient(#c5a84c 1px,transparent 1px); background-size:17px 17px; }
.kids-hero-grid { position:relative; display:grid; grid-template-columns:1fr 1.12fr; gap:48px; align-items:center; }
.kids-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border:2px solid var(--ink); border-radius:40px; background:#fff; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; box-shadow:3px 3px 0 var(--ink); }
.kids-hero h1 { margin:26px 0 22px; font-size:clamp(42px,5.1vw,70px); line-height:1.04; }
.kids-hero h1 span { color:var(--blue); }
.kids-hero p { max-width:470px; font-size:19px; line-height:1.65; }
.kids-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.kids-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; border:2px solid var(--ink); border-radius:14px; padding:15px 22px; font-weight:800; font-size:16px; background:var(--yellow); box-shadow:4px 4px 0 var(--ink); transition:transform .2s,box-shadow .2s; cursor:pointer; text-decoration:none; }
.kids-button:hover { transform:translate(2px,2px); box-shadow:2px 2px 0 var(--ink); color:var(--ink); }
.kids-button.secondary { background:#fff; }
.kids-world a:focus-visible,.kids-world button:focus-visible,.kids-world summary:focus-visible { outline:3px solid #2252cf; outline-offset:5px; }
.kids-hero-art { position:relative; margin:18px 0; transform:rotate(2deg); }
.kids-hero-art img { display:block; width:100%; height:auto; aspect-ratio:1.4; object-fit:cover; border:3px solid var(--ink); border-radius:32px; box-shadow:9px 9px 0 var(--ink); }
.kids-art-badge { position:absolute; left:-20px; bottom:-25px; max-width:250px; padding:14px 22px; background:var(--yellow); border:3px solid var(--ink); border-radius:14px; font-weight:900; font-size:20px; transform:rotate(-7deg); box-shadow:4px 4px 0 var(--ink); }
.kids-ribbon { background:var(--blue); color:#fff; border-block:3px solid var(--ink); }
.kids-ribbon .kids-container { display:flex; justify-content:space-around; gap:20px; padding:18px 0; font-weight:800; font-size:15px; }
.kids-section { padding:82px 0; }
.kids-section-heading { max-width:700px; margin:0 auto 38px; text-align:center; }
.kids-kicker { display:block; margin-bottom:12px; color:#b74335; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.kids-section h2 { font-size:clamp(30px,3.4vw,46px); margin-bottom:16px; line-height:1.12; }
.kids-section p { margin-bottom:0; }
.kids-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.kids-card { padding:30px; border:2px solid var(--ink); border-radius:24px; background:#fff; box-shadow:5px 5px 0 var(--ink); display:flex; flex-direction:column; }
.kids-card:nth-child(2) { background:#e0f4eb; }
.kids-card:nth-child(3) { background:#e7eaff; }
.kids-card .kids-card-icon { display:grid; place-items:center; width:58px; height:58px; margin-bottom:25px; background:var(--yellow); color:var(--ink); border:2px solid var(--ink); border-radius:18px; font-size:23px; }
.kids-card h3 { font-size:25px; margin-bottom:14px; }
.kids-card p { font-size:16px; line-height:1.7; flex:1; }
.kids-card a { align-self:flex-start; font-size:15px; font-weight:800; margin-top:22px; border-bottom:2px solid currentColor; }
.kids-visit { background:#e7efff; border-block:2px solid var(--ink); }
.kids-visit-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:64px; }
.kids-visit-photo { position:relative; padding:0 18px 18px 0; }
.kids-visit-photo::before { content:''; position:absolute; inset:24px 0 0 24px; background:var(--yellow); border:2px solid var(--ink); border-radius:28px; transform:rotate(-3deg); }
.kids-visit-photo img { position:relative; display:block; width:100%; max-height:500px; aspect-ratio:4/5; object-fit:cover; border:2px solid var(--ink); border-radius:28px; object-position:center 25%; }
.kids-steps { display:grid; gap:20px; margin:30px 0 0; padding:0; list-style:none; }
.kids-steps li { display:grid; grid-template-columns:42px 1fr; gap:16px; align-items:start; }
.kids-step-number { display:grid; place-items:center; width:42px; height:42px; border:2px solid var(--ink); border-radius:50%; background:#fff; font-weight:900; }
.kids-steps h3 { font-size:21px; margin:0 0 5px; }
.kids-steps p { font-size:16px; }
.kids-mission { position:relative; padding:40px; background:var(--yellow); border:3px solid var(--ink); border-radius:28px; box-shadow:7px 7px 0 var(--ink); }
.kids-mission-top { display:flex; gap:25px; justify-content:space-between; align-items:start; margin-bottom:28px; }
.kids-mission h2 { max-width:620px; }
.kids-score { white-space:nowrap; padding:12px 18px; background:#fff; border:2px solid var(--ink); border-radius:16px; font-weight:900; }
.kids-mission-buttons { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.kids-task { display:flex; gap:12px; align-items:center; text-align:left; font:inherit; font-size:16px; font-weight:800; line-height:1.4; padding:22px; border:2px solid var(--ink); border-radius:16px; background:#fff; color:var(--ink); cursor:pointer; }
.kids-task-check { width:26px; height:26px; border:2px solid var(--ink); border-radius:8px; display:grid; place-items:center; flex-shrink:0; }
.kids-task[aria-pressed=true] { background:#d9f3df; }
.kids-task[aria-pressed=true] .kids-task-check { background:var(--ink); color:#fff; }
.kids-mission-status { font-size:16px; margin-top:22px; font-weight:700; min-height:28px; }
.kids-mission .kids-kicker { color:#873328; }
.kids-parent-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; }
.kids-parent-note { margin-top:24px; padding:18px; background:#fff; border-left:4px solid #e96c52; border-radius:0 12px 12px 0; font-size:15px; }
.kids-faq details { background:#fff; border:2px solid var(--ink); border-radius:16px; margin-bottom:14px; padding:0 22px; }
.kids-faq summary { cursor:pointer; font-weight:800; padding:20px 0; line-height:1.5; }
.kids-faq details p { padding-bottom:22px; font-size:16px; line-height:1.7; }
.kids-final { text-align:center; background:var(--blue); color:#fff; padding:62px 24px; border-top:3px solid var(--ink); }
.kids-final h2 { color:#fff; font-size:clamp(32px,4vw,48px); margin-bottom:18px; }
.kids-final .kids-button { margin-top:26px; color:var(--ink); }
@media(max-width:991px) { .kids-hero { padding-top:155px; } .kids-hero-grid { gap:30px; } .kids-cards { gap:16px; } .kids-card { padding:22px; } .kids-visit-grid,.kids-parent-grid { gap:32px; } }
@media(max-width:767px) { .kids-container { width:calc(100% - 36px); } .kids-hero { padding:145px 0 60px; } .kids-hero-grid,.kids-visit-grid,.kids-parent-grid { grid-template-columns:1fr; } .kids-hero h1 { font-size:46px; } .kids-hero p { font-size:17px; } .kids-hero-art { margin:15px 8px 20px; } .kids-art-badge { left:-8px; font-size:17px; } .kids-ribbon .kids-container { flex-wrap:wrap; gap:10px 22px; font-size:13px; } .kids-section { padding:56px 0; } .kids-cards,.kids-mission-buttons { grid-template-columns:1fr; } .kids-card { padding:26px; } .kids-card .kids-card-icon { margin-bottom:18px; } .kids-mission { padding:26px 20px; } .kids-mission-top { flex-direction:column; gap:10px; } .kids-score { font-size:15px; } .kids-task { padding:18px; } .kids-actions .kids-button { padding:14px 17px; font-size:15px; } }
@media(prefers-reduced-motion:reduce) { .kids-world * { scroll-behavior:auto!important; transition:none!important; } }

/* Pick a teammate. */
.kids-choose { background:#f4efff; border-top:2px solid var(--ink); }
.kids-heroes { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.kids-hero-choice { display:flex; flex-direction:column; align-items:center; gap:12px; padding:30px 25px 24px; background:#fff; border:3px solid var(--ink); border-radius:26px; box-shadow:5px 5px 0 var(--ink); color:var(--ink); font:inherit; font-size:16px; text-align:center; cursor:pointer; transition:transform .2s,background .2s; }
.kids-hero-choice:hover { transform:translateY(-4px); }
.kids-hero-choice[aria-pressed=true] { background:#fff5c5; box-shadow:6px 6px 0 var(--blue); }
.kids-hero-choice > strong { font-size:27px; line-height:1.2; letter-spacing:-.03em; }
.kids-hero-choice > span:not([class]) { flex:1; line-height:1.65; }
.kids-hero-emblem { position:relative; display:grid; place-items:center; width:112px; height:112px; margin:4px 0 12px; background:#dfe9ff; color:#2252cf; border:3px solid var(--ink); border-radius:36% 45% 40% 32%; font-size:54px; transform:rotate(-7deg); }
.kids-hero-emblem > i { transform:rotate(7deg); }
.kids-hero-emblem > span { position:absolute; right:-12px; top:-18px; font-size:37px; color:#ed6c51; -webkit-text-stroke:1px var(--ink); }
.kids-hero-emblem.shield { background:#ddf5e7; color:#26734a; transform:rotate(6deg); }
.kids-hero-emblem.spark { background:#ffe3da; color:#ae3d2b; }
.kids-hero-role { font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.kids-choice-label { display:block; padding:10px 14px; margin-top:10px; width:100%; border:2px solid var(--ink); border-radius:12px; font-weight:800; background:#fff; }
.kids-hero-choice[aria-pressed=true] .kids-choice-label { background:var(--blue); color:#fff; }
.kids-team-banner { display:flex; align-items:center; gap:18px; margin-top:32px; padding:22px 26px; border:2px solid var(--ink); border-radius:18px; background:#e2ebff; }
.kids-team-banner[data-team=shield] { background:#ddf5e7; }
.kids-team-banner[data-team=spark] { background:#ffe3da; }
.kids-team-banner-icon { font-size:36px; }
.kids-team-banner p { flex:1; font-size:16px; }
.kids-team-banner a { font-weight:800; font-size:15px; white-space:nowrap; text-decoration:underline; text-underline-offset:5px; }
/* Three interactive comic puzzles. */
.kids-detective { background:#e3f4ef; border-block:2px solid var(--ink); }
.kids-quiz { padding:32px; background:#fff; border:3px solid var(--ink); border-radius:28px; box-shadow:7px 7px 0 var(--ink); }
.kids-quiz-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:24px; border-bottom:2px dashed #c5ccda; margin-bottom:28px; }
.kids-quiz-label { display:flex; align-items:center; gap:12px; font-size:18px; font-weight:900; }
.kids-quiz-label i { font-size:25px; color:var(--blue); }
.kids-quiz-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:40px; align-items:center; }
.kids-quiz-art { display:grid; place-items:center; position:relative; min-height:300px; background:radial-gradient(circle,#fff8c9 0 50%,#ffdf61 51%); border:2px solid var(--ink); border-radius:22px; color:var(--blue); overflow:hidden; }
.kids-quiz-art > i { font-size:122px; transform:rotate(-10deg); filter:drop-shadow(5px 5px 0 #fff); }
.kids-quiz-art-spark { position:absolute; top:22px; right:24px; color:#df5b43; font-size:48px; }
.kids-quiz-art-tag { position:absolute; bottom:16px; background:#fff; padding:5px 12px; border:2px solid var(--ink); border-radius:8px; color:var(--ink); font-size:14px; font-weight:900; transform:rotate(-4deg); }
.kids-quiz-question h3 { font-size:29px; line-height:1.25; margin-bottom:22px; }
.kids-quiz-options { display:grid; gap:10px; }
.kids-quiz-option { display:flex; align-items:center; gap:14px; width:100%; border:2px solid #b6bed0; border-radius:12px; padding:13px 16px; background:#fff; color:var(--ink); font:inherit; font-size:16px; font-weight:700; text-align:left; cursor:pointer; }
.kids-quiz-option i { width:24px; text-align:center; font-size:21px; color:var(--blue); }
.kids-quiz-option:hover:not(:disabled) { border-color:var(--blue); background:#edf2ff; }
.kids-quiz-option.is-correct { border-color:#26734a; background:#e0f5e5; }
.kids-quiz-option.is-incorrect { border-color:#b54b36; background:#fff0e9; }
.kids-quiz-option:disabled { cursor:default; opacity:1; }
.kids-quiz-feedback { min-height:55px; font-size:15px; line-height:1.6; margin:18px 0!important; }
.kids-quiz .kids-button:disabled { opacity:.5; cursor:not-allowed; transform:none; box-shadow:4px 4px 0 var(--ink); }
.kids-quiz-result { text-align:center; max-width:650px; margin:20px auto 10px; padding:18px 0; }
.kids-quiz-result[hidden],.kids-quiz-grid[hidden] { display:none; }
.kids-quiz-trophy { display:grid; place-items:center; width:100px; height:100px; margin:0 auto 24px; border:3px solid var(--ink); border-radius:50%; font-size:46px; color:var(--ink); background:var(--yellow); }
.kids-quiz-result h3 { font-size:36px; margin-bottom:16px; }
.kids-quiz-stars { color:#a26e00; font-size:35px; letter-spacing:7px; margin:18px 0; }
.kids-quiz-noscript { margin-top:24px!important; }
/* Real clinicians, introduced in the kids' visual language. */
.kids-doctors { background:#fff5e6; }
.kids-doctor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.kids-doctor-card { border:2px solid var(--ink); border-radius:26px; overflow:hidden; background:#fff; box-shadow:6px 6px 0 var(--ink); }
.kids-doctor-portrait { position:relative; background:#dfeaff; border-bottom:2px solid var(--ink); }
.kids-doctor-card:nth-child(2) .kids-doctor-portrait { background:#f4e5ff; }
.kids-doctor-portrait img { display:block; width:100%; height:370px; object-fit:cover; object-position:center 24%; }
.kids-doctor-sticker { position:absolute; bottom:18px; left:18px; right:18px; width:fit-content; max-width:calc(100% - 36px); padding:9px 14px; background:var(--yellow); color:var(--ink); border:2px solid var(--ink); border-radius:10px; font-size:14px; font-weight:900; transform:rotate(-3deg); }
.kids-doctor-copy { padding:30px; }
.kids-doctor-copy h3 { font-size:29px; margin-bottom:15px; }
.kids-doctor-copy p { font-size:17px; line-height:1.7; }
.kids-doctor-copy .kids-button { margin-top:24px; font-size:14px; padding:13px 17px; }
@media(max-width:991px) { .kids-heroes { gap:16px; } .kids-hero-choice { padding:24px 17px; } .kids-hero-choice > strong { font-size:23px; } .kids-quiz-grid { gap:24px; } .kids-doctor-portrait img { height:320px; } }
@media(max-width:767px) { .kids-heroes,.kids-quiz-grid,.kids-doctor-grid { grid-template-columns:1fr; } .kids-hero-choice { padding:26px; } .kids-hero-emblem { width:95px; height:95px; font-size:46px; } .kids-hero-choice > strong { font-size:27px; } .kids-team-banner { flex-wrap:wrap; gap:10px; padding:20px; } .kids-team-banner p { flex-basis:calc(100% - 55px); } .kids-team-banner a { margin-left:46px; } .kids-quiz { padding:22px 18px; } .kids-quiz-top { flex-wrap:wrap; } .kids-quiz-label { font-size:16px; } .kids-quiz-top .kids-score { padding:7px 10px; font-size:13px; } .kids-quiz-art { min-height:210px; } .kids-quiz-art > i { font-size:86px; } .kids-quiz-question h3 { font-size:25px; } .kids-quiz-result h3 { font-size:29px; } .kids-doctor-portrait img { height:360px; } .kids-doctor-copy { padding:24px; } .kids-doctor-copy h3 { font-size:26px; } }