/* Drugestan Health Magazine v1.22.0
   Approved article refinement: scientific continuation link, compact desktop lower grid,
   readable four-column editorial cards and mobile action bar clear of the store footer. */
:root{
  --d22-navy:#082e5b; --d22-teal:#079c97; --d22-blue:#2d73c9; --d22-green:#14855f;
  --d22-orange:#e7761d; --d22-violet:#6c3bbb; --d22-ink:#163a5d; --d22-muted:#5c6f83;
  --d22-line:#dbe5ee; --d22-card:#ffffff;
}

.dhm-v22-refine .dhm-v22-continue{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:2px auto 12px!important;padding:8px 13px!important;border:1px solid #cfe3ec!important;
  border-radius:999px!important;background:#f0f9fb!important;color:#087c8d!important;
  font-size:13px!important;font-weight:900!important;text-decoration:none!important;line-height:1.4!important;
}
.dhm-v22-refine .dhm-v22-continue:hover{background:#e5f5f7!important;color:#075f72!important}

/* Keep the hero stable and readable. */
.dhm-v22-refine .dhm-v21-hero{grid-template-columns:270px minmax(0,1fr) 390px!important;gap:20px!important}
.dhm-v22-refine .dhm-single-title{font-size:40px!important;line-height:1.42!important}
.dhm-v22-refine .dhm-v13-deck{font-size:17px!important;line-height:1.95!important}
.dhm-v22-refine .dhm-reviewed{color:#0f8b67!important}

/* Lower article system: full scientific/table/product modules + compact four-column editorial cards. */
@media (min-width:1180px){
  .dhm-v22-refine .dhm-v16-modules{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;align-items:start!important;width:100%!important;
  }
  .dhm-v22-refine .dhm-v16-modules > *{min-width:0!important;width:100%!important;margin:0!important}

  /* Modules that deserve the full reading width. */
  .dhm-v22-refine .dhm-v16-modules > .dhm-v13-main,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-table-section,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-products,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-media,
  .dhm-v22-refine .dhm-v16-modules > .dhm-v13-review-footer,
  .dhm-v22-refine .dhm-v16-modules > .dhm-v13-related{
    grid-column:1 / -1!important;
  }

  /* FAQ is wider than a normal card but no longer consumes the whole page. */
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-faq-section{grid-column:span 2!important}

  /* Practical/scientific support modules become true quarter-width cards. */
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning,
  .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section,
  .dhm-v22-refine .dhm-v16-modules > .dhm-professional,
  .dhm-v22-refine .dhm-v16-modules > .dhm-common-mistakes,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-sources,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-text,
  .dhm-v22-refine .dhm-v16-modules > .dhm-single-extra:not(.dhm-sync-products):not(.dhm-sync-table-section):not(.dhm-sync-faq-section){
    grid-column:span 1!important;
  }

  .dhm-v22-refine .dhm-v16-modules > * > h2{
    font-size:22px!important;line-height:1.45!important;margin:0 0 10px!important;color:var(--d22-navy)!important;
  }
  .dhm-v22-refine .dhm-v16-modules > * > .dhm-section-card{
    min-height:0!important;height:auto!important;padding:17px 17px 15px!important;
    border:1px solid var(--d22-line)!important;border-right:4px solid var(--d22-blue)!important;
    border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(18,55,91,.05)!important;
    font-size:14px!important;line-height:1.95!important;color:#3c536a!important;
  }
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action > .dhm-section-card{border-right-color:var(--d22-green)!important;background:#f1faf6!important}
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning > .dhm-section-card{border-right-color:var(--d22-orange)!important;background:#fff8f0!important}
  .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section > .dhm-section-card{border-right-color:var(--d22-teal)!important;background:#f0fbfb!important}
  .dhm-v22-refine .dhm-v16-modules > .dhm-professional > .dhm-section-card{border-right-color:var(--d22-violet)!important;background:#faf6ff!important}
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-sources{border:1px solid #d7e6ee!important;border-right:4px solid #168b9a!important;border-radius:15px!important;background:#f6fbfd!important;padding:16px!important;box-shadow:0 7px 22px rgba(18,55,91,.04)!important}

  /* About seven readable lines before expansion. */
  .dhm-v22-refine .dhm-section-card .dhm-collapse-body.is-collapsed{max-height:13.7em!important}
  .dhm-v22-refine .dhm-section-card .dhm-collapse-body.is-collapsed::after{height:48px!important}
  .dhm-v22-refine .dhm-readmore-toggle{margin-top:8px!important;font-weight:900!important;color:#0a6784!important}

  /* Related cards use the available width instead of floating in a narrow island. */
  .dhm-v22-refine .dhm-v13-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}

@media (min-width:760px) and (max-width:1179px){
  .dhm-v22-refine .dhm-v16-modules{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
  .dhm-v22-refine .dhm-v16-modules > .dhm-v13-main,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-table-section,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-products,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-faq-section,
  .dhm-v22-refine .dhm-v16-modules > .dhm-v13-review-footer,
  .dhm-v22-refine .dhm-v16-modules > .dhm-v13-related{grid-column:1 / -1!important}
}

/* Mobile: no excessive dead space; bottom action bar sits above the store's fixed nav. */
@media (max-width:759px){
  .dhm-v22-refine{padding-bottom:178px!important}
  .dhm-v22-refine .dhm-v22-continue{display:flex!important;width:max-content!important;max-width:100%!important;margin:4px auto 12px!important;font-size:12px!important}
  .dhm-v22-refine .dhm-v19-mobile-actions{
    position:fixed!important;left:10px!important;right:10px!important;bottom:78px!important;z-index:9998!important;
    width:auto!important;margin:0!important;padding:9px!important;border:1px solid #dce6ee!important;
    border-radius:22px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 10px 32px rgba(7,31,69,.18)!important;
    backdrop-filter:blur(8px)!important;
  }
  .dhm-v22-refine .dhm-v19-mobile-actions a{min-height:46px!important}
  .dhm-v22-refine .dhm-v16-modules > *{margin:18px 0!important}
  .dhm-v22-refine .dhm-v13-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
}

@media (max-width:430px){
  .dhm-v22-refine{padding-bottom:184px!important}
  .dhm-v22-refine .dhm-v19-mobile-actions{left:6px!important;right:6px!important;bottom:76px!important}
}