/* Public motion grammar: natural reading height, anchored paths, clear objects. */
.motion-story{
  --story-ink:var(--okg-accent,var(--accent-strong,#51499f));--story-tint:var(--okg-accent-soft,var(--surface-raised,#f0edff));
  --story-paper:var(--okg-g1-fill,var(--surface,#fff));--story-edge:var(--okg-edge-outer,var(--border,#d8d2f1));
  position:relative;isolation:isolate;min-width:0;padding:24px;border:1px solid var(--story-edge);border-radius:24px;
  background:var(--okg-g2-fill,var(--surface,#fff));color:var(--okg-text,var(--text,#202633));box-shadow:var(--okg-shell-shadow,0 12px 36px #25204c08)
}
.motion-story[hidden],.motion-story [hidden]{display:none!important}
.story-topline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px}
.story-label{font-size:var(--type-label,14px);font-weight:600;color:var(--story-ink)}
.story-example{margin-left:auto;font-size:var(--type-meta,13px);color:var(--okg-text-muted,var(--muted,#596579))}
.story-stages{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
body .story-stages button,body .story-controls button,body .story-dismiss{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:9px 12px;
  font-size:var(--type-help,14px);font-weight:500;line-height:1.4;color:var(--okg-text,var(--text,#202633));
  border:1px solid var(--okg-control-border,var(--control-border,#7b879b));border-radius:14px;
  background:var(--okg-g1-fill,var(--surface,#fff));cursor:pointer;transition:background .18s,box-shadow .18s,color .18s
}
body .story-stages button[aria-pressed="true"]{background:var(--story-tint);color:var(--story-ink);border-color:var(--story-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--story-ink)}
body .motion-story button:focus-visible{outline:3px solid var(--okg-focus,var(--story-ink));outline-offset:3px}
.story-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;min-height:0;position:relative;touch-action:pan-y}
.story-art{grid-column:1;grid-row:1;position:relative;min-width:0;width:100%;border-radius:20px;background:var(--okg-stage-legacy,var(--story-tint));overflow:hidden}
.story-copy{grid-column:2;grid-row:1;min-width:0;padding:20px;border-radius:20px;align-self:start;background:var(--okg-g1-fill,var(--surface));display:grid;align-content:start;gap:0}
body .story-copy h3{font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:600;line-height:1.3;letter-spacing:-.018em;margin:0 0 12px}
body .story-copy>p{font-size:var(--type-body,16px);font-weight:400;line-height:1.55;margin:0;max-width:none}
.story-facts{display:grid;gap:0;margin:14px 0 0}
.story-facts>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;padding-block:9px;border-top:1px solid var(--okg-separator,var(--border,#dfe3eb))}
.story-facts dt{font-size:var(--type-help,14px);color:var(--okg-text-muted,var(--muted,#596579));line-height:1.45}
.story-facts dd{margin:0;font-size:var(--type-help,14px);font-weight:500;line-height:1.45;overflow-wrap:anywhere}
body .story-copy .story-boundary{font-size:var(--type-meta,13px);line-height:1.45;color:var(--okg-text-muted,var(--muted,#596579));margin:14px 0 0}
.story-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--okg-separator,var(--border,#dfe3eb));margin-top:18px;padding-top:14px}
.story-controls p{margin:0;color:var(--okg-text-muted,var(--muted,#596579));font-size:var(--type-meta,13px);font-variant-numeric:tabular-nums;line-height:1.4}
.story-controls svg{flex:none;width:19px;height:19px}
body .story-controls [data-state="replay"],body .story-controls [data-state="play"]{background:var(--okg-accent,var(--accent-strong));color:var(--okg-on-accent,#fff);border-color:var(--okg-accent,var(--accent-strong));font-weight:600}
body .story-controls [data-state="pause"]{border-radius:50%;padding:10px;background:var(--okg-g1-fill,var(--surface));color:var(--story-ink);box-shadow:inset 0 1px 2px var(--okg-edge-outer,#ffffff80)}
.story-control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.story-topic-link{font-size:var(--type-help,14px);color:var(--story-ink);text-underline-offset:4px;display:inline-block;padding-block:8px;margin-top:8px}
body .story-dismiss{padding:4px;margin-left:auto;font-size:24px}.story-dismiss+.story-example{margin-left:0}
.story-static{margin-block:20px;font-size:var(--type-body,16px)}.story-static li{margin-block:14px}
.story-static-product{margin:20px 0;max-width:280px;font-size:var(--type-help,14px)}.story-static-product img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}
.story-product{position:relative;min-width:0;margin:0;display:grid;gap:0;border-radius:16px;overflow:hidden;background:var(--okg-g1-fill,var(--surface));border:1px solid var(--story-edge)}
.story-product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;min-width:0}
.story-product figcaption{padding:11px 12px;color:var(--okg-text,var(--text));font-size:var(--type-help,14px);line-height:1.4;min-width:0;overflow-wrap:anywhere}
.story-product figcaption strong,.story-product figcaption span{display:block}.story-product figcaption strong{font-weight:600}
.story-product figcaption span{font-size:var(--type-meta,13px);color:var(--okg-text-muted,var(--muted));margin-top:4px}
.story-context{display:flex;align-items:center;gap:8px;padding:0 0 12px;color:var(--okg-text,var(--text));font-size:.8125rem;line-height:1.4}
.story-context svg{width:18px;height:18px;color:var(--story-ink);flex:none}.story-context strong{margin-left:auto;font-weight:600;text-align:right}
.story-product-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-product-pair>div{position:relative;min-width:0}
.story-pro-art,.story-business-art{padding:14px}
.story-flow-connector{position:relative;display:block;justify-self:center;width:2px;height:28px;margin:0 auto;background:linear-gradient(to bottom,var(--story-ink),var(--story-edge));border-radius:999px;transform-origin:50% 0}
.story-flow-connector::after{content:"";position:absolute;left:50%;bottom:-1px;width:7px;height:7px;border-right:2px solid var(--story-ink);border-bottom:2px solid var(--story-ink);transform:translateX(-50%) rotate(45deg)}
.story-flow-connector--fork{width:50%;height:32px;border-radius:0;background:linear-gradient(var(--story-ink),var(--story-edge)) 50% 0/2px 18px no-repeat,linear-gradient(90deg,var(--story-edge),var(--story-ink),var(--story-edge)) 50% 17px/100% 2px no-repeat,linear-gradient(var(--story-edge),var(--story-ink)) 0 17px/2px 15px no-repeat,linear-gradient(var(--story-edge),var(--story-ink)) 100% 17px/2px 15px no-repeat}
.story-flow-connector--fork::before,.story-flow-connector--fork::after{content:"";position:absolute;bottom:-1px;width:7px;height:7px;border-right:2px solid var(--story-ink);border-bottom:2px solid var(--story-ink);transform:translateX(-50%) rotate(45deg)}
.story-flow-connector--fork::before{left:0}.story-flow-connector--fork::after{left:100%}
.story-product-reason{font-size:.8125rem;line-height:1.4;margin:8px 2px 0;color:var(--okg-text-muted,var(--muted))}
.story-result-strip{display:flex;align-items:flex-start;gap:10px;margin-top:0;border-top:1px solid var(--okg-separator,var(--border));padding-top:12px;color:var(--okg-text,var(--text))}
.story-result-strip>svg{flex:none;width:20px;height:20px;color:var(--story-ink);margin-top:2px}.story-result-strip>div{display:grid;gap:4px;min-width:0}
.story-result-strip strong{font-size:.875rem;line-height:1.4;font-weight:600}.story-result-strip span{font-size:.8125rem;line-height:1.45;color:var(--okg-text-muted,var(--muted))}
[data-pro-stage="saved"] .story-product-pair{grid-template-columns:1fr;gap:10px}
[data-pro-stage="saved"] .story-flow-connector--fork{width:2px;height:28px;border-radius:999px;background:linear-gradient(to bottom,var(--story-ink),var(--story-edge))}
[data-pro-stage="saved"] .story-flow-connector--fork::before{display:none}[data-pro-stage="saved"] .story-flow-connector--fork::after{left:50%}
[data-pro-stage="saved"] .story-product-pair>div+div::before{content:"";position:absolute;left:50%;top:-10px;width:2px;height:10px;background:linear-gradient(var(--story-edge),var(--story-ink));transform:translateX(-50%)}
[data-pro-stage="saved"] .story-product-pair>div+div::after{content:"";position:absolute;left:50%;top:-7px;width:7px;height:7px;border-right:2px solid var(--story-ink);border-bottom:2px solid var(--story-ink);transform:translateX(-50%) rotate(45deg)}
[data-pro-stage="saved"] .story-product{grid-template-columns:82px minmax(0,1fr);align-items:center}
[data-pro-stage="saved"] .story-product img{width:82px;aspect-ratio:1}
[data-pro-stage="saved"] .story-product-reason{display:none}
[data-pro-stage="saved"] .story-product figcaption strong{font-size:.8125rem}
[data-pro-stage="saved"] .story-result-strip{border:1px solid var(--story-edge);border-radius:14px;padding:12px;background:var(--okg-g1-fill,var(--surface))}
[data-pro-stage="resume"] .story-product:first-child{border-color:var(--story-ink)}
.business-product-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,.45fr);gap:10px;align-items:stretch}
.business-product-row .story-product img{aspect-ratio:4/3;min-height:68px}
.business-budget-note{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px;border-radius:16px;min-width:0}
.business-budget-note>span{font-size:.8125rem;line-height:1.4;color:var(--okg-text-muted,var(--muted))}
.business-budget-note :is(span,strong){max-width:100%;overflow-wrap:anywhere}
.business-budget-note>strong{font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.04em;line-height:1.2;color:var(--story-ink);margin:7px 0 2px}
.business-budget-note .business-budget-total{font-weight:600;border-top:1px solid var(--okg-separator,var(--border));margin-top:12px;padding-top:10px;color:var(--okg-text,var(--text))}
.business-progress{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0 0;padding:0;position:relative}
.business-progress li{display:flex;align-items:center;gap:6px;font-size:.75rem;line-height:1.35;color:var(--okg-text-muted,var(--muted));min-width:0;position:relative}
.business-progress li:not(:last-child)::after{content:"";position:absolute;z-index:-1;left:20px;right:-9px;top:10px;height:2px;border-radius:999px;background:var(--story-edge);opacity:.65}
.business-progress li>span{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid var(--story-edge);border-radius:50%;font-size:.75rem;background:var(--okg-g3-fill,var(--story-paper));position:relative;z-index:1}
.business-progress [aria-current]{color:var(--story-ink);font-weight:600}.business-progress [aria-current]>span{color:var(--okg-on-accent,#fff);background:var(--story-ink);border-color:var(--story-ink)}
[data-business-stage="snapshot"] .business-product-row .story-product,[data-business-stage="approved"] .business-product-row .story-product{grid-template-columns:1fr;align-content:start}
[data-business-stage="snapshot"] .business-product-row .story-product img,[data-business-stage="approved"] .business-product-row .story-product img{aspect-ratio:2.2;max-height:120px}
[data-business-stage="snapshot"] .business-product-row{border:1px dashed var(--story-ink);border-radius:18px;padding:8px}
[data-business-stage="approved"] .story-result-strip{background:var(--okg-accent-soft,var(--surface));padding:12px;border:1px solid var(--story-edge);border-radius:14px}
.story-occasion-art{padding:14px}.story-occasion-art .story-product img{aspect-ratio:4/3;max-height:300px;object-fit:cover}
.story-occasion-note{position:relative;display:flex;align-items:center;gap:8px;padding:12px 0 0;font-size:.875rem;line-height:1.4;color:var(--okg-text,var(--text))}.story-occasion-note svg{width:20px;height:20px;color:var(--story-ink);flex:none}
.story-note-art{display:grid;align-content:center;justify-items:start;gap:14px;padding:24px;min-height:0}.story-note-symbol svg{width:48px;height:48px;color:var(--story-ink)}.story-note-art>strong{font-size:1.4rem}.story-note-art>span:last-child{font-size:.875rem;line-height:1.5;max-width:32ch}
.story-note-facts{list-style:none;display:grid;gap:12px;width:100%;padding:0;margin:0}
.story-note-facts li{display:flex;gap:12px;align-items:start;padding:14px;border-radius:16px;min-width:0;position:relative}
.story-note-facts li:not(:last-child)::after{content:"";position:absolute;left:24px;top:39px;bottom:-13px;width:2px;border-radius:999px;background:var(--story-edge);opacity:.72}
.story-note-step-symbol{width:22px;height:22px;flex:none;color:var(--story-ink);position:relative;z-index:1}.story-note-step-symbol svg{width:100%;height:100%}
.story-note-facts li>div{display:grid;gap:5px;min-width:0}.story-note-facts li>div>span{font-size:.8125rem;line-height:1.4;color:var(--okg-text-muted,var(--muted))}.story-note-facts strong{font-size:1rem;line-height:1.4;font-weight:600;overflow-wrap:break-word}
/* Six real inputs retain their DOM identity; only current stage occupies space. */
.motion-story[data-story="plan"] .story-scene{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.motion-story[data-story-art="plan-next"] .story-scene{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.story-art.plan-art{padding:16px;display:grid;gap:16px;align-content:start;container-type:inline-size}
.plan-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.plan-group{position:relative;min-width:0;display:grid;gap:8px;align-content:start}
.plan-group h4{margin:0;color:var(--okg-text-muted,var(--muted));font-size:.8125rem;font-weight:600;line-height:1.4}
.plan-group-cards{display:grid;gap:12px;min-width:0}.plan-card{position:relative;display:grid;align-content:start;gap:5px;padding:14px 12px;min-width:0;border-radius:18px}
.plan-card-symbol{display:block;width:22px;height:22px;color:var(--story-ink);margin-bottom:3px}.plan-card-symbol svg{width:100%;height:100%}
.plan-card-label{color:var(--okg-text-muted,var(--muted));font-size:.8125rem;line-height:1.35}.plan-card>strong{font-size:.875rem;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.plan-hub{justify-self:center;position:relative;z-index:2;display:grid;gap:4px;padding:14px 18px;border-radius:20px;text-align:center;max-width:100%}
.plan-hub-label,.plan-hub>span:last-child{font-size:.8125rem;line-height:1.4;color:var(--okg-text-muted,var(--muted))}.plan-hub>strong{font-size:1rem;line-height:1.4;overflow-wrap:anywhere}
.plan-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;z-index:0;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.plan-connection-base{stroke:var(--story-ink);stroke-width:1.8;opacity:.5;stroke-dasharray:1;stroke-dashoffset:0}.plan-connection-light{stroke:var(--story-edge);stroke-width:.9;stroke-dasharray:1;stroke-dashoffset:0;opacity:.9;filter:drop-shadow(0 0 2px var(--story-edge))}.plan-connection-tip{stroke:var(--story-ink);stroke-width:1.6;opacity:.82}
.plan-art[data-plan-stage="collect"] .plan-connections{display:none}
.plan-art[data-plan-stage="connect"] [data-plan-connection="hub-product-link"]{display:none}
.plan-art[data-plan-stage="next"] .plan-connections>g:not([data-plan-connection="hub-product-link"]){display:none}
.plan-art[data-plan-stage="connect"] .plan-groups{padding-top:24px}
.plan-art[data-plan-stage="connect"] .plan-group-cards{gap:30px}
.plan-art[data-plan-stage="connect"] .plan-group h4{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.plan-art[data-plan-stage="next"] .plan-groups{grid-template-columns:minmax(0,1fr)}.plan-art[data-plan-stage="next"] .plan-group h4{display:none}
.plan-art[data-plan-stage="next"] .plan-card{grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:14px}
.plan-art[data-plan-stage="next"] .plan-card>strong{grid-column:2;font-size:1rem}.plan-art[data-plan-stage="next"] .plan-card-symbol{grid-row:1/3}
.plan-product{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin:10px 0 0}
.plan-product img{display:block;width:100%;height:auto;max-height:300px;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.plan-product figcaption{display:grid;gap:6px;font-size:.875rem;line-height:1.45;color:var(--okg-text,var(--text))}.plan-product figcaption>span{color:var(--okg-text-muted,var(--muted))}
.plan-saved-label{display:flex;gap:5px;align-items:center;font-size:.8125rem}.plan-saved-label svg{width:16px;height:16px;color:var(--story-ink);flex:none}
.story-copy .plan-next{margin-top:18px}
.plan-next{display:grid;gap:8px;list-style:none;padding:0;margin:0}.plan-next li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;min-width:0}.plan-next li>span{color:var(--story-ink);width:19px;height:19px;flex:none;margin-top:2px}.plan-next svg{width:100%;height:100%}.plan-next li>div{display:grid;gap:3px;font-size:.8125rem;line-height:1.4;min-width:0}.plan-next strong{font-size:.875rem;font-weight:600}.plan-next li>div>span{color:var(--okg-text-muted,var(--muted))}
@container(max-width:430px){
  .plan-groups{grid-template-columns:1fr;gap:14px}.plan-group-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .plan-art[data-plan-stage="connect"] .plan-groups{padding-left:26px;gap:34px}.plan-art[data-plan-stage="connect"] .plan-group-cards{grid-template-columns:1fr;gap:26px}
  .plan-art[data-plan-stage="connect"] .plan-card{grid-template-columns:22px minmax(0,1fr);gap:4px 8px}.plan-art[data-plan-stage="connect"] .plan-card-symbol{grid-row:1/3}.plan-art[data-plan-stage="connect"] .plan-card>strong{grid-column:2}
  .plan-art[data-plan-stage="next"] .plan-group-cards{grid-template-columns:1fr}
}
@container(max-width:240px){.plan-group-cards{grid-template-columns:1fr}.plan-product{grid-template-columns:1fr}.plan-product img{max-width:100%}}
.value-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;align-items:start}
.value-story-grid .value-story-card{min-width:0;display:grid;align-content:start;gap:0}.value-story-card>.motion-story{flex:none}.value-story-grid-single{grid-template-columns:minmax(0,760px);justify-content:start}
.story-compact .story-scene{grid-template-columns:1fr;gap:16px}.story-compact .story-copy{grid-column:1;grid-row:2}
.value-story-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.value-story-note{font-size:var(--type-help,14px);color:var(--okg-text-muted,var(--muted));line-height:1.5}
.home-redesign .plans-grid{display:block}.home-redesign .plans-grid>.homepage-section-head{max-width:760px}.home-redesign .plan-task-comparison{margin-top:24px}.home-redesign .journey-list{margin-bottom:24px}
.story-restore{margin-bottom:24px}.app-planning-tip{width:min(1240px,calc(100% - 40px));margin:0 auto 28px}.plan-info-dialog{max-width:min(850px,calc(100vw - 24px))}
@media(max-width:1000px){.motion-story[data-story="plan"] .story-scene{grid-template-columns:1fr;gap:16px}.motion-story[data-story="plan"] .story-copy{grid-column:1;grid-row:2}}
@media(max-width:850px){.value-story-grid{grid-template-columns:1fr}}
@media(max-width:700px){
 .motion-story{padding:18px;border-radius:22px}.story-scene,.story-compact .story-scene{grid-template-columns:1fr;gap:16px}.story-copy,.story-compact .story-copy{grid-column:1;grid-row:2;padding:16px}
 .story-topline{gap:6px 10px;margin-bottom:12px}.story-example{margin-left:0}.story-stages{gap:6px;margin-bottom:14px}body .story-stages button{padding:8px 10px}
 .story-controls{gap:10px}.story-controls p{flex:1}.story-controls button{flex:none}.story-facts>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px}
 .story-art.plan-art{padding:12px;gap:14px}.plan-card{padding:12px;gap:4px}.plan-product{gap:12px}.story-product-pair{grid-template-columns:1fr;gap:12px}.story-product-pair .story-product{grid-template-columns:92px minmax(0,1fr);align-items:stretch}.story-product-pair .story-product img{width:92px;height:100%;aspect-ratio:1;object-fit:cover}.story-product-pair>div+div::before{content:"";position:absolute;left:50%;top:-12px;width:2px;height:12px;background:linear-gradient(var(--story-edge),var(--story-ink));transform:translateX(-50%)}.story-product-pair>div+div::after{content:"";position:absolute;left:50%;top:-7px;width:7px;height:7px;border-right:2px solid var(--story-ink);border-bottom:2px solid var(--story-ink);transform:translateX(-50%) rotate(45deg)}.story-product figcaption{padding:10px}.story-pro-art,.story-business-art,.story-occasion-art{padding:12px}
 .story-flow-connector--fork{width:2px;height:28px;border-radius:999px;background:linear-gradient(to bottom,var(--story-ink),var(--story-edge))}.story-flow-connector--fork::before{display:none}.story-flow-connector--fork::after{left:50%}
 .story-occasion-art .story-product{grid-template-columns:110px minmax(0,1fr);align-items:stretch}.story-occasion-art .story-product img{width:110px;height:100%;min-height:110px;aspect-ratio:1;object-fit:cover}.story-occasion-art .story-product figcaption{align-content:center}
 .business-product-row{grid-template-columns:minmax(0,1fr)}.business-budget-note{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}.business-budget-note>strong{grid-column:2;grid-row:1 / span 2}.business-budget-note .business-budget-total{grid-column:1 / -1;margin-top:6px;padding-top:8px}.business-progress li{flex-wrap:wrap;gap:5px}
}
@media(max-width:360px){.motion-story{padding:14px}.story-copy{padding:14px}.story-controls{flex-wrap:wrap}.story-controls p{flex-basis:100%}.story-product-pair{grid-template-columns:1fr}.story-product-pair .story-product{grid-template-columns:100px minmax(0,1fr);align-items:start}.story-product-pair .story-product img{aspect-ratio:1}.story-product-reason{margin-bottom:6px}.story-facts>div{grid-template-columns:1fr;gap:4px}.story-context{flex-wrap:wrap}.story-context strong{margin-left:0}}
@media(hover:hover){body .story-stages button:hover{background:var(--story-tint)}.story-product{transition:border-color .2s}.story-product:hover{border-color:var(--story-ink)}}
@media(prefers-reduced-motion:reduce){.motion-story *,.motion-story *::before{animation:none!important;transition:none!important}}
body[data-okg-reduced-motion="true"] .motion-story *,body[data-okg-reduced-motion="true"] .motion-story *::before{animation:none!important;transition:none!important}
@media(forced-colors:active){.motion-story{--story-ink:CanvasText;--story-tint:Canvas;--story-paper:Canvas;--story-edge:CanvasText}.story-art,.plan-card,.story-product{border:1px solid CanvasText}.plan-connections path{stroke:CanvasText}.story-stages button[aria-pressed="true"]{outline:2px solid Highlight}}
.field-guidance-group{min-width:0}.field-guidance-extra[open]{padding:12px;border-radius:20px;background:var(--okg-stage-legacy,var(--surface-raised))}.field-guidance-extra p[data-okg-material]{position:relative;padding:14px;margin-top:10px;border-radius:22px;background:var(--okg-g2-fill,var(--surface));color:var(--okg-text,var(--text));border:1px solid var(--okg-edge-outer,var(--border))}.field-guidance-extra summary:focus-visible{outline:3px solid var(--okg-focus,var(--accent-strong));outline-offset:4px;border-radius:12px}
@media print{.story-stages,.story-controls{display:none!important}.story-scene{display:block!important;height:auto!important}.story-art,.story-copy{break-inside:avoid;margin-block:12px}.plan-connections{display:none}.story-product img{max-height:160px;object-fit:contain}}