@layer components{.sim-model{margin-top:2.5rem;border:1px solid var(--color-line);background:var(--color-surface);padding:clamp(1rem,2vw,2rem);container:sim-model / inline-size}.sim-model [hidden]{display:none}.sim-model-intro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;align-items:start}.sim-model-intro>div{max-width:48rem}.sim-model-intro h2{font-size:1.35rem;font-weight:650}.sim-model-intro p{margin-top:.4rem;color:var(--color-ink-soft);line-height:1.6}.sim-model a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.2em}.sim-model-intro>a{padding-block:.5rem;font-size:.875rem}.sim-model-chooser{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.sim-model-chooser label{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:.65rem 1rem;cursor:pointer;border:1px solid var(--color-accent);background:var(--color-paper);font-size:.9rem;font-weight:600}.sim-model-chooser input{flex:0 0 auto;width:1rem;height:1rem;accent-color:var(--color-accent)}.sim-model-chooser label:has(:checked){box-shadow:inset 0 -3px var(--color-accent);background:var(--color-node-source-fill)}.sim-model-chooser label:has(:focus-visible){outline:2px solid var(--color-accent);outline-offset:3px}.sim-model-example{margin-top:1.5rem}.sim-model-premise h3{font-size:1.15rem;font-weight:650}.sim-model-premise p{max-width:55rem;margin-top:.35rem;font-size:.9rem;color:var(--color-ink-soft);line-height:1.55}.sim-model-layout{display:grid;gap:1.25rem;margin-top:1.25rem}.sim-model-layout>*,.sim-model-lane{min-width:0}.sim-model-graph{display:grid;gap:.6rem}.sim-model-lane h4{font:600 .75rem/1.4 var(--font-mono);margin-bottom:.5rem;color:var(--color-ink-soft)}.sim-model-nodes{display:grid;gap:.75rem}.sim-model-nodes.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-model-node{display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-width:0;min-height:5rem;padding:.75rem;border:1px solid var(--color-node-store);background:var(--color-node-store-fill);border-radius:.3rem;overflow-wrap:anywhere}.sim-model-node strong{font-size:.95rem;line-height:1.4;font-weight:650}.sim-model-node span{color:var(--color-ink-soft);font-size:.8rem;line-height:1.45}.sim-model-lane-1 .sim-model-node{border-color:var(--color-node-flow);background:var(--color-node-flow-fill)}.sim-model-lane-2 .sim-model-node{border-color:var(--color-node-source);background:var(--color-node-source-fill)}.sim-model-connector{height:1rem;border-left:2px solid var(--color-accent);justify-self:center}.sim-model-connector svg{display:none}.sim-model-extension{display:grid;gap:.3rem;margin-top:.75rem;padding:.75rem;border:1px solid var(--color-node-source);border-left-width:3px;background:var(--color-paper);font-size:.85rem;line-height:1.5}.sim-model-extension strong{font-weight:650}.sim-model-extension span{color:var(--color-ink-soft)}.sim-model-takeaway{margin-top:1rem;padding:.8rem 1rem;border-left:3px solid var(--color-accent);background:var(--color-paper);font-size:.9rem;font-weight:550;line-height:1.6}.sim-model-outcome{display:grid;align-content:start;gap:1rem;margin:0;border-top:1px solid var(--color-line);padding-top:1rem}.sim-model-outcome dt{font-size:.85rem;font-weight:650}.sim-model-outcome dd{margin:.3rem 0 0;font-size:.875rem;line-height:1.6;color:var(--color-ink-soft)}.sim-model-details{margin-top:1rem;font-size:.85rem;line-height:1.6}.sim-model-details summary{cursor:pointer;color:var(--color-accent);font-weight:600;padding-block:.75rem}.sim-model-details ul{list-style:disc;padding-left:1.25rem;margin-top:.5rem;max-width:65rem}.sim-model-details li+li{margin-top:.4rem}.sim-model-details .sim-model-sources{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;list-style:none;padding:0}.sim-model-details .sim-model-sources li{margin:0}.sim-model-bridge{margin-top:1rem;border-top:1px solid var(--color-line);padding-top:1rem;font-size:.8rem;line-height:1.6;color:var(--color-ink-soft)}.sim-model-bridge a{display:inline-block;padding-block:.3rem;margin-left:.2rem}@container sim-model (min-width: 40rem){.sim-model-graph{grid-template-columns:minmax(0,1fr) 2rem minmax(0,1.15fr) 2rem minmax(0,1fr);gap:0}.sim-model-lane{display:grid;grid-template-rows:2.5rem 1fr}.sim-model-nodes{min-height:11rem;grid-template-rows:1fr;align-items:center}.sim-model-nodes.is-pair{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 1fr;gap:0}.sim-model-node{min-height:4.75rem}.sim-model-connector{height:auto;width:100%;margin-top:2.5rem;border:0;justify-self:stretch}.sim-model-connector svg{display:block;width:100%;height:100%;min-height:11rem;overflow:visible}.sim-model-connector path{fill:none;stroke:var(--color-accent);stroke-width:1.5;vector-effect:non-scaling-stroke}}@container sim-model (min-width: 66rem){.sim-model-layout{grid-template-columns:minmax(0,2.5fr) minmax(17rem,1fr);gap:2rem}.sim-model-outcome{padding:0 0 0 1.5rem;border-top:0;border-left:1px solid var(--color-line)}}@media print{.sim-model [data-model-scenario][hidden]{display:block}.sim-model-chooser,.sim-model-intro>a,.sim-model-bridge a{display:none}}}@layer components{.sim-comparison{display:grid;gap:.75rem;min-width:0}.sim-comparison-heading{font-size:.85rem;font-weight:600}.sim-comparison-count{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem}.sim-comparison-count strong{font-size:1.8rem;font-variant-numeric:tabular-nums}.sim-comparison-count span{font-size:.78rem;color:var(--color-ink-soft)}.sim-id-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.sim-id-overview>div{min-width:0;border:1px solid var(--color-line);padding:.6rem;font-size:.8rem}.sim-id-overview strong,.sim-id-overview small{display:block}.sim-id-overview small{margin-top:.25rem;color:var(--color-ink-soft)}.sim-id-overview .is-different{border-top:3px solid var(--color-accent)}.sim-id-journey{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.sim-id-journey>li{flex:1 1 9rem;min-width:0;border:1px solid var(--color-line);background:var(--color-surface);padding:.7rem}.sim-id-journey>li.is-linked{border:2px solid var(--color-accent)}.sim-id-journey b{display:block;font-size:.78rem;color:var(--color-accent)}.sim-id-journey ul{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.5rem 0 0;list-style:none;font-size:.9rem}.sim-id-journey ul>li{flex:1 1 9rem;border:1px solid var(--color-line);background:var(--color-paper);padding:.6rem}.sim-detail-toggle{border-top:1px solid var(--color-line);padding-top:.5rem;min-width:0}.sim-detail-toggle>summary{min-height:2.75rem;padding:.65rem 0;cursor:pointer;font-weight:600;font-size:.85rem}.sim-detail-toggle>summary+*{margin-top:.8rem}.sim-idcard header{flex-wrap:wrap}.sim-id-details{container:sim-identities / inline-size}.sim-idcard header .sim-status{white-space:normal}.sim-idcard[data-joined=true]{border-top:3px solid var(--color-accent)}.sim-storage-impact{display:grid;gap:.4rem;padding:0;margin:0;list-style:none}.sim-storage-impact li{display:flex;flex-wrap:wrap;gap:.35rem .75rem;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--color-line);padding:.45rem 0;font-size:.82rem}.sim-storage-impact li>span:first-child{flex:1 1 12rem}.sim-storage-impact .sim-status{white-space:normal}.sim-storage-delta{border-left:3px solid var(--color-accent);background:var(--color-surface);padding:.75rem;font-size:.85rem}.sim-storage-compare{display:grid;gap:.75rem}.sim-storage-bar{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:.5rem;align-items:center;font-size:.75rem}.sim-storage-bar>div{position:relative;height:1.3rem;background:var(--color-surface);border:1px solid var(--color-line)}.sim-storage-bar i{display:block;height:100%;background:var(--color-accent)}.sim-storage-bar:first-child i{background:var(--color-ink-soft)}.sim-storage-bar b{position:absolute;top:-.25rem;bottom:-.25rem;width:0;border-left:2px dashed var(--color-ink)}.sim-storage-bar strong{font-family:var(--font-mono);font-size:.75rem}.sim-storage-breakdown{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(max-width:25rem){.sim-id-overview{grid-template-columns:minmax(0,1fr)}.sim-id-overview>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .75rem}.sim-id-overview small{margin:0}.sim-id-overview .is-different{border-top-width:1px;border-left:3px solid var(--color-accent)}}}@layer components{.sim-bench:has(form[data-simulator=is-it-real-time],form[data-simulator=journey-or-campaign]) .sim-panels{display:grid;grid-template-columns:minmax(0,1fr)}.sim-panel-body:has(.sim-timing-channels,.sim-timing-flow){container:sim-timing / inline-size}.sim-timing-context,.sim-timing-mode{min-width:0;border-left:3px solid var(--color-accent);padding:.5rem .75rem;background:var(--color-surface);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.sim-timing-channels{display:grid;min-width:0;margin:0}.sim-timing-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem .75rem;min-width:0;border-top:1px solid var(--color-line);border-left:3px solid var(--color-line);padding:.75rem;font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}.sim-timing-row.is-ok{border-left-color:var(--color-node-act)}.sim-timing-row.is-late{border-left-color:var(--color-node-flow)}.sim-timing-row.is-bad{border-left-color:var(--color-node-guard)}.sim-timing-row.is-none{border-left-style:dashed}.sim-timing-row.is-updated{background:var(--color-surface)}.sim-timing-row dt,.sim-timing-row dd{min-width:0;margin:0}.sim-timing-row strong,.sim-timing-row span{display:block}.sim-timing-sub,.sim-timing-clock{color:var(--color-ink-soft);font-size:.8rem}.sim-timing-clock{margin-top:.25rem}.sim-timing-when{font-variant-numeric:tabular-nums}.sim-timing-outcome{grid-column:1 / -1}.sim-timing-outcome>span{margin-top:.15rem;color:var(--color-ink-soft)}.sim-timing-updated{margin-top:.25rem;color:var(--color-accent);font-size:.75rem;font-weight:650}.sim-timing-details{min-width:0;border:1px solid var(--color-line);padding:.65rem .8rem;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.sim-timing-details>summary{cursor:pointer;min-width:0;padding-block:.2rem;font-weight:650;color:var(--color-accent)}.sim-timing-details>summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.sim-timing-details>p,.sim-timing-details>.sim-timing-detail-body{margin-top:.75rem}.sim-timing-details>p{color:var(--color-ink-soft)}.sim-timing-details [data-timing-chart]{min-width:0;overflow-x:auto}.sim-timing-details .sim-svg{min-width:19rem}.sim-timing-detail-body{display:grid;gap:.75rem;min-width:0}.sim-timing-flow{display:grid;gap:.75rem;min-width:0;margin:0;padding:0;list-style:none}.sim-timing-flow>li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.25rem .65rem;align-content:start;min-width:0;border:1px solid var(--color-line);border-top:3px solid var(--color-node-source);padding:.75rem;font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}.sim-timing-flow>li:nth-child(2){border-top-color:var(--color-node-flow)}.sim-timing-flow>li:nth-child(3){border-top-color:var(--color-node-act)}.sim-timing-flow>li>span:last-child{grid-column:2;color:var(--color-ink-soft)}.sim-timing-step{display:grid;place-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--color-line);border-radius:50%;background:var(--color-surface);color:var(--color-accent);font-family:var(--font-mono);font-size:.8rem}.sim-timing-recommendation{display:grid;gap:.4rem;min-width:0;border-left:3px solid var(--color-node-act);padding:.9rem;background:var(--color-node-act-fill);overflow-wrap:anywhere}.sim-timing-recommendation>strong{font-size:1.1rem;line-height:1.35}.sim-timing-recommendation>p:last-child{font-size:.875rem;line-height:1.5}.sim-timing-reference{display:grid;gap:.75rem;min-width:0;margin:0}.sim-timing-reference>div{min-width:0;border-bottom:1px solid var(--color-line);padding-bottom:.75rem}.sim-timing-reference dt{font-weight:650}.sim-timing-reference dd{margin:.2rem 0 0;color:var(--color-ink-soft)}@container sim-timing (min-width: 36rem){.sim-timing-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr)}.sim-timing-outcome{grid-column:auto}.sim-timing-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.sim-timing-flow>li{grid-template-columns:minmax(0,1fr)}.sim-timing-flow>li>span:last-child{grid-column:1}}@media(prefers-reduced-motion:reduce){.sim-timing-row,.sim-timing-flow>li,.sim-timing-recommendation{animation:none;transition:none}}}@layer components{.sim-outcome{min-width:0;border:1px solid var(--color-line);border-inline-start:3px solid var(--color-accent);background:var(--color-surface);padding:1rem;color:var(--color-ink);overflow-wrap:anywhere}.sim-outcome h3{margin-block:.45rem .6rem;font-size:clamp(1.05rem,1rem + .25vw,1.25rem);font-weight:650;line-height:1.35}.sim-outcome>p:not(.section-kicker){font-size:.95rem;line-height:1.6}.sim-outcome .sim-kpis{margin-top:.85rem}.sim-outcome .sim-kpi strong{overflow-wrap:anywhere}.sim-outcome-details{min-width:0;border-top:1px solid var(--color-line);padding-top:.5rem}.sim-outcome-details>summary{min-height:2.75rem;padding-block:.65rem;cursor:pointer;font-weight:600;color:var(--color-accent);overflow-wrap:anywhere}.sim-outcome-details>summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.sim-outcome-details>.section-kicker{margin-block:.75rem .4rem}[data-sim-panel=week] .is-delivered{border-color:var(--color-accent)}[data-sim-panel=week] .is-delayed{border-color:var(--color-accent);border-inline-start-style:double;border-inline-start-width:4px}[data-sim-panel=week] .is-blocked{border-color:var(--color-ink-soft);border-style:dashed;background:var(--color-surface)}[data-sim-panel=week] .is-unresolved{border-color:var(--color-ink-soft);border-style:dotted}[data-sim-panel=week] .sim-status{color:var(--color-ink)}[data-sim-panel=week] .sim-mp-slot.is-over{border-color:var(--color-ink-soft);border-style:dashed;background:var(--color-surface)}[data-sim-panel=week] .sim-mp-slot.is-over b{color:var(--color-ink-soft)}[data-sim-panel=week] .sim-mp-pip.is-over{border-color:var(--color-ink-soft);border-style:dashed;background:transparent}.sim-outcome-pipeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.6rem;list-style:none;padding:0}.sim-outcome-pipeline li{min-width:0;border-inline-start:2px solid var(--color-accent);padding-inline-start:.65rem}.sim-outcome-pipeline strong{font-size:.9rem}.sim-outcome-pipeline p{margin-top:.25rem;font-size:.85rem;line-height:1.5;color:var(--color-ink-soft)}.sim-offer-strategy{display:grid;gap:.75rem;min-width:0}.sim-offer-strategy h3{font-size:1.05rem;font-weight:650}.sim-offer-strategy>p{font-size:.9rem;line-height:1.5;color:var(--color-ink-soft)}.sim-offer-decisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.65rem}.sim-offer-decisions>div{min-width:0;border:1px solid var(--color-line);background:var(--color-surface);padding:.8rem;overflow-wrap:anywhere}.sim-offer-decisions dt{font-weight:650;line-height:1.4}.sim-offer-decisions dd{margin:.5rem 0 0}.sim-offer-decisions p{margin-top:.5rem;font-size:.9rem;line-height:1.55}.sim-offer-decisions .sim-status{max-width:100%;white-space:normal;color:var(--color-ink)}.sim-offer-caution{border-inline-start:2px solid var(--color-node-flow);padding-inline-start:.6rem}.sim-offer-strategy .sim-table th[scope=row]{text-align:start;font-weight:400;white-space:normal}.sim-offer-strategy .sim-table th[scope=row] small{display:block;margin-top:.2rem;color:var(--color-ink-soft)}}@layer components{.sim-bench:has(.sim-cja-comparison) .sim-panels{display:grid;grid-template-columns:minmax(0,1fr)}[data-simulator=same-data-different-reports] fieldset:disabled .sim-choice label{background:var(--color-surface);color:var(--color-ink-soft);text-decoration:none}[data-simulator=same-data-different-reports] fieldset:disabled .sim-choice label:has(input:checked){outline:1px dashed var(--color-ink-soft);outline-offset:-3px}.sim-cja-comparison{display:grid;gap:1rem}.sim-cja-card{min-width:0;padding:1rem;border:1px solid var(--color-line);background:var(--color-surface)}.sim-cja-card[data-report=configured]{border-block-start:3px solid var(--color-accent)}.sim-cja-card h3{font-size:1.1rem;font-weight:650}.sim-cja-card h4{margin-top:1.1rem;font-size:.875rem;font-weight:650}.sim-cja-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.sim-cja-metrics>div{min-width:0}.sim-cja-metrics dt{color:var(--color-ink-soft);font-size:.8rem}.sim-cja-metrics dd{margin:.2rem 0 0;font-size:1.8rem;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.sim-cja-metrics .sim-cja-rate{grid-column:1 / -1;border-top:1px solid var(--color-line);padding-top:.65rem}.sim-cja-rate dd{color:var(--color-accent);font-size:2.25rem}.sim-cja-rate small{display:block;font-size:.8rem;font-weight:400;color:var(--color-ink-soft);margin-top:.3rem}.sim-cja-credits{margin-top:.6rem;display:grid;gap:.75rem}.sim-cja-credits>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem;font-size:.85rem}.sim-cja-credits dt{overflow-wrap:anywhere}.sim-cja-credits dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}.sim-cja-track{grid-column:1 / -1;height:.4rem;background:var(--color-paper);border:1px solid var(--color-line)}.sim-cja-track span{display:block;height:100%;background:var(--color-accent)}.sim-cja-total{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;border-top:1px solid var(--color-line);margin-top:1rem;padding-top:.6rem;font-size:.9rem}.sim-cja-explanation{margin-top:1rem}.sim-cja-explanation p+p{margin-top:.5rem}.sim-cja-limit{margin-top:1rem}.sim-cja-events{display:grid;gap:.75rem;list-style:none;padding:0}.sim-cja-events>li{min-width:0;border:1px solid var(--color-line);border-inline-start:3px solid var(--color-line);padding:.85rem;background:var(--color-surface)}.sim-cja-events>.is-session-start{border-inline-start-color:var(--color-accent)}.sim-cja-event-head{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--color-ink-soft)}.sim-cja-event-head time{font-variant-numeric:tabular-nums}.sim-cja-events h3{margin-top:.3rem;font-size:.95rem;font-weight:650}.sim-cja-events p{font-size:.85rem;margin-top:.3rem;overflow-wrap:anywhere}.sim-cja-events .sim-cja-gap{margin:-.15rem 0 .7rem;border-bottom:1px dashed var(--color-ink-soft);padding-bottom:.5rem;color:var(--color-ink-soft)}.sim-cja-reading{color:var(--color-ink-soft)}.sim-cja-purchase{border-top:1px solid var(--color-line);padding-top:.4rem}@media(min-width:42rem){.sim-cja-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-cja-events>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.1rem 1.2rem}.sim-cja-event-head,.sim-cja-events .sim-cja-gap{grid-column:1 / -1}.sim-cja-events h3{grid-column:1;grid-row:span 2}.sim-cja-purchase{grid-column:1 / -1}}}