/* /features/what-changed/ only: the date ruler, the change rule slider, diverging change bars,
   tipping buckets for "left at once", the date-stamp pile and the re-ranking leaderboard. Prefix wc-. */

.wc-up{color:#5fd39e}.wc-dn{color:#ff9a72}.wc-eq{color:var(--sk-text-3)}.wc-none{color:var(--sk-bots)}
.fold-paper .wc-up{color:#0d7a50}.fold-paper .wc-dn{color:#b4471b}

/* small switch (hero and fold 05) */
.wc-sw{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem .35rem .4rem;border:1px solid var(--sk-line-2);border-radius:999px;background:var(--sk-ink);color:var(--sk-text-2);font:600 .78rem var(--sk-sans);cursor:pointer;position:relative;overflow:hidden}
.wc-knob{position:relative;width:1.9rem;height:1.05rem;border-radius:999px;background:#2b3a49;transition:background .25s}
.wc-knob::after{content:"";position:absolute;top:.15rem;left:.15rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--sk-text);transition:transform .25s}
.wc-sw[aria-checked="true"]{color:var(--sk-text)}
.wc-sw[aria-checked="true"] .wc-knob{background:var(--sk-ai)}
.wc-sw[aria-checked="true"] .wc-knob::after{transform:translateX(.85rem)}
.wc-sw:disabled{opacity:.45;cursor:not-allowed}

/* hero: the date ruler */
.wc-rl{border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-deep);overflow:hidden}
.wc-rl-bar{display:flex;justify-content:space-between;gap:.6rem;padding:.6rem .85rem;border-bottom:1px solid var(--sk-line);font:500 .66rem var(--sk-mono);color:var(--sk-text-3)}
.wc-rl-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;padding:.9rem .85rem .2rem}
.wc-seg .seg{padding:.45rem .75rem;font-size:.82rem}
.wc-sws{display:flex;flex-wrap:wrap;gap:.45rem}
.wc-ruler{display:none}
.js .wc-ruler{display:grid;grid-template-columns:repeat(var(--n,15),minmax(0,1fr));grid-template-rows:1.5rem 1.6rem 1.2rem;column-gap:2px;margin:1rem .85rem .4rem}
.wc-ruler i{grid-row:2;border-radius:2px;background:#1d2a36;transition:background .3s}
.wc-ruler i.nm{background:repeating-linear-gradient(135deg,#1d2a36 0 3px,#2c3a48 3px 6px)}
.wc-ruler i.in-a{background:var(--sk-ai)}
.wc-ruler i.in-b{background:var(--sk-people)}
.wc-ruler i.in-x{background:transparent;outline:1px dashed #ff9a72;outline-offset:-1px}
.wc-ruler i.nm.in-x{background:repeating-linear-gradient(135deg,#1d2a36 0 3px,#2c3a48 3px 6px)}
.wc-ruler i.td{box-shadow:inset 0 -6px 0 #f2c55c}
.wc-ruler i.td.in-a{background:linear-gradient(to top,#f2c55c 0 35%,var(--sk-ai) 35%)}
.wc-br{grid-row:1;align-self:end;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .2rem .15rem;border-bottom:2px solid;font:600 .6rem var(--sk-mono);text-align:center;min-width:0}
.br-a{color:#ffb08f;border-color:var(--sk-ai)}
.br-b{color:#9cc4f4;border-color:var(--sk-people)}
.br-x{color:#ff9a72;border-color:#ff9a72;border-bottom-style:dashed}
.wc-tk{grid-row:3;font:500 .56rem var(--sk-mono);color:#7d8d9c;white-space:nowrap}
.tk-l{justify-self:start}.tk-r{justify-self:end}.tk-m{justify-self:center;color:#c79bf2}
.wc-now{margin:.4rem .85rem 0;font-size:.92rem;line-height:1.5;color:var(--sk-text-2)}
.wc-now b{color:var(--sk-text)}
.wc-why{margin:.5rem .85rem 0;padding:.5rem .65rem;border-left:3px solid #ff9a72;background:#1b1512;font-size:.8rem;line-height:1.5;color:#f3d2c4}
.wc-how{margin:.5rem .85rem .9rem;font:400 .68rem/1.55 var(--sk-mono);color:var(--sk-text-3)}
.wc-rl.flash .wc-now{animation:wcIn .45s ease}
@keyframes wcIn{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}

/* 01: the change rule slider and five tiles */
.wc-gap{padding:1.3rem 1.3rem 1.1rem;border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink)}
.wc-gap-k{margin:0;font:600 .66rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-3)}
.wc-gap-v{margin:.3rem 0 0;font:800 3.4rem/1 var(--sk-disp);letter-spacing:-.03em}
.wc-gap-c{margin:.35rem 0 1rem;font:600 1rem var(--sk-mono);min-height:1.5em}
.wc-was{color:var(--sk-text-3);font-weight:500}
.wc-gap-l{display:block;font-size:.85rem;color:var(--sk-text-2)}
.wc-range{width:100%;margin:.4rem 0 1rem;accent-color:var(--sk-ai)}
.wc-gap .seg{padding:.45rem .8rem;font-size:.82rem}
.wc-gap-say{margin:.9rem 0 0;font-size:.88rem;line-height:1.5;color:var(--sk-text-2)}
.wc-five{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.wc-t{display:grid;gap:.15rem;padding:.8rem .9rem;border:1px solid var(--sk-line);border-radius:8px;background:var(--sk-ink)}
.wc-t:last-child{grid-column:1 / -1}
.wc-t span{font:600 .62rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-3)}
.wc-t b{font:800 1.9rem/1.05 var(--sk-disp)}
.wc-t i{font:600 .78rem var(--sk-mono);font-style:normal}
.wc-t i em{font-style:normal;color:var(--sk-text-3);font-weight:500}
.wc-t small{font-size:.72rem;color:var(--sk-text-3)}
.wc-own{margin:1.1rem 0 0;padding:.8rem 1rem;border-left:3px solid var(--sk-ai);font-size:.9rem;line-height:1.6;color:var(--sk-text-2)}

/* 02: diverging change bars */
.wc-dv{max-width:56rem}
.wc-dv-say{margin:0 0 1rem;font-size:1.02rem;line-height:1.55;color:var(--sk-text)}
.wc-dv-h,.wc-dv-list li{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) 7.5rem;align-items:center;gap:.8rem}
.wc-dv-h{grid-template-columns:minmax(0,13rem) minmax(0,.5fr) minmax(0,.5fr) 7.5rem;font:600 .6rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-4);padding:0 0 .4rem}
.wc-dv-h span:nth-child(2){text-align:right;padding-right:.4rem}
.wc-dv-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}
.wc-dv-list[hidden]{display:none}
.wc-dv-list li{padding:.45rem 0;border-top:1px solid var(--sk-line)}
.wc-dv-k{font-size:.92rem;color:var(--sk-text);min-width:0;overflow-wrap:anywhere}
.wc-dv-k small{display:block;font:500 .7rem var(--sk-mono);color:var(--sk-text-3)}
.wc-dv-list li>span:last-child{font:600 .82rem var(--sk-mono);text-align:right}
.wc-dv-bar{position:relative;height:.9rem;background:linear-gradient(90deg,transparent calc(50% - 1px),#3d5266 calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}
.wc-dv-bar i{position:absolute;top:0;bottom:0;left:50%;width:calc(max(var(--d),var(--d) * -1) * 1%);border-radius:0 3px 3px 0;background:#3fbf88;transform-origin:left;transition:transform .45s}
.wc-dv-list li.neg .wc-dv-bar i{left:auto;right:50%;border-radius:3px 0 0 3px;background:#e9774b;transform-origin:right}
.wc-dv-list li.same .wc-dv-bar i{background:#5d6e7e}
.wc-dv-list li.same .wc-dv-k{color:var(--sk-text-2)}
.wc-dv.flash .wc-dv-bar i{animation:wcGrow .5s ease}
@keyframes wcGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* 03: tipping buckets of "left at once" */
.wc-tb{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem;align-items:center}
.wc-tb-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;padding:0 2.6rem 3rem;overflow:hidden}
.wc-tb-c{display:grid;justify-items:center;align-content:end;gap:.3rem;text-align:center;transition:opacity .3s}
.wc-tb-c b{font:700 .95rem var(--sk-mono)}
.wc-tb-c small{min-height:2.6em;font:500 .62rem/1.3 var(--sk-mono);color:var(--sk-text-3);overflow-wrap:anywhere}
.wc-tb-tip{position:relative;display:block;margin-top:1.3rem;transform-origin:0 100%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.wc-tb-c[data-l="both"] .wc-tb-tip{transform-origin:100% 100%}
.wc-tb-b{position:relative;display:block;width:3.4rem;height:6.2rem;border-top:4px solid #8a9aab;background:#243442;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}
.wc-tb-b i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--p) * 1%);background:linear-gradient(to top,#e9774b,#f2c55c);transition:height .6s}
.wc-tb-b::before,.wc-tb-b::after{content:'';position:absolute;left:0;right:0;z-index:1;border-top:1px dashed}
.wc-tb-b::before{bottom:90%;border-color:#ff9a72}
.wc-tb-b::after{bottom:80%;border-color:#fff3c4}
.wc-tb-s{position:absolute;top:-4px;left:0;width:5px;height:14rem;border-radius:3px;background:linear-gradient(#f2c55c,#e9774b);transform-origin:50% 0;transform:rotate(24deg) scaleY(0);transition:transform .25s}
.wc-tb-c[data-l="both"] .wc-tb-s{left:auto;right:0;background:#f2c55c;transform:rotate(-24deg) scaleY(0)}
.js .wc-tb .wc-tb-c{opacity:.45}
.js .wc-tb[data-state="pricing"] [data-p="pricing"],.js .wc-tb[data-state="logs"] [data-p="logs"],.js .wc-tb[data-state="docs"] [data-p="docs"],.js .wc-tb[data-state="fall"] [data-p="fall"],.js .wc-tb[data-state="home"] [data-p="home"]{opacity:1}
.js .wc-tb[data-state="pricing"] [data-p="pricing"] .wc-tb-b,.js .wc-tb[data-state="logs"] [data-p="logs"] .wc-tb-b,.js .wc-tb[data-state="docs"] [data-p="docs"] .wc-tb-b,.js .wc-tb[data-state="fall"] [data-p="fall"] .wc-tb-b,.js .wc-tb[data-state="home"] [data-p="home"] .wc-tb-b{border-top-color:var(--sk-text)}
.js .wc-tb[data-state="pricing"] [data-p="pricing"][data-l="imp"] .wc-tb-tip,.js .wc-tb[data-state="logs"] [data-p="logs"][data-l="imp"] .wc-tb-tip,.js .wc-tb[data-state="docs"] [data-p="docs"][data-l="imp"] .wc-tb-tip,.js .wc-tb[data-state="fall"] [data-p="fall"][data-l="imp"] .wc-tb-tip,.js .wc-tb[data-state="home"] [data-p="home"][data-l="imp"] .wc-tb-tip{transform:rotate(-24deg)}
.js .wc-tb[data-state="pricing"] [data-p="pricing"][data-l="both"] .wc-tb-tip,.js .wc-tb[data-state="logs"] [data-p="logs"][data-l="both"] .wc-tb-tip,.js .wc-tb[data-state="docs"] [data-p="docs"][data-l="both"] .wc-tb-tip,.js .wc-tb[data-state="fall"] [data-p="fall"][data-l="both"] .wc-tb-tip,.js .wc-tb[data-state="home"] [data-p="home"][data-l="both"] .wc-tb-tip{transform:rotate(24deg)}
.js .wc-tb[data-state="pricing"] [data-p="pricing"][data-l="imp"] .wc-tb-s,.js .wc-tb[data-state="logs"] [data-p="logs"][data-l="imp"] .wc-tb-s,.js .wc-tb[data-state="docs"] [data-p="docs"][data-l="imp"] .wc-tb-s,.js .wc-tb[data-state="fall"] [data-p="fall"][data-l="imp"] .wc-tb-s,.js .wc-tb[data-state="home"] [data-p="home"][data-l="imp"] .wc-tb-s{transform:rotate(24deg) scaleY(1);transition:transform .5s .35s}
.js .wc-tb[data-state="pricing"] [data-p="pricing"][data-l="both"] .wc-tb-s,.js .wc-tb[data-state="logs"] [data-p="logs"][data-l="both"] .wc-tb-s,.js .wc-tb[data-state="docs"] [data-p="docs"][data-l="both"] .wc-tb-s,.js .wc-tb[data-state="fall"] [data-p="fall"][data-l="both"] .wc-tb-s,.js .wc-tb[data-state="home"] [data-p="home"][data-l="both"] .wc-tb-s{transform:rotate(-24deg) scaleY(1);transition:transform .5s .35s}
.wc-tb-tr{position:relative;display:flex;justify-content:space-between;gap:1rem;margin-top:-.4rem;padding:.55rem .9rem;border:2px solid #3d5266;border-top:0;border-radius:0 0 14px 14px;background:#121b24;font:600 .72rem var(--sk-mono);color:var(--sk-text-4)}
.wc-tb-tr span{transition:color .3s}
.wc-tb[data-state="pricing"] .wc-tb-imp{color:#ff9a72}
.wc-tb[data-state="logs"] .wc-tb-both,.wc-tb[data-state="fall"] .wc-tb-both{color:#f2c55c}
.wc-tb-key{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.6rem 0 0;font:500 .64rem var(--sk-mono);color:var(--sk-text-3)}
.wc-tb-key span{padding-left:1.4rem;background:linear-gradient(currentColor,currentColor) 0 50%/1.1rem 1px no-repeat}
.wc-tb-key .k90{color:#ff9a72}.wc-tb-key .k80{color:#fff3c4}
.wc-tb-out{padding:1.1rem 1.2rem;border:1px solid var(--sk-line-2);border-radius:10px;background:var(--sk-ink)}
.wc-tb-tag{display:inline-block;padding:.25rem .6rem;border-radius:4px;background:#3a2219;color:#ffb08f;font:700 .72rem var(--sk-mono);letter-spacing:.04em;text-transform:uppercase}
.wc-tb[data-state="docs"] .wc-tb-tag,.wc-tb[data-state="home"] .wc-tb-tag{background:#1d2a36;color:var(--sk-text-3)}
.wc-tb[data-state="logs"] .wc-tb-tag,.wc-tb[data-state="fall"] .wc-tb-tag{background:#3a3016;color:#f2c55c}
.wc-tb-out p{margin:.7rem 0 0;line-height:1.6;color:var(--sk-text-2)}
.wc-tb.flash .wc-tb-out{animation:wcIn .45s ease}

/* 04 (paper): new and updated pages, the stamp pile */
.wc-fr-say{margin:0 0 1rem;line-height:1.6;color:var(--sk-paper-ink-2)}
.wc-fr-wrap{overflow-x:auto;border:1px solid #b9ae99;border-radius:6px;background:#f8f5ee}
.wc-fr{width:100%;min-width:30rem;border-collapse:collapse;font-size:.82rem;color:var(--sk-paper-ink)}
.wc-fr th,.wc-fr td{padding:.5rem .6rem;border-bottom:1px solid var(--sk-paper-line);text-align:left;white-space:nowrap}
.wc-fr thead th{font:600 .62rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:#4a5866}
.wc-fr td.mono{font-size:.78rem}
.wc-sp{position:relative;padding:1rem;border:1px solid #b9ae99;border-radius:8px;background:#f8f5ee}
.wc-sp-pile{position:relative;height:19.5rem;border-bottom:2px solid #8d826e}
.wc-sp-pile i{position:absolute;left:calc(var(--c) * 10% + .5%);bottom:calc(var(--r) * 1.15rem + .15rem);width:9%;height:1rem;border:1.5px solid #b4471b;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(180,71,27,.25) 3px 5px);transition:left .7s cubic-bezier(.3,1.2,.5,1),bottom .7s cubic-bezier(.3,1.2,.5,1)}
.wc-sp[data-state="build"] .wc-sp-pile i{left:calc(var(--bc) * 10% + .5%);bottom:calc(var(--br) * 1.15rem + .15rem)}
.wc-sp-axis{display:flex;justify-content:space-between;margin:.35rem 0 0;font:600 .62rem var(--sk-mono);color:#4a5866}
.wc-sp-note,.wc-sp-ok{margin:.8rem 0 0;font-size:.85rem;line-height:1.55}
.wc-sp-note{display:none;padding:.55rem .7rem;border-left:3px solid #b4471b;background:#f3e3d8;color:#5a2a14}
.wc-sp-ok{color:#33414e}
.wc-sp[data-state="build"] .wc-sp-note{display:block}
.wc-sp[data-state="build"] .wc-sp-ok{display:none}

/* 05: the leaderboard that re-ranks */
.wc-lb{max-width:62rem}
.wc-lb-h,.wc-lb-list li{display:grid;grid-template-columns:3.4rem minmax(0,1.6fr) 4rem 4rem 6rem 5rem;align-items:center;gap:.6rem}
.wc-lb-h{padding:0 .8rem .45rem;font:600 .6rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-text-4)}
.wc-lb-list{margin:0;padding:0;list-style:none}
.wc-lb-list li{padding:.6rem .8rem;border-top:1px solid var(--sk-line);font-size:.9rem;color:var(--sk-text-2)}
.wc-lb-list li .mono{color:var(--sk-text);overflow-wrap:anywhere}
.wc-lb-r{font:700 .85rem var(--sk-mono);color:var(--sk-text)}
.wc-lb-r em{font-style:normal;font-size:.68rem}
.wc-lb.js-on .wc-lb-list{position:relative;height:calc(6 * 3.1rem)}
.wc-lb.js-on .wc-lb-list li{position:absolute;left:0;right:0;top:0;height:3.1rem;transform:translateY(calc(var(--y, 0) * 3.1rem));transition:transform .55s cubic-bezier(.3,1.1,.5,1)}
.wc-lb.nocmp .wc-lb-d{visibility:hidden}
.wc-lb-note{margin:.8rem 0 0;padding:.5rem .7rem;border-left:3px solid var(--sk-people);font-size:.86rem;color:var(--sk-text-2)}

@media (max-width:900px){.wc-tb{grid-template-columns:1fr}}
@media (max-width:640px){
  .wc-dv-h{display:none}
  .wc-dv-list li{grid-template-columns:minmax(0,1fr) 5.5rem;row-gap:.35rem}
  .wc-dv-bar{grid-column:1 / -1;grid-row:2}
  .wc-tb-shelf{gap:.25rem;padding:0 1.4rem 2.6rem}
  .wc-tb-b{width:2.2rem;height:4.6rem}
  .wc-tb-c small{min-height:0;font-size:.56rem}
  .wc-tb-c small span{display:none}
  .wc-lb-h,.wc-lb-list li{grid-template-columns:2.6rem minmax(0,1fr) 2.8rem 2.8rem;font-size:.82rem}
  .wc-lb-h span:nth-child(5),.wc-lb-h span:nth-child(6),.wc-lb-list li>span:nth-child(5),.wc-lb-list li>span:nth-child(6){display:none}
  .wc-sp-pile{height:19rem}
}
@media (prefers-reduced-motion:reduce){.wc-sp-pile i,.wc-lb-list li,.wc-tb-b i,.wc-tb-tip,.wc-tb-s{transition:none}}