*{box-sizing:border-box}body{margin:0;background:#F5F7F4;color:#0B0D0E;font:16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:760px;margin:0 auto;padding:32px 20px 80px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}
header img{height:24px}header a{color:#0B0D0E;font-weight:600;text-decoration:none;font-size:14px;background:#83F12E;padding:8px 14px;border-radius:12px}
h1{font-size:clamp(28px,5vw,40px);letter-spacing:-.03em;line-height:1.1;margin:0 0 6px}
h2{font-size:19px;letter-spacing:-.01em;margin:30px 0 8px}
.meta{color:#6B706B;font-size:14px;margin:0 0 24px}
.card{background:#fff;border:1px solid #E7E9E6;border-radius:24px;padding:24px 26px}
ul{padding-left:20px}li{margin:4px 0}
.ph{background:#F5FF8D;border-radius:6px;padding:0 4px}
footer{margin-top:28px;font-size:13px;color:#6B706B}
@media (prefers-color-scheme:dark){body{background:#0B0D0E;color:#F5F7F4}.card{background:#141719;border-color:#23272A}.meta,footer{color:#9BA09B}.ph{background:#2A2D10}}