@layer components{.dc-timeline{gap:calc(var(--spacing,.25rem) * 8);display:grid}.dc-step{grid-template-columns:calc(var(--spacing,.25rem) * 10) minmax(0, 1fr);gap:calc(var(--spacing,.25rem) * 4);display:grid;position:relative}.dc-step:not(:last-child):before{content:"";top:calc(var(--spacing,.25rem) * 5);left:calc(calc(var(--spacing,.25rem) * 5) - .5px);width:1px;height:calc(100% + calc(var(--spacing,.25rem) * 8));background:var(--color-border-strong);position:absolute}.dc-marker{z-index:1;width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border-strong);font-size:var(--text-ui);color:var(--color-ink);font-variant-numeric:tabular-nums;box-shadow:0 0 0 6px var(--color-quiet);justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.dc-step-body{padding-top:calc(var(--spacing,.25rem) * 2);min-width:0}.dc-output{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 2.5);width:fit-content;max-width:100%;margin-top:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 3.5) calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);display:flex}.dc-output-icon{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);border-radius:var(--radius-sm);background:var(--color-quiet);color:var(--color-ink-2);flex:none;justify-content:center;align-items:center;display:inline-flex}@media (min-width:64rem){.dc-timeline{column-gap:calc(var(--spacing,.25rem) * 8);grid-template-rows:auto auto 1fr auto;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:0}.dc-step:not(:last-child):before{top:calc(calc(var(--spacing,.25rem) * 5) - .5px);left:calc(var(--spacing,.25rem) * 5);width:calc(100% + calc(var(--spacing,.25rem) * 8));height:1px}.dc-step{grid-row:span 4;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;gap:0}.dc-step-body{display:contents}.dc-step-body>h3{margin-top:calc(var(--spacing,.25rem) * 6)}.dc-step-body>p{margin-top:calc(var(--spacing,.25rem) * 2)}.dc-output{width:auto;margin-top:calc(var(--spacing,.25rem) * 5);padding:calc(var(--spacing,.25rem) * 3) calc(var(--spacing,.25rem) * 3.5);gap:calc(var(--spacing,.25rem) * 3)}.dc-output-icon{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);border-radius:var(--radius-md)}}.dc-control{gap:calc(var(--spacing,.25rem) * 6);margin-top:calc(var(--spacing,.25rem) * 14);padding-top:calc(var(--spacing,.25rem) * 10);border-top:1px solid var(--color-border-strong);grid-template-areas:"intro""card""principles";display:grid}.dc-control-intro{grid-area:intro}.dc-control-card{grid-area:card;min-width:0}.dc-control-principles{grid-area:principles}@media (min-width:64rem){.dc-control{margin-top:calc(var(--spacing,.25rem) * 20);padding-top:calc(var(--spacing,.25rem) * 14);column-gap:var(--grid-gap);row-gap:calc(var(--spacing,.25rem) * 8);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"intro intro intro intro intro.card card card card card card""principles principles principles principles principles.card card card card card card"}}.dc-principles{gap:calc(var(--spacing,.25rem) * 4);display:grid}.dc-principle{gap:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 4);border-top:1px solid var(--color-border-strong);grid-template-columns:auto minmax(0,1fr);display:grid}@media (min-width:40rem) and (not (min-width:64rem)){.dc-principles{column-gap:calc(var(--spacing,.25rem) * 6);grid-template-columns:repeat(2,minmax(0,1fr))}}.dc-approval{border:1px solid var(--color-border);border-radius:var(--radius-frame);background:var(--color-surface);box-shadow:var(--shadow-surface);overflow:clip}.dc-approval-head{align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 5);border-bottom:1px solid var(--color-border);display:flex}.dc-approval-icon{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);border-radius:var(--radius-md);background:var(--color-review-soft);color:var(--color-review);transition:background-color var(--duration-demo) var(--ease-out), color var(--duration-demo) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.dc-approval[data-decision=approved] .dc-approval-icon{background:var(--color-success-soft);color:var(--color-success)}.dc-approval-title{font-size:var(--text-h4);color:var(--color-ink);font-weight:600;line-height:1.3}.dc-approval-record{font-size:var(--text-ui);color:var(--color-ink-2);margin-top:2px;line-height:1.4}.dc-approval-body{padding:calc(var(--spacing,.25rem) * 5)}.dc-approval-amount{align-items:baseline;gap:0 calc(var(--spacing,.25rem) * 2);font-size:var(--text-ui);color:var(--color-ink-2);flex-wrap:wrap;line-height:1.3;display:flex}.dc-approval-figure{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--color-ink);font-size:1.375rem;font-weight:500;line-height:1.2}.dc-approval-rows{margin-top:calc(var(--spacing,.25rem) * 4);border-top:1px solid var(--color-border)}.dc-approval-row{gap:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);border-bottom:1px solid var(--color-border);font-size:var(--text-ui);grid-template-columns:minmax(6.5rem,auto) minmax(0,1fr);line-height:1.45;display:grid}.dc-approval-row dt{color:var(--color-muted)}.dc-approval-row dd{color:var(--color-ink)}@media not all and (min-width:25rem){.dc-approval-row{grid-template-columns:minmax(0,1fr);gap:2px}}.dc-approval-actions{align-items:center;gap:calc(var(--spacing,.25rem) * 2);margin-top:calc(var(--spacing,.25rem) * 5);flex-wrap:wrap;display:flex}.dc-approval-audit{padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 5) calc(var(--spacing,.25rem) * 5);background:var(--color-quiet);border-top:1px solid var(--color-border)}.dc-approval-audit-title{align-items:center;gap:var(--spacing,.25rem) calc(var(--spacing,.25rem) * 2);font-size:var(--text-ui-sm);color:var(--color-muted);flex-wrap:wrap;font-weight:500;line-height:1.3;display:flex}.dc-approval-audit-note{font-size:var(--text-ui-sm);color:var(--color-muted);margin-left:auto;font-weight:400}.dc-approval-log{margin-top:calc(var(--spacing,.25rem) * 2.5);gap:calc(var(--spacing,.25rem) * 1.5);display:grid}.dc-approval-log li{gap:calc(var(--spacing,.25rem) * 3);font-size:var(--text-ui);color:var(--color-ink);grid-template-columns:5.25rem minmax(0,1fr);line-height:1.45;display:grid}@media (min-width:48rem){.dc-approval-head{padding:calc(var(--spacing,.25rem) * 5) calc(var(--spacing,.25rem) * 6)}.dc-approval-body{padding:calc(var(--spacing,.25rem) * 6)}.dc-approval-audit{padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 6) calc(var(--spacing,.25rem) * 5)}}}