.flow-stage{background:var(--works-bg);color:var(--works-ink);padding-block:var(--section-y) var(--space-9)}.flow-inner{width:min(100% - var(--gutter) * 2, var(--content-max));margin-inline:auto}.flow-head{margin-bottom:var(--space-7)}.flow-head .eyebrow{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-amber);margin-bottom:var(--space-3);display:block}.flow-head h1{font-size:var(--text-h1);line-height:var(--leading-tight);margin:0 0 var(--space-4);max-width:20ch}.flow-head p{font-size:var(--text-lead);line-height:var(--leading-body);color:var(--works-muted);max-width:62ch;margin:0}.flow-notice{border:1px solid var(--works-line);border-left:3px solid var(--color-amber);border-radius:var(--radius-md);background:var(--works-panel);padding:var(--space-5);margin-bottom:var(--space-6)}.flow-notice h2{font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-amber);margin:0 0 var(--space-2)}.flow-notice p{margin:0 0 var(--space-3);font-size:var(--text-small);line-height:var(--leading-body);color:var(--works-muted)}.flow-blocked{font-size:var(--text-caption);color:var(--works-muted);margin:0;padding-left:1.2em;line-height:1.7}.flow-blocked li::marker{color:var(--color-amber-deep)}.flow-entries{gap:var(--space-4);margin-bottom:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));padding:0;list-style:none;display:grid}.flow-entry{gap:var(--space-3);width:100%;min-height:var(--tap-min);text-align:left;padding:var(--space-5);border:1px solid var(--works-line);border-radius:var(--radius-md);background:var(--works-panel);color:inherit;font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.flow-entry:hover{border-color:var(--color-amber-deep);transform:translateY(-2px)}.flow-entry[aria-pressed=true]{border-color:var(--color-amber);box-shadow:inset 0 0 0 1px var(--color-amber)}.flow-entry[aria-pressed=true] .flow-entry-mark:after{content:"選択中";font-size:var(--text-caption);color:var(--color-amber)}.flow-entry-kicker{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-amber)}.flow-entry strong{font-size:var(--text-h3);line-height:1.4}.flow-entry span:last-child{font-size:var(--text-small);line-height:var(--leading-body);color:var(--works-muted)}.flow-columns{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:900px){.flow-columns{grid-template-columns:repeat(3,1fr);align-items:start}}.flow-panel{border:1px solid var(--works-line);border-radius:var(--radius-md);background:var(--works-panel);padding:var(--space-5);min-width:0}.flow-panel>h2{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-amber);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--works-line)}.flow-panel h3{font-size:var(--text-small);margin:var(--space-5) 0 var(--space-2);color:var(--works-ink)}.flow-panel h3:first-of-type{margin-top:0}.flow-panel p,.flow-panel li{font-size:var(--text-small);line-height:var(--leading-body);color:var(--works-muted)}.flow-panel p{margin:0 0 var(--space-3)}.flow-stages{gap:var(--space-2);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));padding:0;list-style:none;display:grid}.flow-stages li{border:1px solid var(--works-line);border-radius:var(--radius-sm);padding:var(--space-3);background:color-mix(in srgb, var(--works-bg) 60%, transparent)}.flow-stages dt{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--works-muted);margin-bottom:var(--space-1)}.flow-stages dd{font-size:var(--text-small);color:var(--works-ink);margin:0;font-weight:700}.flow-stages li[data-tone=none] dd,.flow-stages li[data-tone=draft] dd{color:var(--works-muted)}.flow-stages li[data-tone=executed] dd{color:var(--color-amber)}.flow-list{margin:0 0 var(--space-4);gap:var(--space-2);padding:0;list-style:none;display:grid}.flow-evidence{border-left:2px solid var(--color-amber-deep);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--works-bg) 55%, transparent);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.flow-evidence q{color:var(--works-ink);font-style:normal;display:block}.flow-evidence small{margin-top:var(--space-1);font-size:var(--text-caption);color:var(--works-muted);display:block}.flow-new{margin-left:var(--space-2);padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--color-amber);color:var(--works-on-accent);font-size:var(--text-caption);font-weight:700;display:inline-block}.flow-warning{border-left:2px solid var(--color-amber);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-amber) 10%, transparent);border-radius:0 var(--radius-xs) var(--radius-xs) 0;color:var(--works-ink)}.flow-warning:before{content:"要確認";font-size:var(--text-caption);letter-spacing:var(--tracking-label);color:var(--color-amber);margin-bottom:var(--space-1);display:block}.flow-warning[data-severity=advisory]:before{content:"参考"}.flow-action{border:1px solid var(--works-line);border-radius:var(--radius-sm);padding:var(--space-3)}.flow-action strong{color:var(--works-ink);font-size:var(--text-small);margin-bottom:var(--space-1);display:block}.flow-action code{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--works-muted);overflow-wrap:anywhere}.flow-action-state{margin-top:var(--space-2);font-size:var(--text-caption);padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid;display:inline-block}.flow-action[data-executable=false] .flow-action-state{color:var(--works-muted)}.flow-action[data-executable=true] .flow-action-state{color:var(--color-amber)}.flow-output{padding:var(--space-4);border:1px solid var(--works-line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--works-bg) 60%, transparent);font-family:var(--font-body);font-size:var(--text-small);line-height:var(--leading-body);color:var(--works-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.flow-figures{gap:var(--space-3);margin:0 0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));display:grid}.flow-figure{border:1px solid var(--works-line);border-radius:var(--radius-sm);padding:var(--space-3)}.flow-figure dt{font-size:var(--text-caption);color:var(--works-muted);margin-bottom:var(--space-1)}.flow-figure dd{font-size:var(--text-h3);color:var(--works-ink);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.flow-table{border-collapse:collapse;width:100%;font-size:var(--text-small)}.flow-table th,.flow-table td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--works-line);color:var(--works-muted)}.flow-table th{color:var(--works-ink);font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase}.flow-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.flow-scroll{max-width:100%;overflow-x:auto}.flow-controls{gap:var(--space-3);margin:var(--space-6) 0;flex-wrap:wrap;align-items:center;display:flex}.flow-button{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-amber);background:var(--color-amber);color:var(--works-on-accent);font:inherit;font-weight:700;font-size:var(--text-small);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);display:inline-flex}.flow-button:hover:not(:disabled){background:var(--color-amber-bright)}.flow-button.secondary{color:var(--works-ink);border-color:var(--works-line);background:0 0}.flow-button.secondary:hover:not(:disabled){background:var(--works-panel);border-color:var(--color-amber-deep)}.flow-button:disabled{opacity:.55;cursor:not-allowed}.flow-status{font-size:var(--text-small);color:var(--works-muted);min-height:1.5em}.flow-error{color:var(--color-amber)}.flow-input{margin-bottom:var(--space-4);display:block}.flow-input span{font-size:var(--text-small);color:var(--works-muted);margin-bottom:var(--space-2);display:block}.flow-input textarea{width:100%;min-height:7.5em;padding:var(--space-3);border:1px solid var(--works-line);border-radius:var(--radius-sm);background:var(--works-bg);color:var(--works-ink);font:inherit;font-size:var(--text-small);line-height:var(--leading-body);resize:vertical}.flow-fineprint{font-size:var(--text-caption);color:var(--works-muted);margin:var(--space-3) 0 0;line-height:1.7}.flow-clock{font-size:var(--text-caption);letter-spacing:var(--tracking-label);color:var(--works-muted);border:1px dashed var(--works-line);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4);display:inline-block}.flow-timeline{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.flow-timeline li{gap:var(--space-3);font-size:var(--text-caption);grid-template-columns:auto 1fr;line-height:1.7;display:grid}.flow-timeline b{color:var(--color-amber);white-space:nowrap;font-weight:700}.flow-empty{font-size:var(--text-small);color:var(--works-muted);line-height:var(--leading-body);margin:0}:where(.flow-stage) :focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.flow-limits{font-size:var(--text-caption);color:var(--works-muted);border-left:2px solid var(--works-line);padding-left:var(--space-3);line-height:1.7}.flow-downloads{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.flow-downloads .flow-button{font-size:var(--text-caption);padding:0 var(--space-4)}.flow-handoff{margin-top:var(--space-7);padding:var(--space-5);border:1px solid var(--works-line);border-left:3px solid var(--color-amber);border-radius:var(--radius-md);background:var(--works-panel)}.flow-handoff h2{font-size:var(--text-h3);margin:0 0 var(--space-3);color:var(--works-ink)}.flow-handoff>p{font-size:var(--text-small);line-height:var(--leading-body);color:var(--works-muted);margin:0 0 var(--space-5);max-width:62ch}.flow-handoff-fields{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.flow-handoff-field{gap:var(--space-2);min-width:0;display:grid}.flow-handoff-field span{font-size:var(--text-caption);letter-spacing:var(--tracking-label);color:var(--works-muted)}.flow-handoff-field input{min-height:var(--tap-min);width:100%;padding:0 var(--space-3);border:1px solid var(--works-line);border-radius:var(--radius-sm);background:var(--works-bg);color:var(--works-ink);font:inherit;font-size:var(--text-small)}.flow-handoff-field input::placeholder{color:color-mix(in srgb, var(--works-muted) 70%, transparent)}