/* Shared chrome for the legal pages. Same palette, same two families, same
   rules as index.html, so a visitor never feels they left the site. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
:root{
  --ink:#171310;--ink-3:#0f0c0a;--bone:#e8e1d6;--body-dim:#a89d90;
  --rust:#bc6a32;--rule:rgba(232,225,214,.16);--pad:clamp(20px,5vw,80px);
  --display:'Fraunces',Georgia,'Times New Roman',serif;
  --body:'Archivo',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --ease:cubic-bezier(.23,1,.32,1);
}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--body);font-size:16.5px;line-height:1.68;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-synthesis-weight:none}
img{max-width:100%;display:block;height:auto}
::selection{background:var(--rust);color:#fff}
.wrap{max-width:840px;margin:0 auto;padding:0 var(--pad)}
.kraft{height:clamp(26px,3.2vw,40px);background-image:url(img/kraft.jpg);background-size:auto 100%;background-position:center;background-repeat:repeat-x}

nav{border-bottom:1px solid var(--rule);background:var(--ink)}
.navin{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;max-width:1240px;margin:0 auto;padding:0 var(--pad)}
.navname{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-variation-settings:'opsz' 40,'SOFT' 0,'WONK' 0;font-weight:700;font-size:18px;letter-spacing:-.012em;text-decoration:none;color:var(--bone)}
.nsmark{width:26px;height:26px;flex:none;color:currentColor}
.backlink{font-family:var(--display);font-variation-settings:'opsz' 9,'SOFT' 0,'WONK' 0;font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--body-dim);text-decoration:none;transition:color .22s ease}
@media (hover:hover) and (pointer:fine){.backlink:hover{color:var(--bone)}}

header.page{padding:clamp(56px,8vw,104px) 0 clamp(30px,4vw,44px)}
.lbl{font-family:var(--display);font-variation-settings:'opsz' 9,'SOFT' 0,'WONK' 0;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin:0 0 16px}
h1{font-family:var(--display);font-variation-settings:'opsz' 144,'SOFT' 0,'WONK' 0;font-weight:700;font-size:clamp(36px,6vw,68px);letter-spacing:-.028em;line-height:.96;margin:0}
.stamp{color:var(--body-dim);font-size:13.5px;margin:22px 0 0}

main{padding-bottom:clamp(56px,8vw,104px)}
section{border-top:1px solid var(--rule);padding:clamp(30px,4vw,46px) 0}
h2{font-family:var(--display);font-variation-settings:'opsz' 40,'SOFT' 0,'WONK' 0;font-weight:700;font-size:clamp(21px,2.6vw,29px);letter-spacing:-.016em;line-height:1.15;margin:0 0 18px}
p{margin:0 0 16px}
p:last-child{margin-bottom:0}
ul{margin:0 0 16px;padding-left:1.15em}
li{margin-bottom:9px}
li::marker{color:var(--rust)}
a{color:var(--bone);text-underline-offset:3px;text-decoration-color:var(--rust);transition:color .22s ease}
@media (hover:hover) and (pointer:fine){a:hover{color:var(--rust)}}
strong{font-weight:600}
.note{border-left:2px solid var(--rust);padding:16px 0 16px 20px;color:var(--body-dim);font-size:15px;margin:22px 0 0}

footer{background:var(--ink-3);border-top:1px solid var(--rule);padding:clamp(40px,5vw,60px) 0 calc(clamp(28px,4vw,40px) + env(safe-area-inset-bottom))}
.footrow{display:flex;flex-wrap:wrap;gap:18px 34px;align-items:center;justify-content:space-between}
.footlinks{display:flex;flex-wrap:wrap;gap:24px;font-family:var(--display);font-variation-settings:'opsz' 9,'SOFT' 0,'WONK' 0;font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase}
.footlinks a{text-decoration:none;color:var(--body-dim)}
@media (hover:hover) and (pointer:fine){.footlinks a:hover{color:var(--bone)}}
.legalcopy{font-size:12.5px;color:var(--body-dim);line-height:1.7;margin:26px 0 0;max-width:70ch}