#F01 .story-case{border:var(--ring) solid var(--editorial-frame);border-radius:var(--outcome-card-radius);box-shadow:var(--editorial-card-shadow)}
#F01 .story-case-title{display:flex;align-items:center;gap:var(--sm);padding:var(--sm) var(--md);background:var(--wine);color:var(--paper)}
#F01 .story-case-title span{font-size:var(--editorial-case-label);letter-spacing:var(--editorial-letter)}
#F01 .story-case-title strong{font-size:var(--heading)}
#F01 .story-before{padding:var(--md);border-bottom:var(--rule) solid var(--line)}
#F01 .story-kicker{font-weight:bold;color:var(--muted);font-size:var(--outcome-badge)}
#F01 .story-case .outcome-action{margin:var(--md);border:var(--rule) solid var(--line);background:var(--paper)}
#F01 .story-case .outcome-action>span{display:inline-block;font-size:var(--small);color:var(--wine);background:var(--strength-gold);padding:var(--dock-compact-gap) var(--xs);border-radius:var(--radius)}
#F01 .story-case .outcome-action:after{display:none}
#F01 .story-after{padding:var(--md)}
#F01 .story-after .after-art{max-width:var(--editorial-after-max);margin:auto}
#F01 .story-case .outcome-goal{padding:var(--md) var(--zero) var(--xs)}
#F01 .story-case .outcome-goal h4{font-size:var(--outcome-readable-title)}
#F01 .more-changes{margin:var(--xl) var(--sm) var(--md);padding:var(--lg) var(--sm);background:var(--paper);border:var(--rule) solid var(--line);border-radius:var(--outcome-card-radius)}
#F01 .more-changes-kicker{font-size:var(--small);text-align:center;color:var(--gold);margin:var(--zero) var(--zero) var(--xs)}
#F01 .more-changes h3{font:700 var(--title)/var(--mind-leading) var(--sans);text-align:center;color:var(--wine);margin:var(--zero) var(--zero) var(--sm)}
#F01 .more-changes-intro{font-size:var(--small);text-align:center;color:var(--muted)}
.change-category-grid{display:grid;gap:var(--sm)}
.change-category-grid button{display:grid;grid-template-columns:var(--editorial-category-columns);align-items:center;gap:var(--sm);padding:var(--sm);border:var(--rule) solid var(--line);border-radius:var(--big-radius);background:var(--editorial-modal-bg);color:var(--wine);text-align:left;cursor:pointer}
.change-category-grid img{width:var(--target-illustration);height:var(--target-illustration);padding:var(--xs);background:var(--rose);border-radius:var(--radius)}
.change-category-grid strong{display:block;font-size:var(--body);line-height:var(--support-leading)}
.change-category-grid small{display:block;font-size:var(--outcome-badge);line-height:var(--support-leading);color:var(--muted)}
.change-dialog,#F03 dialog.change-dialog{position:fixed;inset:var(--zero);width:calc(var(--dock-full) - var(--support-dialog-gutter));max-width:var(--support-dialog-width);max-height:var(--support-dialog-height);height:fit-content;margin:auto;padding:var(--zero);border:var(--ring) solid var(--editorial-frame);border-radius:var(--outcome-card-radius);background:var(--editorial-modal-bg);color:var(--ink);overflow:auto;box-shadow:var(--editorial-modal-shadow)}
.change-dialog:not([open]){display:none}
.change-dialog[open]{display:block}
.change-dialog::backdrop{background:var(--support-dialog-backdrop)}
.change-dialog .support-dialog-bar,#F03 .change-dialog>.support-dialog-bar{position:sticky;top:var(--zero);z-index:var(--changes-badge-layer);display:flex;align-items:center;justify-content:space-between;gap:var(--sm);padding:var(--sm);margin:var(--zero);background:var(--wine);color:var(--paper)}
.change-dialog .support-dialog-bar>span,#F03 .change-dialog .support-dialog-bar>span{color:var(--paper);font-size:var(--outcome-badge)}
.change-dialog .support-dialog-close{flex-shrink:0;min-height:var(--arrow-size);padding:var(--xs) var(--sm);border:var(--rule) solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--wine);font:700 var(--small)/var(--support-leading) var(--sans);cursor:pointer}
.change-dialog .support-dialog-reading,#F03 .change-dialog>.support-dialog-reading{padding:var(--md)}
.change-dialog .support-dialog-heading,#F03 .change-dialog .support-dialog-heading{display:grid;grid-template-columns:var(--support-dialog-head);align-items:center;gap:var(--sm);margin:var(--zero) var(--zero) var(--md);padding-bottom:var(--md);border-bottom:var(--ring) solid var(--line)}
.change-dialog .support-dialog-heading>img{width:var(--support-dialog-photo);height:var(--support-dialog-photo);object-fit:cover;border-radius:var(--big-radius);padding:var(--sm);background:var(--rose)}
#F03 .change-dialog .support-dialog-heading>img{padding:var(--zero)}
.change-dialog .support-dialog-heading h3{font:700 var(--support-dialog-title)/var(--mind-leading) var(--sans);margin:var(--zero);text-align:left;color:var(--wine)}
#F01 .more-changes .change-dialog h3{text-align:left;font-size:var(--support-dialog-title)}
.change-dialog .support-dialog-heading small{font-size:var(--outcome-badge);color:var(--muted)}
.change-detail-list{list-style:none;padding:var(--zero);margin:var(--zero);display:grid;gap:var(--sm)}
.change-detail-list li{display:grid;grid-template-columns:var(--editorial-list-columns);gap:var(--xs);padding:var(--sm);border:var(--rule) solid var(--line);border-radius:var(--radius);background:var(--paper);font-size:var(--body);line-height:var(--support-leading)}
.change-detail-list li:before{content:"✓";font-weight:bold;color:var(--wine)}
.change-dialog .support-dialog-note{font-size:var(--small);line-height:var(--support-leading);color:var(--muted);margin:var(--md) var(--zero) var(--zero)}
#F03 .change-dialog .support-dialog-reading>h4{font-size:var(--body);border-left:var(--header-rule) solid var(--gold);padding-left:var(--sm)}
#F03 .change-dialog .support-dialog-goal{border:var(--rule) solid var(--editorial-frame);background:var(--editorial-accent-bg)}
.change-category-grid button:focus-visible,.change-dialog button:focus-visible{outline:var(--ring) solid var(--gold);outline-offset:var(--ring)}

/* F03: color-linked support reading cards */
#F03 [data-support-dialog="support-rhythm"],#F03 #support-rhythm{--support-accent:var(--support-teal);--support-soft:var(--support-teal-soft)}
#F03 [data-support-dialog="support-connection"],#F03 #support-connection{--support-accent:var(--support-blue);--support-soft:var(--support-blue-soft)}
#F03 [data-support-dialog="support-feelings"],#F03 #support-feelings{--support-accent:var(--support-pink);--support-soft:var(--support-pink-soft)}
#F03 [data-support-dialog="support-activity"],#F03 #support-activity{--support-accent:var(--support-orange);--support-soft:var(--support-orange-soft)}
#F03 [data-support-dialog="support-school"],#F03 #support-school{--support-accent:var(--support-green);--support-soft:var(--support-green-soft)}
#F03 [data-support-dialog="support-health"],#F03 #support-health{--support-accent:var(--support-violet);--support-soft:var(--support-violet-soft)}
#F03 .support-overview button{background:var(--support-soft);border-color:var(--support-accent);border-top-width:var(--xs);color:var(--support-accent);box-shadow:var(--support-theme-shadow)}
#F03 .support-overview button>img{background:var(--paper)}
#F03 .support-overview button b{color:var(--support-accent)}
#F03 dialog.support-dialog{border-color:var(--support-accent)}
#F03 .support-dialog>.support-dialog-bar{background:var(--support-accent)}
#F03 .support-dialog .support-dialog-close{color:var(--support-accent)}
#F03 .support-dialog .support-dialog-heading{grid-template-columns:var(--support-heading-columns);padding:var(--zero) var(--zero) var(--md);border-color:var(--support-soft)}
#F03 .support-dialog .support-dialog-heading>img{width:var(--support-theme-photo);height:var(--support-theme-photo)}
#F03 .support-dialog .support-dialog-heading h3{color:var(--support-accent);font-size:var(--outcome-readable-title)}
#F03 .support-action-story h4{font-size:var(--body);color:var(--support-accent);margin:var(--zero) var(--zero) var(--sm)}
#F03 .support-action-story ol{list-style:none;padding:var(--zero);margin:var(--zero);display:grid;gap:var(--sm)}
#F03 .support-action-story li{display:grid;grid-template-columns:var(--support-step-columns);gap:var(--sm);align-items:start;padding:var(--sm);border-radius:var(--big-radius);background:var(--support-soft)}
#F03 .support-action-story li>span{display:grid;place-items:center;width:var(--support-step-size);height:var(--support-step-size);border-radius:var(--guidance-pill-radius);background:var(--support-accent);color:var(--paper);font-size:var(--small);font-weight:bold}
#F03 .support-action-story li p{margin:var(--zero);font-size:var(--body);line-height:var(--support-leading);color:var(--ink)}
#F03 .support-dialog .support-dialog-goal{margin-top:var(--md);padding:var(--md);border:none;background:var(--support-accent);border-radius:var(--big-radius);box-shadow:var(--support-theme-shadow)}
#F03 .support-dialog .support-dialog-goal h4{color:var(--paper);font-size:var(--small);margin:var(--zero) var(--zero) var(--sm)}
#F03 .support-dialog .support-dialog-goal p{color:var(--paper);font-size:var(--heading);line-height:var(--support-leading)}
#F01 [data-support-dialog="change-details-school"]{--category-accent:var(--support-green);--category-soft:var(--support-green-soft)}
#F01 [data-support-dialog="change-details-life"]{--category-accent:var(--support-teal);--category-soft:var(--support-teal-soft)}
#F01 [data-support-dialog="change-details-feelings"]{--category-accent:var(--support-pink);--category-soft:var(--support-pink-soft)}
#F01 [data-support-dialog="change-details-independence"]{--category-accent:var(--support-orange);--category-soft:var(--support-orange-soft)}
#F01 [data-support-dialog="change-details-family"]{--category-accent:var(--support-violet);--category-soft:var(--support-violet-soft)}
.change-category-grid button{background:var(--category-soft);border-color:var(--category-accent);color:var(--category-accent);border-left-width:var(--xs)}
.change-category-grid img{background:var(--paper)}
#F03>.support-heading{background-image:var(--support-photo-shade),url("assets/0.webp");background-size:cover;background-position:center;text-shadow:var(--support-photo-text-shadow)}

#F01 .outcome-photo-caption{position:absolute;inset:var(--zero);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--zero);padding:var(--sm);background:var(--hero-caption-shade);color:var(--hero-caption-white);text-align:center;font:700 var(--hero-photo-caption)/var(--mind-leading) var(--serif);letter-spacing:var(--hero-caption-tracking);text-shadow:var(--hero-caption-shadow)}

/* Family case comparison */
#F01 .story-case-title{background:var(--paper);color:var(--wine);border-bottom:var(--rule) solid var(--line)}
#F01 .story-case-title span{color:var(--gold)}
#F01 .story-case-title strong{font-size:var(--body)}
#F01 .family-comparison{position:relative;display:grid;grid-template-columns:var(--family-comparison-columns);gap:var(--family-comparison-gap);padding:var(--sm)}
#F01 .family-before,#F01 .family-after{padding:var(--sm) var(--xs);border:var(--rule) solid var(--line);border-radius:var(--radius);background:var(--family-before-bg)}
#F01 .family-after{background:var(--family-after-bg);border-color:var(--gold)}
#F01 .family-comparison small{display:block;text-align:center;color:var(--muted);font-size:var(--outcome-badge)}
#F01 .family-comparison h3,#F01 .family-comparison h4{font:700 var(--family-comparison-copy)/var(--support-leading) var(--sans);color:var(--ink);text-align:center;min-height:var(--family-comparison-height);margin:var(--xs) var(--zero) var(--sm)}
#F01 .family-after h4{color:var(--wine)}
#F01 .family-comparison .goal-phrase{display:inline;white-space:normal}
#F01 .family-comparison .before-art{--art-x:var(--outcome-before-crop-x);aspect-ratio:var(--outcome-before-crop-ratio)}
#F01 .family-comparison .before-art img{width:var(--outcome-before-crop-width)}
#F01 .family-comparison-arrow{position:absolute;left:var(--family-comparison-mid);top:var(--family-comparison-mid);transform:var(--family-comparison-shift);display:grid;place-items:center;width:var(--family-comparison-arrow);height:var(--family-comparison-arrow);border-radius:var(--guidance-pill-radius);background:var(--wine);color:var(--paper);z-index:var(--changes-badge-layer)}
#F01 .story-case .outcome-action{margin:var(--zero);border:none;border-top:var(--rule) solid var(--line);border-radius:var(--zero);padding:var(--sm) var(--md) var(--md)}
#F01 .story-case .outcome-action>span{background:var(--wine);color:var(--paper);border-radius:var(--guidance-pill-radius);padding:var(--dock-compact-gap) var(--sm)}

#F01 .family-before,#F01 .family-after{display:grid;grid-template-rows:var(--family-comparison-rows)}
#F01 .family-comparison h3,#F01 .family-comparison h4{min-height:var(--zero)}