:root{--bg:#eef1ef;--bg-alt:#f1f4f2;--ink:#101714;--ink-soft:#5a655f;--line:#dfe5e1;--brand:#0f4b3b;--brand-deep:#071b15;--accent:#18d98b;--max:840px;--font:"Aptos","Segoe UI Variable","Avenir Next",sans-serif;--display:"Aptos Display","Avenir Next","Century Gothic",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.7}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.nav{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:80px;max-width:1180px;margin:0 auto;padding:0 32px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-size:.98rem;font-weight:700;letter-spacing:-.015em}
.brand__mark{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--accent);color:var(--brand-deep);display:grid;place-items:center;font-size:.72rem;font-weight:800}
.back{font-size:.85rem;color:var(--ink-soft);text-decoration:none;white-space:nowrap;font-weight:600}
.back:hover{color:var(--brand)}
main{padding:56px 0 24px}
h1{font-family:var(--display);font-weight:500;font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-.03em;line-height:1.15;margin-bottom:8px}
.updated{font-size:.84rem;color:var(--ink-soft);margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid var(--line)}
h3{font-family:var(--display);font-size:1.1rem;margin:30px 0 10px}
p,li{color:var(--ink-soft);font-size:.96rem}
p{margin-bottom:13px}
ul{margin:0 0 16px 22px;display:grid;gap:7px}
a{color:#0f4b3b;font-weight:600}
.box{background:var(--bg-alt);border:1px solid var(--line);border-radius:16px;padding:22px;margin:20px 0}
.box p:last-child{margin-bottom:0}
.back-bottom{display:block;text-align:center;margin:44px 0 64px}
.back-bottom a{display:inline-block;padding:13px 26px;border-radius:999px;background:var(--accent);color:var(--brand-deep);text-decoration:none;font-weight:800;font-size:.85rem}
.back-bottom a:hover{background:#45e6a6}
.footer{background:#030504;color:rgba(255,255,255,.64);padding:26px 0;font-size:.84rem;text-align:center}
.footer a{color:var(--accent);font-weight:700}
@media(max-width:640px){.nav__in{height:68px;padding:0 20px}main{padding:40px 0 16px}}