/* rd-pages.css — styles for the medicine information pages only.
   Linked from those pages alone; the recovered theme is untouched. Delete to revert. */
.rd-lead{font-size:1.1em;line-height:1.6;margin:0 0 1.2em}
.rd-lead ul,.rd-sec ul{list-style:disc;padding-left:1.4em;margin:.6em 0}.rd-lead ol,.rd-sec ol{list-style:decimal;padding-left:1.4em;margin:.6em 0}
.rd-hero{margin:0 0 1.4em}.rd-hero img{max-width:100%;height:auto;display:block;border-radius:6px}
.rd-card{margin:0 0 1.8em}.rd-card table{width:100%;border-collapse:collapse;font-size:.95em}
.rd-card--img{display:flex;gap:1.4em;align-items:flex-start}.rd-card__img{flex:0 0 260px;margin:0}
.rd-card__img img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid rgba(0,0,0,.08)}
.rd-card--img table{flex:1;min-width:0}
@media (max-width:700px){.rd-card--img{flex-direction:column}.rd-card__img{flex-basis:auto;max-width:280px}}
.rd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.2em;margin:1.4em 0;padding:0;list-style:none}
.rd-grid li{border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:1em;background:rgba(0,0,0,.015)}
.rd-grid img{width:100%;height:150px;object-fit:contain;display:block;margin:0 0 .6em}
.rd-grid .rd-grid__name{font-weight:700;font-size:1.05em;display:block;margin:0 0 .3em}
.rd-grid p{margin:0;font-size:.92em;opacity:.85}
.rd-cmp{overflow-x:auto;margin:1.4em 0}.rd-cmp table{width:100%;border-collapse:collapse;font-size:.92em}
.rd-cmp th,.rd-cmp td{border:1px solid rgba(0,0,0,.14);padding:.5em .6em;text-align:left;vertical-align:top}
.rd-cmp th{background:rgba(0,0,0,.04)}
.rd-card caption{text-align:left;font-weight:700;padding:.4em 0;caption-side:top}
.rd-card th,.rd-card td{border:1px solid rgba(0,0,0,.14);padding:.5em .7em;text-align:left;vertical-align:top}
.rd-card th{width:34%;background:rgba(0,0,0,.04);font-weight:600}
.rd-sec h3{margin:1.1em 0 .4em;font-size:1.08em}
.rd-toc{margin:0 0 1.8em;padding:1em 1.2em;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:rgba(0,0,0,.025)}
.rd-toc p{margin:0 0 .5em;font-weight:700}.rd-toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:2em}
.rd-toc li{break-inside:avoid;margin:.2em 0;font-size:.95em}
@media (max-width:640px){.rd-toc ol{columns:1}}
.rd-sec{margin:0 0 1.6em}.rd-sec h2{margin:1.4em 0 .6em}
.rd-sec table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95em}
.rd-sec th,.rd-sec td{border:1px solid rgba(0,0,0,.14);padding:.55em .7em;text-align:left;vertical-align:top}
.rd-sec th{background:rgba(0,0,0,.04)}
.rd-faq .faq-item h3{margin:1.1em 0 .3em;font-size:1.05em}
.rd-related{margin:2em 0 1em;padding:1em 1.2em;border-top:1px solid rgba(0,0,0,.12)}
.rd-related ul{margin:.4em 0 0;padding-left:1.2em;columns:2;column-gap:2em}
@media (max-width:640px){.rd-related ul{columns:1}}
.rd-disclaimer{margin:1.6em 0 0;font-size:.85em;opacity:.75}
.rd-hub{list-style:none;padding:0;margin:1em 0}.rd-hub>li{margin:0 0 1.2em}
.rd-hub .rd-hub__drug{font-weight:700;font-size:1.1em}
.rd-hub__kw{opacity:.7}
/* phones: nothing we add may be wider than the screen. Wide comparison tables scroll
   inside their own box instead of forcing the whole page sideways (every 2026-09-18 site
   had 400-550px tables on a 390px viewport); the card's label/value table stacks. */
@media (max-width:640px){
.rd-sec table,.rd-hub__intro table,.rd-lead table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rd-sec table th,.rd-sec table td{white-space:nowrap}
.rd-card table{table-layout:fixed;width:100%}.rd-card table th,.rd-card table td{white-space:normal;word-break:break-word;padding:.35em .4em;font-size:.9em}
.rd-card table th:first-child,.rd-card table td:first-child{width:42%}
.rd-card__img img{width:100%;max-width:240px;height:auto}
.rd-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6em}.rd-grid img{max-width:100%;height:auto}
.rd-hero img,.rd-sec img,.rd-faq img{max-width:100%;height:auto}
.rd-toc,.rd-faq,.rd-related,.rd-lead,.rd-sec{overflow-wrap:anywhere}
}

/* site.css */
/* Duda one-pager: the replaced rows carried the page gutter — give our copy the theme's column. */
#dm_content .dmRespRowsWrapper > .rd-lead, #dm_content .dmRespRowsWrapper > .rd-card,
#dm_content .dmRespRowsWrapper > .rd-toc, #dm_content .dmRespRowsWrapper > .rd-sec,
#dm_content .dmRespRowsWrapper > .rd-faq, #dm_content .dmRespRowsWrapper > .rd-related,
#dm_content .dmRespRowsWrapper > .rd-disclaimer, #dm_content .dmRespRowsWrapper > .rd-hero,
#dm_content .dmRespRowsWrapper > h1, #dm_content .dmRespRowsWrapper > h2,
#dm_content .dmRespRowsWrapper > .rd-grid, #dm_content .dmRespRowsWrapper > .rd-hub__intro,
#dm_content .dmRespRowsWrapper > table, #dm_content .dmRespRowsWrapper > p {
  max-width: 1100px; margin-left: auto; margin-right: auto;
  padding-left: 24px; padding-right: 24px; box-sizing: border-box;
}
#dm_content .dmRespRowsWrapper > h1 { font-size: 2.1em; text-align: left; margin: 1em auto .5em; }

/* Duda desktop capture (the mobile variant was never archived): unlock the layout below 768px.
   Selectors are #dm-outer-wrapper-prefixed on purpose — Duda's own rules are that specific. */
@media (max-width: 767px) {
  #dm-outer-wrapper #dmStyle_innerContainer.dmInner, #dm-outer-wrapper .dmHeaderContainer, #dm-outer-wrapper .dmLayoutWrapper,
  #dm-outer-wrapper #iscrollBody, #dm-outer-wrapper #site_content, #dm-outer-wrapper #dmFirstContainer, #dm-outer-wrapper #allWrapper,
  #dm-outer-wrapper #dm_content, #dm-outer-wrapper .dmRespRowsWrapper, #dm-outer-wrapper .dmRespRow, #dm-outer-wrapper .dmRespColsWrapper,
  #dm-outer-wrapper .dmHeaderResp
  { min-width: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  #dm-outer-wrapper .dmRespCol { width: 100% !important; float: none !important; display: block !important; }
  #dm-outer-wrapper img { max-width: 100% !important; height: auto !important; }
  /* header: in normal flow, stacked, centred */
  html:not(.ios-preview) #dm .hasStickyHeader .dmInner div.dmHeaderContainer.fHeader, html #dm .dmInner div.dmHeaderContainer.fHeader,
  #dm-outer-wrapper div.dmHeaderContainer.fHeader, #dm-outer-wrapper div.dmHeaderContainer
  { position: relative !important; height: auto !important; top: auto !important; }
  #dm-outer-wrapper nav.unifiednav ul.unifiednav__container > li.unifiednav__item-wrap { flex: 0 0 auto !important; max-width: none !important; }
  #dm-outer-wrapper #site_content, #dm-outer-wrapper #dm_content, #dm-outer-wrapper #dmFirstContainer, #dm-outer-wrapper .dmLayoutWrapper { margin-top: 0 !important; padding-top: 0 !important; }
  #dm-outer-wrapper .dmHeaderContainer .u_hcontainer, #dm-outer-wrapper .dmHeaderContainer .dmHeaderResp, #dm-outer-wrapper .dmHeaderContainer .dmRespRow,
  #dm-outer-wrapper .dmHeaderContainer .dmRespCol, #dm-outer-wrapper .dmHeaderContainer .dmRespColsWrapper { height: auto !important; min-height: 0 !important; }
  #dm-outer-wrapper .dmHeaderContainer .dmRespColsWrapper { display: flex !important; flex-direction: column; align-items: center; gap: 6px; padding: 10px 0 !important; }
  #dm-outer-wrapper .dmHeaderContainer .dmRespCol > *, #dm-outer-wrapper .dmHeaderContainer a.default
  { position: static !important; margin: 4px auto !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; }
  #dm-outer-wrapper .dmHeaderContainer .imageWidget { width: auto !important; text-align: center; }
  #dm-outer-wrapper .dmHeaderContainer .imageWidget img { width: 170px !important; max-width: 60vw !important; }
  #dm-outer-wrapper nav.unifiednav { width: 100% !important; }
  #dm-outer-wrapper nav.unifiednav ul.unifiednav__container { display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: center; width: 100% !important; gap: 0 8px; }
  #dm-outer-wrapper nav.unifiednav ul.unifiednav__container > li.unifiednav__item-wrap { display: inline-block !important; width: auto !important; float: none !important; }
  #dm-outer-wrapper nav.unifiednav a.unifiednav__item { padding: 6px 8px !important; font-size: 14px !important; white-space: nowrap; }
  #dm-outer-wrapper .dmHeaderContainer a.default { display: inline-block !important; width: auto !important; min-width: 0 !important; padding: 8px 18px !important; white-space: nowrap; }
  #dm-outer-wrapper #stickyHeaderSpacer { display: none !important; height: 0 !important; }
  /* the info-page copy */
  #dm-outer-wrapper #dm_content .dmRespRowsWrapper > * { padding-left: 16px !important; padding-right: 16px !important; }
  #dm-outer-wrapper #dm_content .dmRespRowsWrapper > h1 { font-size: 1.5em !important; line-height: 1.25; text-align: left; }
  .rd-card { flex-direction: column; }
  .rd-card__img img { width: 100% !important; max-width: 240px; }
  /* rows/columns everywhere (footer, sections): stack, no fixed gutters */
  #dm-outer-wrapper .dmRespColsWrapper { display: flex !important; flex-direction: column !important; width: 100% !important; }
  #dm-outer-wrapper .dmRespRow { padding-left: 12px !important; padding-right: 12px !important; }
  #dm-outer-wrapper .dmRespCol > *, #dm-outer-wrapper .dmNewParagraph { max-width: 100% !important; left: auto !important; word-break: break-word; }
  #dm-outer-wrapper .dmFooterContainer, #dm-outer-wrapper .dmFooter, #dm-outer-wrapper .dmFooterResp { min-width: 0 !important; width: 100% !important; }
  #dm-outer-wrapper #dm_content .dmRespRow > .dmRespColsWrapper > .dmRespCol, #dm-outer-wrapper #dm_content .dmRespRow .dmRespCol.small-12,
  #dm-outer-wrapper .dmFooterContainer .dmRespRow .dmRespCol
  { margin-left: 0 !important; margin-right: 0 !important; padding-left: 8px !important; padding-right: 8px !important; width: 100% !important; }
}