:root { --ink:#121216; --muted:#5B5C68; --canvas:#E8E9EF; --cobalt:#2342F0; --orange:#FF5F1F; }
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.65 'Onest',system-ui,sans-serif;padding:12px}
.doc-head,.doc,.doc-foot{max-width:860px;margin:0 auto}
.doc-head{display:flex;justify-content:space-between;align-items:center;padding:14px 8px}
.doc-logo img{width:70px;display:block}
.doc-back{color:var(--ink);text-decoration:none;font-weight:600;padding:10px 18px;border-radius:999px;background:#fff}
.doc{background:#fff;border-radius:32px;padding:48px 56px}
.doc h1{font-family:'Unbounded','Onest',sans-serif;font-weight:700;font-size:clamp(26px,3.4vw,38px);line-height:1.15;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}
.doc h2{font-family:'Unbounded','Onest',sans-serif;font-weight:700;font-size:19px;margin:32px 0 10px}
.doc-date{color:var(--muted);font-size:14px;margin:0 0 28px}
.doc p,.doc ul{margin:0 0 12px}
.doc a{color:var(--cobalt)}
.doc-foot{padding:20px 8px;font-size:14px;color:var(--muted)}
.doc-foot a{color:inherit}
@media (max-width:640px){body{padding:8px}.doc{padding:28px 20px;border-radius:24px}}