/* Shared header, menu and footer for every kindform.co page.
   Tokens come from each page's own :root (the same values the app uses). */

.kf-wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.kf-head{position:sticky;top:0;z-index:20;background:var(--paper)}
.kf-bar{display:flex;align-items:center;gap:16px;min-height:64px}
.kf-brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;font:400 23px var(--serif);color:var(--ink);text-decoration:none;letter-spacing:.005em}
.kf-mark{width:26px;height:26px;flex:none}
.kf-nav{margin-left:auto}
.kf-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.kf-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font:500 15px var(--sans);color:var(--ink-2);text-decoration:none}
.kf-links a:hover,.kf-links a[aria-current="page"]{color:var(--ink)}
.kf-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--hairline);border-radius:99px;
  font:500 15px var(--sans);color:var(--ink);text-decoration:none;white-space:nowrap}
.kf-pill:hover{border-color:var(--accent);background:var(--accent-soft)}
.kf-menu-btn{display:none;align-items:center;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--hairline);
  border-radius:var(--radius-sm);background:none;font:500 15px var(--sans);color:var(--ink);cursor:pointer}
@media(max-width:719px){
  .kf-bar{gap:8px}
  .kf-brand{font-size:20px}
  .kf-pill{padding:0 14px}
  .kf-menu-btn{padding:0 12px}
  .kf-brand{margin-right:auto}
  .kf-nav{display:contents}
  .kf-menu-btn{display:inline-flex}
  .kf-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;
    background:var(--paper-2);box-shadow:0 26px 36px -30px oklch(23% 0.014 64 / .45);padding:8px 16px 12px}
  .kf-links.open{display:flex}
  .kf-links a{width:100%;justify-content:flex-start;padding:0 4px}
}

@media(max-width:359px){.kf-brand span{display:none}}

.kf-foot{background:var(--paper-3);padding:40px 0 48px;color:var(--ink-2);font:400 14.5px var(--sans)}
.kf-foot-mark{display:flex;align-items:center;gap:9px;margin:0 0 24px;font:400 18px var(--serif);color:var(--ink)}
.kf-foot-mark .kf-mark{width:22px;height:22px}
.kf-cols{display:grid;gap:24px}
@media(min-width:720px){.kf-cols{grid-template-columns:repeat(3,1fr)}}
.kf-col-h{margin:0 0 4px;font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}
.kf-cols ul{list-style:none;margin:0;padding:0}
.kf-cols a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);text-decoration:none}
.kf-cols a:hover{color:var(--ink)}