@import url('../radio-club/tokens.css');
/* Scoped child home only. Original activity/reader and game styles stay owned by
   their existing mounts after this presentation is destroyed. */
body:has(.radio-child-workspace){background:var(--radio-petrol);color:var(--radio-paper);font-family:var(--radio-font-ui)}
body:has(.radio-child-workspace)>header,body:has(.radio-child-workspace)>footer{color:var(--radio-paper);background:var(--radio-petrol);border-color:var(--radio-muted)}
body:has(.radio-child-workspace)>header a{color:var(--radio-paper)}
body:has(.radio-child-workspace)>header button{background:var(--radio-surface);color:var(--radio-paper);border-color:var(--radio-muted);min-height:48px;font-family:var(--radio-font-ui)}
body:has(.radio-child-workspace)>#message{color:var(--radio-rose-pale);font-size:17px;line-height:1.5;background:var(--radio-petrol)}
body:has(.radio-child-workspace)>header button:focus-visible{outline:3px solid var(--radio-lilac);outline-offset:3px}
.radio-child-workspace{max-width:1280px;margin-inline:auto;padding:clamp(16px,3vw,40px);font-family:var(--radio-font-ui);color:var(--radio-paper);background:var(--radio-petrol)}
.radio-child-workspace .journey-heading{margin:0 0 28px;color:var(--radio-paper)}
.radio-child-workspace .journey-heading h1{font-family:var(--radio-font-display);font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.025em;color:var(--radio-paper);margin:8px 0 12px;overflow-wrap:anywhere}
.radio-child-workspace .journey-heading :is(p,.quiet){font-size:18px;line-height:1.55;color:var(--radio-blue-pale)}
.radio-child-workspace .journey-heading .eyebrow{font-size:13px;letter-spacing:.12em;color:var(--radio-lilac)}
.radio-child-workspace .journey-heading .learner-pill{color:var(--radio-petrol);background:var(--radio-blue-pale)}
.radio-child-workspace .child-workspace-layout{display:grid;gap:24px;min-width:0}
.radio-child-workspace .child-workspace-flight-start{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:var(--radio-surface);border:1px solid var(--radio-muted);border-radius:16px;min-width:0}
.radio-child-workspace .child-workspace-start-copy{max-width:620px;min-width:0}
.radio-child-workspace .child-workspace-eyebrow{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--radio-lilac);margin:0 0 10px}
.radio-child-workspace .child-workspace-start-title{font:600 clamp(28px,3vw,38px)/1.2 var(--radio-font-display);color:var(--radio-paper);margin:0 0 12px}
.radio-child-workspace .child-workspace-start-description{font-size:18px;line-height:1.5;color:var(--radio-paper);margin:0}
.radio-child-workspace :is(button,a.primary,select){font-family:var(--radio-font-ui);font-size:18px;line-height:1.4;min-height:56px;padding:14px 20px;border:2px solid var(--radio-muted);border-radius:8px;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.radio-child-workspace button{color:var(--radio-petrol);background:var(--radio-blue-pale);cursor:pointer;font-weight:650}
.radio-child-workspace button:hover:not(:disabled){background:var(--radio-lilac-pale);border-color:var(--radio-petrol)}
.radio-child-workspace button:disabled{opacity:.65;cursor:default}
.radio-child-workspace :is(button,a,select,summary,input):focus-visible{outline:3px solid var(--radio-petrol);outline-offset:3px}
.radio-child-workspace .child-workspace-flight-start button{background:var(--radio-apricot);color:var(--radio-petrol);border-color:var(--radio-apricot-dark);flex:0 1 320px;min-width:220px}
.radio-child-workspace .child-workspace-flight-start button:focus-visible,.radio-child-workspace .child-workspace-extras :is(button,a):focus-visible{outline-color:var(--radio-lilac)}
.radio-child-workspace .child-workspace-choices{min-width:0}
.radio-child-workspace .journey-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0}
.radio-child-workspace .journey-destination{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;min-width:0;border:1px solid var(--radio-muted);border-radius:12px;background:var(--radio-paper);color:var(--radio-petrol)}
.radio-child-workspace .journey-destination :is(button,.primary){width:100%;text-align:left;margin:0;color:var(--radio-petrol);background:var(--radio-blue-pale)}
.radio-child-workspace .journey-destination[data-destination="stories"] button{background:var(--radio-lilac-pale)}
.radio-child-workspace .journey-destination[data-destination="help"] button{background:var(--radio-turquoise-pale)}
.radio-child-workspace .destination-mark{color:var(--radio-petrol);font:700 14px/1 var(--radio-font-ui);background:none}
.radio-child-workspace .destination-description{font-size:17px;line-height:1.55;color:var(--radio-petrol);margin:0}
.radio-child-workspace .child-workspace-missions{min-width:0;padding:24px;border-radius:12px;background:var(--radio-paper);color:var(--radio-petrol)}
.radio-child-workspace .saved-practice-card{background:none;color:inherit;border:0;box-shadow:none;padding:0;margin:0;min-width:0}
.radio-child-workspace .saved-practice-card :is(p,.quiet,li,label){font-size:17px;line-height:1.55;color:var(--radio-petrol);overflow-wrap:anywhere}
.radio-child-workspace .saved-practice-card :is(h2,h3,h4){font-family:var(--radio-font-ui);color:var(--radio-petrol);line-height:1.3;overflow-wrap:anywhere}
.radio-child-workspace .saved-practice-card h2{font-size:26px}
.radio-child-workspace .saved-practice-card select{color:var(--radio-petrol);background:var(--radio-paper);width:auto}
.radio-child-workspace .saved-practice-card .actions{display:flex;flex-wrap:wrap;gap:12px}
.radio-child-workspace .saved-practice-card .actions button{margin:0}
.radio-child-workspace .child-workspace-extras{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px}
.radio-child-workspace .casual-play-card{color:var(--radio-paper);background:var(--radio-surface);border:1px solid var(--radio-muted);border-radius:12px;padding:20px;max-width:760px;margin:0}
.radio-child-workspace .casual-play-card a{display:inline-flex;align-items:center;color:var(--radio-paper);background:var(--radio-surface);border-color:var(--radio-muted);text-decoration:none}
.radio-child-workspace .casual-play-card p{color:var(--radio-blue-pale);font-size:16px;line-height:1.5;margin-bottom:0}
.radio-child-workspace .child-workspace-extras>button{background:var(--radio-surface);color:var(--radio-paper)}
@media(max-width:900px){.radio-child-workspace .child-workspace-flight-start{align-items:flex-start;flex-direction:column}.radio-child-workspace .child-workspace-flight-start button{flex:auto;min-width:0}.radio-child-workspace .journey-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-child-workspace .journey-destination:last-child{grid-column:1/-1}}
@media(max-width:600px){.radio-child-workspace .journey-destinations{grid-template-columns:minmax(0,1fr)}.radio-child-workspace .journey-destination:last-child{grid-column:auto}.radio-child-workspace .child-workspace-flight-start,.radio-child-workspace .journey-destination,.radio-child-workspace .child-workspace-missions{padding:20px}.radio-child-workspace .child-workspace-flight-start button{width:100%}.radio-child-workspace .child-workspace-extras{display:grid;grid-template-columns:minmax(0,1fr)}.radio-child-workspace .child-workspace-extras>button{justify-self:start}}
/* Empty decorative masks preserve the original accessible action labels. */
.radio-child-workspace .child-workspace-flight-start>button::before,
.radio-child-workspace .journey-destination[data-destination="help"] button::before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;margin-inline-end:10px;background:currentColor;mask-image:url('../radio-club/icons.svg');mask-size:96px 24px;mask-repeat:no-repeat}
.radio-child-workspace .child-workspace-flight-start>button::before{mask-position:-72px 0}
.radio-child-workspace .journey-destination[data-destination="help"] button::before{mask-position:-24px 0}
/* Selected V1: reuse the actual child controller nodes with the parent visual
   vocabulary. No new route, activity start, response or media action. */
body.offbeat-candidate:has(.radio-child-workspace){background:var(--ob-paper);color:var(--ob-ink)}
body.offbeat-candidate .radio-child-workspace{--radio-font-ui:'DM Sans',system-ui,sans-serif;--radio-font-display:'DM Sans',system-ui,sans-serif;--radio-petrol:#252a32;--radio-paper:#fffefa;--radio-surface:#fffefa;--radio-muted:#777c77;--radio-apricot:#f7e7a4;--radio-apricot-dark:#968047;--radio-blue-pale:#e4e8fa;--radio-lilac:#3057c8;--radio-lilac-pale:#e4e8fa;--radio-turquoise-pale:#d8e8d1;background:var(--ob-paper);color:var(--ob-ink)}
body.offbeat-candidate .radio-child-workspace .journey-heading,body.offbeat-candidate .radio-child-workspace .journey-heading :is(h1,p,.quiet),body.offbeat-candidate .radio-child-workspace :is(.child-workspace-start-title,.child-workspace-start-description,.child-workspace-eyebrow){color:var(--ob-ink)}
body.offbeat-candidate .radio-child-workspace .journey-heading h1{color:var(--ob-blue);font-family:'DM Sans',system-ui,sans-serif}
body.offbeat-candidate .radio-child-workspace .child-workspace-flight-start{background:var(--ob-butter)}
body.offbeat-candidate .radio-child-workspace .child-workspace-flight-start button{background:var(--ob-blue);color:white;border-color:var(--ob-blue)}
body.offbeat-candidate .radio-child-workspace :is(button,a,select,summary,input):focus-visible{outline:3px solid var(--ob-blue);outline-offset:4px}
body.offbeat-candidate .radio-child-workspace .child-workspace-extras{color:var(--ob-ink)}
body.offbeat-candidate .radio-child-workspace :is(.child-workspace-extras button,.child-workspace-missions button){color:var(--ob-ink)}
body.offbeat-candidate .radio-child-workspace :is(h1,h2,h3,p,label){overflow-wrap:anywhere}
/* The normal authenticated child home keeps its original single activity
   consumer. Apply the selected presentation without a preview-only wrapper. */
body.offbeat-candidate:has(.radio-child-workspace)>header,
body.offbeat-candidate:has(.radio-child-workspace)>footer,
body.offbeat-candidate:has(.radio-child-workspace)>#message{background:var(--ob-paper);color:var(--ob-ink)}
body.offbeat-candidate:has(.radio-child-workspace)>header a{color:var(--ob-ink)}
body.offbeat-candidate:has(.radio-child-workspace)>header button{background:#fffefa;color:var(--ob-ink)}
.radio-child-workspace>.child-mission-home{min-width:0;margin-block:24px}
.radio-child-workspace>.journey-destinations{margin-block:24px}
.radio-child-workspace>button{margin:8px 12px 8px 0}
.radio-child-workspace>.casual-play-card{margin-block:24px;overflow-wrap:anywhere}
/* Header is a sibling of the scoped main: it cannot inherit main-only radio
   token overrides. Keep its keyboard focus visible against the light shell. */
body.offbeat-candidate:has(.radio-child-workspace)>header :is(button,a):focus-visible{outline:3px solid var(--ob-blue);outline-offset:4px}