.ckp{--ckp-navy:#0b1f3a;--ckp-slate:#5b6b7f;--ckp-line:#dde3ea;--ckp-teal:#0e9bae;--ckp-teal-ink:#0a6f7d;--ckp-teal-tint:#e3f6f8;--ckp-red:#d9534f;--ckp-red-ink:#a12a2a;--ckp-red-tint:#fbe4e4;--ckp-orange-ink:#8a4a12;--ckp-orange-tint:#fbebdd;--ckp-green:#13744e;--ckp-green-tint:#e3f4ec;--ckp-tilt:-1.5deg;--ckp-loop:7s;color:var(--ckp-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;position:relative;container-type:inline-size}.ckp-stage{grid-template-columns:minmax(0,.88fr) minmax(0,1.5fr) minmax(0,.94fr);grid-template-areas:"ticket gate out";align-items:center;gap:clamp(.75rem,2.4cqi,1.4rem);padding:clamp(1.25rem,4.5cqi,2.75rem);font-size:clamp(.85rem,1.45cqi,.98rem);display:grid}.ckp p{margin:0}.ckp ul{margin:0;padding:0;list-style:none}.ckp-label{color:var(--ckp-teal-ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4em;font-size:.8em;font-weight:700;display:flex}.ckp-label svg{flex:none}.ckp-gatecard,.ckp-out{box-shadow:0 0 0 1px var(--ckp-line);background:#fff;border-radius:14px;gap:.6em;padding:1em 1.1em;display:grid}.ckp-ticket{transform:rotate(var(--ckp-tilt));background:#fffdf7;border:1.5px dashed #c9c2ae;border-radius:6px;grid-area:ticket;gap:.6em;padding:1em 1.05em;display:grid;box-shadow:0 16px 28px -22px #0b1f3a99}.ckp-no{gap:.1em;display:grid}.ckp-no b{font-variant-numeric:tabular-nums}.ckp-no span{color:var(--ckp-slate);font-size:.85em}.ckp-items{border-top:1px dashed #c9c2ae;gap:.4em;padding-top:.6em;display:grid}.ckp-items li{justify-content:space-between;align-items:baseline;gap:.5em;font-size:.9em;display:flex}.ckp-items b{font-variant-numeric:tabular-nums;flex:none}.ckp-gatecard{grid-area:gate}.ckp-against{color:var(--ckp-slate);margin-top:-.3em;font-size:.88em}.ckp-against b{color:var(--ckp-navy);white-space:nowrap}.ckp-gate{height:4.4em;position:relative}.ckp-road{background:repeating-linear-gradient(90deg,#c9d3de 0 1.2em,#0000 1.2em 2em);border-radius:999px;height:.3em;position:absolute;bottom:0;left:0;right:0}.ckp-post{background:var(--ckp-navy);border-radius:4px 4px 2px 2px;width:1em;height:3.1em;position:absolute;bottom:.3em;left:.9em}.ckp-lamp,.ckp-lamp-go{border-radius:50%;width:1.3em;height:1.3em;position:absolute;top:0;left:.75em}.ckp-lamp{background:var(--ckp-red);box-shadow:0 0 0 3px #d9534f38,0 0 14px #d9534f8c}.ckp-lamp-go{background:var(--ckp-green);opacity:0;box-shadow:0 0 0 3px #157d5438,0 0 14px #157d5480}.ckp-arm{background:repeating-linear-gradient(90deg, var(--ckp-red) 0 1.1em, #fff 1.1em 2.2em);box-shadow:0 0 0 1.5px var(--ckp-red);transform-origin:0;border-radius:999px;justify-content:center;align-items:center;height:.75em;display:flex;position:absolute;top:1.9em;left:1.6em;right:.4em}.ckp-sign{box-shadow:0 0 0 1.5px var(--ckp-red-ink);color:var(--ckp-red-ink);letter-spacing:.1em;text-transform:uppercase;background:#fff;border-radius:4px;padding:.3em .55em;font-size:.75em;font-weight:800;line-height:1}.ckp-checks{gap:.3em;display:grid}.ckp-checks li{border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto;align-items:center;gap:.6em;padding:.35em .5em;display:grid}.ckp-what{font-size:.92em;font-weight:600}.ckp-detail{color:var(--ckp-slate);font-variant-numeric:tabular-nums;font-size:.88em}.ckp-mark{background:var(--ckp-green-tint);color:var(--ckp-green);border-radius:50%;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:inline-flex}.ckp-checks li[data-state=off]{background:var(--ckp-red-tint)}.ckp-checks li[data-state=off] .ckp-detail{color:var(--ckp-red-ink);font-weight:700}.ckp-checks li[data-state=off] .ckp-mark{color:var(--ckp-red-ink);background:#fff}.ckp-out{box-shadow:0 0 0 2px var(--ckp-teal), 0 14px 30px -22px #0b1f3a99;grid-area:out}.ckp-out-main,.ckp-out-next{gap:.55em;display:grid}.ckp-status{background:var(--ckp-orange-tint);color:var(--ckp-orange-ink);border-radius:999px;justify-self:start;padding:.2em .65em;font-size:.85em;font-weight:700}.ckp-short{font-variant-numeric:tabular-nums;font-size:1.05em;font-weight:700}.ckp-short span{white-space:nowrap}.ckp-unit{color:var(--ckp-slate);font-variant-numeric:tabular-nums;font-size:.85em}.ckp-unit span{white-space:nowrap}.ckp-next,.ckp-dispatch{align-items:center;gap:.45em;font-size:.9em;font-weight:600;display:flex}.ckp-next svg,.ckp-dispatch svg{flex:none}.ckp-next svg{color:var(--ckp-slate)}.ckp-dispatch{background:var(--ckp-teal-tint);color:var(--ckp-teal-ink);border-radius:10px;padding:.45em .65em;font-weight:700}.ckp-pause{border:1px solid var(--ckp-line);color:var(--ckp-navy);cursor:pointer;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.ckp-pause:hover{background:var(--ckp-navy);color:#fff}.ckp-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.ckp-pause{opacity:0}.ckp:hover .ckp-pause,.ckp:focus-within .ckp-pause{opacity:1}}@container (max-width:920px){.ckp-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-areas:"ticket gate""out out"}.ckp-out{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:1.2em}}@container (max-width:640px){.ckp-ticket{--ckp-tilt:-1deg}.ckp-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"ticket""gate""out";gap:.6rem;padding:1rem}.ckp-out{grid-template-columns:minmax(0,1fr)}}@container (max-width:420px){.ckp-checks li{grid-template-columns:minmax(0,1fr) auto;row-gap:.1em}.ckp-detail{grid-area:2/1}.ckp-mark{grid-area:1/2/3}.ckp-unit{display:none}}@media (prefers-reduced-motion:no-preference){.ckp-pause{transition:opacity .18s,background .18s}.ckp[data-play] .ckp-ticket{animation:ckp-ticket var(--ckp-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.ckp[data-play] .ckp-gatecard{animation:ckp-gatecard var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-checks li:first-child{animation:ckp-c1 var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-checks li:nth-child(2){animation:ckp-c2 var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-checks li:nth-child(3){animation:ckp-c3 var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-checks li:nth-child(4){animation:ckp-c4 var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-checks li:nth-child(5){animation:ckp-c5 var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-checks li:first-child .ckp-mark{animation:ckp-m1 var(--ckp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.ckp[data-play] .ckp-checks li:nth-child(2) .ckp-mark{animation:ckp-m2 var(--ckp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.ckp[data-play] .ckp-checks li:nth-child(3) .ckp-mark{animation:ckp-m3 var(--ckp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.ckp[data-play] .ckp-checks li:nth-child(4) .ckp-mark{animation:ckp-m4 var(--ckp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.ckp[data-play] .ckp-checks li:nth-child(5) .ckp-mark{animation:ckp-m5 var(--ckp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.ckp[data-play] .ckp-arm{animation:ckp-arm var(--ckp-loop) ease-in-out .94 forwards}.ckp[data-play] .ckp-lamp-go{animation:ckp-go var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-lamp{animation:ckp-stop var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-out{animation:ckp-out var(--ckp-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.ckp[data-play] .ckp-status{animation:ckp-status var(--ckp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.ckp[data-play] .ckp-next{animation:ckp-next var(--ckp-loop) ease .94 forwards}.ckp[data-play] .ckp-dispatch{animation:ckp-dispatch var(--ckp-loop) ease .94 forwards}.ckp[data-paused] *{animation-play-state:paused!important}}@keyframes ckp-ticket{0%,2%{opacity:0;transform:translate(-28px)rotate(-3deg)}10%,95%{opacity:1;transform:rotate(var(--ckp-tilt))}to{opacity:0}}@keyframes ckp-gatecard{0%,10%{opacity:0;transform:translateY(10px)}16%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-c1{0%,18%{opacity:0;transform:translate(-10px)}22%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-c2{0%,25%{opacity:0;transform:translate(-10px)}29%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-c3{0%,32%{opacity:0;transform:translate(-10px)}36%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-c4{0%,39%{opacity:0;transform:translate(-10px)}43%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-c5{0%,46%{opacity:0;transform:translate(-10px)}50%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-m1{0%,21%{opacity:0;transform:scale(.5)}24%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-m2{0%,28%{opacity:0;transform:scale(.5)}31%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-m3{0%,35%{opacity:0;transform:scale(.5)}38%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-m4{0%,42%{opacity:0;transform:scale(.5)}45%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-m5{0%,49%{opacity:0;transform:scale(.5)}52%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-arm{0%,20%{transform:none}24%,27%{transform:rotate(-1deg)}31%,34%{transform:rotate(-2deg)}38%,41%{transform:rotate(-3deg)}45%,50%{transform:rotate(-4deg)}53%{transform:rotate(1.5deg)}56%{transform:rotate(-.8deg)}59%,to{transform:none}}@keyframes ckp-go{0%,20%{opacity:0}24%,50%{opacity:1}52%,to{opacity:0}}@keyframes ckp-stop{0%,52%{opacity:1;transform:none}55%{opacity:.35;transform:scale(1.15)}58%{opacity:1;transform:none}61%{opacity:.35;transform:scale(1.15)}64%,to{opacity:1;transform:none}}@keyframes ckp-out{0%,60%{opacity:0;transform:translate(14px)}66%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-status{0%,64%{opacity:0;transform:scale(.85)}70%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-next{0%,70%{opacity:0;transform:translateY(6px)}74%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes ckp-dispatch{0%,76%{opacity:0;transform:scale(.94)}82%,95%{opacity:1;transform:none}to{opacity:0}}
.cs{--cs-navy:#0b1f3a;--cs-slate:#5b6b7f;--cs-line:#dde3ea;--cs-green:#13744e;--cs-green-tint:#e3f4ec;--cs-1:#0a6f7d;--cs-1-tint:#d3f0f4;--cs-2:#8a4a12;--cs-2-tint:#fbe3cc;--cs-3:#3d587d;--cs-3-tint:#dde6f2;--cs-loop:5.5s;color:var(--cs-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;position:relative;container-type:inline-size}.cs-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3cqi,2rem);padding:clamp(1.25rem,4.5cqi,2.75rem);font-size:clamp(.9rem,1.6cqi,1rem);display:grid}.cs-note{box-shadow:0 0 0 1px var(--cs-line);background:#fff;border-radius:14px;padding:1.1em 1.25em 1.3em}.cs-head{border-bottom:1px solid var(--cs-line);color:var(--cs-1);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.4em;margin:0 0 .9em;padding-bottom:.7em;font-size:.85em;font-weight:700;display:flex}.cs-head span{color:var(--cs-slate);letter-spacing:0;text-transform:none;font-weight:500}.cs-text{margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em;line-height:1.75}.cs-text mark{color:inherit;isolation:isolate;background:0 0;position:relative}.cs-text mark:before{content:"";z-index:-1;border-radius:4px;position:absolute;inset:-.08em -.2em}.cs-text mark:after{content:"";border-radius:999px;height:2px;position:absolute;bottom:-.2em;left:0;right:0}.cs-text mark[data-n="1"]:before{background:var(--cs-1-tint)}.cs-text mark[data-n="1"]:after{background:var(--cs-1)}.cs-text mark[data-n="2"]:before{background:var(--cs-2-tint)}.cs-text mark[data-n="2"]:after{background:var(--cs-2)}.cs-text mark[data-n="3"]:before{background:var(--cs-3-tint)}.cs-text mark[data-n="3"]:after{background:var(--cs-3)}.cs-side{gap:.7em;display:grid}.cs-label{color:var(--cs-slate);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.85em;font-weight:700}.cs-codes{gap:.55em;margin:0;padding:0;list-style:none;display:grid}.cs-codes li{box-shadow:0 0 0 1px var(--cs-line);background:#fff;border-left:4px solid;border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:.15em .75em;padding:.7em .9em;display:grid}.cs-codes li[data-n="1"]{border-left-color:var(--cs-1)}.cs-codes li[data-n="2"]{border-left-color:var(--cs-2)}.cs-codes li[data-n="3"]{border-left-color:var(--cs-3)}.cs-codes b{grid-row:span 2;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.05em}.cs-codes li[data-n="1"] b{color:var(--cs-1)}.cs-codes li[data-n="2"] b{color:var(--cs-2)}.cs-codes li[data-n="3"] b{color:var(--cs-3)}.cs-codes span{font-weight:600;line-height:1.3}.cs-codes q{color:var(--cs-slate);font-size:.88em}.cs-codes q:before{content:"Evidence: “"}.cs-codes q:after{content:"”"}.cs-approved,.cs-charts{border-radius:999px;justify-self:start;align-items:center;gap:.4em;margin:0;padding:.4em .85em;font-weight:700;display:inline-flex}.cs-approved{background:var(--cs-green-tint);border:2px solid var(--cs-green);color:var(--cs-green);margin-top:.2em}.cs-charts{box-shadow:0 0 0 1px var(--cs-line);color:var(--cs-navy);background:#fff;font-weight:600}.cs-pause{border:1px solid var(--cs-line);color:var(--cs-navy);cursor:pointer;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.cs-pause:hover{background:var(--cs-navy);color:#fff}.cs-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.cs-pause{opacity:0}.cs:hover .cs-pause,.cs:focus-within .cs-pause{opacity:1}}@container (max-width:620px){.cs-stage{grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1rem;font-size:.9rem}}@media (prefers-reduced-motion:no-preference){.cs-pause{transition:opacity .18s,background .18s}.cs[data-play] .cs-text mark[data-n="1"]:before,.cs[data-play] .cs-text mark[data-n="1"]:after{animation:cs-mark1 var(--cs-loop) ease .94 forwards}.cs[data-play] .cs-text mark[data-n="2"]:before,.cs[data-play] .cs-text mark[data-n="2"]:after{animation:cs-mark2 var(--cs-loop) ease .94 forwards}.cs[data-play] .cs-text mark[data-n="3"]:before,.cs[data-play] .cs-text mark[data-n="3"]:after{animation:cs-mark3 var(--cs-loop) ease .94 forwards}.cs[data-play] .cs-codes li[data-n="1"]{animation:cs-code1 var(--cs-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.cs[data-play] .cs-codes li[data-n="2"]{animation:cs-code2 var(--cs-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.cs[data-play] .cs-codes li[data-n="3"]{animation:cs-code3 var(--cs-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.cs[data-play] .cs-approved{animation:cs-stamp var(--cs-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.cs[data-play] .cs-charts{animation:cs-charts var(--cs-loop) ease .94 forwards}.cs[data-paused] *,.cs[data-paused] :before,.cs[data-paused] :after{animation-play-state:paused!important}}@keyframes cs-mark1{0%,8%{opacity:0;transform:scaleX(.6)}13%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes cs-mark2{0%,26%{opacity:0;transform:scaleX(.6)}31%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes cs-mark3{0%,44%{opacity:0;transform:scaleX(.6)}49%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes cs-code1{0%,14%{opacity:0;transform:translate(14px)}20%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes cs-code2{0%,32%{opacity:0;transform:translate(14px)}38%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes cs-code3{0%,50%{opacity:0;transform:translate(14px)}56%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes cs-stamp{0%,64%{opacity:0;transform:scale(1.25)}70%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes cs-charts{0%,74%{opacity:0;transform:translateY(6px)}80%,94%{opacity:1;transform:none}to{opacity:0}}
