.doc-list-page-section{padding:60px 0;background-color:#F9FBFE}.mobile-filter-toggle{display:none;align-items:center;justify-content:space-between;width:100%;padding:15px 20px;background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:20px;font-weight:700;color:#333;box-shadow:0 2px 10px rgba(0,0,0,0.05);cursor:pointer}@media (max-width:991px){.mobile-filter-toggle{display:flex}}.mobile-filter-toggle i{font-size:18px;transition:transform 0.3s ease}.mobile-filter-toggle.active i{transform:rotate(180deg)}.doc-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}@media (max-width:767px){.doc-card-grid{grid-template-columns:1fr;gap:20px}}.doc-card-item{background:#fff;border:1px solid #e8eef5;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.04);transition:transform 0.3s ease,box-shadow 0.3s ease}.doc-card-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.08)}.doc-card-image{position:relative;display:block;overflow:hidden}.doc-card-image img{width:100%;height:220px;object-fit:cover;display:block;transition:transform 0.5s ease}.doc-card-item:hover .doc-card-image img{transform:scale(1.05)}.doc-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.doc-card-item:hover .doc-card-overlay{opacity:1}.doc-card-overlay i{color:#fff;font-size:24px;width:50px;height:50px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease}.doc-card-overlay i:hover{background:rgba(255,255,255,0.2)}.doc-card-body{padding:24px}.doc-card-title{font-size:20px;font-weight:700;margin-bottom:12px;line-height:1.4}.doc-card-title a{color:#1f2a37;transition:color 0.2s ease}.doc-card-title a:hover{color:var(--main-color)}.doc-card-summary{color:#5f6b7a;font-size:14px;line-height:1.7;min-height:48px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.doc-card-meta{display:flex;gap:16px;color:#8a96a3;font-size:13px;margin-top:16px}.doc-card-meta span{display:flex;align-items:center;gap:6px}.doc-card-meta i{font-size:12px;color:var(--main-color)}.doc-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:8px 20px;border-radius:999px;background:var(--main-color);color:#fff;font-size:13px;font-weight:600;transition:background 0.3s ease,transform 0.2s ease}.doc-card-link:hover{background:#e04d1e;transform:translateX(4px)}.doc-card-link i{font-size:11px;transition:transform 0.2s ease}.doc-card-link:hover i{transform:translateX(3px)}.doc-empty-state{background:#fff;border:1px dashed #d9e1ea;border-radius:16px;padding:60px 40px;text-align:center}.doc-empty-icon{margin-bottom:20px}.doc-empty-icon i{font-size:48px;color:#d0d7e0}.doc-empty-state h3{font-size:22px;font-weight:700;color:#3a4553;margin-bottom:10px}.doc-empty-state p{font-size:15px;color:#8a96a3;line-height:1.6}@media (max-width:991px){.page-sidebar{display:none;margin-bottom:30px}.page-sidebar.active{display:block}.doc-card-image img{height:180px}}@media (max-width:575px){.doc-card-body{padding:18px}.doc-card-title{font-size:17px}.doc-card-summary{font-size:13px;min-height:36px}.doc-card-link{padding:6px 16px;font-size:12px}}