/* Wrapstart — "Know your numbers": one block, three sliders + leak output. Light on --bg-2; token colours only. */
.kyn.sec-light{margin-top:clamp(40px,5vw,64px);background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kyn .kicker{color:var(--blue)}
.kyn .h-sec em{font-style:normal;color:var(--blue)}
.kyn a:not(.btn){color:inherit}
.kyn .btn-blue,.kyn .btn-blue:hover{color:#fff}
.kyn-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,80px);align-items:start}
.kyn-copy .h-sec{margin-bottom:20px}
.kyn-copy .lede{max-width:52ch}
.kyn-ctl{display:grid;gap:30px;margin-top:40px;max-width:560px}
.kyn-lab{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.kyn-lab label{font-size:clamp(16px,1.4vw,18px);font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
.kyn-val{display:flex;align-items:center;gap:10px;flex:none}
.kyn-val output{font-family:var(--mono);font-weight:600;font-size:17px;color:var(--blue);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;transition:color .15s}
.kyn-ns{padding:6px 11px;border-radius:4px;border:1px solid var(--line-2);background:var(--bg);color:var(--ink-2);font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.kyn-ns:hover{border-color:var(--ink);color:var(--ink)}
.kyn-ns[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.kyn-q.is-ns .kyn-val output{color:var(--ink-3)}
.kyn-ctl input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--blue) calc(var(--v,0)*100%),var(--line-2) 0);outline:none;cursor:pointer}
.kyn-ctl input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--bg);border:2px solid var(--blue);box-shadow:0 2px 8px rgba(10,13,16,.2);cursor:grab}
.kyn-ctl input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--bg);border:2px solid var(--blue);box-shadow:0 2px 8px rgba(10,13,16,.2);cursor:grab}
.kyn-ctl input[type="range"]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:2px}
.kyn-rev{display:none;margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.kyn-rev b{color:var(--ink);font-weight:600}
.kyn-q.is-ns .kyn-rev{display:block;animation:kynIn .3s cubic-bezier(.22,.61,.36,1)}
@keyframes kynIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.kyn-out{position:sticky;top:96px;border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:clamp(22px,2.6vw,34px) clamp(24px,3vw,40px) clamp(22px,2.6vw,30px)}
.kyn-note{display:none;margin:0 0 6px;padding:12px 14px;border-radius:4px;background:var(--bg-2);border:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.kyn-note b{color:var(--ink)}
.kyn-out.has-ns .kyn-note{display:block;animation:kynIn .3s cubic-bezier(.22,.61,.36,1)}
.kyn-stat{padding:20px 0 22px;border-bottom:1px solid var(--line);display:grid;gap:8px}
.kyn-stat:first-of-type{padding-top:4px}
.kyn-stat .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.kyn-stat b{font-family:var(--head);font-weight:600;font-size:clamp(34px,3.4vw,52px);line-height:1;letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums}
.kyn-stat.hi b{color:var(--blue)}
.kyn-stat small{font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.kyn-stat small span{color:var(--ink);font-weight:600}
.kyn-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:4px;overflow:hidden}
.kyn-seg button{padding:5px 10px;border:0;border-right:1px solid var(--line-2);background:transparent;color:var(--ink-2);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;transition:background .15s,color .15s}
.kyn-seg button:last-child{border-right:0}
.kyn-seg button:hover{color:var(--ink)}
.kyn-seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.kyn-fine{margin:18px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.kyn-fine a{color:var(--ink);border-bottom:1px solid var(--line-2)}
.kyn-fine a:hover{border-color:var(--ink)}
.kyn-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
@media (max-width:1024px){.kyn-grid{grid-template-columns:1fr;gap:36px}.kyn-out{position:static}.kyn-ctl{max-width:none}}
@media (max-width:640px){.kyn-lab{flex-direction:column;align-items:flex-start;gap:8px}.kyn-val{width:100%;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.kyn-q.is-ns .kyn-rev,.kyn-out.has-ns .kyn-note{animation:none}}