#area-layanan{background-color:#f8f9fa;padding:60px 0 70px}#area-layanan .container-xl{padding-left:20px;padding-right:20px}.area-grid-container{margin-bottom:20px}#area-layanan .row.g-2{--bs-gutter-x: .75rem;--bs-gutter-y: .75rem}.area-list-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;height:100%;overflow:hidden}.area-list-item:hover{border-color:#28a745;box-shadow:0 2px 8px #28a74526}.area-list-content{display:flex;align-items:center;padding:16px 18px;gap:14px}.area-info{flex-grow:1;min-width:0}.area-title{font-size:1.2rem;font-weight:600;margin-bottom:6px;line-height:1.3}.area-title a{color:#212529;text-decoration:none;transition:color .3s ease}.area-title a:hover{color:#28a745}.area-title-icon{color:#28a745;margin-right:6px;font-size:.8em}.area-details{margin-bottom:0}.area-brief{font-size:14px;color:#6c757d;line-height:1.4;margin-bottom:8px}.area-read-more{display:inline-block;background:#28a745;color:#fff;text-decoration:none;font-weight:600;font-size:12px;padding:4px 10px;border-radius:4px;margin-left:6px;cursor:pointer;transition:background-color .3s ease;border:1px solid #218838}.area-read-more:hover{background:#218838;color:#fff;text-decoration:none}.area-action{flex-shrink:0}.area-link-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;color:#6c757d;text-decoration:none;transition:all .3s ease}.area-link-btn:hover{background:#28a745;border-color:#28a745;color:#fff;text-decoration:none}.area-link-btn i{font-size:12px}.area-placeholder{opacity:.7}.area-summary-compact{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.summary-info{display:flex;flex-direction:column;gap:4px}.summary-count{font-size:1.1rem;font-weight:700;color:#28a745}.summary-desc{font-size:13px;color:#6c757d}.btn-view-all{display:inline-flex;align-items:center;gap:8px;background:#007bff;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .3s ease}.btn-view-all:hover{background:#0056b3;color:#fff;text-decoration:none}.btn-view-all i:first-child{font-size:13px}.btn-view-all i:last-child{font-size:12px}@media (max-width: 1200px){.area-list-content{padding:14px 16px;gap:12px}.area-title{font-size:1.15rem}}@media (max-width: 992px){#area-layanan{padding:50px 0 55px}.area-list-content{padding:12px 14px}#area-layanan .row.g-2{--bs-gutter-x: .5rem;--bs-gutter-y: .5rem}}@media (max-width: 768px){#area-layanan{padding:40px 0 45px}.area-list-content{padding:12px 14px;gap:10px}.area-title{font-size:1.1rem;margin-bottom:5px}.area-brief{font-size:13px;margin-bottom:6px}.area-meta{gap:6px}.area-summary-compact{padding:16px;flex-direction:column;text-align:center}}@media (max-width: 576px){.area-list-content{padding:8px 10px;gap:8px}.area-title{font-size:1.05rem}.area-brief{font-size:12px}.area-link-btn{width:28px;height:28px}.area-link-btn i{font-size:10px}.btn-view-all{padding:8px 16px;font-size:13px}}