/* Existing fictional examples: geometry retained; DS roles below. */
.vision-graphic{margin:0;min-width:0;width:100%;max-width:520px;justify-self:end}
.vision-graphic__scene{position:relative}
.vision-core{position:relative;width:224px;max-width:100%;aspect-ratio:1;margin-inline:auto;border:1px solid var(--signal);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--paper);padding:var(--space-6)}
.vision-core::after{content:"";position:absolute;bottom:-3px;left:calc(50% - 3px);width:6px;height:6px;background:var(--signal)}
.vision-core__overline{font:var(--t-copy-sm);color:var(--ink-3)}
.vision-core h3{font:var(--t-display);letter-spacing:-.035em;color:var(--ink);margin:var(--space-3) 0}
.vision-core p{font:var(--t-copy);color:var(--ink-2);margin:0;white-space:nowrap}
.vision-graphic__branches{--branch-gap:var(--space-8);position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--branch-gap);padding-top:var(--space-16);text-align:center}
.vision-graphic__branches::before{content:"";position:absolute;top:0;left:50%;height:32px;border-left:1px solid var(--signal)}
.vision-graphic__branches::after{content:"";position:absolute;top:29px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--signal)}
.vision-destination{position:relative;min-width:0;padding-inline:var(--space-1)}
.vision-destination::before{content:"";position:absolute;top:-32px;height:32px;pointer-events:none}
.vision-destination--today::before{left:50%;right:calc(var(--branch-gap)/-2);border-top:1px solid var(--signal);border-left:1px solid var(--signal)}
.vision-destination--future::before{left:calc(var(--branch-gap)/-2);right:50%;border-top:1px dashed var(--ink-3);border-right:1px dashed var(--ink-3)}
.vision-destination>svg{display:block;margin-inline:auto;width:64px;height:48px;fill:var(--paper);stroke:var(--ink-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vision-destination>svg :is(path,circle){vector-effect:non-scaling-stroke}
.vision-destination h3{font:var(--t-subheading);letter-spacing:-.02em;margin:var(--space-4) 0 var(--space-2);color:var(--ink)}
.vision-destination p{font:var(--t-copy);color:var(--green-deep);margin:0}
.vision-destination--future p{color:var(--rust-deep)}
.vision-graphic figcaption{font:var(--t-copy-sm);color:var(--ink-3);text-align:center;margin:var(--space-6) auto 0;max-width:45ch}
.vision-detail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);border-top:1px solid var(--line);padding-top:var(--space-6);margin:0}
.vision-detail dt{font:var(--t-code);color:var(--ink-3)}
.vision-detail dd{font-size:var(--fs-15);line-height:1.6;color:var(--ink-2);margin:var(--space-2) 0 0;max-width:48ch}

.pw-decision{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--line)}
.pw-decision__meta{display:flex;justify-content:space-between;gap:var(--space-4);font:var(--t-code);color:var(--ink-3)}
.pw-decision h3{font:var(--t-title);letter-spacing:-.03em;margin:var(--space-3) 0 var(--space-1_5);color:var(--ink)}
.pw-decision>p{font-size:var(--fs-13);line-height:1.6;color:var(--ink-3);margin:0}
.product-walkthrough__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);padding:0 var(--space-8);border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:80px;z-index:3}
.product-walkthrough__tabs[hidden]{display:none}
.product-walkthrough__tabs button{display:flex;align-items:center;gap:var(--space-3);text-align:left;min-height:60px;padding:var(--space-3) 0;border:0;border-radius:0;background:none;color:var(--ink-3);font:var(--t-copy);border-bottom:2px solid transparent;cursor:pointer}
.product-walkthrough__tabs button>span{font:var(--t-code)}
.product-walkthrough__tabs button[aria-selected="true"],.product-walkthrough__tabs button[aria-selected="true"]:hover{border-bottom-color:var(--signal);color:var(--ink);background:none}
.product-walkthrough__tabs button:hover{color:var(--ink);background:none}
.product-walkthrough__tabs button:not([aria-selected="true"]):hover{border-color:transparent}
.product-walkthrough__tabs button:focus-visible,.pw-panel:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}
.pw-panels{display:grid}
.pw-panel{padding:var(--space-6) var(--space-8) 0;min-width:0;scroll-margin-top:var(--space-12)}
.is-enhanced .pw-panel{grid-area:1/1}
.is-enhanced .pw-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.pw-chapter h4{font:var(--t-heading);letter-spacing:-.025em;margin:0;color:var(--ink)}
.pw-chapter>p{font-size:var(--fs-14);line-height:1.6;color:var(--ink-2);margin:var(--space-2) 0 0;max-width:75ch}
.pw-scene{margin-top:var(--space-6)}
.pw-label{font:var(--t-code);color:var(--ink-3);margin:0}
.pw-choice,.pw-execution,.pw-learning{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);min-height:164px}
.pw-choice>div,.pw-goal,.pw-evidence{border-right:1px solid var(--line);padding-right:var(--space-8)}
.pw-context{font:var(--t-heading);letter-spacing:-.02em;max-width:28ch;margin:var(--space-3) 0 0;color:var(--ink)}
.pw-fields{margin:0;display:grid;align-content:start}
.pw-fields>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}
.pw-fields>div:first-child{padding-top:0}
.pw-fields dt{font:var(--t-code);color:var(--ink-3)}
.pw-fields dd{font-size:var(--fs-15);line-height:1.5;color:var(--ink);margin:0}
.pw-value{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font:var(--t-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-2);color:var(--ink)}
.pw-value>span{font:var(--t-code);letter-spacing:0;color:var(--ink-3)}
.pw-value>strong{font-weight:400;color:var(--green-deep)}
.pw-owner,.pw-evidence>p:not(.pw-value):not(.pw-label){font-size:var(--fs-13);line-height:1.6;color:var(--ink-2);margin:0}
.pw-trial h5,.pw-recall h5{font:var(--t-subheading);letter-spacing:-.02em;margin:var(--space-2) 0 var(--space-4);color:var(--ink)}
.pw-trial__reading{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--fs-13);color:var(--ink-3)}
.pw-trial__reading strong{font:var(--t-title);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ink)}
.pw-trial__reading small{font:var(--t-code);color:var(--ink-3)}
.pw-trial__reading>span:last-child{margin-left:auto;font:var(--t-code)}
.pw-meter{height:6px;position:relative;background:var(--line);margin-top:var(--space-3)}
.pw-meter>span{display:block;width:76%;height:100%;background:var(--signal)}
.pw-meter>i{position:absolute;left:60%;top:-4px;height:14px;width:1px;background:var(--ink-2)}
.pw-evidence>p.pw-open{color:var(--rust-deep);margin-top:var(--space-1_5)}
.pw-memory{display:flex;gap:var(--space-3);border-left:2px solid var(--signal);padding-left:var(--space-4)}
.pw-memory__mark{font-size:var(--fs-20);color:var(--green-deep);line-height:1}
.pw-memory>div>p:last-child{font-size:var(--fs-14);line-height:1.6;margin:var(--space-1_5) 0 0;color:var(--ink-2);max-width:40ch}
.pw-action{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);border-top:1px solid var(--line);padding:var(--space-3) 0;margin-top:var(--space-6);min-height:68px}
.pw-action>p{font-size:var(--fs-12);line-height:1.6;color:var(--ink-3);margin:0;max-width:52ch}
.pw-action .text-link{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;flex:none;font:var(--t-copy-sm);color:var(--ink);background:none;border:0;padding:0;cursor:pointer}
.pw-action .text-link[hidden]{display:none}
.pw-action .text-link:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.pw-continuity{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--line);font:var(--t-code);color:var(--ink-3)}
.pw-continuity strong{font-weight:400;color:var(--green-deep)}
.product-walkthrough__workspace>figcaption{padding:var(--space-3) var(--space-8);border-top:1px solid var(--line);font-size:var(--fs-12);line-height:1.6;color:var(--ink-3)}
@media(max-width:980px){.product-walkthrough__heading{gap:var(--space-8)}.product-walkthrough__heading>p{font-size:var(--fs-15)}.product-walkthrough__tabs{gap:var(--space-4)}.product-walkthrough__tabs button{font-size:var(--fs-14);gap:var(--space-2)}.pw-choice,.pw-execution,.pw-learning{gap:var(--space-6)}.pw-choice>div,.pw-goal,.pw-evidence{padding-right:var(--space-6)}}
@media(max-width:640px){
 [data-page="home"] .product-walkthrough{padding-block:var(--home-section)}
 .product-walkthrough__heading{grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-6)}
 .product-walkthrough__heading h2{font-size:var(--fs-32);max-width:22ch}
 .product-walkthrough__heading>p{max-width:38ch}
 .pw-decision{padding:var(--space-5)}
 .pw-decision h3{font-size:var(--fs-24)}
 .pw-decision>p{font-size:var(--fs-12);max-width:35ch}
 .product-walkthrough__tabs{padding:0 var(--space-5);gap:var(--space-3)}
 .product-walkthrough__tabs button{flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-1_5);min-height:80px;font-size:var(--fs-13)}
 .pw-panel{padding:var(--space-5) var(--space-5) 0;scroll-margin-top:var(--space-16)}
 .pw-chapter h4{font-size:var(--fs-20)}
 .pw-chapter>p{font-size:var(--fs-13)}
 .pw-scene{margin-top:var(--space-5)}
 .pw-choice,.pw-execution,.pw-learning{grid-template-columns:1fr;gap:var(--space-5);min-height:0}
 .pw-choice>div,.pw-goal,.pw-evidence{border-right:0;border-bottom:1px solid var(--line);padding:0 0 var(--space-4)}
 .pw-context{font-size:var(--fs-20);max-width:30ch;margin-top:var(--space-2)}
 .pw-fields>div{padding:var(--space-2) 0;grid-template-columns:76px minmax(0,1fr);gap:var(--space-3)}
 .pw-fields dd{font-size:var(--fs-14)}
 .pw-value{font-size:var(--fs-32);margin:var(--space-2) 0 var(--space-2)}
 .pw-trial h5,.pw-recall h5{font-size:var(--fs-17);margin:var(--space-2) 0 var(--space-3)}
 .pw-memory{padding-left:var(--space-3);gap:var(--space-2)}
 .pw-memory>div>p:last-child{font-size:var(--fs-13)}
 .pw-action{flex-direction:column;align-items:flex-start;gap:var(--space-1);margin-top:var(--space-5);padding:var(--space-3) 0}
 .pw-action>p{max-width:38ch}
 .pw-continuity{gap:var(--space-2);padding:var(--space-3) var(--space-3);font-size:var(--fs-12)}
 .product-walkthrough__workspace>figcaption{padding:var(--space-3) var(--space-5)}
}
@media(max-width:360px){.product-walkthrough__tabs{padding-inline:var(--space-4);gap:var(--space-2)}.product-walkthrough__tabs button{font-size:var(--fs-12)}.pw-decision,.pw-panel{padding-inline:var(--space-4)}.pw-trial__reading{gap:var(--space-2)}.pw-trial__reading>span:last-child{margin-left:0}.pw-continuity{gap:var(--space-1_5);font-size:var(--fs-12)}}

/* DS 0.1 product surfaces. No separate frame around every piece of content. */
[data-page="home"] .product-window__app{border:0;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-2);overflow:hidden}
[data-page="home"] .product-window__bar{padding:var(--space-4) var(--space-6);min-height:var(--space-16)}
[data-page="home"] .product-window__body{grid-template-columns:176px minmax(0,1fr)}
[data-page="home"] .product-window__rail{border:0;padding:var(--space-6) var(--space-3);gap:var(--space-1)}
[data-page="home"] .product-window__rail>span{padding-inline:var(--space-3);border-radius:var(--radius-md);font:var(--t-label);min-height:var(--hit)}
[data-page="home"] .product-window__rail>span.is-current{background:var(--surface);box-shadow:var(--shadow-1)}
[data-page="home"] .product-window__rail>p{padding-inline:var(--space-3);font:var(--t-meta)}
[data-page="home"] .product-window__document{padding:var(--space-8);background:var(--paper)}
[data-page="home"] .product-window__document>section{background:transparent}
[data-page="home"] :is(.product-window__heading h2,.product-path__heading h2){font:var(--t-title);letter-spacing:var(--t-title-track);max-width:32ch}
[data-page="home"] .product-window__heading{margin:var(--space-5) 0 var(--space-8)}
[data-page="home"] .product-window__priorities{gap:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden}
[data-page="home"] .product-priority{padding:var(--space-5);border:0}
[data-page="home"] .product-priority+.product-priority{border-left:1px solid var(--hairline)}
[data-page="home"] .product-priority::before{display:none}
[data-page="home"] .product-priority h3{font:var(--t-subheading);letter-spacing:var(--t-subheading-track);margin:var(--space-3) 0}
[data-page="home"] .product-priority__metric strong{font:var(--t-display)}
[data-page="home"] .product-priority__description{font:var(--t-copy-sm)}
[data-page="home"] .product-priority__progress>span{height:var(--space-2);border-radius:var(--radius-xs)}
[data-page="home"] :is(.product-window__open,.product-window__fallback,.product-path__back){font:var(--t-label);min-height:var(--hit);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-control);background:var(--wash)}
[data-page="home"] .product-window__hint{border:0;padding-top:0;gap:var(--space-2)}
[data-page="home"] .product-window figcaption{font:var(--t-meta);margin-top:var(--space-5);text-align:center}
[data-page="home"] .product-window__organisation{font:var(--t-label)}
[data-page="home"] :is(.product-window__period,.product-window__page-label,.product-window__section-label){font:var(--t-meta)}
[data-page="home"] .product-window__attention{background:var(--warning-solid)}
[data-page="home"] .product-path__row{padding-block:var(--space-6)}
[data-page="home"] .product-path__choice{font:var(--t-subheading)}
[data-page="home"] .pw-decision{padding:var(--space-6) var(--space-8)}
[data-page="home"] .pw-decision h3{font:var(--t-title);letter-spacing:var(--t-title-track)}
[data-page="home"] :is(.pw-decision__meta,.pw-label,.pw-fields dt,.pw-continuity,.product-walkthrough__workspace>figcaption){font:var(--t-meta)}
[data-page="home"] .product-walkthrough__tabs{display:flex;flex-wrap:wrap;position:static;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--paper);border:0}
[data-page="home"] .product-walkthrough__tabs button{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);min-height:var(--hit);border:0;border-radius:var(--radius-control);font:var(--t-label);background:transparent}
[data-page="home"] .product-walkthrough__tabs button>span{font:var(--t-caption)}
[data-page="home"] .product-walkthrough__tabs button[aria-selected=true]{background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink)}
[data-page="home"] .pw-panel{padding:var(--space-6) var(--space-8) 0}
[data-page="home"] .pw-chapter h4{font:var(--t-heading)}
[data-page="home"] .pw-chapter>p{font:var(--t-copy-sm)}
[data-page="home"] .pw-value{font:var(--t-display)}
[data-page="home"] .pw-meter{height:var(--space-2);border-radius:var(--radius-full);overflow:hidden}
[data-page="home"] .pw-meter>span{background:var(--muted)}
[data-page="home"] .pw-meter>i{inset:0 auto 0 60%;width:var(--space-0_5);height:100%;background:var(--surface)}
[data-page="home"] .pw-context{font:var(--t-heading)}
[data-page="home"] .pw-trial h5,[data-page="home"] .pw-recall h5{font:var(--t-subheading)}
[data-page="home"] .vision-core{background:var(--surface);border:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-1)}
[data-page="home"] .vision-core h3{font:var(--t-title)}
[data-page="home"] .vision-destination h3{font:var(--t-subheading)}
[data-page="home"] .vision-graphic__scene{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--wash)}
@media(max-width:900px){[data-page="home"] .product-window__body{grid-template-columns:1fr}[data-page="home"] .product-window__rail{display:none}}
@media(max-width:640px){
 [data-page="home"] .product-window__document{padding:var(--space-5)}
 [data-page="home"] .product-window__priorities{grid-template-columns:1fr}
 [data-page="home"] .product-priority+.product-priority{border-left:0;border-top:1px solid var(--line)}
 [data-page="home"] .product-window__organisation>span{display:none}
 [data-page="home"] .product-window__bar{gap:var(--space-3);padding:var(--space-4)}
 [data-page="home"] .product-window__brand{padding-right:var(--space-3)}
 [data-page="home"] .product-window__period{font:var(--t-caption)}
 [data-page="home"] :is(.pw-decision,.product-walkthrough__tabs,.pw-panel){padding-inline:var(--space-5)}
 [data-page="home"] .vision-graphic__scene{padding:var(--space-5)}
}