/* ==========================================================================
   rich-text.css — text written in the admin editor (.rich)
   Used by the product page and by the editor itself, so the editor shows the
   text the way visitors will see it. Only the tags HtmlSanitizer.php allows appear.
   ========================================================================== */
.rich{color:var(--ink-soft);line-height:1.75;overflow-wrap:break-word}
.rich > * + *{margin-top:.9rem}
.rich > :first-child{margin-top:0}
.rich h3{font-size:1.18rem;color:var(--ink);margin-top:1.5rem;margin-bottom:0}
.rich h4{font-family:"Plus Jakarta Sans",sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--peri-ink);line-height:1.4;margin-top:1.3rem}
.rich strong{color:var(--ink);font-weight:700}
.rich a{color:var(--peri-ink);font-weight:600;text-decoration:underline;text-underline-offset:.18em}
.rich a:hover{color:var(--peri-deep)}
.rich ul,.rich ol{padding-left:1.45rem}
.rich li + li{margin-top:.35rem}
.rich li > ul,.rich li > ol{margin-top:.35rem}
.rich ul{list-style:none}
.rich ul > li{position:relative}
.rich ul > li::before{content:"";position:absolute;left:-1.1rem;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--peri)}
.rich ol > li::marker{color:var(--peri-ink);font-weight:700}
.rich blockquote{border-radius:var(--r-md);padding:1rem 1.3rem;background:var(--surface);box-shadow:var(--press-sm);font-size:.95rem}
.rich hr{border:0;height:2px;border-radius:2px;background:rgba(198,203,226,.7);margin:1.6rem 0}
.rich sub,.rich sup{font-size:.72em;line-height:0}

/* warning style (the ⚠ button in the editor) */
.rich p.warn{position:relative;padding:.85rem 1.2rem .85rem 2.9rem;border-radius:var(--r-md);
  background:#fff0ed;color:var(--coral-ink);font-weight:600;box-shadow:inset 4px 0 0 var(--coral)}
.rich p.warn::before{content:"⚠️";position:absolute;left:1rem;top:.85rem;font-weight:400}
.rich h3.warn,.rich h4.warn{color:var(--coral-ink)}
.rich h3.warn::before,.rich h4.warn::before{content:"⚠️ "}

/* tables pasted from documents */
.rich table{width:100%;border-collapse:collapse;font-size:.93rem;border-radius:var(--r-md);overflow:hidden;
  background:var(--surface);box-shadow:var(--raise-sm)}
.rich th,.rich td{padding:.6rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid #e2e6f4}
.rich th{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rich tr:last-child td{border-bottom:0}

/* larger text inside the product page's text cards */
.rich-lead p{font-size:1.06rem;line-height:1.75}

/* inside the blue highlight card */
.principal.rich > *{position:relative;z-index:1}
.principal.rich,.principal.rich strong,.principal.rich a,.principal.rich h3,.principal.rich h4,.principal.rich li{color:#fff}
.principal.rich ul > li::before{background:#fff}
.principal.rich ol > li::marker{color:#fff}
.principal.rich blockquote{background:rgba(255,255,255,.14);box-shadow:none}
.principal.rich p.warn{background:rgba(255,255,255,.94)}
.principal.rich p.warn,.principal.rich p.warn strong{color:var(--coral-ink)}