.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--nd-border-panel);border:.5px solid var(--nd-border-panel);border-radius:8px;overflow:hidden;box-shadow:var(--nd-shadow-panel)}.doc-card{background:#fff;padding:20px 18px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:background .15s}.doc-card:hover{background:#fffaf0}.doc-card .dh{display:flex;align-items:center;gap:9px}.doc-card .dh img{width:30px;height:30px;border-radius:7px;flex-shrink:0}.doc-card .dn{font:600 13px Inter;letter-spacing:-.15px;color:#1c1c1e}.doc-card .dc{font-family:SF Mono,monospace;font-size:9px;letter-spacing:.08em;color:var(--nd-text-tertiary);text-transform:uppercase;margin-top:1px}.doc-card ul{list-style:none;padding:10px 0 0;margin:0;border-top:.5px solid var(--nd-border-panel)}.doc-card ul li{font:400 12px/1.7 Inter;color:var(--nd-text-secondary);display:flex;align-items:center;gap:6px}.doc-card ul li:before{content:"—";font-size:10px;color:#ff892573}.doc-card .dl{margin-top:auto;font:500 11px Inter;color:var(--nd-orange);display:flex;align-items:center;gap:4px}@media(max-width:1100px){.doc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.doc-grid{grid-template-columns:1fr}}