:root{
  --ink:#12181d;
  --slate:#4b565e;
  --paper:#f7f9f9;
  --card:#ffffff;
  --line:#e2e8e8;
  --ever:#0b5d4e;
  --mint:#e9f4ef;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink);background:var(--paper);line-height:1.7;font-size:16px;
}
h1,h2{font-family:"Bricolage Grotesque","Inter",sans-serif;line-height:1.15;letter-spacing:-0.01em}
a{color:var(--ever)}
:focus-visible{outline:3px solid var(--ever);outline-offset:2px;border-radius:4px}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header{background:rgba(247,249,249,.88);border-bottom:1px solid var(--line);position:sticky;top:0;backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1080px;margin:0 auto;padding:0 24px}
.logo{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px}
.logo-mark{width:26px;height:26px;border-radius:8px;background:var(--ever);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700}
.back{font-size:.92rem;font-weight:500;text-decoration:none}
main{padding:64px 0 80px}
.updated{font-size:.85rem;color:var(--slate);margin:10px 0 40px}
h1{font-size:2.1rem;font-weight:650}
h2{font-size:1.25rem;font-weight:600;margin:36px 0 12px}
p,li{color:var(--slate);font-size:.97rem;margin-bottom:12px}
ul{padding-left:22px;margin-bottom:12px}
b{color:var(--ink)}
footer{background:var(--card);border-top:1px solid var(--line);padding:36px 0;font-size:.8rem;color:var(--slate);line-height:1.7}
footer .wrap{max-width:1080px}