/* KGS Web UI Kit — LIGHT · kgs-light.base.css · v1.2 draft · 2026-10-25 (local, not deployed)
   OPTIONAL global element resets split out of kgs-light.css so the component file is collision-free.
   Used by kit.html. Do NOT load into proto_v7b unless the prototype wants these globals.
   Needs the --kl-* / --fs-* tokens from kgs-light.css (:root). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--kl-paper);color:var(--kl-ink);font:400 var(--fs-body)/var(--lh-body) var(--kl-font);
  font-stretch:var(--wd-text);font-kerning:normal;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--kl-et);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--kl-ink)}
:focus-visible{outline:var(--focus);outline-offset:2px}
::selection{background:var(--kl-ember-100);color:var(--kl-ink)}
h1{font-size:var(--fs-h1);line-height:var(--lh-head);font-weight:700;letter-spacing:-.02em;margin:0}
h2{font-size:var(--fs-h2);line-height:1.15;font-weight:700;letter-spacing:-.015em;margin:0}
h3{font-size:var(--fs-h3);line-height:1.25;font-weight:650;letter-spacing:-.01em;margin:0}
h4{font-size:var(--fs-h4);line-height:1.3;font-weight:600;margin:0}
p{margin:0 0 1em} p:last-child{margin-bottom:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}