.story-draft { letter-spacing: 0; }
.story-draft section { scroll-margin-top: 120px; }
.draft-notice { margin: 0 0 24px; padding: 10px 0; border-bottom: 1px solid var(--sys-hair); color: var(--sys-sec); font-size: 13px; line-height: 1.5; }
.story-draft section[data-story-chapter]:not(#cover) { border-top: 3px solid var(--sys-green); }
.story-draft section h2 { font-size: 42px; letter-spacing: 0; line-height: 1.15; }
.story-draft #cover .cvx-head, .story-draft #close .cl-head { font-size: 54px; letter-spacing: 0; }
.story-draft .wi-ex-k { font-size: 28px; font-weight: 600; letter-spacing: 0; text-transform: none; line-height: 1.2; margin-bottom: 20px; }
.story-draft .ev-figs { margin-top: 30px; }
.story-draft .hw-case { margin-top: 36px; }
.story-draft .hw-case-k { font-size: 25px; letter-spacing: 0; }
.story-draft .hw-case-q { font-size: 23px; letter-spacing: 0; }
.story-draft .hw-case-n { font-size: 14px; }
.draft-room-link { display: inline-block; color: var(--sys-ink); text-decoration: underline; text-decoration-color: var(--sys-green); text-underline-offset: 5px; font-size: 15px; line-height: 1.5; margin-top: 24px; }
.draft-room-link:hover { text-decoration-thickness: 2px; }
.draft-room-link:focus-visible, .story-draft a:focus-visible, .story-draft button:focus-visible, .story-draft summary:focus-visible { outline: 2px solid var(--sys-ink); outline-offset: 5px; }
.draft-market-detail, .draft-pilot-detail, .draft-capability-detail, .draft-fee-detail, .draft-round-detail, .draft-channel-detail { margin-top: 28px; }
.draft-market-detail h3, .draft-pilot-detail h3, .draft-capability-detail h3, .draft-fee-detail h3, .draft-round-detail h3, .draft-channel-detail h3 { font-size: 24px; line-height: 1.3; letter-spacing: 0; margin: 0 0 16px; color: var(--sys-ink); }
.draft-market-detail p, .draft-pilot-detail p, .draft-capability-detail p, .draft-fee-detail p, .draft-round-detail p, .draft-channel-detail p, .draft-pilot-parallel p, .draft-plan-reconciliation p { max-width: 70ch; color: var(--sys-sec); font-size: 17px; line-height: 1.6; margin: 14px 0; }
.draft-caption { color: var(--sys-ter); font-size: 14px; line-height: 1.5; }
.story-draft .bg-p2 { margin-top: 28px; padding-top: 0; border-top: 0; }
.story-draft .bg-p2-k { font-size: 14px; letter-spacing: 0; }
.story-draft .bg-map { margin: 32px 0; }
.story-draft .bg-map, .draft-market-detail, .draft-next-revenue, .story-draft .hw-case {
  --ink: var(--sys-ink); --sec: var(--sys-sec); --ter: var(--sys-ter);
  --hair: var(--sys-hair); --tint: var(--sys-tint); --quiet: #C3BCB0;
  --greenT: var(--sys-green); --deep: var(--sys-forest);
}
.story-draft .bg-soon-note { max-width: 70ch; font-size: 15px; }
.draft-ecosystem { margin: 36px 0 0; }
.draft-ecosystem .ec-band { stroke: var(--sys-paper); }
.draft-ecosystem .ec-farm { fill: var(--sys-tint); }
.draft-ecosystem .ec-edge { stroke: var(--sys-green); }
.draft-ecosystem .ec-grp, .draft-ecosystem .ec-m-pt { fill: var(--sys-sec); }
.draft-ecosystem .ec-spoke { stroke: var(--sys-ter); stroke-opacity: 1; stroke-width: 1.5; }
.draft-ecosystem .ec-spoke.draft-future { stroke-dasharray: 4 5; }
.draft-ecosystem .ec-spoke.draft-live { stroke: var(--sys-green); stroke-width: 2; }
.draft-ecosystem .ec-node .ec-ring2 { fill: var(--sys-paper); stroke: var(--sys-ter); stroke-width: 1.5; stroke-dasharray: 4 4; }
.draft-ecosystem .draft-live .ec-ring2 { fill: var(--sys-green); stroke: var(--sys-green); stroke-dasharray: none; }
.draft-ecosystem .draft-focus .ec-ring2 { fill: var(--sys-paper); stroke-width: 3; }
.draft-ecosystem .ec-lbl { fill: var(--sys-ink); font-size: 18px; letter-spacing: 0; }
.draft-ecosystem .ec-ico { stroke: var(--sys-sec); }
.draft-ecosystem .draft-live .ec-ico { stroke: var(--sys-ink); }
.draft-ecosystem .ec-farm-s, .draft-ecosystem .ec-val { display: none; }
.draft-ecosystem-caption { text-align: center; }
.draft-ecosystem-caption > p:first-child { margin: 8px 0 20px; color: var(--sys-ink); font-size: 20px; line-height: 1.5; }
.draft-ecosystem-caption .draft-caption { max-width: 75ch; margin: 16px auto 0; }
.draft-ecosystem-key { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 28px; padding: 0; margin: 0; list-style: none; color: var(--sys-sec); font-size: 15px; line-height: 1.5; }
.draft-ecosystem-key li { display: flex; align-items: center; gap: 10px; }
.draft-ecosystem-key span { display: inline-block; width: 16px; height: 16px; border-radius: 50%; flex: 0 0 16px; }
.draft-key-live { background: var(--sys-green); }
.draft-key-focus { border: 3px solid var(--sys-green); }
.draft-key-future { border: 1.5px dashed var(--sys-ter); }
.draft-ecosystem .ec-m-spoke { stroke: var(--sys-ter); }
.draft-ecosystem .ec-m-pin { fill: var(--sys-paper); stroke: var(--sys-ter); }
.draft-ecosystem .ec-m-g .ec-m-k { color: var(--sys-ink); font-size: 14px; letter-spacing: 0; }
.draft-ecosystem .ec-m-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; border-left: 2px dashed var(--sys-ter); min-width: 0; }
.draft-ecosystem .ec-m-row.draft-live { border-left: 3px solid var(--sys-green); }
.draft-ecosystem .ec-m-row.draft-focus { border-left-style: double; border-left-width: 5px; }
.draft-service-status { font-size: 13px; color: var(--sys-sec); font-weight: 400; }
.draft-current-categories { border-top: 1px solid var(--sys-hair); margin-top: 32px; padding-top: 16px; }
.draft-current-categories p { font-size: 18px; line-height: 1.55; color: var(--sys-sec); max-width: 70ch; }
.draft-current-categories b { color: var(--sys-ink); }
.draft-current-categories .draft-caption { font-size: 14px; }
.draft-food-result { margin-top: 32px; padding: 22px 0; border-block: 1px solid var(--sys-hair); font-size: 26px; font-weight: 500; line-height: 1.3; color: var(--sys-ink); }
.draft-food-result p { margin: 0; }
.draft-food-why { margin-top: 28px; max-width: 72ch; }
.draft-food-why h3 { font-size: 23px; line-height: 1.35; color: var(--sys-ink); letter-spacing: 0; margin: 0 0 12px; }
.draft-food-why p { color: var(--sys-sec); font-size: 18px; line-height: 1.5; margin: 0; }
.draft-food-why .draft-room-link { margin-top: 12px; }
.draft-food-enablers { margin-top: 32px; }
.draft-food-enablers a { color: var(--sys-ink); text-decoration: underline; text-decoration-color: var(--sys-green); text-underline-offset: 3px; }
.draft-capability-list { margin: 28px 0; }
.draft-capability-list > div { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 24px; border-top: 1px solid var(--sys-hair); padding: 18px 0; }
.draft-capability-list dt { font-size: 18px; font-weight: 600; color: var(--sys-ink); }
.draft-capability-list dd { margin: 0; max-width: 65ch; font-size: 17px; line-height: 1.6; color: var(--sys-sec); }
.draft-capability-detail .draft-caption { font-size: 14px; }
.draft-plan-reconciliation { border-left: 3px solid var(--sys-green); padding-left: 20px; margin-bottom: 28px; }
.draft-pilot-parallel { border-top: 1px solid var(--sys-hair); margin-top: 28px; padding-top: 12px; }
.draft-channel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding: 0; margin: 40px 0; list-style: none; }
.draft-channel-grid li { border-top: 2px solid var(--sys-green); padding-top: 20px; min-width: 0; }
.draft-channel-grid h3 { font-size: 25px; color: var(--sys-ink); line-height: 1.3; letter-spacing: 0; margin: 10px 0 16px; }
.draft-channel-grid p { font-size: 18px; color: var(--sys-sec); line-height: 1.55; margin: 0 0 16px; }
.draft-channel-grid .draft-caption { font-size: 15px; color: var(--sys-ter); }
.draft-channel-options { padding-left: 22px; max-width: 70ch; color: var(--sys-sec); font-size: 17px; line-height: 1.6; }
.draft-channel-options li { margin: 12px 0; }
.draft-channel-options b { color: var(--sys-ink); }
.draft-model-qualification { max-width: 70ch; font-size: 14px; line-height: 1.5; color: var(--sys-ter); margin: 16px 0 0; }
.story-draft .tj-comp { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.draft-revenue-mix { margin: 0; padding-top: 20px; border-top: 1px solid var(--sys-hair); }
.draft-revenue-mix figcaption { font-size: 18px; line-height: 1.4; font-weight: 600; color: var(--sys-ink); }
.draft-revenue-bar { display: flex; height: 14px; width: 100%; margin: 18px 0; background: var(--sys-hair); overflow: hidden; }
.draft-revenue-bar span { display: block; height: 100%; background: var(--sys-forest); }
.draft-revenue-labels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 0; }
.draft-revenue-labels > div { min-width: 0; }
.draft-revenue-labels dt { font-size: 15px; line-height: 1.5; color: var(--sys-sec); }
.draft-revenue-labels dt::before { content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 8px; background: var(--sys-hair); }
.draft-revenue-labels [data-revenue-part="bookings"] dt::before { background: var(--sys-forest); }
.draft-revenue-labels dd { margin: 6px 0 0; font-size: 26px; line-height: 1.15; font-weight: 600; color: var(--sys-ink); font-variant-numeric: tabular-nums; }
.draft-revenue-mix .draft-caption { margin: 16px 0 0; max-width: 75ch; }
.draft-step { display: block; color: var(--sys-sec); font-size: 14px; font-variant-numeric: tabular-nums; }
.story-draft .ct-ms-k { font-size: 21px; letter-spacing: 0; }
.draft-close-line { margin: 32px 0 24px; }
.draft-close-line p { font-size: 28px; max-width: 35ch; line-height: 1.3; font-weight: 600; color: var(--sys-ink); }
.story-draft .cl-possible { margin-bottom: 28px; }
.draft-round-qualification p { font-size: 14px; line-height: 1.5; color: var(--sys-sec); }
.draft-team-intro { max-width: 65ch; margin-top: 24px; font-size: 19px; line-height: 1.55; color: var(--sys-sec); }
.draft-team-evidence h3 { font-size: 24px; line-height: 1.3; letter-spacing: 0; margin-bottom: 24px; }
.story-draft #docs .dr { padding-block: 40px; }
.story-draft #docs .dr-head { font-size: 28px; }
.story-draft .dr-holds { display: grid; align-content: start; gap: 12px; }
.story-draft .dr-holds .draft-room-link { margin-top: 0; }
.story-draft .ev-fold[open] > summary { display: none; }
.story-draft .ev-fold { margin-top: 24px; }
.story-draft .ev-fold-b { padding-top: 0; }
.story-draft nav a[data-story-chapter] { display: inline-flex !important; }
.story-draft [data-current][data-status="stale"] { text-decoration: none; }
@media (max-width: 760px) {
  .story-draft section h2 { font-size: 30px; }
  .story-draft #cover .cvx-head, .story-draft #close .cl-head { font-size: 38px; }
  .draft-channel-grid { grid-template-columns: 1fr; gap: 20px; }
  .draft-capability-list > div { grid-template-columns: 1fr; gap: 8px; }
  .draft-channel-grid li { padding-top: 16px; }
  .draft-channel-grid h3 { font-size: 23px; }
  .draft-ecosystem-caption > p:first-child { font-size: 18px; margin-top: 24px; }
  .draft-ecosystem .ec-m-groups { gap: 24px 20px; }
  .draft-ecosystem .ec-m-row { font-size: 15px; line-height: 1.5; }
  .draft-revenue-labels { gap: 16px; }
  .draft-revenue-labels dd { font-size: 23px; }
  .draft-revenue-labels dt::before { display: block; margin-bottom: 8px; }
  .story-draft .wi-ex-k { font-size: 25px; }
  .draft-close-line p { font-size: 24px; }
  .story-draft .hw-case-q { font-size: 21px; }
  .story-draft .bg-cf { display: none; }
  .story-draft .bg-chain { display: block; }
}
@media (max-width: 760px) {
  .draft-food-result { font-size: 23px; margin-top: 20px; }
  .draft-food-why h3 { font-size: 21px; }
  .draft-food-why p { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .story-draft *, .story-draft *::before, .story-draft *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}