:root{
  --bg:#f4f3ef;--surface:#fff;--ink:#081316;--muted:#5d6b6d;--line:#d6dddb;
  --accent:#a8c8d0;--focus:#2d7280;
  --display:"Bricolage Grotesque","Arial Narrow",Arial,sans-serif;
  --body:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1.03rem;line-height:1.75}
a{color:var(--ink);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:5px}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(244,243,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(8,19,22,.08)}
.bar{height:78px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;font-size:1.22rem;letter-spacing:-.03em;text-decoration:none}
.mark{width:42px;height:42px;border-radius:11px;display:block;flex:0 0 42px;object-fit:cover}
.back{margin-left:auto;font-weight:700;font-size:.92rem;text-decoration:none}
.back:hover{color:#4d777f}
.doc{max-width:820px;margin:0 auto;padding:76px 28px 110px}
.doc h1{font-family:var(--display);font-weight:800;font-size:clamp(2.5rem,6vw,4.2rem);letter-spacing:-.045em;line-height:1.02;margin:0}
.updated{margin:14px 0 0;color:var(--muted);font-size:.9rem}
.doc h2{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;line-height:1.15;margin:50px 0 12px}
.doc p{margin:0 0 15px}
.doc ul{margin:0 0 15px;padding-left:23px}
.doc li{margin-bottom:7px}
.callout{margin-top:34px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent-deep,#7faab4);border-radius:0 14px 14px 0}
.callout p{margin:0}
.site-footer{background:#061013;color:#aebbbc;padding:58px 0 40px;font-size:.92rem}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
.site-footer .brand{color:#fff}
.site-footer address{font-style:normal;margin-top:14px;line-height:1.7}
.foot-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;justify-self:end;text-align:right}
.foot-links a{color:#fff;text-decoration:none}
.foot-links a:hover{color:var(--accent)}
.copy{margin:40px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-size:.82rem}
@media(max-width:640px){
  .wrap{padding:0 20px}.bar{height:68px}.brand{font-size:1.06rem}.mark{width:38px;height:38px;flex-basis:38px}
  .back{font-size:.84rem}.doc{padding:48px 20px 76px}.doc h2{margin-top:40px}
  .foot-grid{grid-template-columns:1fr}.foot-links{justify-self:start;text-align:left}
}