/* KAIGROUP family foundations. Composition lives in each site's own stylesheet. */
:root {
  --ink:#171717; --paper:#fff; --muted:#595959; --rule:#b8b8b8;
  --red:#cf352c; --blue:#2059d0; --yellow:#e6ba19; --purple:#8058ac; --green:#3b7957;
  --font-sans:"Helvetica Neue",Helvetica,Arial,sans-serif; --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --content-max:1440px; --gutter:clamp(1.25rem,4.4vw,4rem);
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s5:3rem; --s6:4.5rem;
  --space:clamp(2rem,4vw,3rem); --index-width:4.5rem;
}
*{box-sizing:border-box}
html{scroll-padding-top:1.5rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:.25em}
a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
::selection{background:var(--ink);color:var(--paper)}
.skip{position:absolute;left:1rem;top:-6rem;background:var(--ink);color:#fff;padding:1rem;z-index:2}.skip:focus{top:1rem}
.page{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}
.topbar{min-height:76px;display:flex;align-items:center;border-bottom:1px solid var(--ink);gap:1rem}
.location{font-family:var(--font-mono);font-size:.875rem}
nav{margin-left:auto;display:flex;gap:2rem;font-size:.875rem}nav a{display:block;text-decoration:none;padding-block:.875rem}nav a:hover{text-decoration:underline}
.family-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--rule);margin-top:var(--s4);padding-block:var(--s3)}
.family-identity,.family-meta{display:flex;flex-direction:column;gap:.35rem;font-size:.75rem}.family-identity>a{font-weight:700;font-size:1rem;letter-spacing:-.015em;text-decoration:none}.family-identity>a:hover{text-decoration:underline}.family-meta{text-align:right;font-family:var(--font-mono)}
@media(max-width:650px){nav{gap:1rem}.location{font-size:.75rem}.family-footer{gap:1rem}.family-identity>span{max-width:13rem}.family-meta{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:360px){.family-footer{flex-direction:column}.family-meta{text-align:left;gap:.35rem}.family-identity>span{max-width:none}}