/* One header and one footer for every page. Loaded last; uses the generated tokens. */
:root{--chrome-bg:#0C0C0D;--chrome-serif:'EB Garamond',Georgia,serif;--chrome-ui:'Hanken Grotesk',system-ui,sans-serif;--chrome-mono:'DM Mono',ui-monospace,monospace}
.top{position:sticky;top:0;z-index:20;background:var(--chrome-bg);border-bottom:1px solid var(--tk-line-soft)}
.top-in{display:flex;align-items:center;gap:24px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:400 23px/1 var(--chrome-serif);letter-spacing:-.005em;color:var(--tk-ink1)}
.brand img{width:32px;height:32px}
.nav{display:flex;gap:22px;margin-left:auto;font:400 14.5px/1 var(--chrome-ui)}
.nav a{color:var(--tk-ink2);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.nav a:hover{color:var(--tk-ink1)}
.nav a[aria-current]{color:var(--tk-ink1);border-bottom-color:var(--tk-accent)}
.top .btn.sm{height:36px;padding:0 16px;font:500 14px/1 var(--chrome-ui);background:none;color:var(--tk-ink1);border-color:var(--tk-accent);white-space:nowrap}
.top .btn.sm:hover{background:var(--tk-accent-soft)}
.menu{display:none;margin-left:auto;position:relative}
.menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--tk-line);border-radius:4px;color:var(--tk-ink1)}
.menu summary::-webkit-details-marker{display:none}
.menu-p{position:absolute;right:0;top:52px;width:min(280px,calc(100vw - 32px));display:flex;flex-direction:column;background:var(--tk-overlay);border:1px solid var(--tk-line-strong);border-radius:6px;padding:8px}
.menu-p a{padding:12px 14px;text-decoration:none;color:var(--tk-ink1);border-radius:4px}
.menu-p a:hover{background:var(--tk-fill)}
@media (max-width:1180px){
  .nav{display:none}
  .top .btn.sm{margin-left:auto}
  .menu{display:block;margin-left:0}
}
@media (max-width:560px){
  .top .btn.sm{display:none}
  .menu{margin-left:auto}
}
.foot{border-top:1px solid var(--tk-line-soft);padding:48px 0 56px;background:var(--chrome-bg);color:var(--tk-ink3)}
.foot-risk{color:var(--tk-ink2);font-size:15px;max-width:70ch}
.foot-risk a{color:var(--tk-accent);text-decoration:underline;text-underline-offset:3px}
.foot-cols a{color:var(--tk-ink2);text-decoration:none}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:32px;margin:36px 0 32px}
.foot-cols div{display:flex;flex-direction:column;gap:10px;font-size:15px}
.foot-cols b{font:500 11.5px/1 var(--chrome-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tk-ink3);margin-bottom:6px}
.foot-cols a{color:var(--tk-ink2)}
.foot-cols a:hover{color:var(--tk-ink1)}
.foot .cap{font:400 12.5px/1.6 var(--chrome-mono);color:var(--tk-ink3)}
@media (max-width:560px){.foot-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}