:root{--primary-red:#cb0c0c;--primary-red-dark:#a00a0a;--text-dark:#1f2937;--text-medium:#4b5563;--text-light:#6b7280;--text-muted:#9ca3af;--bg-white:#ffffff;--bg-light:#f9fafb;--bg-gray:#f3f4f6;--border-light:#e5e7eb;--border-medium:#d1d5db;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:50px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--transition:0.2s ease}.breadcrumb-section{background-color:#fbf6f7;padding:12px 0}.breadcrumb-section .breadcrumb{margin-bottom:0;display:flex;flex-wrap:wrap;list-style:none;padding:0;background:#fff0}.breadcrumb-section .breadcrumb-item{display:flex;align-items:center}.breadcrumb-section .breadcrumb-item+.breadcrumb-item::before{content:"/";padding:0 .5rem;color:var(--text-light);font-weight:400;float:none;background:none}.breadcrumb-section .breadcrumb-item a,.breadcrumb-section .breadcrumb-item a:link,.breadcrumb-section .breadcrumb-item a:visited{color:var(--text-dark)!important;text-decoration:none!important;transition:color 0.2s ease;border-bottom:none!important;background:transparent!important}.breadcrumb-section .breadcrumb-item a:hover,.breadcrumb-section .breadcrumb-item a:focus,.breadcrumb-section .breadcrumb-item a:active{color:var(--primary-red)!important;text-decoration:none!important;border-bottom:none!important;outline:none!important;background:transparent!important}.breadcrumb-section .breadcrumb-item.active{color:var(--text-light)!important}.breadcrumb-section .breadcrumb-item.active a,.breadcrumb-section .breadcrumb-item.active a:link,.breadcrumb-section .breadcrumb-item.active a:visited{color:var(--text-light)!important;text-decoration:none!important;cursor:default;pointer-events:none;background:transparent!important}.main-content{padding:1.5rem 0}.page-header{text-align:center;margin-bottom:1.3rem}.medical-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#fef2f2;color:var(--primary-red);padding:.5rem 1.25rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:600;margin-bottom:1.25rem;border:1px solid #fee2e2}.page-title{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem;letter-spacing:-.02em}.page-subtitle{font-size:1rem;color:var(--text-medium);max-width:700px;margin:0 auto;line-height:1.6}.search-section{max-width:700px;margin:0 auto 1.5rem;background:#fff;padding:0}.search-container{display:flex;background-color:var(--bg-white);border-radius:var(--radius-pill);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-light);height:3.2rem}.search-input{flex:1;border:none;padding:1rem 1.65rem;font-size:1rem;color:var(--text-dark);outline:none;background-color:#fff0}.search-input::placeholder{color:var(--text-muted)}.search-btn{background-color:var(--primary-red);color:var(--bg-white);border:none;padding:1rem 1.6rem;cursor:pointer;transition:background-color var(--transition)}.search-btn:hover{background-color:var(--primary-red-dark)}.search-btn i{font-size:1.125rem}.top-searched-section{margin:-.3rem auto 1.5rem}.top-searched-title{font-size:1.25rem;font-weight:800;color:var(--text-dark);letter-spacing:.01em;text-align:center;margin:0 0 1rem;text-transform:none}.top-searched-grid{margin-bottom:.5rem}.browse-section{margin-bottom:2rem}.browse-container{background:linear-gradient(0deg,#fdfbfb 0%,#f4f5ff 100%);border-radius:var(--radius-lg);padding:1.4rem 2.5rem}.browse-title{font-size:.8125rem;font-weight:600;color:var(--text-light);letter-spacing:.05em;text-align:center;margin-bottom:1.25rem;text-transform:uppercase}.alphabet-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem;max-width:920px;margin:0 auto}.letter-btn{background-color:#fff;color:var(--text-dark);border:.18rem solid #d2dee9;border-radius:12px;padding:.75rem 1.125rem;font-size:1.16rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgb(0 0 0 / .04);text-decoration:none!important}.letter-btn:hover{border-color:var(--primary-red);color:var(--primary-red);box-shadow:0 2px 4px rgb(203 12 12 / .12);transform:translateY(-1px);text-decoration:none!important}.letter-btn.active{background-color:var(--primary-red);color:#fff;border-color:var(--primary-red);box-shadow:0 2px 8px rgb(203 12 12 / .3);font-weight:600}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap;gap:1.25rem}.results-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:.75rem;margin:0;letter-spacing:-.01em}.count-badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary-red);color:#fff;font-size:.92rem;font-weight:700;padding:.35rem .65rem;border-radius:var(--radius-pill);min-width:36px}.sort-btn{background-color:var(--bg-white);color:var(--text-dark);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:.6875rem 1.375rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-xs)}.sort-btn:hover{border-color:var(--text-medium);box-shadow:var(--shadow-sm)}.dropdown-menu{border:1px solid var(--border-light);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:.5rem 0;min-width:220px}.dropdown-item{padding:.75rem 1.25rem;font-size:.9375rem;color:var(--text-dark);transition:all var(--transition)}.dropdown-item:hover{background-color:var(--bg-gray);color:var(--primary-red)}.dropdown-item.active{background-color:#fef2f2;color:var(--primary-red);font-weight:600}.diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem;margin-bottom:2rem}.diagnostic-card{background-color:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all 0.3s ease}.diagnostic-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-medium)}.card-img{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#f0f1f3 0%,#e4e6e9 100%)}.card-img img{width:100%;height:100%;object-fit:cover}.card-icon{position:absolute;bottom:1.25rem;right:1.25rem;width:52px;height:52px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(0 0 0 / .15);transition:transform 0.3s ease;display:none}.diagnostic-card:hover .card-icon{transform:scale(1.1)}.card-icon i{font-size:1.375rem;color:var(--primary-red)}.card-body{padding:1.4rem}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.875rem;line-height:1.3;letter-spacing:-.01em}.card-text{font-size:.9375rem;color:var(--text-medium);line-height:1.6;margin-bottom:1.5rem}.read-link{color:var(--primary-red);text-decoration:none;font-size:.875rem;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.5rem;transition:gap var(--transition);justify-content:center;opacity:0}.read-link:hover{gap:.75rem}.read-link i{font-size:.75rem}.diagnostic-card:hover .read-link{opacity:1}@media (max-width:991px){.page-title{font-size:2rem}.diagnostics-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media (max-width:767px){.main-content{padding:2.5rem 0}.page-header{margin-bottom:1rem}.page-title{font-size:1.875rem}.page-subtitle{font-size:1rem}.search-section{margin-bottom:1.2rem}.search-input{padding:.875rem 1.5rem}.search-btn{padding:.875rem 1.5rem}.browse-container{padding:.8rem 1.25rem}.alphabet-filter{gap:.5rem}.letter-btn{min-width:46px;height:44px;padding:.625rem 1rem;font-size:.875rem}.results-header{align-items:stretch;gap:1rem}.results-title{font-size:.95rem}.sort-btn{width:100%;justify-content:center}.diagnostics-grid{grid-template-columns:1fr;gap:1.25rem}.card-body{padding:1.5rem 1.25rem}}@media (max-width:576px){.container{padding:0 1rem}.page-title{font-size:1.625rem}.browse-container{padding:1.05rem 1rem}.browse-title{font-size:.85rem;margin-bottom:1.25rem}.letter-btn{min-width:42px;height:44px;padding:.5rem .875rem}}@media (min-width:1200px){.diagnostics-grid{grid-template-columns:repeat(4,1fr)}}