*{box-sizing:border-box}:root{--primary:#087f5b;--primary-dark:#056748;--primary-soft:#e9f7f2;--primary-faint:#f4fbf8;--ink:#17232c;--muted:#68747d;--border:#dfe6e8;--background:#f5f7f8;--white:#fff;--shadow:0 10px 30px rgba(20,42,34,.07)}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--background);color:var(--ink);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}button,input{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);position:relative;z-index:10}.top{display:flex;align-items:center;gap:40px;padding-top:16px;padding-bottom:16px}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);min-width:190px}.logo:hover{color:var(--ink)}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--primary);color:#fff;font-size:27px;font-weight:800;box-shadow:0 7px 18px rgba(8,127,91,.18)}.logo strong{display:block;font-size:18px;line-height:1.05}.logo small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.header-search,.hero-search,.filter-search{display:flex}.header-search{flex:1;max-width:720px;margin-left:auto}.header-search input,.hero-search input,.filter-search input{width:100%;border:1px solid #cbd5d9;outline:0;background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s}.header-search input:focus,.hero-search input:focus,.filter-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(8,127,91,.11)}.header-search input{padding:11px 14px;border-radius:9px 0 0 9px}.header-search button,.hero-search button,.filter-search button{border:0;background:var(--primary);color:#fff;font-weight:750;cursor:pointer;transition:background .18s,transform .18s}.header-search button:hover,.hero-search button:hover,.filter-search button:hover{background:var(--primary-dark)}.header-search button{padding:0 22px;border-radius:0 9px 9px 0}nav{border-top:1px solid #eef1f2}.nav-inner{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.nav-inner a{position:relative;padding:12px 0;color:#46565f;font-weight:650;white-space:nowrap;font-size:14px}.nav-inner a:hover,.nav-inner a.active{color:var(--primary)}.nav-inner a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--primary)}.hero{background:radial-gradient(circle at 80% 10%,rgba(8,127,91,.12),transparent 28%),linear-gradient(120deg,#e8f7f2,#f8fbfa 65%);border-bottom:1px solid #dcece6}.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:60px;align-items:center;padding:68px 0 72px}.hero-content{max-width:760px}.eyebrow{display:inline-block;color:var(--primary);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:850}.hero h1{margin:8px 0 12px;font-size:clamp(38px,5vw,60px);line-height:1.05;letter-spacing:-.04em;max-width:720px}.hero p{font-size:18px;color:var(--muted);margin:0 0 28px;max-width:690px}.hero-search{max-width:720px;box-shadow:0 14px 32px rgba(20,60,48,.1)}.hero-search input{padding:17px 18px;font-size:16px;border-radius:11px 0 0 11px}.hero-search button{padding:0 24px;border-radius:0 11px 11px 0;white-space:nowrap}.search-hints{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;font-size:12px;color:var(--muted)}.search-hints b{background:rgba(255,255,255,.75);border:1px solid #d8e8e2;padding:3px 8px;border-radius:999px;color:#50615b}.hero-panel{background:rgba(255,255,255,.86);border:1px solid rgba(8,127,91,.13);border-radius:18px;padding:25px;box-shadow:var(--shadow);backdrop-filter:blur(6px)}.hero-panel-label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.hero-panel>strong{display:block;font-size:42px;line-height:1.1;letter-spacing:-.03em;margin-top:8px}.hero-panel>small{color:var(--muted)}.hero-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.hero-panel-grid div{min-width:0}.hero-panel-grid b,.hero-panel-grid span{display:block}.hero-panel-grid b{font-size:17px}.hero-panel-grid span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.section{margin-top:44px;margin-bottom:44px}.page{padding-top:34px;padding-bottom:62px}.section-heading,.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.section-heading h2,.page-heading h1{margin:2px 0 0;line-height:1.15;letter-spacing:-.02em}.page-heading h1{font-size:36px}.page-heading p{margin:7px 0 0;color:var(--muted)}.section-heading>a{font-weight:700;font-size:14px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-grid>a{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.quick-grid>a:hover{transform:translateY(-2px);border-color:#b8d9ce;box-shadow:var(--shadow)}.quick-icon{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:var(--primary-soft);color:var(--primary-dark);font-weight:900}.quick-grid strong{line-height:1.2}.quick-grid small{color:var(--muted);line-height:1.35;margin-top:3px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card,.browse-card,.generic-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:20px}.stat-card strong{display:block;font-size:29px}.stat-card span{color:var(--muted)}.card-grid,.generic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.browse-card{position:relative;display:block;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.browse-card:hover{color:var(--ink);transform:translateY(-2px);border-color:#b8d9ce;box-shadow:var(--shadow)}.browse-card strong{display:block;padding-right:26px}.browse-card span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.browse-card i{position:absolute;right:18px;top:19px;color:var(--primary);font-style:normal}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.list-card,.directory-list{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.list-card>a,.directory-list>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 15px;border-bottom:1px solid var(--border);color:var(--ink)}.list-card>a:last-child,.directory-list>a:last-child{border-bottom:0}.list-card>a:hover,.directory-list>a:hover{background:var(--primary-faint)}.list-card strong,.directory-list b{color:var(--primary);font-size:13px}.directory-list a>div span{display:block;color:var(--muted);font-size:12px}.filter-search{max-width:780px;margin-bottom:20px}.filter-search input{padding:13px 15px;border-radius:9px 0 0 9px}.filter-search button{padding:0 23px;border-radius:0 9px 9px 0}.search-context{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--primary-faint);border:1px solid #d7ebe4;border-radius:9px;padding:9px 13px;margin:-7px 0 16px;font-size:13px;color:#53635d}.medicine-list{display:grid;gap:10px}.medicine-row{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:11px;padding:17px 19px;transition:border-color .18s,box-shadow .18s,transform .18s}.medicine-row:hover{border-color:#bfd9d0;box-shadow:0 7px 22px rgba(20,42,34,.05);transform:translateY(-1px)}.medicine-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.medicine-name{font-size:18px;font-weight:800;color:var(--ink)}.medicine-name:hover{color:var(--primary)}.medicine-type{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#5e6d74;background:#f0f3f4;border-radius:999px;padding:2px 7px}.generic-name{margin-top:2px;font-size:14px}.medicine-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.medicine-meta span,.medicine-meta a,.product-tags span,.product-tag-link{padding:4px 8px;border-radius:6px;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:700}.medicine-company{text-align:right}.medicine-company>a:first-child{font-weight:700}.medicine-company small{display:block;color:var(--muted);margin-top:3px}.view-medicine{display:block;margin-top:7px;font-size:12px;font-weight:750}.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:25px;padding:13px 0}.pagination>a{font-weight:700}.pagination>a:last-child{text-align:right}.pagination>span{text-align:center;color:var(--muted)}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:15px}.product-header,.generic-header{display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(135deg,#fff,#f8fcfa);border:1px solid var(--border);border-radius:14px;padding:28px;margin-bottom:24px;box-shadow:0 8px 24px rgba(20,42,34,.035)}.product-header h1,.generic-header h1{font-size:40px;line-height:1.08;letter-spacing:-.035em;margin:5px 0 0}.product-header h2{margin:7px 0 0;font-size:19px;font-weight:550}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.product-tag-link:hover{background:#dcefe8;color:var(--primary-dark)}.manufacturer-box{min-width:235px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:15px 17px}.manufacturer-box span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:750}.manufacturer-box a{display:block;font-weight:800;margin-top:3px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.main-content{min-width:0}.info-card,.clinical-card,.side-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:22px;margin-bottom:17px}.info-card h3,.clinical-card h2,.clinical-card h3,.side-card h3{margin-top:0}.clinical-card h2,.clinical-card h3{border-bottom:1px solid var(--border);padding-bottom:11px;color:#26353d;font-size:18px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-grid>div{padding:2px 0}.info-grid label,.side-card label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:750;margin-bottom:3px}.clinical-text{color:#34444d;overflow-wrap:anywhere}.clinical-text p:first-child{margin-top:0}.clinical-text p:last-child{margin-bottom:0}.clinical-text ul,.clinical-text ol{padding-left:22px}.clinical-text li{margin:6px 0}.side-card{position:relative}.generic-big{display:block;font-size:18px;font-weight:800;margin-bottom:18px}.side-card label{margin-top:15px}.side-card p{margin:4px 0}.monograph-card{background:#fffafa}.pdf-icon{width:44px;height:44px;display:grid;place-items:center;background:#ffe9e7;color:#b42318;border-radius:8px;font-weight:900;font-size:12px;margin-bottom:12px}.primary-button,.outline-button{display:inline-block;padding:10px 15px;border-radius:7px;font-weight:700}.primary-button{background:var(--primary);color:#fff}.primary-button:hover{color:#fff;background:var(--primary-dark)}.outline-button{border:1px solid var(--primary)}.class-link{display:inline-block;margin-top:10px;background:var(--primary-soft);padding:5px 10px;border-radius:5px}.brand-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:11px}.brand-table{width:100%;border-collapse:collapse;min-width:680px}.brand-table th,.brand-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}.brand-table th{background:#f1f5f4;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#59666d}.brand-table tbody tr:hover{background:#fbfdfc}.brand-table tr:last-child td{border-bottom:0}.monograph-grid{display:grid;gap:12px}.monograph-item{display:grid;grid-template-columns:55px 1fr auto;align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:13px 16px}.monograph-item .pdf-icon{margin:0}.monograph-name{font-weight:800}.monograph-item p{margin:2px 0 0;color:var(--muted);font-size:13px}.empty{display:flex;flex-direction:column;gap:3px;padding:46px;text-align:center;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:11px}.empty strong{color:var(--ink);font-size:18px}.empty.large{margin:40px auto}.price-card{padding:0;overflow:hidden}.price-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.price-heading h3{margin:3px 0 0}.price-year{background:var(--primary-soft);color:var(--primary-dark);padding:5px 10px;border-radius:20px;font-size:12px;font-weight:800}.price-list{background:#fff}.price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:13px 22px;border-bottom:1px solid var(--border)}.price-row:last-child{border-bottom:0}.price-description strong{display:block;font-size:14px}.price-description small{display:block;margin-top:2px;color:var(--muted)}.price-value{white-space:nowrap;font-size:17px;font-weight:850;color:var(--primary-dark)}.price-notice{display:flex;flex-direction:column;gap:2px;padding:13px 22px;background:#f7faf9;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.price-notice strong{color:#46565e}footer{background:#15232a;color:#cbd4d8;padding:38px 0 25px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}footer strong{color:#fff}footer p{margin:6px 0}.disclaimer{border-top:1px solid #304047;padding-top:20px;margin-top:25px;font-size:12px;color:#aebbc1}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:25px;padding:54px 0}.hero-panel{max-width:560px}.quick-grid{grid-template-columns:1fr 1fr}.stat-grid,.card-grid,.generic-grid,.split{grid-template-columns:1fr 1fr}.content-layout{grid-template-columns:1fr}.medicine-row{grid-template-columns:1fr 230px}.product-header,.generic-header{align-items:flex-start}.manufacturer-box{min-width:210px}}
@media(max-width:720px){.top{display:block;padding-top:12px;padding-bottom:12px}.logo{min-width:0}.header-search{margin-top:12px;max-width:none}.nav-inner{gap:22px}.hero-grid{padding:42px 0}.hero-panel{display:none}.hero h1{font-size:39px}.hero p{font-size:16px}.medicine-row{grid-template-columns:1fr}.medicine-company{text-align:left;border-top:1px solid var(--border);padding-top:11px}.view-medicine{display:inline-block;margin-left:8px}.product-header,.generic-header{display:block}.manufacturer-box{margin-top:20px}.monograph-item{grid-template-columns:48px 1fr}.monograph-item>.outline-button{grid-column:2;margin-top:8px;justify-self:start}}
@media(max-width:560px){.container{width:min(100% - 22px,1180px)}.header-search input{min-width:0}.header-search button{padding:0 15px}.nav-inner{margin-right:-11px;padding-right:11px}.nav-inner a{padding:10px 0;font-size:13px}.hero-grid{padding:36px 0 40px}.hero h1{font-size:34px}.hero-search,.filter-search{display:block;box-shadow:none}.hero-search input,.filter-search input{border-radius:9px}.hero-search button,.filter-search button{width:100%;padding:12px;border-radius:9px;margin-top:8px}.search-hints{display:none}.quick-grid,.stat-grid,.card-grid,.generic-grid,.split,.info-grid,.footer-grid{grid-template-columns:1fr}.section{margin-top:34px;margin-bottom:34px}.page{padding-top:25px}.page-heading h1{font-size:30px}.section-heading{align-items:center}.quick-grid>a{padding:14px}.medicine-row{padding:15px}.medicine-name{font-size:17px}.search-context{align-items:flex-start}.product-header,.generic-header{padding:20px}.product-header h1,.generic-header h1{font-size:31px}.manufacturer-box{min-width:0}.info-card,.clinical-card,.side-card{padding:18px}.price-row{padding:12px 16px;gap:12px}.price-heading,.price-notice{padding-left:16px;padding-right:16px}.price-value{font-size:15px}.pagination{font-size:13px}.brand-table th,.brand-table td{padding:11px 12px}}

/* ===== Smart Search v1 ===== */

.smart-search-wrap{
    position:relative;
    width:100%;
}

.header-smart-search{
    flex:1;
    max-width:720px;
    margin-left:auto;
}

.header-smart-search .header-search{
    max-width:none;
    margin-left:0;
}

.hero-smart-search{
    max-width:720px;
}

.hero-smart-search .hero-search{
    max-width:none;
}

.directory-smart-search{
    max-width:780px;
    margin-bottom:20px;
}

.directory-smart-search .filter-search{
    max-width:none;
    margin-bottom:0;
}

.smart-suggestions{
    position:absolute;
    z-index:1000;
    left:0;
    right:0;
    top:calc(100% + 7px);
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:0 18px 50px rgba(20,42,34,.16);
    overflow:hidden;
    max-height:min(620px,70vh);
    overflow-y:auto;
}

.smart-suggestions[hidden]{
    display:none;
}

.smart-section + .smart-section{
    border-top:1px solid var(--border);
}

.smart-section-title{
    padding:10px 14px 6px;
    color:var(--muted);
    font-size:10px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:#fafcfc;
}

.smart-option{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:10px 14px;
    color:var(--ink);
    border-top:1px solid #f1f3f4;
}

.smart-option:hover,
.smart-option.selected{
    background:var(--primary-faint);
    color:var(--ink);
}

.smart-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:var(--primary-soft);
    color:var(--primary-dark);
    font-size:11px;
    font-weight:900;
}

.smart-option-main{
    min-width:0;
}

.smart-option-main strong,
.smart-option-main small{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.smart-option-main strong{
    font-size:14px;
}

.smart-option-main small{
    margin-top:1px;
    color:#56656d;
    font-size:12px;
}

.smart-option-main .smart-muted{
    color:#8a959b;
    font-size:11px;
}

.smart-type{
    color:var(--muted);
    font-size:10px;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.smart-all{
    border-top:1px solid var(--border);
    background:#fbfdfc;
}

.smart-all strong{
    color:var(--primary-dark);
}

.smart-arrow{
    color:var(--primary);
    font-weight:900;
}

.smart-empty{
    padding:18px;
    text-align:center;
    color:var(--muted);
    font-size:13px;
}

@media(max-width:720px){
    .header-smart-search{
        max-width:none;
        margin-left:0;
        margin-top:12px;
    }

    .header-smart-search .header-search{
        margin-top:0;
    }

    .smart-suggestions{
        max-height:65vh;
    }
}

@media(max-width:560px){
    .smart-type{
        display:none;
    }

    .smart-option{
        grid-template-columns:34px minmax(0,1fr);
        padding:10px 11px;
    }

    .smart-arrow{
        display:none;
    }
}

/* ===== Smart Search V2 ===== */

.directory-heading{
    align-items:flex-end;
}

.filter-count{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:6px 12px;
    border-radius:999px;
    background:var(--primary-soft);
    color:var(--primary-dark);
    font-size:12px;
    font-weight:800;
}

.advanced-filters{
    display:grid;
    grid-template-columns:
        minmax(190px,1.5fr)
        minmax(170px,1fr)
        minmax(130px,.7fr)
        minmax(140px,.8fr)
        auto;
    gap:12px;
    align-items:end;
    padding:16px;
    margin:0 0 14px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
}

.filter-field{
    min-width:0;
}

.filter-field label{
    display:block;
    margin-bottom:6px;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.03em;
}

.filter-field select,
.filter-field input{
    width:100%;
    height:42px;
    padding:0 11px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#fff;
    color:var(--ink);
    font:inherit;
    font-size:13px;
    outline:none;
}

.filter-field select:focus,
.filter-field input:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px var(--primary-faint);
}

.filter-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.filter-actions button{
    height:42px;
    padding:0 15px;
    border:0;
    border-radius:9px;
    background:var(--primary);
    color:#fff;
    font-weight:800;
    cursor:pointer;
    white-space:nowrap;
}

.filter-actions a{
    display:inline-flex;
    align-items:center;
    height:42px;
    padding:0 8px;
    color:var(--muted);
    font-size:12px;
    font-weight:750;
}

.active-filters{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:15px;
}

.filter-chip{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 10px;
    border:1px solid var(--border);
    border-radius:999px;
    background:#fff;
    color:var(--ink);
    font-size:11px;
    font-weight:750;
}

a.filter-chip:hover{
    border-color:var(--primary);
    background:var(--primary-faint);
}

.search-chip{
    background:var(--primary-faint);
    border-color:var(--primary-soft);
}

.clear-filters{
    font-size:11px;
    font-weight:800;
}

.results-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
    color:var(--muted);
    font-size:12px;
    font-weight:700;
}

.directory-price{
    color:var(--primary-dark)!important;
    font-weight:750;
}

@media(max-width:1050px){

    .advanced-filters{
        grid-template-columns:1fr 1fr;
    }

    .filter-actions{
        grid-column:1/-1;
    }

}

@media(max-width:650px){

    .advanced-filters{
        grid-template-columns:1fr;
        padding:13px;
    }

    .filter-actions{
        grid-column:auto;
    }

    .filter-actions button{
        flex:1;
    }

    .results-toolbar{
        flex-direction:column;
        align-items:flex-start;
        gap:3px;
    }

}

/* ===== Medicine Reference Stage 2 ===== */

.comparison-header{
    gap:28px;
}

.generic-stat-strip{
    display:grid;
    grid-template-columns:repeat(3,minmax(90px,1fr));
    gap:1px;
    overflow:hidden;
    min-width:330px;
    border:1px solid var(--border);
    border-radius:13px;
    background:var(--border);
}

.generic-stat-strip div{
    padding:15px 17px;
    background:#fff;
    text-align:center;
}

.generic-stat-strip strong{
    display:block;
    color:var(--ink);
    font-size:20px;
    line-height:1.1;
}

.generic-stat-strip span{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.03em;
}

.form-chips{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin:-5px 0 24px;
}

.form-chips>span{
    margin-right:3px;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.form-chips a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border:1px solid var(--border);
    border-radius:999px;
    background:#fff;
    font-size:11px;
    font-weight:750;
}

.form-chips a:hover{
    border-color:var(--primary);
    background:var(--primary-faint);
}

.form-chips small{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:19px;
    height:19px;
    padding:0 5px;
    border-radius:999px;
    background:var(--primary-faint);
    color:var(--primary-dark);
    font-size:9px;
    font-weight:850;
}

.clinical-jump{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    padding:12px;
    margin-bottom:16px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}

.clinical-jump strong{
    margin-right:4px;
    color:var(--muted);
    font-size:10px;
    text-transform:uppercase;
}

.clinical-jump a{
    padding:5px 8px;
    border-radius:7px;
    background:var(--primary-faint);
    font-size:10px;
    font-weight:750;
}

.clinical-card{
    scroll-margin-top:90px;
}

.comparison-note p{
    color:var(--muted);
    font-size:12px;
    line-height:1.65;
}

.section-description{
    max-width:650px;
    margin-top:5px;
    color:var(--muted);
    font-size:12px;
}

.comparison-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:10px;
}

.comparison-toolbar input{
    width:min(520px,100%);
    height:42px;
    padding:0 13px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#fff;
    color:var(--ink);
    font:inherit;
    font-size:13px;
    outline:none;
}

.comparison-toolbar input:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px var(--primary-faint);
}

.comparison-toolbar span{
    color:var(--muted);
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
}

.comparison-table td{
    vertical-align:top;
}

.comparison-price{
    min-width:145px;
}

.comparison-price strong{
    display:block;
    color:var(--ink);
    white-space:nowrap;
}

.comparison-price small{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:9px;
    line-height:1.35;
}

.muted-price{
    color:var(--muted);
    font-size:11px;
}

.comparison-empty{
    padding:24px;
    color:var(--muted);
    text-align:center;
}

.manufacturer-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-bottom:20px;
}

.manufacturer-stats>div{
    padding:15px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}

.manufacturer-stats strong{
    display:block;
    font-size:22px;
}

.manufacturer-stats span{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.manufacturer-filter{
    display:grid;
    grid-template-columns:minmax(220px,2fr)
                          minmax(180px,1fr)
                          auto auto;
    gap:10px;
    align-items:end;
    padding:14px;
    margin-bottom:12px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}

.manufacturer-filter label{
    display:block;
    margin-bottom:5px;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.manufacturer-filter input,
.manufacturer-filter select{
    width:100%;
    height:41px;
    padding:0 10px;
    border:1px solid var(--border);
    border-radius:8px;
    background:#fff;
    font:inherit;
    font-size:12px;
}

.manufacturer-filter button{
    height:41px;
    padding:0 16px;
    border:0;
    border-radius:8px;
    background:var(--primary);
    color:#fff;
    font-weight:800;
    cursor:pointer;
}

.manufacturer-filter>a{
    display:flex;
    align-items:center;
    height:41px;
    padding:0 8px;
    font-size:11px;
    font-weight:800;
}


@media(max-width:850px){

    .generic-header.comparison-header{
        align-items:flex-start;
        flex-direction:column;
    }

    .generic-stat-strip{
        width:100%;
        min-width:0;
    }

    .manufacturer-stats{
        grid-template-columns:1fr 1fr;
    }

    .manufacturer-filter{
        grid-template-columns:1fr 1fr;
    }

}


@media(max-width:600px){

    .generic-stat-strip{
        grid-template-columns:1fr;
    }

    .manufacturer-stats{
        grid-template-columns:1fr 1fr;
    }

    .manufacturer-filter{
        grid-template-columns:1fr;
    }

    .comparison-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .comparison-toolbar input{
        width:100%;
    }

}

/* ===== Medicine Reference Stage 3 ===== */

.indication-disclaimer{
    display:flex;
    gap:9px;
    align-items:flex-start;
    padding:11px 13px;
    margin-bottom:18px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--primary-faint);
    color:var(--muted);
    font-size:11px;
    line-height:1.55;
}

.indication-disclaimer strong{
    flex:0 0 auto;
    color:var(--ink);
}

.directory-search{
    display:flex;
    gap:8px;
    margin-bottom:12px;
}

.directory-search input{
    flex:1;
    min-width:0;
    height:43px;
    padding:0 13px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#fff;
    font:inherit;
    font-size:13px;
    outline:none;
}

.directory-search input:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px var(--primary-faint);
}

.directory-search button{
    padding:0 17px;
    border:0;
    border-radius:9px;
    background:var(--primary);
    color:#fff;
    font-weight:800;
    cursor:pointer;
}

.directory-search>a{
    display:flex;
    align-items:center;
    padding:0 10px;
    font-size:11px;
    font-weight:800;
}

.indication-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}

.indication-card{
    padding:16px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}

.indication-card-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
    margin-bottom:9px;
}

.indication-card h2{
    margin:0 0 7px;
    font-size:17px;
}

.indication-card>p{
    margin:0;
    color:var(--muted);
    font-size:11px;
    line-height:1.55;
}

.mini-class{
    max-width:55%;
    overflow:hidden;
    color:var(--primary-dark);
    font-size:9px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.indication-actions{
    display:flex;
    gap:13px;
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid var(--border);
}

.indication-actions a{
    font-size:10px;
    font-weight:800;
}

.indication-hero{
    padding:24px;
    margin-bottom:14px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
}

.indication-hero h1{
    margin:6px 0;
}

.indication-hero>p{
    margin:0;
    color:var(--muted);
}

.indication-stat-row{
    display:flex;
    gap:8px;
    margin-top:18px;
}

.indication-stat-row>div{
    min-width:115px;
    padding:10px 13px;
    border-radius:9px;
    background:var(--primary-faint);
}

.indication-stat-row strong{
    display:block;
    font-size:18px;
}

.indication-stat-row span{
    color:var(--muted);
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}

.generic-result-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.generic-result-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:14px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff;
}

.generic-result-card:hover{
    border-color:var(--primary);
    background:var(--primary-faint);
}

.generic-result-card strong{
    display:block;
}

.generic-result-card span{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:10px;
}

.generic-result-card b{
    flex:0 0 auto;
    color:var(--muted);
    font-size:10px;
}


@media(max-width:700px){

    .indication-grid,
    .generic-result-grid{
        grid-template-columns:1fr;
    }

    .indication-stat-row{
        display:grid;
        grid-template-columns:repeat(3,1fr);
    }

    .indication-stat-row>div{
        min-width:0;
    }

}


@media(max-width:500px){

    .directory-search{
        flex-wrap:wrap;
    }

    .directory-search input{
        flex-basis:100%;
    }

    .indication-stat-row{
        grid-template-columns:1fr;
    }

}