.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.guide-card { display:block; padding:24px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); }
.guide-card:hover { border-color:var(--accent); text-decoration:none; }
.guide-card h3 { color:var(--text); margin:0 0 10px; font-size:20px; }
.guide-card p { color:var(--text-dim); margin:0 0 16px; }
.app-screenshot { margin:24px 0; }
.app-screenshot img { width:100%; height:auto; border:1px solid var(--border); border-radius:var(--radius); }
.app-screenshot figcaption { margin-top:12px; color:var(--text-dim); font-size:14px; max-width:80ch; }
.recovery-article { max-width:860px; margin:0 auto; }
.recovery-article h1 { font-size:clamp(30px,5vw,48px); line-height:1.16; margin:16px 0; }
.recovery-article h2 { font-size:26px; line-height:1.3; }
.recovery-article p { max-width:76ch; }
.article-meta,.breadcrumbs { color:var(--text-dim); font-size:14px; }
.breadcrumbs { margin-bottom:24px; }
.article-toc { padding:22px; border:1px solid var(--border); border-radius:var(--radius); margin:24px 0; }
.article-toc ul { margin:12px 0 0; padding-left:20px; }
.article-toc li { margin:6px 0; }
.recovery-article section { scroll-margin-top:100px; }
.article-cta { padding:24px; background:var(--bg-elev); border-radius:var(--radius); }
.site-nav-inner { flex-wrap:wrap; }
:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media(max-width:640px) { .guide-grid { grid-template-columns:1fr; } .guide-card { padding:20px; } .recovery-article h2 { font-size:23px; } }