/* Legal pages (privacy, terms): the landing page's sign-board header and footer around a paper document. */
:root{
  --ink:#151515; --yellow:#ffc400; --bone:#f6f3ea; --ground:#ececea; --muted:#5e5a50;
  --f-display:'Secular One','Assistant',sans-serif; --f-body:'Assistant',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{font-synthesis:none;background:#0b0b0b;scrollbar-color:#3d3d3d #0d0d0d;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--yellow);color:#111}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.site-head :focus-visible,.site-foot :focus-visible{outline-color:var(--yellow)}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}

.site-head{background:#0d0d0d;border-bottom:1px solid #262626}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}
.logo img{height:68px;width:auto}
.back{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:var(--yellow);color:#111;font-weight:800;text-decoration:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.back:hover{background:#ffd23f}

.doc{max-width:780px;margin:48px auto 64px;padding:44px 48px 40px;border-radius:10px;background:var(--bone);box-shadow:0 26px 50px -30px rgba(0,0,0,.5)}
.doc h1{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4.4vw,2.8rem);line-height:1.15}
.updated{margin:8px 0 28px;color:var(--muted);font-size:.95rem}
.doc h2{margin:34px 0 8px;font-family:var(--f-display);font-weight:400;font-size:1.4rem;line-height:1.25}
.doc p{margin:0 0 12px}
.doc ul{margin:0 0 12px;padding-inline-start:22px}
.doc li{margin-bottom:6px}
.doc li::marker{color:#b38800}
.doc a{color:var(--ink);font-weight:700;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}
.doc .contact{list-style:none;padding:0}

.site-foot{background:#0b0b0b;color:#9a958a;font-size:.9rem}
.site-foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-block:20px 24px}
.site-foot a{color:inherit}
.site-foot a[aria-current]{color:var(--yellow)}

@media (max-width:640px){
  .wrap{width:min(1180px,100% - 32px)}
  .site-head .wrap{min-height:74px}
  .logo img{height:54px}
  .doc{margin:24px auto 40px;padding:30px 20px 26px}
  .site-foot .wrap{flex-direction:column}
}