.docs-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:48px; }
.doc-card { background:var(--bg); border:1px solid var(--line); border-radius:14px; padding:28px; display:flex; flex-direction:column; gap:12px; transition:border-color .2s,box-shadow .2s; }
.doc-card:hover { border-color:var(--red); box-shadow:0 4px 24px rgba(226,35,26,.08); }
.doc-card-head { display:flex; align-items:center; gap:12px; }
.doc-icon { width:44px; height:44px; background:var(--red-soft); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.doc-icon svg { width:22px; height:22px; }
.doc-card h3 { font-size:17px; font-weight:700; color:var(--ink); margin:0; }
.doc-card p { font-size:14px; color:var(--muted); line-height:1.6; flex:1; }
.doc-card-links { display:flex; gap:8px; flex-wrap:wrap; }
.doc-link { font-size:12px; font-weight:600; color:var(--red); text-decoration:none; background:var(--red-soft); border-radius:6px; padding:5px 10px; transition:background .2s; }
.doc-link:hover { background:rgba(226,35,26,.15); }
.doc-link.ext { color:var(--muted-2); background:var(--bg-3); }
.doc-link.ext:hover { background:var(--line); }
@media(max-width:620px){ .docs-grid{grid-template-columns:1fr;} }