*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#172033;background:#f5f8fc;line-height:1.7}.wrap{width:min(1180px,92%);margin:auto}.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e7edf5;position:sticky;top:0;z-index:50;box-shadow:0 3px 18px rgba(22,43,77,.04)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:24px;font-weight:850;letter-spacing:-.6px;color:#1261d6;text-decoration:none}.logo span{color:#10a36f}.nav nav{display:flex;align-items:center;gap:6px}.nav nav a{color:#35445d;text-decoration:none;font-weight:650;padding:9px 12px;border-radius:9px;transition:.2s}.nav nav a:hover{background:#eef5ff;color:#1261d6}.hero{position:relative;overflow:hidden;padding:78px 0 68px;background:radial-gradient(circle at 15% 20%,rgba(19,163,111,.12),transparent 28%),radial-gradient(circle at 85% 15%,rgba(18,97,214,.14),transparent 30%),linear-gradient(135deg,#edf7ff,#f4fff9)}.hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(18,97,214,.08);border-radius:50%;right:-80px;bottom:-120px}.hero h1{font-size:46px;letter-spacing:-1.5px;line-height:1.12;margin:0 auto 15px;text-align:center}.hero p{max-width:780px;text-align:center;margin:0 auto 30px;color:#5c6a80;font-size:17px}.searchbox{max-width:860px;margin:auto;background:#fff;padding:8px;border:1px solid #dce6f1;border-radius:16px;display:flex;box-shadow:0 16px 45px rgba(25,62,104,.12)}.searchbox:focus-within{border-color:#8eb7ee;box-shadow:0 16px 45px rgba(25,62,104,.16)}.searchbox input{flex:1;min-width:0;border:0;padding:16px 18px;font-size:17px;outline:0;color:#172033;background:transparent}.searchbox input::placeholder{color:#98a4b5}.searchbox button,.btn{border:0;background:linear-gradient(135deg,#1261d6,#0b78cf);color:#fff;padding:13px 24px;border-radius:11px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 7px 18px rgba(18,97,214,.18);transition:.2s}.searchbox button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(18,97,214,.24)}.section{padding:44px 0}.section-title{margin:0 0 7px;font-size:28px;letter-spacing:-.5px}.section-subtitle{margin:0 0 24px;color:#68768c}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:23px;box-shadow:0 5px 20px rgba(28,48,78,.045);transition:.2s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(28,48,78,.08);border-color:#d7e2ef}.card h2,.card h3{margin:0 0 8px;line-height:1.35}.card a{color:#1261d6;text-decoration:none}.card p{color:#657289;margin:8px 0 0}.breadcrumb{padding:22px 0 16px;color:#748196;font-size:14px}.breadcrumb a{color:#1261d6;text-decoration:none}.content{background:#fff;border:1px solid #e4eaf2;border-radius:18px;padding:34px;box-shadow:0 7px 28px rgba(28,48,78,.045);margin-bottom:45px}.content h1{font-size:34px;letter-spacing:-.7px;line-height:1.25;margin:0 0 10px}.content h2{font-size:21px;margin:30px 0 10px;padding-top:4px;color:#1b2a42}.content p{color:#4e5d73}.meta{color:#77849a;font-size:14px}.tag{display:inline-flex;align-items:center;background:#edf5ff;color:#1261d6;border:1px solid #d9e8fb;border-radius:99px;padding:6px 12px;margin:3px;text-decoration:none;font-size:14px;font-weight:650}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.info-item{background:#f7faff;border:1px solid #e1eaf5;border-radius:12px;padding:14px 16px}.info-item small{display:block;color:#7a8799;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.info-item strong{display:block;margin-top:2px}.notice{background:#fff8e8;border:1px solid #f3dfae;border-left:4px solid #e6b84d;border-radius:12px;padding:16px 18px;color:#6e5929}.result{padding:18px 4px;border-bottom:1px solid #e7edf3}.result:last-child{border-bottom:0}.result h3,.result h2{margin:0 0 5px}.result h3 a,.result h2 a{color:#1261d6;text-decoration:none}.result p{margin:5px 0 0;color:#657289}.empty{padding:34px;text-align:center;color:#69778c;background:#f8fafc;border:1px dashed #d9e1eb;border-radius:12px}.footer{margin-top:10px;background:#142033;color:#c9d2df;padding:42px 0}.footer strong{font-size:20px;color:#fff}.footer p{max-width:850px;color:#aeb9c8}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer a{color:#e9eff7;text-decoration:none}.footer a:hover{color:#72b1ff}.admin-body{background:#f2f4f8}.admin-nav{background:#142033;color:#fff;min-height:100vh;padding:20px}.admin-nav a{display:block;color:#dce5f2;text-decoration:none;padding:10px;border-radius:8px}.admin-nav a:hover{background:#25344e}.admin-layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-main{padding:28px}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:11px;border-bottom:1px solid #e5e8ed;text-align:left}.form{background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:22px}.form label{display:block;font-weight:700;margin:13px 0 5px}.form input,.form textarea,.form select{width:100%;padding:11px;border:1px solid #ccd5e0;border-radius:8px}.form textarea{min-height:130px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e9ef}.stat strong{font-size:28px;display:block}@media(max-width:760px){.nav{min-height:62px}.nav nav{display:none}.hero{padding:55px 0 48px}.hero h1{font-size:34px}.hero p{font-size:15px}.grid,.stats,.info-grid{grid-template-columns:1fr}.searchbox{display:block;background:transparent;border:0;box-shadow:none;padding:0}.searchbox input{width:100%;background:#fff;border:1px solid #dce6f1;border-radius:12px}.searchbox button{width:100%;margin-top:9px}.content{padding:21px;border-radius:14px}.content h1{font-size:28px}.admin-layout{grid-template-columns:1fr}.admin-nav{min-height:auto}.admin-main{padding:18px}}.latest-drugs-section{padding-top:10px}.latest-drugs-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.latest-drug-card{background:#fff;border:1px solid #e4eaf2;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(28,48,78,.045);transition:.2s}.latest-drug-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(28,48,78,.08)}.latest-drug-image{height:190px;background:#f7f9fc;display:flex;align-items:center;justify-content:center;text-decoration:none;border-bottom:1px solid #edf1f5}.latest-drug-image img{width:100%;height:190px;object-fit:contain;padding:12px}.latest-drug-placeholder{font-size:44px;opacity:.35}.latest-drug-body{padding:15px}.latest-drug-body h3{font-size:17px;line-height:1.4;margin:0 0 5px}.latest-drug-body h3 a{color:#172033;text-decoration:none}.latest-drug-meta{font-size:12px;color:#78869a;margin-bottom:5px}.latest-drug-body p{font-size:13px;color:#66748a;margin:6px 0 10px}.latest-drug-link{font-size:13px;color:#1261d6;text-decoration:none;font-weight:700}.latest-drugs-more{text-align:center;margin-top:24px}.latest-drugs-more .btn:disabled{opacity:.65;cursor:wait;transform:none}@media(max-width:1000px){.latest-drugs-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.latest-drugs-list{grid-template-columns:repeat(2,1fr)}.latest-drug-image,.latest-drug-image img{height:155px}}@media(max-width:480px){.latest-drugs-list{grid-template-columns:1fr}.latest-drug-image,.latest-drug-image img{height:190px}}


/* Drug rating - giao diện sao vàng */
.drug-rating{margin:30px 0;padding:25px 26px;border:1px solid #e8eaf0;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(16,24,40,.055)}
.drug-rating h2{margin:0 0 9px;font-size:21px;color:#172033}
.rating-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rating-score{font-size:32px;font-weight:800;line-height:1;color:#172033}
.rating-stars-display{font-size:25px;letter-spacing:3px;line-height:1;color:#ffc107;text-shadow:0 1px 1px rgba(160,100,0,.12)}
.rating-count{color:#667085;font-size:14px}
.rating-vote{margin-top:21px;padding-top:19px;border-top:1px solid #edf0f4;text-align:center}
.rating-vote-title{font-weight:700;font-size:16px;margin-bottom:12px;color:#273449}
.rating-stars-form{margin:0}
.rating-stars{display:flex;justify-content:center;align-items:center;gap:4px}
.rating-star{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0 3px;margin:0;cursor:pointer;font-size:46px;line-height:1;color:#dfe3e8;text-shadow:0 2px 3px rgba(0,0,0,.08);transition:transform .14s ease,color .14s ease,text-shadow .14s ease}
.rating-star:hover,.rating-star:focus{color:#ffc107;transform:translateY(-2px) scale(1.08);text-shadow:0 3px 7px rgba(255,193,7,.38);outline:none}
.rating-star:active{color:#ffb300;transform:scale(.96)}
.rating-hint{margin-top:9px;color:#98a2b3;font-size:13px}
.rating-success,.rating-error{margin:14px auto 0;max-width:520px;padding:10px 13px;border-radius:10px;font-size:14px;text-align:center}
.rating-success{background:#ecfdf3;color:#067647}
.rating-error{background:#fff1f0;color:#b42318}
@media(max-width:600px){.drug-rating{padding:20px 16px}.rating-star{font-size:39px;padding:0 2px}.rating-stars{gap:1px}.rating-stars-display{font-size:22px}}


/* Drug detail - giao diện tra cứu thuốc */
.drug-page{padding-bottom:30px}
.drug-detail-card{padding:0;overflow:hidden}
.drug-header{padding:30px 36px 0}
.drug-header h1{margin:0 0 8px;font-size:36px;line-height:1.2;letter-spacing:-.8px;color:#14233a}
.drug-breadcrumb{padding:0 0 22px;margin:0;font-size:14px}
.drug-breadcrumb .breadcrumb-sep{display:inline-block;margin:0 8px;color:#a0a9b7;font-size:19px;vertical-align:-2px}
.drug-breadcrumb span[aria-current="page"]{color:#66748a}
.drug-hero{display:grid;grid-template-columns:360px minmax(0,1fr);gap:36px;padding:28px 36px 34px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}
.drug-visual{display:flex;align-items:flex-start;justify-content:center}
.drug-image-frame{width:100%;height:350px;border:1px solid #e3eaf3;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:22px;box-shadow:0 10px 30px rgba(22,45,78,.07)}
.drug-image-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.drug-image-empty{font-size:65px;color:#9aa7b8;background:#f7f9fc}
.drug-summary{min-width:0}
.drug-lead{font-size:17px;line-height:1.7;color:#44536a;margin:0 0 22px}
.drug-summary-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid #edf1f5}
.drug-summary-row:first-of-type{border-top:1px solid #edf1f5}
.drug-summary-label{font-weight:750;color:#526178;padding-top:6px}
.drug-summary-values{display:flex;flex-wrap:wrap;gap:5px}
.drug-summary-values .tag{margin:0}
.drug-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;width:100%}
.drug-fact{padding:13px 15px;border:1px solid #e3eaf3;background:#fff;border-radius:12px}
.drug-fact span{display:block;font-size:12px;color:#7a8799;margin-bottom:3px}
.drug-fact strong{display:block;color:#1d2b40;line-height:1.45}
.drug-updated{font-size:13px;color:#8994a4;margin-top:17px}
.drug-content-body{padding:8px 36px 0}
.drug-section{padding:22px 0;border-bottom:1px solid #edf1f5}
.drug-section h2{font-size:23px;margin:0 0 11px;padding:0;color:#182840;line-height:1.35}
.drug-section h2:before{content:"";display:inline-block;width:4px;height:22px;border-radius:5px;background:#1261d6;margin-right:10px;vertical-align:-3px}
.drug-section-text{font-size:16px;color:#4d5c72;line-height:1.8}
.drug-notice{margin:25px 0 4px}
.drug-rating{margin:28px 36px 36px}
@media(max-width:1100px){.drug-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.drug-hero{grid-template-columns:280px minmax(0,1fr);gap:25px}.drug-image-frame{height:300px}}
@media(max-width:560px){.drug-facts{grid-template-columns:1fr}}
@media(max-width:760px){.drug-header{padding:24px 21px 0}.drug-header h1{font-size:29px}.drug-hero{grid-template-columns:1fr;padding:22px 21px 27px}.drug-visual{max-width:330px;margin:auto;width:100%}.drug-image-frame{height:310px}.drug-summary-row{grid-template-columns:1fr;gap:5px}.drug-summary-label{padding-top:0}.drug-content-body{padding:5px 21px 0}.drug-section h2{font-size:21px}.drug-section-text{font-size:15px}.drug-rating{margin:25px 21px 25px}}

/* Drug facts: full-width information row below the main drug overview */
.drug-facts-full{width:auto;margin:0 36px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:0;}
.drug-facts-full .drug-fact{min-width:0;min-height:108px;padding:16px 18px;background:#f8fbff;border:1px solid #dfe8f3;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-start;}
.drug-facts-full .drug-fact span{font-size:12px;color:#7a8799;margin-bottom:7px;font-weight:600;}
.drug-facts-full .drug-fact strong{font-size:15px;line-height:1.55;color:#17263c;overflow-wrap:anywhere;}
@media(max-width:1000px){.drug-facts-full{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.drug-facts-full{margin:0 21px 20px;grid-template-columns:1fr;gap:10px;}.drug-facts-full .drug-fact{min-height:0;}}

/* Drug multi-image gallery */
.drug-gallery{width:100%;position:relative}.drug-main-image-wrap{position:relative;overflow:hidden}.drug-main-image{cursor:zoom-in;transition:transform .25s ease}.drug-main-image:hover{transform:scale(1.015)}.gallery-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid #dce5ef;border-radius:50%;background:rgba(255,255,255,.94);color:#31506f;font-size:28px;line-height:30px;cursor:pointer;box-shadow:0 5px 15px rgba(20,40,70,.12);opacity:.9}.gallery-arrow:hover{background:#1261d6;color:#fff;border-color:#1261d6}.gallery-prev{left:12px}.gallery-next{right:12px}.drug-gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding:12px 2px 3px;scrollbar-width:thin}.drug-thumb{flex:0 0 68px;width:68px;height:68px;padding:4px;border:1px solid #dfe7f0;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden}.drug-thumb img{width:100%;height:100%;object-fit:contain;display:block}.drug-thumb:hover,.drug-thumb.is-active{border-color:#1261d6;box-shadow:0 0 0 2px rgba(18,97,214,.12)}.drug-gallery-count{text-align:center;font-size:12px;color:#8a96a7;margin-top:5px}.drug-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(7,16,29,.88);display:none;align-items:center;justify-content:center;padding:40px}.drug-lightbox.is-open{display:flex}.drug-lightbox img{max-width:min(90vw,1200px);max-height:88vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.4)}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.13);color:#fff;cursor:pointer;border-radius:50%;width:46px;height:46px;font-size:34px;line-height:38px}.lightbox-close{right:22px;top:20px}.lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#1261d6}
/* Admin image library */
.admin-image-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 20px}.admin-image-card{background:#f8fafc;border:1px solid #e0e7ef;border-radius:11px;padding:8px;overflow:hidden}.admin-image-card img{display:block;width:100%;height:120px;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:7px}.admin-image-card small{display:block;color:#6e7b8e}.btn-danger-small{background:#b42318!important;padding:6px 10px!important;margin-top:6px;font-size:12px;box-shadow:none!important}.btn-danger-small:hover{background:#912018!important}@media(max-width:1000px){.admin-image-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.admin-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-image-card img{height:130px}.drug-main-image-wrap{height:310px}.drug-main-image{max-height:260px}.gallery-arrow{width:34px;height:34px;font-size:25px}.drug-thumb{flex-basis:60px;width:60px;height:60px}.drug-lightbox{padding:20px}.lightbox-prev{left:10px}.lightbox-next{right:10px}}

/* ==========================================================
   MedLookup visual refresh — independent editorial identity
   Deep ink + sea-glass + coral, with a locally hosted pattern.
   ========================================================== */
:root{--ml-ink:#102b3a;--ml-ink-2:#183e4b;--ml-teal:#19b8a5;--ml-mint:#c6f5e8;--ml-coral:#ff9b7a;--ml-paper:#f6faf8;--ml-muted:#627780;--ml-line:#dce9e5;--ml-shadow:0 18px 55px rgba(16,43,58,.09)}
body{background:var(--ml-paper);color:var(--ml-ink);font-family:Inter,"Aptos",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}
.site-header{background:rgba(250,253,251,.94);border-bottom:1px solid rgba(206,226,220,.8);box-shadow:0 6px 24px rgba(16,43,58,.035)}
.nav{min-height:82px;gap:28px}
.logo{display:inline-flex;align-items:center;gap:11px;color:var(--ml-ink);font-size:21px;letter-spacing:-.8px;white-space:nowrap}
.logo-mark{width:39px;height:39px;border-radius:13px 13px 13px 5px;display:grid;place-items:center;background:linear-gradient(145deg,#20c4ad,#0e827d);color:white;font-size:21px;font-weight:900;box-shadow:0 7px 16px rgba(25,184,165,.22)}
.logo-word{color:var(--ml-ink)}.logo .logo-domain{color:#159b8b}
.primary-nav{display:flex;align-items:center;gap:5px}.primary-nav a{font-size:13px;letter-spacing:.1px;color:#49616b;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:750;transition:background .18s,color .18s}.primary-nav a:hover{background:#e7f6f1;color:#087f76}.primary-nav .nav-search-link{background:var(--ml-ink);color:#fff;padding:11px 16px;margin-left:7px}.primary-nav .nav-search-link:hover{background:#1b5260;color:#fff}.nav-search-link span{margin-left:6px;color:var(--ml-mint)}
.mobile-nav-toggle{display:none}
.hero-redesign{isolation:isolate;position:relative;overflow:hidden;padding:0;background:#102d3b url('../images/medical-pattern.svg') center/cover no-repeat;color:#fff}
.hero-redesign:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 16% 6%,rgba(40,199,174,.18),transparent 35%),linear-gradient(105deg,rgba(12,37,50,.99) 0%,rgba(16,45,59,.96) 52%,rgba(16,54,65,.88) 100%)}
.hero-redesign:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(166,239,220,.4),transparent)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(370px,.96fr);gap:40px;align-items:center;min-height:540px;padding-top:66px;padding-bottom:64px;position:relative;z-index:1}
.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#a4eadd;font-size:11px;letter-spacing:2.1px;font-weight:850;margin-bottom:24px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--ml-coral);box-shadow:0 0 0 5px rgba(255,155,122,.12)}
.hero-redesign h1{font-size:clamp(39px,4.2vw,59px);line-height:1.08;letter-spacing:-2.3px;text-align:left;margin:0 0 22px;max-width:680px;color:#fff;font-weight:830}.hero-redesign h1 span{color:#9ce9d7}.hero-redesign .hero-copy>p{font-size:16px;line-height:1.8;text-align:left;margin:0 0 28px;max-width:540px;color:#c2d5d8}
.hero-redesign .searchbox{max-width:660px;margin:0;padding:7px;align-items:center;border:1px solid rgba(195,235,225,.35);border-radius:15px;background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.18);gap:3px}.hero-redesign .searchbox:focus-within{border-color:#72e0ca;box-shadow:0 0 0 4px rgba(35,197,172,.15),0 20px 45px rgba(0,0,0,.2)}.search-icon{width:43px;flex:0 0 43px;text-align:center;font-size:32px;line-height:1;color:#5c7b82;transform:rotate(-20deg)}.hero-redesign .searchbox input{padding:14px 9px;font-size:14px;color:#153641}.hero-redesign .searchbox input::placeholder{color:#87999d}.hero-redesign .searchbox button{background:var(--ml-teal);color:#062f37;box-shadow:none;border-radius:10px;padding:14px 18px;font-size:13px;white-space:nowrap}.hero-redesign .searchbox button:hover{background:#68e0c8;transform:none;box-shadow:none}.hero-redesign .searchbox button span{font-size:17px;margin-left:8px}.hero-hints{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:#b6d0d2;font-size:12px;font-weight:600}.hero-hints i{font-style:normal;color:#91ead5;margin-right:6px;font-weight:900}
.hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(41,201,175,.22),rgba(41,201,175,.03) 58%,transparent 70%);right:4%;top:0;z-index:-1}.art-grid{position:absolute;inset:12px 0 0 10%;background-image:radial-gradient(rgba(173,239,224,.32) .8px,transparent .8px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,#000,transparent 70%);opacity:.4}.medicine-board{position:relative;width:min(350px,78%);height:295px;border-radius:20px;border:1px solid rgba(212,246,237,.45);background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(225,249,242,.94));box-shadow:0 35px 85px rgba(0,0,0,.26);transform:rotate(-4deg);overflow:hidden}.board-top{height:39px;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid #d7e9e4;background:rgba(255,255,255,.8)}.board-dot{width:6px;height:6px;border-radius:50%;background:#c3d7d2}.board-caption{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#76928f;font-weight:800}.board-content{height:calc(100% - 39px);position:relative;background:radial-gradient(circle at 80% 20%,rgba(40,190,164,.13),transparent 35%)}.capsule{position:absolute;display:flex;overflow:hidden;border-radius:99px;box-shadow:0 12px 25px rgba(15,67,70,.2);transform:rotate(-38deg)}.capsule-main{width:145px;height:54px;top:85px;left:calc(50% - 75px);background:#13a995;border:4px solid white}.capsule-main span{width:50%;background:#f5fffb;border-right:2px solid rgba(13,112,104,.3)}.capsule-main b{flex:1;background:linear-gradient(130deg,#b5f1df,#f9fffd)}.capsule-small{width:91px;height:34px;top:157px;left:calc(50% - 5px);background:#f7a187;border:3px solid #fff;transform:rotate(31deg)}.capsule-small span{width:50%;background:#fff2e9}.capsule-small b{flex:1;background:#f7a187}.molecule{position:absolute;width:94px;height:94px;top:28px;right:24px;opacity:.8}.molecule span{position:absolute;width:10px;height:10px;border:2px solid #239b91;border-radius:50%;background:#fff}.molecule span:nth-child(1){left:6px;top:36px}.molecule span:nth-child(2){left:38px;top:14px}.molecule span:nth-child(3){left:70px;top:36px}.molecule span:nth-child(4){left:38px;top:61px}.molecule span:nth-child(5){left:38px;top:38px;background:#ffad91;border-color:#ffad91}.molecule:before,.molecule:after{content:"";position:absolute;height:2px;width:37px;background:#8acfc2;transform-origin:left center;left:15px;top:42px;transform:rotate(-34deg)}.molecule:after{left:46px;top:22px;transform:rotate(34deg)}.molecule i{position:absolute;width:37px;height:2px;background:#8acfc2;left:15px;top:45px;transform:rotate(34deg)}.molecule i:last-child{left:46px;top:62px;transform:rotate(-34deg)}.board-pill-row{position:absolute;bottom:36px;left:25px;display:flex;gap:8px}.board-pill-row span{width:44px;height:9px;border-radius:20px;background:#cde7df}.board-pill-row span:nth-child(2){width:66px;background:#93ddcd}.board-lines{position:absolute;right:23px;bottom:28px;display:grid;gap:5px}.board-lines i{display:block;width:64px;height:4px;border-radius:4px;background:#d6e8e3}.board-lines i:nth-child(2){width:48px}.board-lines i:nth-child(3){width:57px}.floating-label{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(249,255,252,.96);color:#163a43;padding:12px 15px;border:1px solid rgba(255,255,255,.7);border-radius:13px;box-shadow:0 15px 35px rgba(0,0,0,.16);min-width:205px}.floating-label b{display:block;font-size:11px;line-height:1.4}.floating-label small{display:block;font-size:9px;color:#70878a;margin-top:3px}.label-icon,.label-shield{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:#d9f7ed;color:#0b9d88;font-size:19px}.label-top{top:31px;left:-2px}.label-bottom{right:-4px;bottom:18px}.label-shield{background:#e4edff;color:#507ac7;font-weight:900}.hero-bottom-line{border-top:1px solid rgba(184,234,222,.16);background:rgba(6,27,38,.25)}.hero-bottom-inner{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#83a9ae;font-size:9px;letter-spacing:1.8px;font-weight:800}.hero-bottom-right{letter-spacing:.2px;text-transform:none;font-size:11px;font-weight:600;color:#b4d0d0}.hero-bottom-right i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff9b7a;margin:0 7px 1px 0}
.section{padding:64px 0}.section-title{font-size:30px;letter-spacing:-.9px;color:var(--ml-ink);font-weight:820}.section-subtitle{color:#70838a;font-size:14px}.section:first-of-type .section-title{margin-bottom:7px}.section:first-of-type .section-subtitle{margin-bottom:29px}.grid{gap:18px}.explore-card{position:relative;overflow:hidden;padding:27px;border-radius:18px;border-color:#e0ebe6;box-shadow:0 8px 30px rgba(16,43,58,.04);min-height:226px}.explore-card:after{content:"";position:absolute;width:125px;height:125px;border-radius:50%;right:-48px;top:-48px;background:rgba(34,191,166,.08)}.explore-card:hover{border-color:#a9ded1;transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,43,58,.08)}.explore-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ddf8ef;color:#0d9485;font-size:22px;font-weight:850;margin-bottom:18px}.explore-ingredients .explore-icon{background:#e8e9ff;color:#6669c7}.explore-uses .explore-icon{background:#fff0e9;color:#d87a58}.explore-card h2{font-size:19px;color:var(--ml-ink);letter-spacing:-.3px}.explore-card p{font-size:13px;line-height:1.75;color:#6d8188;min-height:66px}.explore-card>a{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:800;color:#078e81;margin-top:8px}.latest-drugs-section{background:#edf5f1;border-top:1px solid #dce9e3;border-bottom:1px solid #dce9e3;padding:61px 0 70px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-kicker{font-size:10px;letter-spacing:1.8px;color:#158d80;font-weight:850;margin-bottom:7px}.section-heading-row .section-title{margin:0 0 4px;font-size:29px}.section-heading-row .section-subtitle{margin:0}.text-link{color:#0b8277;text-decoration:none;font-weight:800;font-size:12px;white-space:nowrap;padding:10px 0}.text-link:hover{color:#10404b}.latest-drugs-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.latest-drug-card{border:1px solid #dce8e2;border-radius:16px;box-shadow:0 8px 22px rgba(16,43,58,.045);background:#fff}.latest-drug-card:hover{border-color:#b7dfd3;box-shadow:0 16px 30px rgba(16,43,58,.09)}.latest-drug-image{height:165px;background:linear-gradient(145deg,#f4faf7,#e9f5f0);border-bottom:1px solid #e7f0eb}.latest-drug-image img{height:165px;mix-blend-mode:multiply}.latest-drug-placeholder{display:grid;place-items:center;width:70px;height:70px;border-radius:23px;background:#d9f5eb;color:#0b9c8a;font-size:32px;opacity:1}.latest-drug-body{padding:15px}.latest-drug-body h3{font-size:14px;letter-spacing:-.2px}.latest-drug-body h3 a{color:#183b46}.latest-drug-meta{color:#789097}.latest-drug-body p{font-size:12px;color:#6d8188;line-height:1.6}.latest-drug-link{color:#098c7e;font-size:11px}.latest-drugs-more .btn,.btn{background:var(--ml-ink);color:#fff;border-radius:10px;box-shadow:none}.latest-drugs-more .btn:hover,.btn:hover{background:#1c5962;box-shadow:none}
.breadcrumb{padding:23px 0 17px;color:#809197;font-size:12px}.breadcrumb a{color:#0c9687}.content{background:#fff;border:1px solid #e0ebe6;border-radius:18px;box-shadow:0 12px 36px rgba(16,43,58,.045);padding:36px}.content h1{color:var(--ml-ink);font-size:clamp(28px,3vw,38px);letter-spacing:-1px}.content h2{color:#183f49}.content p{color:#526b73}.tag{background:#e9f8f2;color:#087f73;border-color:#d3eee5}.info-item{background:#f5faf7;border-color:#e0ece6}.result{border-bottom-color:#e6efea}.result h3 a,.result h2 a{color:#087f73}.searchbox:not(.hero .searchbox){border-radius:13px;box-shadow:0 8px 25px rgba(16,43,58,.07);border-color:#dbe8e2}.searchbox:not(.hero .searchbox) button{background:#108f83;box-shadow:none}.empty{background:#f5faf7;border-color:#d5e5dd}.footer{margin-top:0;background:#0d2531;color:#bed0d1;padding:43px 0}.footer strong{font-size:21px;color:#f4fffb;letter-spacing:-.4px}.footer p{color:#9fb7bb;font-size:13px;line-height:1.8}.footer:before{content:"REFERENCE LIBRARY · MEDICINE KNOWLEDGE";display:block;text-align:center;color:#659095;font-size:9px;letter-spacing:2px;padding:0 0 15px}
/* Drug profile components share the new palette without changing their data or behavior. */
.drug-section h2:before{background:var(--ml-teal)}.drug-fact{border-color:#dce9e3}.drug-facts-full .drug-fact{background:#f4faf7;border-color:#dce9e3}.drug-facts-full .drug-fact span{color:#6f8589}.drug-facts-full .drug-fact strong{color:#173b45}.drug-thumb:hover,.drug-thumb.is-active{border-color:#0ca594;box-shadow:0 0 0 2px rgba(25,184,165,.13)}.gallery-arrow:hover{background:#0c9687;border-color:#0c9687}.drug-rating{border-color:#dce9e3}
@media(max-width:1000px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:20px}.hero-redesign h1{font-size:43px}.hero-art{min-height:350px}.label-top{left:-12px}.label-bottom{right:-12px}.latest-drugs-list{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-nav a{padding:9px 8px;font-size:12px}}
@media(max-width:760px){.nav{min-height:72px;position:relative}.logo{font-size:20px}.logo-mark{width:36px;height:36px}.mobile-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #d7e7e1;background:#fff;border-radius:12px;padding:10px;cursor:pointer}.mobile-nav-toggle span{height:2px;width:100%;background:#214b55;border-radius:3px;transition:.2s}.mobile-nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.mobile-nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:#fbfefc;border:1px solid #dce9e3;border-radius:0 0 16px 16px;padding:12px;box-shadow:0 20px 30px rgba(16,43,58,.12);align-items:stretch;gap:3px}.primary-nav.is-open{display:flex;flex-direction:column}.primary-nav a{padding:12px 13px;font-size:14px}.primary-nav .nav-search-link{margin:5px 0 0;text-align:center}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px;min-height:0;padding-top:49px;padding-bottom:34px}.hero-redesign h1{font-size:clamp(36px,9vw,47px);letter-spacing:-1.5px;line-height:1.1}.hero-redesign .hero-copy>p{font-size:14px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:19px}.hero-redesign .searchbox{display:flex;gap:2px;padding:5px}.search-icon{width:30px;flex-basis:30px;font-size:27px}.hero-redesign .searchbox input{padding:12px 5px;font-size:12px}.hero-redesign .searchbox button{padding:12px 12px;font-size:12px}.hero-hints{gap:10px 16px;font-size:10px}.hero-art{min-height:300px;margin:0 auto;width:min(100%,420px)}.medicine-board{width:285px;height:255px}.label-top{top:5px;left:-2px}.label-bottom{bottom:3px;right:-2px}.floating-label{min-width:180px;padding:10px 11px}.floating-label b{font-size:10px}.floating-label small{font-size:8px}.label-icon,.label-shield{width:29px;height:29px;flex-basis:29px}.hero-bottom-inner{padding-top:13px;padding-bottom:13px;align-items:flex-start;flex-direction:column;gap:6px;font-size:8px}.hero-bottom-right{font-size:10px}.section{padding:43px 0}.section-title{font-size:26px}.explore-card{min-height:0;padding:22px}.explore-card p{min-height:0}.section-heading-row{align-items:flex-start;flex-direction:column;gap:7px}.section-heading-row .section-title{font-size:25px}.latest-drugs-section{padding:44px 0 50px}.latest-drugs-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.latest-drug-image,.latest-drug-image img{height:135px}.latest-drug-body{padding:12px}.latest-drug-body h3{font-size:13px}.latest-drug-body p{font-size:11px}.content{padding:22px 18px;border-radius:15px}.content h1{font-size:28px}.footer{padding:34px 0}.footer:before{text-align:left}.drug-facts-full{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}}
@media(max-width:380px){.hero-redesign .searchbox button{padding:11px 9px}.hero-redesign .searchbox button span{margin-left:3px}.search-icon{display:none}.latest-drugs-list{gap:8px}.latest-drug-image,.latest-drug-image img{height:115px}.floating-label{min-width:165px}.medicine-board{width:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ==========================================================
   MedLookup visual refresh — independent editorial identity
   Deep ink + sea-glass + coral, with a locally hosted pattern.
   ========================================================== */
:root{--ml-ink:#102b3a;--ml-ink-2:#183e4b;--ml-teal:#19b8a5;--ml-mint:#c6f5e8;--ml-coral:#ff9b7a;--ml-paper:#f6faf8;--ml-muted:#627780;--ml-line:#dce9e5;--ml-shadow:0 18px 55px rgba(16,43,58,.09)}
body{background:var(--ml-paper);color:var(--ml-ink);font-family:Inter,"Aptos",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}
.site-header{background:rgba(250,253,251,.94);border-bottom:1px solid rgba(206,226,220,.8);box-shadow:0 6px 24px rgba(16,43,58,.035)}
.nav{min-height:82px;gap:28px}
.logo{display:inline-flex;align-items:center;gap:11px;color:var(--ml-ink);font-size:21px;letter-spacing:-.8px;white-space:nowrap}
.logo-mark{width:39px;height:39px;border-radius:13px 13px 13px 5px;display:grid;place-items:center;background:linear-gradient(145deg,#20c4ad,#0e827d);color:white;font-size:21px;font-weight:900;box-shadow:0 7px 16px rgba(25,184,165,.22)}
.logo-word{color:var(--ml-ink)}.logo .logo-domain{color:#159b8b}
.primary-nav{display:flex;align-items:center;gap:5px}.primary-nav a{font-size:13px;letter-spacing:.1px;color:#49616b;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:750;transition:background .18s,color .18s}.primary-nav a:hover{background:#e7f6f1;color:#087f76}.primary-nav .nav-search-link{background:var(--ml-ink);color:#fff;padding:11px 16px;margin-left:7px}.primary-nav .nav-search-link:hover{background:#1b5260;color:#fff}.nav-search-link span{margin-left:6px;color:var(--ml-mint)}
.mobile-nav-toggle{display:none}
.hero-redesign{isolation:isolate;position:relative;overflow:hidden;padding:0;background:#102d3b url('../images/medical-pattern.svg') center/cover no-repeat;color:#fff}
.hero-redesign:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 16% 6%,rgba(40,199,174,.18),transparent 35%),linear-gradient(105deg,rgba(12,37,50,.99) 0%,rgba(16,45,59,.96) 52%,rgba(16,54,65,.88) 100%)}
.hero-redesign:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(166,239,220,.4),transparent)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(370px,.96fr);gap:40px;align-items:center;min-height:540px;padding-top:66px;padding-bottom:64px;position:relative;z-index:1}
.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#a4eadd;font-size:11px;letter-spacing:2.1px;font-weight:850;margin-bottom:24px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--ml-coral);box-shadow:0 0 0 5px rgba(255,155,122,.12)}
.hero-redesign h1{font-size:clamp(39px,4.2vw,59px);line-height:1.08;letter-spacing:-2.3px;text-align:left;margin:0 0 22px;max-width:680px;color:#fff;font-weight:830}.hero-redesign h1 span{color:#9ce9d7}.hero-redesign .hero-copy>p{font-size:16px;line-height:1.8;text-align:left;margin:0 0 28px;max-width:540px;color:#c2d5d8}
.hero-redesign .searchbox{max-width:660px;margin:0;padding:7px;align-items:center;border:1px solid rgba(195,235,225,.35);border-radius:15px;background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.18);gap:3px}.hero-redesign .searchbox:focus-within{border-color:#72e0ca;box-shadow:0 0 0 4px rgba(35,197,172,.15),0 20px 45px rgba(0,0,0,.2)}.search-icon{width:43px;flex:0 0 43px;text-align:center;font-size:32px;line-height:1;color:#5c7b82;transform:rotate(-20deg)}.hero-redesign .searchbox input{padding:14px 9px;font-size:14px;color:#153641}.hero-redesign .searchbox input::placeholder{color:#87999d}.hero-redesign .searchbox button{background:var(--ml-teal);color:#062f37;box-shadow:none;border-radius:10px;padding:14px 18px;font-size:13px;white-space:nowrap}.hero-redesign .searchbox button:hover{background:#68e0c8;transform:none;box-shadow:none}.hero-redesign .searchbox button span{font-size:17px;margin-left:8px}.hero-hints{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:#b6d0d2;font-size:12px;font-weight:600}.hero-hints i{font-style:normal;color:#91ead5;margin-right:6px;font-weight:900}
.hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(41,201,175,.22),rgba(41,201,175,.03) 58%,transparent 70%);right:4%;top:0;z-index:-1}.art-grid{position:absolute;inset:12px 0 0 10%;background-image:radial-gradient(rgba(173,239,224,.32) .8px,transparent .8px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,#000,transparent 70%);opacity:.4}.medicine-board{position:relative;width:min(350px,78%);height:295px;border-radius:20px;border:1px solid rgba(212,246,237,.45);background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(225,249,242,.94));box-shadow:0 35px 85px rgba(0,0,0,.26);transform:rotate(-4deg);overflow:hidden}.board-top{height:39px;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid #d7e9e4;background:rgba(255,255,255,.8)}.board-dot{width:6px;height:6px;border-radius:50%;background:#c3d7d2}.board-caption{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#76928f;font-weight:800}.board-content{height:calc(100% - 39px);position:relative;background:radial-gradient(circle at 80% 20%,rgba(40,190,164,.13),transparent 35%)}.capsule{position:absolute;display:flex;overflow:hidden;border-radius:99px;box-shadow:0 12px 25px rgba(15,67,70,.2);transform:rotate(-38deg)}.capsule-main{width:145px;height:54px;top:85px;left:calc(50% - 75px);background:#13a995;border:4px solid white}.capsule-main span{width:50%;background:#f5fffb;border-right:2px solid rgba(13,112,104,.3)}.capsule-main b{flex:1;background:linear-gradient(130deg,#b5f1df,#f9fffd)}.capsule-small{width:91px;height:34px;top:157px;left:calc(50% - 5px);background:#f7a187;border:3px solid #fff;transform:rotate(31deg)}.capsule-small span{width:50%;background:#fff2e9}.capsule-small b{flex:1;background:#f7a187}.molecule{position:absolute;width:94px;height:94px;top:28px;right:24px;opacity:.8}.molecule span{position:absolute;width:10px;height:10px;border:2px solid #239b91;border-radius:50%;background:#fff}.molecule span:nth-child(1){left:6px;top:36px}.molecule span:nth-child(2){left:38px;top:14px}.molecule span:nth-child(3){left:70px;top:36px}.molecule span:nth-child(4){left:38px;top:61px}.molecule span:nth-child(5){left:38px;top:38px;background:#ffad91;border-color:#ffad91}.molecule:before,.molecule:after{content:"";position:absolute;height:2px;width:37px;background:#8acfc2;transform-origin:left center;left:15px;top:42px;transform:rotate(-34deg)}.molecule:after{left:46px;top:22px;transform:rotate(34deg)}.molecule i{position:absolute;width:37px;height:2px;background:#8acfc2;left:15px;top:45px;transform:rotate(34deg)}.molecule i:last-child{left:46px;top:62px;transform:rotate(-34deg)}.board-pill-row{position:absolute;bottom:36px;left:25px;display:flex;gap:8px}.board-pill-row span{width:44px;height:9px;border-radius:20px;background:#cde7df}.board-pill-row span:nth-child(2){width:66px;background:#93ddcd}.board-lines{position:absolute;right:23px;bottom:28px;display:grid;gap:5px}.board-lines i{display:block;width:64px;height:4px;border-radius:4px;background:#d6e8e3}.board-lines i:nth-child(2){width:48px}.board-lines i:nth-child(3){width:57px}.floating-label{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(249,255,252,.96);color:#163a43;padding:12px 15px;border:1px solid rgba(255,255,255,.7);border-radius:13px;box-shadow:0 15px 35px rgba(0,0,0,.16);min-width:205px}.floating-label b{display:block;font-size:11px;line-height:1.4}.floating-label small{display:block;font-size:9px;color:#70878a;margin-top:3px}.label-icon,.label-shield{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:#d9f7ed;color:#0b9d88;font-size:19px}.label-top{top:31px;left:-2px}.label-bottom{right:-4px;bottom:18px}.label-shield{background:#e4edff;color:#507ac7;font-weight:900}.hero-bottom-line{border-top:1px solid rgba(184,234,222,.16);background:rgba(6,27,38,.25)}.hero-bottom-inner{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#83a9ae;font-size:9px;letter-spacing:1.8px;font-weight:800}.hero-bottom-right{letter-spacing:.2px;text-transform:none;font-size:11px;font-weight:600;color:#b4d0d0}.hero-bottom-right i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff9b7a;margin:0 7px 1px 0}
.section{padding:64px 0}.section-title{font-size:30px;letter-spacing:-.9px;color:var(--ml-ink);font-weight:820}.section-subtitle{color:#70838a;font-size:14px}.section:first-of-type .section-title{margin-bottom:7px}.section:first-of-type .section-subtitle{margin-bottom:29px}.grid{gap:18px}.explore-card{position:relative;overflow:hidden;padding:27px;border-radius:18px;border-color:#e0ebe6;box-shadow:0 8px 30px rgba(16,43,58,.04);min-height:226px}.explore-card:after{content:"";position:absolute;width:125px;height:125px;border-radius:50%;right:-48px;top:-48px;background:rgba(34,191,166,.08)}.explore-card:hover{border-color:#a9ded1;transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,43,58,.08)}.explore-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ddf8ef;color:#0d9485;font-size:22px;font-weight:850;margin-bottom:18px}.explore-ingredients .explore-icon{background:#e8e9ff;color:#6669c7}.explore-uses .explore-icon{background:#fff0e9;color:#d87a58}.explore-card h2{font-size:19px;color:var(--ml-ink);letter-spacing:-.3px}.explore-card p{font-size:13px;line-height:1.75;color:#6d8188;min-height:66px}.explore-card>a{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:800;color:#078e81;margin-top:8px}.latest-drugs-section{background:#edf5f1;border-top:1px solid #dce9e3;border-bottom:1px solid #dce9e3;padding:61px 0 70px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-kicker{font-size:10px;letter-spacing:1.8px;color:#158d80;font-weight:850;margin-bottom:7px}.section-heading-row .section-title{margin:0 0 4px;font-size:29px}.section-heading-row .section-subtitle{margin:0}.text-link{color:#0b8277;text-decoration:none;font-weight:800;font-size:12px;white-space:nowrap;padding:10px 0}.text-link:hover{color:#10404b}.latest-drugs-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.latest-drug-card{border:1px solid #dce8e2;border-radius:16px;box-shadow:0 8px 22px rgba(16,43,58,.045);background:#fff}.latest-drug-card:hover{border-color:#b7dfd3;box-shadow:0 16px 30px rgba(16,43,58,.09)}.latest-drug-image{height:165px;background:linear-gradient(145deg,#f4faf7,#e9f5f0);border-bottom:1px solid #e7f0eb}.latest-drug-image img{height:165px;mix-blend-mode:multiply}.latest-drug-placeholder{display:grid;place-items:center;width:70px;height:70px;border-radius:23px;background:#d9f5eb;color:#0b9c8a;font-size:32px;opacity:1}.latest-drug-body{padding:15px}.latest-drug-body h3{font-size:14px;letter-spacing:-.2px}.latest-drug-body h3 a{color:#183b46}.latest-drug-meta{color:#789097}.latest-drug-body p{font-size:12px;color:#6d8188;line-height:1.6}.latest-drug-link{color:#098c7e;font-size:11px}.latest-drugs-more .btn,.btn{background:var(--ml-ink);color:#fff;border-radius:10px;box-shadow:none}.latest-drugs-more .btn:hover,.btn:hover{background:#1c5962;box-shadow:none}
.breadcrumb{padding:23px 0 17px;color:#809197;font-size:12px}.breadcrumb a{color:#0c9687}.content{background:#fff;border:1px solid #e0ebe6;border-radius:18px;box-shadow:0 12px 36px rgba(16,43,58,.045);padding:36px}.content h1{color:var(--ml-ink);font-size:clamp(28px,3vw,38px);letter-spacing:-1px}.content h2{color:#183f49}.content p{color:#526b73}.tag{background:#e9f8f2;color:#087f73;border-color:#d3eee5}.info-item{background:#f5faf7;border-color:#e0ece6}.result{border-bottom-color:#e6efea}.result h3 a,.result h2 a{color:#087f73}.searchbox:not(.hero .searchbox){border-radius:13px;box-shadow:0 8px 25px rgba(16,43,58,.07);border-color:#dbe8e2}.searchbox:not(.hero .searchbox) button{background:#108f83;box-shadow:none}.empty{background:#f5faf7;border-color:#d5e5dd}.footer{margin-top:0;background:#0d2531;color:#bed0d1;padding:43px 0}.footer strong{font-size:21px;color:#f4fffb;letter-spacing:-.4px}.footer p{color:#9fb7bb;font-size:13px;line-height:1.8}.footer:before{content:"REFERENCE LIBRARY · MEDICINE KNOWLEDGE";display:block;text-align:center;color:#659095;font-size:9px;letter-spacing:2px;padding:0 0 15px}
.drug-section h2:before{background:var(--ml-teal)}.drug-fact{border-color:#dce9e3}.drug-facts-full .drug-fact{background:#f4faf7;border-color:#dce9e3}.drug-facts-full .drug-fact span{color:#6f8589}.drug-facts-full .drug-fact strong{color:#173b45}.drug-thumb:hover,.drug-thumb.is-active{border-color:#0ca594;box-shadow:0 0 0 2px rgba(25,184,165,.13)}.gallery-arrow:hover{background:#0c9687;border-color:#0c9687}
@media(max-width:1000px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:20px}.hero-redesign h1{font-size:43px}.hero-art{min-height:350px}.label-top{left:-12px}.label-bottom{right:-12px}.latest-drugs-list{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-nav a{padding:9px 8px;font-size:12px}}
@media(max-width:760px){.nav{min-height:72px;position:relative}.logo{font-size:20px}.logo-mark{width:36px;height:36px}.mobile-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #d7e7e1;background:#fff;border-radius:12px;padding:10px;cursor:pointer}.mobile-nav-toggle span{height:2px;width:100%;background:#214b55;border-radius:3px;transition:.2s}.mobile-nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.mobile-nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:#fbfefc;border:1px solid #dce9e3;border-radius:0 0 16px 16px;padding:12px;box-shadow:0 20px 30px rgba(16,43,58,.12);align-items:stretch;gap:3px}.primary-nav.is-open{display:flex;flex-direction:column}.primary-nav a{padding:12px 13px;font-size:14px}.primary-nav .nav-search-link{margin:5px 0 0;text-align:center}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px;min-height:0;padding-top:49px;padding-bottom:34px}.hero-redesign h1{font-size:clamp(36px,9vw,47px);letter-spacing:-1.5px;line-height:1.1}.hero-redesign .hero-copy>p{font-size:14px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:19px}.hero-redesign .searchbox{display:flex;gap:2px;padding:5px}.search-icon{width:30px;flex-basis:30px;font-size:27px}.hero-redesign .searchbox input{padding:12px 5px;font-size:12px}.hero-redesign .searchbox button{padding:12px 12px;font-size:12px}.hero-hints{gap:10px 16px;font-size:10px}.hero-art{min-height:300px;margin:0 auto;width:min(100%,420px)}.medicine-board{width:285px;height:255px}.label-top{top:5px;left:-2px}.label-bottom{bottom:3px;right:-2px}.floating-label{min-width:180px;padding:10px 11px}.floating-label b{font-size:10px}.floating-label small{font-size:8px}.label-icon,.label-shield{width:29px;height:29px;flex-basis:29px}.hero-bottom-inner{padding-top:13px;padding-bottom:13px;align-items:flex-start;flex-direction:column;gap:6px;font-size:8px}.hero-bottom-right{font-size:10px}.section{padding:43px 0}.section-title{font-size:26px}.explore-card{min-height:0;padding:22px}.explore-card p{min-height:0}.section-heading-row{align-items:flex-start;flex-direction:column;gap:7px}.section-heading-row .section-title{font-size:25px}.latest-drugs-section{padding:44px 0 50px}.latest-drugs-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.latest-drug-image,.latest-drug-image img{height:135px}.latest-drug-body{padding:12px}.latest-drug-body h3{font-size:13px}.latest-drug-body p{font-size:11px}.content{padding:22px 18px;border-radius:15px}.content h1{font-size:28px}.footer{padding:34px 0}.footer:before{text-align:left}.drug-facts-full{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}}
@media(max-width:380px){.hero-redesign .searchbox button{padding:11px 9px}.hero-redesign .searchbox button span{margin-left:3px}.search-icon{display:none}.latest-drugs-list{gap:8px}.latest-drug-image,.latest-drug-image img{height:115px}.floating-label{min-width:165px}.medicine-board{width:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}