@layer components{.cfiles{grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);list-style:none;display:grid}.sol-proof+.cfiles{margin-top:clamp(1rem,2vw,1.5rem)}@media (min-width:900px){.cfiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cfiles--one{grid-template-columns:minmax(0,1fr)}}.cfile{min-width:0;display:flex}.cfile-card{border-radius:var(--r-card);border:1px solid var(--line);background:var(--bg-raised);flex-direction:column;width:100%;padding:clamp(1.5rem,3vw,2rem);display:flex;box-shadow:inset 0 1px #ffffff0a}.cfile-logo{object-fit:contain;object-position:left center;width:auto;max-width:10rem;height:32px;margin-bottom:1.25rem;display:block}.cfile-kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;gap:.25rem 0;font-size:.75rem;display:flex}.cfile-kicker span+span:before{content:"·";content:"·" / "";margin-inline:.55em}.cfile-title{letter-spacing:-.025em;text-wrap:balance;color:var(--text);margin-top:.7rem;font-size:1.375rem;font-weight:550;line-height:1.2}.cfile-metric{border-left:2px solid var(--accent-line);font-size:var(--fs-lead);color:var(--text);text-wrap:pretty;margin-top:1rem;padding-left:.9rem;font-weight:560;line-height:1.35}.cfile-sum{font-size:var(--fs-body);color:var(--text-muted);text-wrap:pretty;margin-top:.85rem;line-height:1.6}.cfile-link{color:var(--link);margin-top:auto;padding-top:1.1rem;font-size:.9375rem}.cfile-more{margin-top:1rem}.cfile-more>summary{cursor:pointer;min-height:24px;color:var(--link);align-items:center;gap:.55rem;font-size:.9375rem;font-weight:560;list-style:none;display:inline-flex}.cfile-more>summary::-webkit-details-marker{display:none}.cfile-more>summary:after{content:"";width:.45rem;height:.45rem;transition:transform var(--dur-fast) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:translateY(-.15rem)rotate(45deg)}.cfile-more[open]>summary:after{transform:translateY(.1rem)rotate(-135deg)}.cfile-body{font-size:var(--fs-body);color:var(--text-muted);margin-top:.5rem;line-height:1.6}.cfile-body>*+*{margin-top:.75rem}.cfile-body strong{color:var(--text);font-weight:560}.cfile-body ul{gap:.4rem;padding-left:1.25rem;list-style:outside;display:grid}.cfile-body ol{gap:.4rem;padding-left:1.4rem;list-style:decimal;display:grid}.cfile-body a{color:var(--link);text-underline-offset:3px;text-decoration:underline}.cfile-slot{border-radius:var(--r-card);border:1.5px dashed var(--accent-line);color:var(--text-muted);font-size:var(--fs-body);gap:.5rem;padding:clamp(1.5rem,3vw,2.5rem);line-height:1.6;display:grid}.cfile-slot-label{letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-size:.75rem}[data-world=daylight] .cfile-slot-label{color:var(--amber-text)}}@media (prefers-color-scheme:dark){[data-auto-scheme] [data-world=daylight] .cfile-slot-label{color:var(--amber)}}
@layer components{.ccl{--ccl-pad:clamp(1rem, .6rem + 1.5vw, 1.35rem);width:100%;max-width:520px;padding:var(--ccl-pad);border-radius:var(--r-card);border:1px solid var(--line);background:var(--bg-raised);color:var(--text);grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"call cap caller time""call status status timer""wave wave wave wave""ledger ledger ledger ledger""foot foot foot foot";align-items:center;column-gap:.75rem;margin:0;font-size:.9375rem;line-height:1.45;display:grid;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff0a}.ccl>*{min-width:0}.ccl-call{border:1.5px solid var(--amber);border-radius:50%;grid-area:call;align-self:center;place-items:center;width:40px;height:40px;display:grid;position:relative}.ccl-pulse{border:1.5px solid var(--amber);pointer-events:none;border-radius:50%;position:absolute;inset:-1.5px;transform:scale(0)}.ccl-dot{background:var(--amber);border-radius:50%;width:8px;height:8px}.ccl-cap{grid-area:cap;margin:0;display:flex}.ccl-caller{letter-spacing:-.01em;text-wrap:pretty;grid-area:caller;margin:0;font-weight:500}.ccl-time{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:time;justify-self:end;font-size:.75rem}.ccl-status{grid-area:status;margin:.3rem 0 0;display:grid}.ccl-face{letter-spacing:-.015em;text-wrap:pretty;grid-area:1/1;font-weight:560}.ccl-face--in{color:var(--text-muted);font-weight:400;display:none}.ccl-timer{font-family:var(--font-mono);letter-spacing:.02em;color:var(--amber);font-variant-numeric:tabular-nums;grid-area:timer;justify-self:end;margin-top:.3rem;font-size:.75rem}.ccl-wave{grid-area:wave;height:28px;margin-top:1rem;position:relative}.ccl-wave-canvas,.ccl-wave-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.ccl-wave-canvas{display:none}.ccl-wave-svg path{fill:none;stroke:var(--amber);stroke-width:1.25px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.7}html.js[data-motion=full] .ccl-wave-canvas{display:block}html.js[data-motion=full] .ccl-wave-svg{display:none}.ccl-ledger{grid-area:ledger;margin:.5rem 0 0;padding:0;list-style:none}.ccl-row{border-top:1px solid var(--line);grid-template-columns:3.25rem 4.25rem minmax(0,1fr);align-items:baseline;column-gap:.75rem;padding:.7rem 0;display:grid}.ccl-ts,.ccl-who{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.ccl-line{color:var(--text);text-wrap:pretty;overflow-wrap:anywhere}.ccl-row--booked,.ccl-row--handoff{grid-template-columns:3.25rem minmax(0,1fr);align-items:center}.ccl-row--booked{padding:.6rem 0}.ccl-row--handoff{padding:.55rem 0 .15rem}.ccl-booked{border-radius:var(--r-pill);border:1px solid color-mix(in srgb, var(--amber) 70%, transparent);height:28px;color:var(--amber);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;transform-origin:0;justify-self:start;align-items:center;gap:.45rem;padding:0 .8rem 0 .6rem;font-size:.75rem;display:inline-flex}.ccl-check{flex:none;width:14px;height:14px}.ccl-check path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ccl-handoff{align-items:center;gap:.75rem;min-width:0;display:flex}.ccl-signoff{flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.ccl-ring{width:100%;height:100%;position:absolute;inset:0}.ccl-ring circle{fill:none;stroke:var(--amber);stroke-width:2px}.ccl-human{width:16px;height:16px;color:var(--text);position:relative}.ccl-handoff .ccl-line{font-weight:500}.ccl-foot{border-top:1px solid var(--line);grid-area:foot;justify-content:flex-end;margin-top:.75rem;padding-top:.8rem;display:flex}.ccl-ctl{border-radius:var(--r-pill);border:1px solid var(--line);height:40px;color:var(--text);cursor:pointer;transition:border-color var(--dur-fast), background-color var(--dur-fast);background:0 0;align-items:center;gap:.5rem;padding:0 1rem 0 .85rem;font-size:.875rem;font-weight:500;display:inline-flex}.ccl-ctl:hover{border-color:var(--accent-line);background:#ffbf0014}.ccl-ctl:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.ccl-ctl .icon{width:15px;height:15px;display:none}.ccl-ctl[data-ctl=playing] .i-pause,.ccl-ctl[data-ctl=paused] .i-play,.ccl-ctl[data-ctl=idle] .i-play,.ccl-ctl[data-ctl=done] .i-replay{display:block}html:not(.js) .ccl-foot,html[data-motion=reduced] .ccl-foot{display:none}@media (prefers-reduced-motion:reduce){.ccl-foot,html.js[data-motion=full] .ccl-wave-canvas{display:none}html.js[data-motion=full] .ccl-wave-svg{display:block}}@media (max-width:699px){.ccl{max-width:none}}@media (max-width:479px){.ccl{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cap cap time""call caller caller""call status timer""wave wave wave""ledger ledger ledger""foot foot foot"}.ccl-cap,.ccl-time{margin-bottom:.85rem}.ccl-wave{height:24px}.ccl-row{grid-template-columns:2.75rem 3.5rem minmax(0,1fr);column-gap:.5rem}.ccl-row--booked,.ccl-row--handoff{grid-template-columns:2.75rem minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){html.js:is([data-motion=full],[data-motion=lite]):not(.motion-failsafe) .ccl:not([data-phase]) :is(.ccl-ledger>li,.ccl-timer){clip-path:inset(0% 100% 0% 0%)}html.js:is([data-motion=full],[data-motion=lite]):not(.motion-failsafe) .ccl:not([data-phase]) .ccl-face--in{display:block}html.js:is([data-motion=full],[data-motion=lite]):not(.motion-failsafe) .ccl:not([data-phase]) .ccl-face--on{clip-path:inset(100% 0% 0%);transform:translateY(6px)}html.js:is([data-motion=full],[data-motion=lite]):not(.motion-failsafe) .ccl:not([data-phase]) .ccl-dot{transform:scale(0)}html.js:is([data-motion=full],[data-motion=lite]):not(.motion-failsafe) .ccl:not([data-phase]) .ccl-booked{transform:scale(.96)}html.js:is([data-motion=full],[data-motion=lite]):not(.motion-failsafe) .ccl:not([data-phase]) :is(.ccl-check path,.ccl-ring circle){stroke-dasharray:1;stroke-dashoffset:1px}html.js:is([data-motion=full],[data-motion=lite]):not(.motion-failsafe) .ccl:not([data-phase]) .ccl-ring{clip-path:circle(0%)}}}
