:root{
  --board:#dce7e1;
  --board-deep:#cfded7;
  --paper:#fffdf8;
  --ink:#12332e;
  --ink-2:#55706a;
  --tomato:#e1483a;
  --sun:#f5b93c;
  --sticker:4px 4px 0 var(--ink);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--board);color:var(--ink);
  font:400 17px/1.68 Karla,"Segoe UI",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(rgba(18,51,46,.055) 1px,transparent 1px);
  background-size:22px 22px;
}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--tomato);outline-offset:3px;border-radius:4px}
.wrap{max-width:1140px;margin:0 auto;padding:0 26px}
h1,h2{margin:0;font-family:"Bricolage Grotesque",Karla,sans-serif;font-weight:800;
  letter-spacing:-.035em;line-height:1.05}

.site{position:sticky;top:0;z-index:30;background:rgba(220,231,225,.9);
  backdrop-filter:blur(9px);border-bottom:2px solid var(--ink)}
.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand img{height:23px;width:auto}
.brand b{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
.back{font-weight:700;font-size:15px;text-decoration:none;border-bottom:2px solid var(--tomato)}
@media(max-width:520px){.brand b{display:none}}

.doc{padding-top:64px;padding-bottom:96px}
.doc h1{font-size:clamp(34px,5.5vw,60px)}

.links{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:16px;max-width:620px}
.links a{display:flex;align-items:center;gap:16px;text-decoration:none;
  background:radial-gradient(120% 90% at 50% -20%,rgba(255,255,255,.9),rgba(255,255,255,0) 60%),
    linear-gradient(180deg,rgba(18,51,46,0) 55%,rgba(18,51,46,.06)),var(--paper);
  border:2px solid var(--ink);border-radius:16px;padding:19px 22px;
  outline:1.6px solid var(--ink);outline-offset:4px;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),background-color .3s}
.links a:hover{transform:translateY(-2px);background-color:#f6f1e6}
@supports (corner-shape:squircle){
  .links a{corner-shape:squircle;border-radius:28px}
}
.links .ic{width:42px;height:42px;flex:0 0 auto;border:2px solid var(--ink);border-radius:12px;
  display:grid;place-items:center;background:var(--board-deep)}
.links .ic svg{width:21px;height:21px}
.links b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:16.5px;
  letter-spacing:-.01em}
.links small{display:block;color:var(--ink-2);font-size:14.5px}

.policy{margin-top:36px;max-width:760px;background:var(--paper);border:2px solid var(--ink);
  border-radius:18px;padding:40px 44px;box-shadow:var(--sticker)}
@media(max-width:600px){.policy{padding:28px 22px}}
.policy h2{font-size:24px;margin:34px 0 10px}
.policy h2:first-child{margin-top:0}
.policy p,.policy li{color:var(--ink-2)}
.policy p{margin:0 0 14px}
.policy ul{margin:0 0 14px;padding-left:22px}
.policy li{margin-bottom:8px}
.policy li b{color:var(--ink)}
.policy .meta{margin-top:30px;padding-top:18px;border-top:2px solid var(--board-deep);
  font-size:14.5px}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important}
}

footer{border-top:2px solid var(--ink);background:var(--board-deep);padding:30px 0;font-size:14.5px}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
footer a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--sun)}