.cal-demo{max-width:1180px;margin-inline:auto;padding:1.25rem 1.25rem 3rem;color:var(--ink)}.cal-demo *{box-sizing:border-box}.cal-demo dd,.cal-demo dl,.cal-demo h1,.cal-demo h2,.cal-demo h3,.cal-demo p{margin:0}.cal-demo button,.cal-demo input,.cal-demo textarea{font:inherit}.cal-demo button{cursor:pointer}.cal-demo button:disabled{cursor:not-allowed;opacity:.5}.cal-demo button:focus-visible,.cal-demo h2:focus-visible,.cal-demo input:focus-visible,.cal-demo summary:focus-visible,.cal-demo textarea:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.cal-demo h2{font:600 clamp(1.6rem,3vw,2.3rem)/1.15 var(--font-display);letter-spacing:-.025em}.cal-demo h3{font:600 1.35rem/1.25 var(--font-display);letter-spacing:-.015em}.cal-demo-intro{padding-bottom:1.25rem;border-bottom:1px solid var(--rule)}.cal-demo-intro h1{margin-top:.45rem;font:600 clamp(2rem,4.5vw,3.2rem)/1.05 var(--font-display);letter-spacing:-.035em}.cal-demo-intro>p:not(.eyebrow):not(.cal-demo-scope){max-width:49rem;margin-top:.7rem;font-size:.95rem;line-height:1.7;color:#45534a}.cal-demo .cal-demo-scope{margin-top:.65rem;font-size:.76rem;line-height:1.7;color:var(--muted)}.cal-demo-scope a{color:var(--copper);text-decoration:underline;text-underline-offset:3px}.cal-demo-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cal-demo-results{padding-block:1.35rem 1.8rem;border-bottom:1px solid var(--rule)}.cal-demo-results[id]{scroll-margin-top:calc(var(--site-header-height) + var(--case-nav-height) + 16px)}.cal-demo-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.7rem 1rem}.cal-demo-section-heading h2{margin-top:.35rem}.cal-demo-primary,.cal-demo-secondary{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:44px;padding:.65rem .85rem;border-radius:2px;font-size:.8rem!important;font-weight:500!important}.cal-demo-secondary{border:1px solid #aab2a1;background:transparent;color:var(--ink)}.cal-demo-secondary:hover:not(:disabled){border-color:var(--ink);background:#e9e7dc}.cal-demo-primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.cal-demo-primary:hover{background:#3c5344}.cal-demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem!important;border-block:1px solid var(--rule)}.cal-demo-metrics>div{padding:.8rem .5rem;min-width:0}.cal-demo-metrics>div+div{border-left:1px solid var(--rule)}.cal-demo-metrics dt{font-size:.75rem;line-height:1.5;color:var(--muted)}.cal-demo-metrics dt span{display:inline-block}.cal-demo-metrics dd{margin-top:.4rem;font:600 clamp(1.9rem,4vw,3rem)/1.15 var(--font-display);letter-spacing:-.025em}.cal-demo-metrics dd span{font:.72rem/1.5 var(--font-mono);color:var(--muted);letter-spacing:0}.cal-demo-sign{margin-top:.75rem!important;max-width:59rem;font-size:.78rem;line-height:1.75;color:#45534a}.cal-demo-change{margin-top:1rem;padding:1rem;border-left:3px solid var(--moss);background:#e6ecdf}.cal-demo-change h3{margin-top:.3rem}.cal-demo-change>p:not(.eyebrow){margin-top:.55rem;font-size:.8rem;line-height:1.7;color:#3c5344}.cal-demo-change>p strong{font-weight:500}.cal-demo-change dl{display:flex;flex-wrap:wrap;gap:.7rem 2rem;margin-top:.75rem;border-top:1px solid #c4d1bb;padding-top:.7rem}.cal-demo-change dt{font-size:.73rem;color:var(--muted)}.cal-demo-change dd{margin-top:.2rem;font:500 1rem/1.6 var(--font-mono)}.cal-demo-change dd span{color:var(--moss)}.cal-demo-change dd small{font:.7rem/1.5 var(--font-sans)}.cal-demo-experiments{display:grid;gap:.8rem;padding-block:1.25rem;border-block:1px solid var(--rule);margin-top:1.2rem}.cal-demo-experiments>div>p{max-width:52rem;margin-top:.35rem;font-size:.8rem;line-height:1.7;color:var(--muted)}.cal-demo-experiment-buttons{display:grid;gap:.6rem}.cal-demo-experiment-buttons button{min-height:70px;padding:.9rem 1rem;border:1px solid #aab2a1;border-radius:3px;text-align:left;background:#eeece2;transition:border-color .15s,background .15s}.cal-demo-experiment-buttons button:hover{border-color:var(--moss);background:#e5eadf}.cal-demo-experiment-buttons strong{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-weight:500;font-size:.86rem}.cal-demo-experiment-buttons button>span{display:block;margin-top:.35rem;font-size:.76rem;line-height:1.65;color:#45534a}.cal-demo-experiment-buttons .cal-demo-first-experiment{border-color:var(--moss);background:#e2eadb}.cal-demo-experiment-buttons button[data-active=true]{border-color:var(--copper);box-shadow:inset 3px 0 var(--copper)}.cal-demo-inspection{display:grid;align-items:start;gap:1.2rem;margin-top:1.5rem}.cal-demo-chart{min-width:0}.cal-demo-chart-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.4rem}.cal-demo-chart-heading p{color:var(--muted);font-size:.76rem}.cal-demo-scale{display:flex;justify-content:space-between;padding-inline:4rem 3.3rem;margin-top:.85rem;font:.7rem/1.5 var(--font-mono);color:var(--muted)}.cal-demo-chart-list{margin-top:.4rem;display:grid;gap:2px}.cal-demo-point{display:grid;grid-template-columns:3.3rem minmax(0,1fr) 2.7rem;align-items:center;width:100%;min-height:44px;text-align:left;padding:.35rem .55rem;border:1px solid transparent;background:transparent;font:.76rem/1.5 var(--font-mono)!important}.cal-demo-point:hover{background:#e9e7dc}.cal-demo-point[aria-pressed=true]{border-color:var(--copper);background:#eee4d8}.cal-demo-point strong{font-weight:400}.cal-demo-track{position:relative;height:24px;background:#e8e7dc;border-inline:1px solid #d6d8c9}.cal-demo-zero{position:absolute;height:100%;width:1px;background:#9da994}.cal-demo-bar{top:10px;height:4px;opacity:.7}.cal-demo-bar,.cal-demo-dot{position:absolute;background:var(--moss)}.cal-demo-dot{top:7px;width:10px;height:10px;margin-left:-5px;border-radius:50%}.cal-demo-point[aria-pressed=true] .cal-demo-dot{background:var(--copper)}.cal-demo-excluded{position:absolute;left:.6rem;top:3px;color:var(--muted);font-size:.73rem}.cal-demo-point-value{text-align:right}.cal-demo-empty{padding:1.2rem;font-size:.85rem;color:var(--muted);line-height:1.7}.cal-demo-hint{margin-top:.7rem!important;max-width:57rem;font-size:.76rem;line-height:1.8;color:var(--muted)}.cal-demo-detail{padding:1.15rem;border:1px solid var(--rule);background:#eeece2;min-width:0}.cal-demo-detail h3{margin-top:.5rem}.cal-demo-reason{margin-top:.65rem!important;font-size:.84rem;line-height:1.8;color:#45534a}.cal-demo-readings{display:grid;gap:.6rem;margin-top:1rem!important;padding-block:.85rem;border-block:1px solid var(--rule)}.cal-demo-quality>div,.cal-demo-readings>div{display:flex;justify-content:space-between;gap:1rem}.cal-demo-readings dt{font-size:.8rem;color:var(--muted)}.cal-demo-readings dd{font:.83rem/1.7 var(--font-mono);text-align:right}.cal-demo-quality{display:grid;gap:.5rem;margin-top:1rem!important}.cal-demo-quality dt{font-size:.76rem;line-height:1.7;color:var(--muted)}.cal-demo-quality dd{font:.78rem/1.7 var(--font-mono)}.cal-demo-statistics{margin-top:1.25rem;border-top:1px solid var(--rule)}.cal-demo-method summary,.cal-demo-statistics summary{padding:.9rem .1rem;cursor:pointer;font-size:.85rem;line-height:1.7}.cal-demo-statistics dl{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:.4rem 0 .7rem}.cal-demo-statistics dt{font-size:.76rem;color:var(--muted)}.cal-demo-statistics dd{margin-top:.3rem;font:.85rem/1.7 var(--font-mono)}.cal-demo-statistics p{margin-top:.5rem;font-size:.78rem;line-height:1.8;color:#45534a}.cal-demo-totals{margin-top:1rem!important;font:.7rem/1.8 var(--font-mono);color:var(--muted)}.cal-demo-advanced{margin-top:1.25rem;border:1px solid #aab2a1;background:#eeece2;scroll-margin-top:calc(var(--site-header-height) + var(--case-nav-height) + 16px)}.cal-demo-advanced>summary{min-height:60px;padding:1rem;cursor:pointer;font-size:.95rem;line-height:1.6}.cal-demo-advanced>summary strong{font-weight:500}.cal-demo-advanced>summary span{display:block;margin-left:1rem;margin-top:.2rem;font-size:.78rem;color:var(--muted)}.cal-demo-inputs{padding:1rem 1rem 1.25rem;border-top:1px solid var(--rule)}.cal-demo-settings{display:grid;gap:1rem;margin-top:1.3rem}.cal-demo-settings label{display:flex;flex-direction:column;gap:.5rem;color:#45534a;font-size:.78rem;line-height:1.6}.cal-demo-editors textarea,.cal-demo-settings input{width:100%;border:1px solid #aab2a1;border-radius:2px;background:#faf8f0;padding:.75rem;color:var(--ink);font:.85rem/1.5 var(--font-mono)}.cal-demo-editors{margin-top:1.2rem;border-block:1px solid var(--rule)}.cal-demo-editors summary{cursor:pointer;padding:1rem .2rem;font-size:.85rem;font-weight:500}.cal-demo-editors summary span{display:block;margin:.3rem 0 0 1rem;font-size:.76rem;font-weight:400;line-height:1.6;color:var(--muted)}.cal-demo-editor-grid{display:grid;gap:1.2rem;padding-block:.4rem 1rem}.cal-demo-editor-grid>div{min-width:0}.cal-demo-editor-grid label{display:block;font-size:.85rem;font-weight:500}.cal-demo-editor-grid p{margin-top:.4rem;min-height:3rem;font-size:.77rem;line-height:1.7;color:var(--muted)}.cal-demo-editor-grid input{display:block;margin-block:.75rem;width:100%;min-height:44px;font-size:.76rem}.cal-demo-editors textarea{resize:vertical;white-space:pre;overflow:auto;min-height:180px;font-size:.76rem;line-height:1.75}.cal-demo-editors>.cal-demo-hint{margin-bottom:1rem}.cal-demo-run{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-top:1.2rem}.cal-demo-run>span{font-size:.78rem;color:var(--muted)}.cal-demo-error{margin-top:1rem!important;padding:.9rem 1rem;border-left:3px solid #a5323c;background:#f1ddd6;color:#852e31;font-size:.85rem;line-height:1.7}.cal-demo-status{margin-top:.8rem!important;min-height:1.5rem;color:var(--moss);font-size:.78rem;line-height:1.7}.cal-demo-stale{margin-top:1rem!important;border-left:3px solid var(--copper);padding:.8rem 1rem;background:#eee3d5;font-size:.8rem;line-height:1.7;color:#79472c}.cal-demo-stale a{text-decoration:underline;text-underline-offset:3px}.cal-demo-method{padding-top:1.7rem;max-width:54rem}.cal-demo-method h2{font-size:1.55rem}.cal-demo-method p{margin-top:.75rem;color:#45534a;font-size:.84rem;line-height:1.85}.cal-demo-method details{margin-top:.5rem}.cal-demo-method summary{padding-bottom:.25rem}.cal-demo-method a{display:inline-flex;align-items:center;gap:1rem;min-height:44px;margin-top:.75rem;font-size:.82rem;color:var(--copper);text-decoration:underline;text-underline-offset:4px}@media(min-width:640px){.cal-demo{padding:1.8rem 2rem 4rem}.cal-demo-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-demo-experiment-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:920px){.cal-demo-settings{grid-template-columns:1.3fr repeat(3,minmax(0,1fr))}.cal-demo-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-demo-inspection{grid-template-columns:1.25fr 1fr;gap:2rem}}@media(prefers-reduced-motion:reduce){.cal-demo *{transition:none!important}}.cal-demo-start{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem 1rem;margin-top:.8rem}.cal-demo-start>span{font-size:.77rem;line-height:1.6;color:var(--muted)}.cal-demo-start button[data-active=true]{background:var(--moss);border-color:var(--moss)}.cal-demo-result-actions{margin-top:.9rem}