* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 20px; }
body { margin: 0; background: #f3f5f7; color: #34424e; font: 1rem/1.65 Arial, Helvetica, sans-serif; }
a { color: #1d659b; text-decoration: none; }
a:hover { color: #16496e; text-decoration: underline; }
button, input, select { font: inherit; }
a, button, input, select { touch-action: manipulation; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #dda638; outline-offset: 3px; }
[hidden] { display: none !important; }
.wrap { max-width: 1200px; margin: auto; padding: 0 26px; }
.topline { background: #e8edf1; border-bottom: 1px solid #d4dde4; color: #627383; font-size: .8125rem; }
.topline-inner { display: flex; justify-content: space-between; gap: 15px; padding-top: 6px; padding-bottom: 6px; }
.site-header { border-bottom: 4px solid #285f8c; background: #fff; }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 91px; }
.brand { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.brand:hover { text-decoration: none; }
.brand-name { font-size: 2rem; font-weight: bold; letter-spacing: -1.5px; color: #285c86; }
.brand-name > span { color: #628b3f; }
.brand-name small { font-size: 1.0625rem; color: #7a8791; letter-spacing: 0; font-weight: normal; }
.brand-mark { width: 29px; height: 29px; position: relative; border-radius: 3px; background: #668e43; }
.brand-mark:before, .brand-mark:after { content: ''; position: absolute; background: #fff; top: 6px; left: 12px; height: 17px; width: 5px; }
.brand-mark:after { transform: rotate(90deg); }
.main-nav { display: flex; gap: 25px; font-size: .9375rem; font-weight: bold; flex-wrap: wrap; }
.main-nav a[aria-current] { color: #344f63; }
.hero { background: #eaf1f7; border-bottom: 1px solid #cedde8; }
.hero-inner { padding-top: 29px; padding-bottom: 26px; }
.eyebrow, .category-label { font-size: .75rem; letter-spacing: 1.2px; font-weight: bold; color: #687e90; text-transform: uppercase; }
h1 { font-size: 2rem; line-height: 1.25; letter-spacing: -.65px; color: #284e6b; margin: 8px 0 12px; }
h2 { font-size: 1.5rem; line-height: 1.35; color: #31556e; margin: 0 0 10px; }
h3 { font-size: 1rem; color: #3b586d; margin: 0 0 10px; }
p { margin: 0 0 14px; }
.hero-subtitle { color: #556c7e; margin-bottom: 21px; max-width: 860px; }
.search-form { display: flex; align-items: center; gap: 12px; max-width: 860px; background: white; border: 1px solid #aebfce; box-shadow: 0 2px 4px #294e6b0a; padding: 6px 6px 6px 16px; border-radius: 3px; }
.icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; vertical-align: middle; flex-shrink: 0; }
.search-form > .icon { color: #8193a2; }
.search-form input { width: 100%; min-width: 0; padding: 10px 0; background: transparent; border: 0; color: #34424e; }
.search-form button { border: 1px solid #1c5078; border-radius: 3px; padding: 10px 20px; background: linear-gradient(#397bab, #245e8b); color: white; font-weight: bold; white-space: nowrap; cursor: pointer; }
.search-form button:hover { background: #245e8b; }
.search-hint { font-size: .875rem; color: #708293; margin: 12px 0 0; }
.search-hint a { margin: 0 4px; }
.directory-section { padding: 28px 0 40px; }
.section-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.section-heading .eyebrow { margin-bottom: 5px; }
.section-intro { color: #728292; font-size: .9375rem; margin-bottom: 20px; }
.directory-count { border: 1px solid #d2dce4; border-radius: 3px; padding: 4px 12px; background: #fff; font-size: .875rem; color: #62788a; white-space: nowrap; }
.directory-filters { display: flex; align-items: center; gap: 12px; border: 1px solid #ced9e2; border-radius: 3px 3px 0 0; background: #e9eef3; padding: 12px 15px; }
.directory-filters label { color: #4d6679; font-size: .875rem; font-weight: bold; }
.directory-filters select { max-width: 310px; padding: 7px 30px 7px 9px; border: 1px solid #b5c5d2; border-radius: 2px; color: #36556c; background: #fff; font-size: .875rem; }
.directory-filters button { background: #fff; color: #2b6692; border: 1px solid #bfccd7; border-radius: 2px; padding: 7px 12px; cursor: pointer; font-size: .875rem; }
.category-index-link { margin-left: auto; font-size: .875rem; }
.alphabet { display: flex; flex-wrap: wrap; margin-bottom: 24px; border: 1px solid #ced9e2; border-top: 0; background: #fff; }
.alphabet a { flex: 1; min-width: 28px; text-align: center; padding: 7px 3px; font-size: .8125rem; font-weight: bold; border-right: 1px solid #e3e9ed; }
.alphabet a:hover { background: #edf3f8; }
.alphabet a[aria-current] { color: #fff; background: #285f8c; }
/* Native multi-column fallback; enhanced by measured grid row spans when JS is available. */
.category-grid { column-count: 3; column-gap: 20px; }
.category-group { display: inline-block; vertical-align: top; width: 100%; break-inside: avoid; margin: 0 0 20px; }
.category-card { background: #fff; border: 1px solid #cfdae3; border-radius: 3px; overflow: hidden; box-shadow: 0 2px 3px #23465f04; }
.category-group h3 { display: flex; gap: 10px; justify-content: space-between; align-items: start; margin: 0; padding: 12px 15px; border-bottom: 1px solid #d4dee6; background: linear-gradient(#fafcfd, #edf2f6); line-height: 1.45; }
.category-group h3 a { color: #315874; }
.group-count { font-size: .75rem; padding: 1px 7px; color: #6b8090; background: #fff; border: 1px solid #d2dce4; border-radius: 3px; }
.category-description { font-size: .875rem; color: #738493; line-height: 1.6; padding: 12px 15px 0; margin: 0; }
.category-group ul { list-style: none; padding: 4px 15px 7px; margin: 0; }
.category-group li { border-bottom: 1px dotted #dce3e9; padding: 8px 0; overflow-wrap: anywhere; }
.category-group li:last-child { border: 0; }
.category-group li > a { display: block; font-weight: bold; line-height: 1.5; }
.drug-aliases { display: block; color: #7a8995; font-size: .8125rem; line-height: 1.6; margin-top: 3px; }
.entry-kind { display: inline-block; color: #648045; font-size: .75rem; margin-top: 4px; }
.category-footer { display: flex; justify-content: space-between; padding: 9px 15px; background: #fafbfc; border-top: 1px solid #e4e9ed; font-size: .8125rem; }
.category-grid.is-masonry { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 4px; column-gap: 20px; align-items: start; }
.is-masonry .category-group { margin: 0; min-width: 0; }
.directory-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; border-top: 1px solid #d7e0e6; margin-top: 18px; padding-top: 25px; font-size: .875rem; color: #718291; }
.directory-notes h3 { font-size: .9375rem; }
.empty-state { padding: 35px 20px; border: 1px solid #d2dce4; background: #fff; text-align: center; }
.page-banner { background: #eaf1f7; border-bottom: 1px solid #cedde8; padding: 18px 0; }
.breadcrumbs { display: flex; gap: 10px; flex-wrap: wrap; color: #738797; font-size: .8125rem; margin-bottom: 15px; }
.reference-summary { max-width: 850px; font-size: 1.0625rem; line-height: 1.75; color: #4d6679; }
.reference-aliases { color: #637a8c; font-size: .9375rem; }
.editorial-meta { font-size: .8125rem; color: #6b8090; margin-bottom: 0; }
.content-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 25px; padding-top: 25px; padding-bottom: 40px; }
.article-content { border: 1px solid #d2dce4; background: #fff; padding: 25px; border-radius: 3px; }
.article-toc { border: 1px solid #d4dfe7; background: #f2f6f9; padding: 16px 20px; margin-bottom: 20px; }
.article-toc strong { color: #34566e; }
.article-toc ul { columns: 2; list-style: none; padding: 0; margin: 10px 0 0; gap: 20px; font-size: .9375rem; }
.article-toc li { break-inside: avoid; margin-bottom: 7px; }
.medical-notice { padding: 13px; border: 1px solid #e3dbbf; background: #fffbed; font-size: .8125rem; color: #7b6d46; }
.medical-notice p { margin: 0; }
.info-section { padding: 25px 0 18px; border-bottom: 1px solid #e1e7ec; }
.info-section h2 { font-size: 1.35rem; }
.info-section p { line-height: 1.85; }
.section-sources { font-size: .8125rem; color: #6c8394; }
.price-status { padding: 12px; border-left: 3px solid #7a9953; background: #f1f6ec; font-size: .875rem; }
.aside-card { border: 1px solid #d2dce4; background: #fff; border-radius: 3px; padding: 16px; margin-bottom: 18px; }
.aside-card h3 { border-bottom: 1px solid #e0e7ec; padding-bottom: 9px; }
.aside-card p { color: #6e8190; font-size: .875rem; }
.reference-facts { margin: 0; }
.reference-facts dt { color: #758896; font-size: .8125rem; margin-top: 10px; }
.reference-facts dd { margin: 2px 0 0; }
.related-link { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px dotted #dbe3e9; font-size: .9375rem; }
.related-link:last-child { border: 0; }
.related-link small { display: block; font-size: .8125rem; color: #7e8d99; }
.editorial-notes { font-size: .875rem; }
.editorial-notes li { margin-bottom: 8px; overflow-wrap: anywhere; }
.information-page { padding-top: 28px; padding-bottom: 40px; }
.general-article { max-width: 880px; }
.general-article h2:not(:first-child) { margin-top: 30px; }
.general-article h2 { font-size: 1.3rem; }
.category-index { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.category-index-card { display: block; border: 1px solid #d1dce4; border-top: 3px solid #567e9e; border-radius: 3px; background: #fff; padding: 20px; }
.category-index-card:hover { text-decoration: none; border-color: #7d9db6; }
.category-index-card h2 { font-size: 1.2rem; }
.category-index-card span { color: #738797; font-size: .8125rem; }
.category-index-card p { color: #6b8192; font-size: .875rem; margin-top: 12px; }
.category-index-card strong { font-size: .875rem; }
.not-found { padding: 50px 0; }
.not-found-number { color: #8ca5b8; font-size: 3rem; }
.not-found .search-form { margin: 20px 0; }
.site-footer { background: #e8edf1; border-top: 3px solid #d3dde5; color: #6e8292; font-size: .875rem; }
.footer-main { display: grid; grid-template-columns: 1fr 180px 1.2fr; gap: 40px; padding-top: 27px; padding-bottom: 27px; }
.footer-brand p { max-width: 260px; font-size: .8125rem; margin-top: 10px; }
.brand-footer .brand-name { font-size: 1.6rem; }
.footer-links { display: flex; flex-direction: column; gap: 7px; }
.footer-links strong, .footer-disclaimer strong { color: #4c667a; }
.footer-disclaimer p { margin: 8px 0 0; font-size: .8125rem; }
.footer-bottom { border-top: 1px solid #d2dce4; padding: 12px 0; font-size: .8125rem; }
.footer-bottom .wrap { display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
@media(max-width:1000px) {
  .category-grid { column-count: 2; }
  .category-grid.is-masonry, .category-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .main-nav { gap: 16px; font-size: .875rem; }
}
@media(max-width:760px) {
  .wrap { padding-left: 18px; padding-right: 18px; }
  .header-inner { align-items: start; flex-direction: column; gap: 10px; padding-top: 15px; padding-bottom: 15px; }
  .topline-note { display: none; }
  h1 { font-size: 1.75rem; }
  .hero-inner { padding-top: 24px; }
  .content-layout { grid-template-columns: 1fr; }
  .directory-filters { flex-wrap: wrap; }
  .directory-filters select { flex: 1; min-width: 130px; max-width: none; }
  .category-index-link { width: 100%; margin: 0; }
  .search-form { flex-wrap: wrap; gap: 8px; padding-left: 12px; }
  .search-form input { flex: 1; min-width: 150px; font-size: .9375rem; }
  .search-form button { padding: 10px 12px; font-size: .875rem; }
  .article-content { padding: 18px; }
  .article-toc ul { columns: 1; }
  .directory-notes, .footer-main { grid-template-columns: 1fr; gap: 20px; }
  .section-intro { font-size: .875rem; }
  .reference-summary { font-size: 1rem; }
}
@media(max-width:580px) {
  .category-grid { column-count: 1; }
  .category-grid.is-masonry, .category-index { grid-template-columns: 1fr; }
  .search-form button { width: 100%; }
  .section-heading { align-items: start; }
  .directory-count { margin-top: 20px; padding: 3px 7px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }
/* Article structure: identity, overview, access, detailed reference and comparisons. */
.article-hero{padding-bottom:22px}.article-hero .reference-summary{margin-bottom:12px;font-size:1rem}.reference-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 20px}.reference-tags span{padding:3px 10px;border:1px solid #ccdce8;background:#f8fbfd;border-radius:3px;color:#4f7089;font-size:.8125rem}.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #cddbe6;border-radius:3px;overflow:hidden;background:#cddbe6;gap:1px;margin:18px 0}.hero-facts>div{padding:13px 16px;background:#fff;min-width:0}.hero-facts span{display:block;color:#738493;font-size:.8125rem;margin-bottom:3px}.hero-facts strong{display:block;font-size:.9375rem;font-weight:600;color:#3f5e75;overflow-wrap:anywhere}.reference-body{min-width:0}.reference-card{padding:24px;border:1px solid #d2dce4;border-radius:3px;background:#fff;margin-bottom:20px}.reference-card:last-child{margin-bottom:0}.reference-card h2{font-size:1.35rem}.reference-card h3{margin:20px 0 10px}.reference-card p{line-height:1.8}.reference-card li{margin-bottom:7px}.overview-card .medical-notice{border:0;border-left:3px solid #bd8456;background:#fff6ed;margin-top:18px}.pricing-card{border-top:3px solid #6486a0}.pricing-card>.eyebrow{margin-bottom:7px}.pricing-card>h3{font-size:1rem;color:#58768d;margin-top:14px}.reference-table-wrap{overflow-x:auto;margin:18px 0;border:1px solid #d7e0e7;border-radius:2px}.reference-table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left;min-width:340px}.reference-table th,.reference-table td{padding:11px 13px;border-bottom:1px solid #e0e7ec;vertical-align:top}.reference-table thead th{background:#edf2f6;color:#5b7488;font-weight:600}.reference-table tbody th{font-weight:600;color:#4b6579;background:#fafcfd}.reference-table tbody tr:last-child>*{border-bottom:0}.drug-information{padding-bottom:8px}.information-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.information-heading h2{margin:5px 0}.expand-sections{border:1px solid #c6d4df;border-radius:3px;background:#f6f9fb;color:#28628d;padding:6px 10px;font-size:.8125rem;cursor:pointer;white-space:nowrap}.reference-accordion{border-top:1px solid #dce4eb;scroll-margin-top:20px}.reference-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding:17px 0;cursor:pointer;color:#3e5f78}.reference-accordion summary::-webkit-details-marker{display:none}.reference-accordion summary h3{font-size:1rem;font-weight:600;line-height:1.5;margin:0}.reference-accordion summary:hover{color:#1d659b}.reference-accordion summary:focus-visible{outline:3px solid #dda638;outline-offset:2px}.accordion-chevron{width:17px;height:17px;color:#7a91a3}.reference-accordion details[open] .accordion-chevron{transform:rotate(180deg)}.accordion-body{padding:0 0 16px}.accordion-body h3{font-size:.9375rem}.accordion-body ul{padding-left:23px}.reference-aside .article-toc{padding:16px}.reference-aside .article-toc ul{columns:1;display:block;font-size:.875rem;margin:0}.reference-aside .article-toc li{border-top:1px solid #e1e8ed;padding:8px 0;margin:0}.reference-aside .article-toc li:first-child{border:0}.reference-aside .article-toc h3{margin-bottom:4px}.aside-category{display:block;border-top:1px solid #e0e7ec;padding-top:12px;margin-top:16px;font-size:.875rem}.comparison-note{font-size:.875rem;color:#708393}.reference-card.editorial-notes{font-size:.875rem}.reference-card .section-sources{line-height:1.7;font-size:.8125rem;margin-bottom:0}.reference-card .reference-aliases{font-size:.875rem}.reference-layout{align-items:start}@media(max-width:760px){.reference-card{padding:19px}.hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-facts>div{padding:11px 13px}.information-heading{align-items:start}.reference-card h2{font-size:1.25rem}.reference-layout .reference-aside{display:flex;flex-direction:column}.reference-aside .article-toc{order:-1}}@media(max-width:420px){.hero-facts strong{font-size:.875rem}.hero-facts span{font-size:.75rem}}

.drug-image{margin:0 0 20px;padding:14px}.drug-image img{display:block;width:100%;height:auto;max-height:270px;object-fit:contain;background:#fff}.drug-image figcaption{font-size:.875rem;line-height:1.5;color:#526477}.drug-image figcaption p{margin:12px 0 8px}.reference-table small{font-weight:400;line-height:1.5}.reference-table td p{margin:10px 0}

.overview-photo{float:right;width:240px;max-width:42%;margin:0 0 18px 24px;padding:0}.overview-card:after{content:"";display:table;clear:both}.overview-photo img{max-height:230px;border:1px solid #dbe2e8;border-radius:3px}.overview-photo figcaption{font-size:.875rem}.overview-photo figcaption p{margin-top:8px}@media(max-width:560px){.overview-photo{float:none;width:100%;max-width:100%;margin:0 0 22px}.overview-photo img{max-height:260px}}