/* See The Flow — Lead Leak Checker. Builds on seo-audit.css (loaded with it). */
.lc-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start}
.lc-layout .sa-groups{min-width:0}
.lc-phone{position:sticky;top:96px;margin-top:1.75rem}
.lc-device{width:250px;max-width:100%;margin:0 auto;background:#1D2026;border-radius:34px;padding:12px;box-shadow:0 14px 34px rgba(29,32,38,.18)}
.lc-screen{background:#fff;border-radius:24px;overflow:hidden;aspect-ratio:9/19;display:flex;align-items:center;justify-content:center}
.lc-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.lc-phone-msg{margin:0;padding:1.25rem;font-size:.9rem;color:var(--sa-muted);text-align:center}
.lc-speed{margin:1.25rem 0 0;display:grid;gap:.5rem}
.lc-speed div{display:flex;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--sa-border);border-radius:10px;padding:.55rem .8rem;font-size:.92rem}
.lc-speed dt{color:var(--sa-muted)}
.lc-speed dd{margin:0;font-weight:700}
.lc-good{color:var(--sa-good)}.lc-ok{color:var(--sa-ok)}.lc-bad{color:var(--sa-bad)}
.lc-speed-note{font-size:.9rem;margin:.75rem 0 0}
@media (max-width:900px){.lc-layout{grid-template-columns:1fr}.lc-phone{position:static;order:-1}}
.lc-speed[hidden],.lc-speed-note[hidden],.lc-screen img[hidden],.lc-phone-msg[hidden]{display:none}