body{background:#f5f7fb;color:#172033}
.hero{background:linear-gradient(135deg,#0d6efd,#4f46e5);color:#fff}
.search-wrap{display:flex;gap:.5rem;max-width:850px;margin:auto}
.search-wrap input{min-width:0}
.filter-btn{white-space:nowrap}
.doc-card{background:#fff;border:0;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.07);margin-bottom:12px}
.doc-card .card-body{padding:16px}
.doc-icon{font-size:30px}
.snippet{font-size:.9rem;color:#596273}
mark{padding:0 2px;border-radius:3px}
@media(max-width:576px){
 .hero{padding:20px!important}
 .display-6{font-size:1.8rem}
 .search-wrap{display:block}
 .search-wrap button{width:100%;margin-top:8px}
 .doc-actions .btn{flex:1}
}