/* Design authority page: decision record, option scorer, change gates and racks */

/* Decision record drawn as a sheet of paper */
.motion-svg .da-paper{fill:#fff;stroke:var(--line-strong);stroke-width:1.5;filter:drop-shadow(0 6px 14px rgba(15,23,42,.08))}
.motion-svg .da-sec{fill:#F8FAFC;stroke:#E2E8F0;stroke-width:1;transition:fill .3s ease,stroke .3s ease}
.motion-svg .da-sec.m-hl{fill:#FFF7ED;stroke:var(--orange);stroke-width:2}
.motion-svg .muted-cap{fill:var(--subtle)}

/* Go or no go diamonds */
.n.da-gate path.shape{fill:#FFF7ED;stroke:var(--orange);stroke-width:2}
.n.da-gate .t{font-size:13px}

/* Racks moving along the factory line */
.pkt.da-rack rect{stroke:#fff;stroke-width:1.5}
.pkt.da-rack path{stroke:#fff;stroke-width:1.6;opacity:.75}

/* Option scorer */
.da-intro{max-width:72ch;margin:-6px 0 18px}
.da-scorer .motion-svg{min-width:0;max-width:640px;margin:0 auto}
.da-scorer .motion-svg .t{font-size:18px}
.da-scorer .motion-svg .s{font-size:13px}
.da-opt{transition:transform .6s cubic-bezier(.4,0,.2,1)}
.motion-svg .da-track{fill:#EEF2F6}
.motion-svg .da-bar{fill:#94A3B8;transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .6s cubic-bezier(.4,0,.2,1),fill .3s ease}
.da-opt.is-top .da-bar{fill:var(--orange)}
.motion-svg .da-val{font-family:var(--font-mono);font-size:15px;font-weight:600;fill:var(--muted)}
.da-opt.is-top .da-val{fill:var(--orange-strong)}
.da-win{opacity:0;transition:opacity .3s ease}
.da-opt.is-top .da-win{opacity:1}
.da-scorer .sim-row{grid-template-columns:110px 1fr 28px}
.da-scores{margin-top:18px}
.da-scores .da-cap{margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}
.da-after{margin-top:16px}
.da-scores td:not(:first-child),.da-scores th:not(:first-child){text-align:center}
@media (prefers-reduced-motion:reduce){.da-opt,.motion-svg .da-bar{transition:none}}

/* Review cards and key */
.da-review{margin-top:0}
.da-review .card h4{margin:10px 0 6px}
.da-review .card p{margin:0}
.legend-row i.da-lg-gate{background:#FFEDD5;box-shadow:0 0 0 1px #FDBA74;border-radius:6px;width:20px}
.legend-row i.line.da-lg-rw{border-top:3px dashed #E11D48}
.legend-row i.da-lg-pkt{background:var(--orange)}

/* Change narrative and resilience cards */
.da-change{margin-top:22px}
.da-change h3{font-size:var(--fs-h4);margin-bottom:10px}
.da-narr{margin:0;padding-left:1.3rem;display:grid;gap:8px;font-size:.93rem}
.da-narr li::marker{color:var(--orange-strong);font-weight:700}
.da-narr b{color:var(--ink)}
.da-change .card p{font-size:.93rem}
.da-change .card p + p{margin-top:10px}

/* Principle scorecard */
.da-scorecard td .pill{margin-right:6px}
.pill.da-pill-no{background:#FFE4E6;color:#9F1239;border-color:#FECDD3}

/* "You are here" ring on the active stage of the governance flow */
.motion-svg .da-ring{fill:none;stroke:var(--orange);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:da-ring 1.8s ease-out infinite}
@keyframes da-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.22,1.4);opacity:0}}
.is-still .da-ring,.motion:not(.is-running) .da-ring,.motion-svg .da-ring.m-off{animation:none;opacity:0}

/* Phase 2: governance, reviews, vendor choice and suppliers */
.gap-note{margin-top:8px}
.motion-svg .da-col{fill:transparent;stroke:transparent;transition:fill .3s,stroke .3s}
.motion-svg .da-col.m-hl{fill:rgba(249,115,22,.08);stroke:#FDBA74;stroke-width:1.5}
.motion-svg .da-role{font-size:14px;font-weight:600;fill:var(--ink);text-anchor:start}
.motion-svg .da-chip circle{stroke:#fff;stroke-width:2}
.motion-svg .da-chip text{font-size:13px;font-weight:700;text-anchor:middle;fill:#fff}
.motion-svg .da-chip.da-r circle{fill:#6D28D9}
.motion-svg .da-chip.da-a circle{fill:#C2410C}
.motion-svg .da-chip.da-c circle{fill:#0E7490}
.motion-svg .da-chip.da-i circle{fill:#E2E8F0;stroke:#CBD5E1}
.motion-svg .da-chip.da-i text{fill:#334155}
.motion-svg .da-legend .cap{font-size:13px}
.motion-svg .ln.da-seam{stroke:#FB923C;stroke-width:2.5;stroke-dasharray:7 5}
@media (prefers-reduced-motion:reduce){.motion-svg .da-col{transition:none}}