.implementation{background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:18px;padding:28px}
.implementation-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:32px;margin-bottom:22px}
.implementation-heading span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.15em}
.implementation-heading h3{font-size:27px;margin-top:9px}
.implementation-heading p,.implementation-grid p,.implementation-check{font-size:13px;line-height:1.65;color:var(--muted)}
.implementation-heading p{margin:0}
.implementation-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.implementation-grid article{min-width:0;background:#f4f8f5;border:1px solid var(--line);border-radius:7px;padding:20px}
.implementation-grid h4{font-size:16px;margin:0 0 10px}
.implementation-grid p{margin:0 0 16px}
.implementation pre{background:#142d36;color:#e7f5ee;border-radius:5px;padding:16px;overflow-x:auto;font-size:11px;line-height:1.55;margin:0}
.implementation code{font-family:Consolas,"SFMono-Regular",monospace;font-size:.9em}
.implementation pre code{font-size:inherit}
.implementation-check{margin:19px 0 0;border-left:3px solid var(--accent);padding-left:15px}
@media(max-width:800px){.implementation-heading,.implementation-grid{grid-template-columns:1fr}}
@media(max-width:620px){.implementation{padding:20px}.implementation-heading h3{font-size:23px}}