.demo{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;container:demo/inline-size}.demo-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;padding:14px 20px;display:flex}.demo-title{font-size:var(--size-body);font-weight:600}.demo-label{font-family:var(--mono);color:var(--muted);margin-top:2px;font-size:13px}.demo .btn:disabled{opacity:.5;cursor:not-allowed}.demo-body{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.demo-body>*,.demo .tabpanel{min-width:0}.demo-body>*+*{border-top:1px solid var(--line)}.demo .runlog{font-family:var(--mono);font-size:var(--size-label);padding:16px 20px;line-height:1.5}.demo .runlog ol{margin:0;padding:0;list-style:none}.demo .runlog .line{grid-template-columns:auto minmax(0,1fr);gap:2px 12px;padding:4px 0;display:grid}.demo .runlog .time{color:var(--muted);font-variant-numeric:tabular-nums}.demo .runlog .status{color:var(--muted);grid-column:2}.demo .runlog .line.ok .status{color:var(--accent)}.demo .runlog .line.flag .status,.demo .runlog .line.wait .status{color:var(--warn)}.demo .runlog mark{background:var(--mark);color:var(--text);padding:0 2px}.demo .runlog-empty{color:var(--muted)}@container demo (width>=560px){.demo .runlog .line{grid-template-columns:auto minmax(0,1fr) auto}.demo .runlog .status{text-align:right;grid-column:auto}}.demo .table-wrap{padding:0 0 8px;overflow-x:auto}.demo .data{border-collapse:collapse;width:100%;font-size:var(--size-small);font-variant-numeric:tabular-nums}.demo .data caption{color:var(--muted);font-size:var(--size-label);text-align:left;padding:12px 20px 8px}.demo .data th,.demo .data td{text-align:left;white-space:nowrap;padding:8px 12px}.demo .data th:first-child,.demo .data td:first-child{padding-left:20px}.demo .data th{background:var(--soft);color:var(--muted);font-size:var(--size-label);font-weight:500}.demo .data td{border-top:1px solid var(--line)}.demo .data .num{text-align:right}.demo .data tr.flag td{background:color-mix(in srgb, var(--warn) 10%, transparent)}.demo .data tr.flag td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.demo .data input{width:100%;min-width:10ch;min-height:var(--target);border:1px solid var(--control);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;padding:0 8px}.demo .table-more{color:var(--muted);font-size:var(--size-label);padding:8px 20px 0}@container demo (width<=559px){.demo .data .low{display:none}}.demo .kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.demo .kpis>div{padding:16px 20px}.demo .kpis>div+div{border-left:1px solid var(--line)}.demo .kpis dt{color:var(--muted);font-size:var(--size-label);order:2;margin-top:4px;line-height:1.4}.demo .kpis dd{font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:600;line-height:1.1}.demo .kpis>div{flex-direction:column;display:flex}.demo .kpis .warn dd{color:var(--warn)}@container demo (width<=380px){.demo .kpis>div{padding:12px}.demo .kpis dd{font-size:22px}}.demo .email{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-size:var(--size-small);margin:16px 20px}.demo .email-head{border-bottom:1px solid var(--line);gap:2px;margin:0;padding:12px 16px;display:grid}.demo .email-head>div{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}.demo .email-head dt{color:var(--muted)}.demo .email-head dd{overflow-wrap:anywhere;margin:0}.demo .email-subject{font-weight:600}.demo .email-body{gap:16px;padding:16px;display:grid}.demo .email-section h4{font-size:var(--size-small);margin:0 0 6px}.demo .email-section.warn h4{color:var(--warn)}.demo .email-count{color:var(--muted);font-weight:400}.demo .email-section ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo .email-section li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:8px 10px}.demo .email-section.warn li{box-shadow:inset 3px 0 0 var(--warn)}.demo .email-section .item-title{font-weight:600}.demo .email-section .item-meta{color:var(--muted)}.demo .chart{margin:0}.demo .chart-title{font-size:var(--size-small);margin-bottom:8px;font-weight:600}.demo .chart-empty{color:var(--muted);font-size:var(--size-small)}.demo .barlist{font-size:var(--size-label);gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo .barlist li{grid-template-columns:minmax(0,7.5em) minmax(0,1fr);align-items:center;gap:8px;display:grid}.demo .bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo .bar-track{border-left:1px solid var(--line);align-items:center;gap:6px;min-height:16px;display:flex}.demo .bar{background:var(--accent);border-radius:0 4px 4px 0;flex:none;height:16px;transition:width .4s;display:block}.demo .bar-value,.demo .col-value{color:var(--muted);font-variant-numeric:tabular-nums}.demo .columns{font-size:var(--size-label);text-align:center;gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo .columns li{grid-template-rows:auto 96px auto;gap:4px;display:grid}.demo .col-track{border-bottom:1px solid var(--line);justify-content:center;align-items:flex-end;display:flex}.demo .col{background:color-mix(in srgb, var(--accent) 45%, var(--surface));border-radius:4px 4px 0 0;width:min(24px,70%);transition:height .4s;display:block}.demo .columns .latest .col{background:var(--accent)}.demo .col-label{color:var(--muted)}.demo .columns .latest .col-label,.demo .columns .latest .col-value{color:var(--text);font-weight:600}@container demo (width<=420px){.demo .col-value{font-size:11px}}.demo .sx-rail{border-bottom:1px solid var(--line);padding:18px 20px 8px}.demo .sx-rail ol{grid-template-columns:repeat(var(--steps,6), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid}.demo .sx-rail li{justify-content:center;min-width:0;display:flex;position:relative}.demo .sx-rail li:before{content:"";z-index:0;background:var(--tag-line);width:100%;height:2px;position:absolute;top:15px;right:50%}.demo .sx-rail li:first-child:before{display:none}.demo .sx-rail li.done:before,.demo .sx-rail li.cur:before{background:var(--accent)}.demo .sx-rail button{z-index:1;width:100%;min-width:var(--target);min-height:var(--target);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0 0 6px;display:flex;position:relative}.demo .sx-rail .n{border:1px solid var(--control);background:var(--surface);width:28px;height:28px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;margin:2px 0;font-size:13px;font-weight:600;line-height:1;display:flex}.demo .sx-rail li.done .n{border:2px solid var(--accent);color:var(--accent)}.demo .sx-rail li.cur .n{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);outline:2px solid var(--accent);outline-offset:2px;border:0;margin:0;font-size:14px}.demo .sx-rail .l{text-align:center;text-wrap:balance;max-width:calc(100% - 8px);font-size:13px;line-height:1.3}.demo .sx-rail li.done .l{color:var(--text)}.demo .sx-rail li.cur .l{color:var(--accent);font-weight:600}.demo .sx-rail .tm{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:-6px;font-size:12px;line-height:1.3}.demo .sx-rail li.cur .tm{color:var(--text);font-weight:600}.demo .sx-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;padding:20px 20px 0;display:flex}.demo .sx-ttl{flex:300px;min-width:0}.demo .sx-at{color:var(--muted);font-size:var(--size-label);flex-wrap:wrap;align-items:center;gap:6px 10px;line-height:1.4;display:flex}.demo .sx-pill{border-radius:var(--radius);background:var(--accent-soft);min-height:26px;color:var(--accent);font-variant-numeric:tabular-nums;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.demo .sx-t{margin-top:8px;font-size:26px;font-weight:600;line-height:1.25}.demo .sx-t:focus{outline:none}.demo .sx-t:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.demo .sx-c{max-width:38em;color:var(--muted);font-size:var(--size-small);text-wrap:pretty;margin-top:4px;line-height:1.5}.demo .sx-cta{flex:0 auto;min-width:0;max-width:100%;display:flex}.demo .sx-cta .btn,.demo .sx-nav .btn.primary{white-space:normal;text-align:center}.demo .step-body{min-height:240px;padding:24px 0}.demo .sx-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.demo .sx-nav .btn.back{background:var(--surface)}.demo .sx-nav .btn:disabled{visibility:hidden}.demo .sx-short{display:none}.demo .stepper:not(.ready) .sx-cta,.demo .stepper:not(.ready) .sx-nav{visibility:hidden}.demo .sx-rail button:disabled{cursor:default}@container demo (width<=720px){.demo .sx-rail .l{font-size:12px;line-height:16px}}@container demo (width<=560px){.demo .sx-rail{padding:14px 16px 4px}.demo .sx-rail .l,.demo .sx-rail .tm{display:none}.demo .sx-rail button{padding-bottom:4px}.demo .sx-cta{flex:100%}.demo .sx-cta .btn{width:100%}.demo .sx-nav .btn.back{width:var(--target);padding:0}.demo .sx-nav .sx-bl,.demo .sx-nav .sx-long{display:none}.demo .sx-nav .sx-short{display:inline}.demo .sx-nav .btn.primary{flex:1}}.demo .runlog.no-times .line{grid-template-columns:minmax(0,1fr) auto}.demo{--ar-trad:var(--accent);--ar-stream:#0e7c70}@media (prefers-color-scheme:dark){.demo{--ar-stream:#5cc3b5}}.demo .ar-stack,.demo .ar-group,.demo .ar-draw,.demo .ar-browser{grid-template-columns:minmax(0,1fr);display:grid}.demo .ar-stack{gap:16px}.demo .ar-stack>.kpis{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo .ar-icon{stroke-width:1.3px;stroke-linejoin:round;flex:none;width:18px;height:18px}.demo .ar-icon.folder,.demo .ar-icon.xlsx{fill:var(--soft);stroke:var(--muted)}.demo .ar-icon.pptx{fill:var(--accent-soft);stroke:var(--accent)}.demo .ar-path{min-width:0;color:var(--muted);font-size:var(--size-label);overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.demo .ar-drop{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0 20px;display:flex}.demo .ar-file{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:var(--size-label);overflow-wrap:anywhere;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.demo .ar-report .data td:not(.num){white-space:normal;overflow-wrap:break-word}.demo .ar-group{gap:16px;padding:0 20px}.demo .ar-clean{color:var(--muted);font-size:var(--size-label);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.demo .ar-clean code,.demo .ar-acc-id code{background:var(--soft);color:var(--text);overflow-wrap:anywhere;border-radius:3px;padding:1px 6px;font-size:13px}.demo .ar-accounts{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.demo .ar-account{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:4px;min-width:0;padding:14px 16px;animation:.3s both ar-in;display:flex}@keyframes ar-in{0%{opacity:0;transform:translateY(4px)}}.demo .ar-acc-name{font-weight:600;line-height:1.3}.demo .ar-acc-id{color:var(--muted);font-size:13px}.demo .ar-acc-total{font-size:var(--size-small);margin-top:6px}.demo .ar-acc-total b{font-variant-numeric:tabular-nums;font-size:22px}.demo .ar-acc-split{background:var(--soft);border-radius:4px;height:8px;display:flex;overflow:hidden}.demo .ar-acc-split .t{background:var(--ar-trad)}.demo .ar-acc-split .s{background:var(--ar-stream)}.demo .ar-acc-sides{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.demo .ar-tags{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.demo .ar-tag{border-radius:var(--radius);padding:1px 8px;font-size:12px;font-weight:600}.demo .ar-tag.ok{background:var(--accent-soft);color:var(--accent)}.demo .ar-tag.warn{background:var(--warn-soft);color:var(--warn-ink)}.demo .ar-tag.muted{background:var(--soft);color:var(--muted)}.demo .ar-draw{gap:14px;padding:0 20px}.demo .ar-pick{font-size:var(--size-small);flex-wrap:wrap;align-items:center;gap:8px 12px;font-weight:600;display:flex}.demo .ar-pick select{max-width:100%;min-height:var(--target);border:1px solid var(--control);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;padding:0 12px;font-weight:400}.demo .ar-notes{color:var(--muted);font-size:var(--size-label);gap:6px;margin:0;padding:0;line-height:1.5;list-style:none;display:grid}.demo .ar-notes li{max-width:48em;box-shadow:inset 2px 0 0 var(--line);padding-left:12px}.demo .ar-notes li.flag{color:var(--text);box-shadow:inset 2px 0 0 var(--warn)}.demo .ar-browser{gap:14px;padding:0 20px}.demo .ar-panes{gap:14px;display:grid}@container demo (width>=720px){.demo .ar-panes{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.demo .ar-pane{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);min-width:0}.demo .ar-pane>.ar-path{border-bottom:1px solid var(--line);color:var(--text);padding:10px 12px;font-weight:600}.demo .ar-list{gap:2px;margin:0;padding:6px;list-style:none;display:grid}.demo .ar-list button{width:100%;min-height:var(--target);border-radius:var(--radius);color:var(--text);font:inherit;font-size:var(--size-label);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:6px 10px;line-height:1.35;display:grid}.demo .ar-list button:hover{background:var(--soft)}.demo .ar-list button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.demo .ar-name{overflow-wrap:anywhere}.demo .ar-meta{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:400}@container demo (width<=520px){.demo .ar-list button{grid-template-columns:auto minmax(0,1fr)}.demo .ar-meta{grid-column:2}}.demo .ar-viewer{border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);min-width:0;overflow:hidden}.demo .ar-vbar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;padding:4px 4px 4px 12px;display:flex}.demo .ar-vname{min-width:0;font-size:var(--size-label);overflow-wrap:anywhere;flex:1;font-weight:600}.demo .ar-zoom,.demo .ar-get{flex:none;padding:0 12px;font-size:13px}.demo .ar-zoom{border-color:var(--line)}@container demo (width<=520px){.demo .ar-vbar{flex-wrap:wrap}.demo .ar-vname{flex-basis:calc(100% - 40px)}}.demo .ar-stage{padding:16px;overflow-x:auto}.demo .ar-frame{border:1px solid var(--line);width:100%;container-type:inline-size}.demo .ar-stage.zoomed .ar-frame{width:1100px}.demo .ar-slide{--pt:calc(100cqw / 960);--s-ink:#1b2230;--s-muted:#5b6372;--s-line:#dde1e8;--s-card:#f2f4f7;--s-track:#e6e9ef;--s-trad:#2a44a0;--s-stream:#0e7c70;--s-ph:#657083;--s-ph-line:#aeb5c2;gap:calc(11.5 * var(--pt));aspect-ratio:16/9;padding:calc(21.6 * var(--pt)) calc(36 * var(--pt)) calc(10 * var(--pt));color:var(--s-ink);font-size:calc(12 * var(--pt));background:#fff;grid-template-rows:.9fr 1.18fr 1.48fr 1.7fr .7fr auto;line-height:1.15;display:grid;position:relative;overflow:hidden}.demo .ar-s-head{justify-content:space-between;align-items:flex-start;gap:calc(20 * var(--pt));min-height:0;display:flex}.demo .ar-s-titles{min-width:0}.demo .ar-s-title{color:var(--s-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.15;overflow:hidden}.demo .ar-s-eyebrow{margin-top:calc(4 * var(--pt));color:var(--s-trad);font-size:calc(12 * var(--pt));letter-spacing:.1em;text-transform:uppercase;font-weight:700}.demo .ar-logo{width:auto;height:calc(54 * var(--pt));flex:none}.demo .ar-m{min-width:0;min-height:0;padding:calc(6 * var(--pt)) calc(14 * var(--pt));border:1px solid var(--s-line);border-radius:calc(6 * var(--pt));flex-direction:column;display:flex;overflow:hidden}.demo .ar-m h5{margin:0 0 calc(3 * var(--pt));color:var(--s-ink);font-size:calc(11 * var(--pt));letter-spacing:.06em;text-transform:uppercase;font-weight:700;line-height:1.2}.demo .ar-ph{padding:0 calc(5 * var(--pt));border:1px dashed var(--s-ph-line);border-radius:calc(3 * var(--pt));color:var(--s-ph);white-space:nowrap;font-weight:600;line-height:1.1;display:inline-block}.demo .ar-cards{gap:calc(11.5 * var(--pt));flex:1;grid-template-columns:repeat(4,minmax(0,1fr));min-height:0;display:grid}.demo .ar-card{min-width:0;padding:calc(4 * var(--pt)) calc(11.5 * var(--pt));border-radius:calc(5 * var(--pt));background:var(--s-card);flex-direction:column;display:flex}.demo .ar-card-l{color:var(--s-muted);font-size:calc(11 * var(--pt));letter-spacing:.04em;text-transform:uppercase;font-weight:700}.demo .ar-card-v{flex:1;justify-content:center;align-items:center;display:flex}.demo .ar-s-row2,.demo .ar-s-row3{gap:calc(11.5 * var(--pt));min-height:0;display:grid}.demo .ar-s-row2{grid-template-columns:5fr 3.5fr 3.5fr}.demo .ar-s-row3{grid-template-columns:6.42fr 5.75fr}.demo .ar-visits-body{gap:calc(14 * var(--pt));flex:1;grid-template-columns:minmax(0,1fr) auto;min-height:0;display:grid}.demo .ar-total{font-variant-numeric:tabular-nums;font-weight:700;line-height:.95}.demo .ar-kpis{gap:calc(14 * var(--pt));margin-top:calc(3 * var(--pt));display:flex}.demo .ar-kpi-l{margin-bottom:calc(2 * var(--pt))}.demo .ar-split-v{align-content:start;gap:calc(6 * var(--pt));padding-left:calc(14 * var(--pt));border-left:2px solid var(--s-line);display:grid}.demo .ar-split-v p{gap:calc(2 * var(--pt));display:grid}.demo .ar-split-v b{font-size:calc(15 * var(--pt));font-variant-numeric:tabular-nums}.demo .ar-key{align-items:center;gap:calc(5 * var(--pt));color:var(--s-muted);font-size:calc(10 * var(--pt));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-weight:700;display:inline-flex}.demo .ar-key i{width:calc(7 * var(--pt));height:calc(7 * var(--pt));border-radius:1px}.demo .ar-slide .t{background:var(--s-trad)}.demo .ar-slide .s{background:var(--s-stream)}.demo .ar-share+.ar-share{margin-top:calc(6 * var(--pt))}.demo .ar-share p{font-size:calc(12 * var(--pt));justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.demo .ar-share b{font-size:calc(18 * var(--pt));font-variant-numeric:tabular-nums}.demo .ar-track{height:calc(8 * var(--pt));margin-top:calc(3 * var(--pt));border-radius:calc(4 * var(--pt));background:var(--s-track);display:block;overflow:hidden}.demo .ar-track span{height:100%;display:block}.demo .ar-cols{gap:calc(21.6 * var(--pt));flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.demo .ar-col{min-width:0}.demo .ar-names{margin:calc(4 * var(--pt)) 0 0;padding:0 0 0 calc(17 * var(--pt));list-style:decimal}.demo .ar-names li{line-height:calc(14.4 * var(--pt))}.demo .ar-names li::marker{color:var(--s-muted);font-weight:700}.demo .ar-names li:first-child{font-weight:700}.demo .ar-names span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.demo .ar-none{margin-top:calc(4 * var(--pt));color:var(--s-muted)}.demo .ar-s-foot{justify-content:space-between;gap:calc(12 * var(--pt));padding-top:calc(5 * var(--pt));border-top:1px solid var(--s-line);color:var(--s-muted);font-size:calc(9 * var(--pt));display:flex}@media (prefers-reduced-motion:reduce){.demo .ar-account{animation:none}}.demo{--fill-unapproved:var(--red-soft);--fill-changed:var(--peach-soft)}.demo .attachment{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:var(--size-label);padding:6px 10px;display:inline-block}.demo .data td:not(.num){white-space:normal;overflow-wrap:anywhere}.demo .data tr.summary td{color:var(--muted);font-style:italic}.demo .data tr.cut td{opacity:.6;text-decoration:line-through}.demo .data tr.fill-unapproved td{background:var(--fill-unapproved)}.demo .data tr.fill-changed td{background:var(--fill-changed)}.demo .matches{gap:8px;margin:0;padding:0 20px;list-style:none;display:grid}.demo .matches li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:var(--size-small);grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;gap:2px 10px;padding:10px 12px;animation:.3s both match-in;display:grid}.demo .match-name{overflow-wrap:anywhere;font-weight:600}.demo .match-line{color:var(--muted);grid-column:2}@keyframes match-in{0%{opacity:0;transform:translateY(4px)}}.demo .badge{border-radius:var(--radius);white-space:nowrap;justify-self:start;padding:1px 8px;font-size:12px;font-weight:600}.demo .badge.ok{background:var(--accent-soft);color:var(--accent)}.demo .badge.warn{background:var(--warn-soft);color:var(--warn-ink)}.demo .badge.red{background:var(--red-soft);color:var(--red-ink)}.demo .badge.muted{background:var(--soft);color:var(--muted)}.demo .legend{color:var(--muted);font-size:var(--size-label);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0 20px 4px;list-style:none;display:flex}.demo .legend li{align-items:center;gap:6px;display:inline-flex}.demo .swatch{border:1px solid var(--line);background:var(--surface);border-radius:3px;width:14px;height:14px}.demo .swatch.unapproved{background:var(--fill-unapproved)}.demo .swatch.changed{background:var(--fill-changed)}.demo .nowrap{white-space:nowrap}.demo .suggest{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px;display:flex}.demo .email-section li.resolved{box-shadow:inset 3px 0 0 var(--accent)}.demo .email-section li.resolved:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo .dash{gap:16px;display:grid}.demo .dash .kpis{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo .dash .kpis dd{font-size:24px}.demo .dash-charts{gap:24px;padding:0 20px;display:grid}@container demo (width>=640px){.demo .dash-charts{grid-template-columns:3fr 2fr}}@media (prefers-reduced-motion:reduce){.demo .matches li{animation:none}}@container demo (width<=420px){.demo .matches li{grid-template-columns:minmax(0,1fr)}.demo .match-line{grid-column:1}}.impact[data-astro-cid-nj2kjs3d]{--dot:16px;--dot-stroke:2px;container-type:inline-size}.k[data-astro-cid-nj2kjs3d]{border-bottom:1px solid var(--text);color:var(--muted);font-size:var(--size-label);padding-bottom:12px}.time-h[data-astro-cid-nj2kjs3d]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:16px 0 20px;font-size:16px;display:flex}.bars[data-astro-cid-nj2kjs3d]{gap:16px;display:grid}.row[data-astro-cid-nj2kjs3d]{--reserve:0px;color:var(--muted);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"name v""bar bar";align-items:baseline;gap:6px 10px;font-size:15px;display:grid}.name[data-astro-cid-nj2kjs3d]{grid-area:name}.track[data-astro-cid-nj2kjs3d]{display:contents}.v[data-astro-cid-nj2kjs3d]{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:v;font-size:20px;font-weight:600;line-height:1.1}.v[data-astro-cid-nj2kjs3d].muted{color:var(--muted);font-weight:400}.bar[data-astro-cid-nj2kjs3d],.pending[data-astro-cid-nj2kjs3d]{width:calc((100% - var(--reserve)) * var(--pct,1));border-radius:0 var(--radius) var(--radius) 0;grid-area:bar;height:24px;display:block}.bar[data-astro-cid-nj2kjs3d].pre{background:var(--bar-before)}.bar[data-astro-cid-nj2kjs3d].post{background:var(--accent);min-width:3px}.pending[data-astro-cid-nj2kjs3d]{border:1.5px dashed var(--bar-pending)}.statement[data-astro-cid-nj2kjs3d]{max-width:30em;font-family:var(--serif);text-wrap:pretty;margin-top:22px;font-size:24px;line-height:1.3}.note[data-astro-cid-nj2kjs3d]{color:var(--muted);font-size:var(--size-small);margin-top:12px;line-height:1.5}.foot[data-astro-cid-nj2kjs3d]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:16px;display:flex}.foot[data-astro-cid-nj2kjs3d] .note[data-astro-cid-nj2kjs3d]{margin-top:0}.steps[data-astro-cid-nj2kjs3d]{margin-top:28px}.sk[data-astro-cid-nj2kjs3d]{color:var(--muted);font-size:var(--size-label)}.legend[data-astro-cid-nj2kjs3d]{white-space:nowrap;margin-left:10px;font-size:13px}.legend[data-astro-cid-nj2kjs3d] i[data-astro-cid-nj2kjs3d]{border:1.5px solid var(--accent);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin:0 4px 0 6px;display:inline-block}.legend[data-astro-cid-nj2kjs3d] i[data-astro-cid-nj2kjs3d].p{border-color:var(--people);background:var(--people)}.srow[data-astro-cid-nj2kjs3d]{grid-template-columns:64px auto minmax(0,1fr);align-items:center;gap:12px;min-height:36px;font-size:15px;display:grid}.srow[data-astro-cid-nj2kjs3d] .wide[data-astro-cid-nj2kjs3d]{grid-column:2/-1}.sl[data-astro-cid-nj2kjs3d]{color:var(--muted)}@container (width>=560px){.row[data-astro-cid-nj2kjs3d]{--reserve:160px;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"name track";align-items:center;column-gap:12px}.track[data-astro-cid-nj2kjs3d]{grid-area:track;align-items:center;gap:14px;display:flex}.bar[data-astro-cid-nj2kjs3d],.pending[data-astro-cid-nj2kjs3d]{flex:none;height:32px}.v[data-astro-cid-nj2kjs3d]{font-size:24px}.statement[data-astro-cid-nj2kjs3d]{font-size:28px}}@keyframes impact-shrink{0%{width:calc((100% - var(--reserve)) * var(--from,1))}}@keyframes impact-reveal{0%,70%{opacity:0}}@media (prefers-reduced-motion:no-preference){.motion-load[data-astro-cid-nj2kjs3d] .bar[data-astro-cid-nj2kjs3d].post{animation:.7s cubic-bezier(.16,1,.3,1) .3s both impact-shrink}.motion-load[data-astro-cid-nj2kjs3d] .bar[data-astro-cid-nj2kjs3d].post+.v[data-astro-cid-nj2kjs3d]{animation:1s linear both impact-reveal}@supports (animation-timeline:view()){.motion-scroll[data-astro-cid-nj2kjs3d] .bars[data-astro-cid-nj2kjs3d]{view-timeline:--impact block}.motion-scroll[data-astro-cid-nj2kjs3d] .bar[data-astro-cid-nj2kjs3d].post,.motion-scroll[data-astro-cid-nj2kjs3d] .bar[data-astro-cid-nj2kjs3d].post+.v[data-astro-cid-nj2kjs3d]{animation-name:impact-shrink;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--impact;animation-range:entry 100% cover 35%}.motion-scroll[data-astro-cid-nj2kjs3d] .bar[data-astro-cid-nj2kjs3d].post+.v[data-astro-cid-nj2kjs3d]{animation-name:impact-reveal}}}
