/* Shared styles for the simple pages (privacy, terms). The homepage keeps its own inline styles. */
:root{
  --yellow:#FFD100;
  --black:#141414;
  --concrete:#EDEDEA;
  --blue:#1D5FAE;
  --display:"Anton","Arial Narrow",Impact,sans-serif;
  --body:"Archivo",-apple-system,"Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);background:#fff;color:var(--black);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.skip{position:absolute;left:1rem;top:-4rem;background:var(--black);color:var(--yellow);padding:.6rem 1rem;font-weight:700;z-index:100}
.skip:focus{top:1rem}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.stripe{height:16px;background:repeating-linear-gradient(-45deg,var(--black) 0 18px,var(--yellow) 18px 36px)}

.top{position:sticky;top:0;z-index:50;background:var(--black);color:#fff}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem;padding-bottom:.8rem}
.brand{position:relative;display:grid;justify-items:center;gap:3px;text-decoration:none;color:var(--yellow);border:3px solid var(--yellow);border-radius:5px;padding:.32rem 1.75rem .3rem}
.brand::before,.brand::after{content:"";position:absolute;top:0;bottom:0;width:16px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 5px,transparent 5px 10px)}
.brand::before{left:0}.brand::after{right:0}
.brand .wm{display:flex;align-items:flex-start;font:400 clamp(1.3rem,2.2vw,1.55rem)/1 var(--display);letter-spacing:.02em;white-space:nowrap;text-transform:uppercase}
.brand .wm svg{width:.36em;height:1.22em;margin:.02em .05em 0}
.brand small{font:700 .56rem/1 var(--body);letter-spacing:.5em;margin-right:-.5em;text-transform:uppercase;color:#fff}
.call{background:var(--yellow);color:var(--black);padding:.6rem 1rem;font-weight:700;font-size:.97rem;text-decoration:none;white-space:nowrap}
@media (max-width:420px){.brand{padding:.3rem 1.3rem .28rem;border-width:2px}.brand::before,.brand::after{width:11px}.brand .wm{font-size:1.1rem}.brand small{font-size:.5rem}.call{padding:.5rem .55rem;font-size:.8rem}}

.doc{max-width:760px;padding:clamp(2.5rem,7vw,4.5rem) 0 clamp(4rem,8vw,6rem)}
.doc h1{font:400 clamp(2.4rem,6vw,3.8rem)/1 var(--display);text-transform:uppercase;letter-spacing:.005em}
.doc .updated{color:#555;font-size:.92rem;margin-top:.8rem}
.doc .summary{margin-top:1.8rem;background:var(--yellow);border:5px solid var(--black);box-shadow:8px 10px 0 var(--black);padding:1.1rem 1.3rem;font-weight:500}
.doc .toc{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:.5rem}
.doc .toc a{font-size:.9rem;font-weight:600;text-decoration:none;border:2px solid var(--black);padding:.25rem .7rem}
.doc .toc a:hover{background:var(--black);color:var(--yellow)}
.doc h2{font:400 1.7rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:2.6rem 0 .8rem;padding-top:1rem;border-top:3px solid var(--black);scroll-margin-top:90px}
.doc h3{font:700 1.08rem var(--body);margin:1.4rem 0 .4rem}
.doc p+p{margin-top:.9rem}
.doc ul{margin:.8rem 0 0 1.2rem;display:grid;gap:.45rem}
.doc .toc+p{margin-top:2rem}

footer{background:var(--black);color:#BDBDBD;padding:2.2rem 0;font-size:.92rem}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
.foot nav{display:flex;gap:1.2rem;flex-wrap:wrap}
footer a{color:#fff}