.bl{max-width:760px;margin:0 auto;padding:0 var(--rd-space) 24px;line-height:1.7}
.bl h1{font-size:clamp(32px,5.5vw,52px);line-height:1.08;letter-spacing:-1.5px;margin:10px 0 16px}
.bl h1 span{color:var(--lime)}
.bl h2{font-size:24px;margin:44px 0 14px}
.bl p,.bl li{color:var(--muted)}
.bl strong{color:var(--ink)}
.bl a:not(.rd-button):not(.rd-link){color:var(--lime);text-decoration:underline}
.bl code{font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink);font-size:.92em;overflow-wrap:anywhere}
.bl-meta{font:600 12px/1 var(--mono);letter-spacing:.14em;color:var(--lime);text-transform:uppercase}
.bl-hero{padding:44px 0 4px}
.bl-hero p{font-size:19px}
.bl-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 8px}
.bl-actions .rd-button{padding:13px 22px}
.bl img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:28px 0 6px}
.bl figure{margin:0}.bl figcaption{font-size:13px;color:var(--muted)}
.bl ol,.bl ul{padding-left:22px;display:grid;gap:8px}
.bl-list{list-style:none;padding:0;display:grid;gap:16px;margin-top:28px}
.bl-list li{padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.bl-list li:hover{border-color:var(--lime)}
.bl-list h2{margin:8px 0 8px;font-size:22px}
.bl-list h2 a{color:var(--ink);text-decoration:none}
.bl-list h2 a:hover{color:var(--lime)}
.bl-list p{margin:0}
@media(max-width:640px){.bl-hero{padding-top:26px}.bl h2{margin-top:36px}}
.bl a.rd-button,.bl a.rd-link{text-decoration:none}