/* =========================================================
   RAQ.lk Quality and GMP page additions (prototype)
   Builds on ../homepage/styles.css, ../medical-devices/service.css
   and the shared layouts in ../cosmetics/cosmetics.css.
   No new colours: verified tokens only.
   ========================================================= */

/* "Who does what" table: emphasise who carries out each activity */
.roles tbody th { width: 22%; }
.roles td[data-label="Carried out by"] { font-weight: 600; color: var(--green-700); white-space: nowrap; }
@media (max-width: 759px) { .roles tbody th { width: 100%; } .roles td[data-label="Carried out by"] { white-space: normal; } }

/* Plain check list inside the aside note */
.checklist-plain li { position: relative; padding: 8px 0 8px 22px; font-size: 15.5px; line-height: 1.5; }
.checklist-plain li::before { content: ""; position: absolute; left: 0; top: 18px; width: 10px; height: 1.5px; background: var(--green-700); }
.formula .aside-note { margin-top: 0; }

/* ISO 13485 / ISO 9001 side by side */
.qms-cols { display: grid; gap: 40px; }
.qms-cols .prose h3 { margin-top: 0; }
@media (min-width: 1000px) {
  .qms-cols { grid-template-columns: 1fr 1fr; gap: 72px; }
  .qms-cols > div + div { padding-left: 72px; margin-left: -36px; border-left: 1px solid var(--line); }
}

.rule-list strong { font-weight: 600; }