:root{--forest:#0C241A;--amber:#E3A94E;--ground:#F6F5F1;--surface:#fff;--line:#E4E0D6;--text:#171B18;--muted:#6E736C}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--text);font:400 15px/1.65 "Onest",ui-sans-serif,system-ui,sans-serif}
.top{background:var(--forest);color:#fff;padding:14px 24px;display:flex;align-items:center;gap:10px}.top a{color:#fff;text-decoration:none;font:600 17px "Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;display:flex;align-items:center;gap:10px}
.mark{width:30px;height:30px;border-radius:8px;background:var(--amber);color:var(--forest);display:grid;place-items:center;font:700 14px "Bricolage Grotesque",sans-serif}
.top nav{margin-left:auto;display:flex;gap:16px}.top nav a{font:500 13px "Onest",sans-serif;color:rgba(255,255,255,.75)}
main{max-width:760px;margin:0 auto;padding:36px 24px 70px}h1{font:600 30px "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;margin:0 0 6px}.sub{color:var(--muted);margin:0 0 26px}
h2{font:600 19px "Bricolage Grotesque",sans-serif;margin:30px 0 8px}h3{font:600 15px "Bricolage Grotesque",sans-serif;margin:18px 0 6px}p,li{color:#2b302c}ul{padding-left:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:14px 0}
.en{border-left:3px solid var(--amber);padding-left:14px;color:var(--muted);font-size:14px}
code{background:#eee9dc;border-radius:5px;padding:1px 6px;font-size:13px}
footer{color:var(--muted);font-size:13px;margin-top:40px;border-top:1px solid var(--line);padding-top:14px}