body{margin:0;font-size:16px;line-height:1.7}.wrap{max-width:1100px;margin:auto;padding:0 28px 45px}header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:.12em;text-decoration:none;color:var(--ink)}.nav{display:flex;gap:22px}.nav a{font-size:12px;color:var(--muted);text-decoration:none}.nav a:hover{color:var(--accent)}main{max-width:800px;margin:0 auto}h1{font-size:clamp(34px,5vw,54px);font-weight:600;line-height:1.12;letter-spacing:-.05em;margin:18px 0 22px}h2{font-size:25px;font-weight:600;line-height:1.25;letter-spacing:-.03em;margin:36px 0 12px}h3{font-size:18px}em{font-style:normal;color:var(--accent)}.lede{font-size:18px;line-height:1.75;color:var(--muted);max-width:760px}.content{margin-top:30px}.content p,.content li{color:var(--muted)}.content strong,.content b{color:var(--ink)}.examples{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin:26px 0}.examples strong{display:block;font-size:19px;line-height:1.6;margin:10px 0}.cta{display:inline-flex;align-items:center;background:var(--green);color:#fff;text-decoration:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;margin:20px 0;transition:background .2s,transform .2s}.cta:hover{background:#33745d;transform:translateY(-1px)}.meta{border-top:1px solid var(--line);padding-top:16px;margin-top:36px;font-size:12px;color:var(--muted)}.related{display:flex;flex-wrap:wrap;gap:10px}.related a{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 13px;text-decoration:none;font-size:13px}.related a:hover{border-color:var(--accent)}footer{border-top:1px solid var(--line);padding:22px 0;margin-top:50px;font-size:12px;color:var(--muted)}footer nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}footer a{text-decoration:none;color:var(--muted)}.curator-intro{display:flex;gap:22px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:25px 0}.curator-intro img{width:85px;height:85px;object-fit:contain}.curator-intro p{margin:0}@media(max-width:650px){.wrap{padding:0 16px 30px}header{height:auto;min-height:65px;flex-wrap:wrap;padding:12px 0;gap:10px}.brand{font-size:21px}.nav{gap:14px}.nav a{font-size:11px}.site-mark{width:34px;height:34px}.lede{font-size:16px}h2{font-size:23px}.curator-intro{padding:16px;gap:12px}.curator-intro img{width:62px;height:62px}}