/* ============================================================================
   BIOHEAL RICH TEXT DESIGN SYSTEM — .bh-richtext (PDP + CMS folyó szöveg)
   PDP Content Parity + Rich Text sprint, 2026-06-11.
   Cél: a termékoldali és folyó szöveg NE legyen basic — patikai tisztaságú,
   Premium White + Bioheal Green, sok fehér tér, elegáns táblázatok.
   Szabály: NINCS emoji, NINCS ikon-túlhasználat, NINCS Google Fonts (self-host
   Inter+Fraunces a témából), NINCS inline-style tömeg, NINCS erős árnyék,
   NINCS régi lila-arany kártyadesign. A szimbólumok a .bh-symbol wrapperrel
   (brand.css §SYM) jönnek — itt csak elhelyezés.
   Tokenek: bioheal-brand.css :root (--bh-*) fallbackekkel.
   ============================================================================ */

/* ---- 0. Konténer + alap-tipográfia (kényelmes olvasás) ----
   ★ V2 (Visual Merchandising sprint): a Hyvä PDP leírás-szekciója 2-oszlopos grid,
   a 2. oszlop ÜRES volt → a richtext fél-szélességre nyomódott és balra csúszott.
   Fix: a gridet 1 oszlopra zárjuk, a richtext KÖZÉPRE kerül, kényelmes sorhosszal. */
div[class*="grid-cols-2"]:has(> * .bh-richtext),
div[class*="grid-cols-2"]:has(> .bh-richtext) { grid-template-columns: 1fr !important; }
.bh-richtext {
  --rt-maxw: 66ch;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 1.0rem;
  line-height: 1.78;
  color: var(--bh-ink-soft, #36433C);
  max-width: var(--rt-maxw);
  margin-inline: auto;            /* középre zárt olvasási sáv */
  text-wrap: pretty;              /* ahol támogatott: szebb sortörés */
}
.bh-richtext p {
  margin: 0 0 1.25em;
  text-align: left;            /* finom sorkizárás… */
  hyphens: auto;                  /* …magyar elválasztással → nincs szóközfolyó */
  -webkit-hyphens: auto;
}
.bh-richtext li, .bh-richtext dt, .bh-richtext dd,
.bh-richtext .bh-richtext__note, .bh-richtext .bh-richtext__disclaimer,
.bh-richtext .bh-richtext__warning p { text-align: left; hyphens: manual; }
.bh-richtext strong { color: var(--bh-forest, #034C3C); font-weight: 600; }  /* kulcsszó: finom zöld tónus */
.bh-richtext a { color: var(--bh-forest, #034C3C); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(3, 76, 60, .3); }
.bh-richtext a:hover { text-decoration-color: currentColor; }
.bh-richtext ul { margin: 0 0 1.15em; padding-left: 1.1em; list-style: none; }
.bh-richtext ul > li { position: relative; padding-left: .35em; margin: .4em 0; }
/* általános lista-pötty CSAK a komponens-osztály nélküli ul-okra (a claims/checks/badges
   saját jelölőt visel — a specificitás-ütközés szétcsúszott pipát okozott, bizonyított) */
.bh-richtext ul:not([class*="bh-richtext__"]) > li::before {
  content: ""; position: absolute; left: -1.0em; top: .66em;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--bh-sage-300, #9FC4A8);
}
.bh-richtext ul[class*="bh-richtext__"] { padding-left: 0; }
.bh-richtext ol { margin: 0 0 1.15em; padding-left: 1.4em; }
.bh-richtext ol > li { margin: .4em 0; }

/* alcímek — jól tagolt, Fraunces, bőkezű térrel */
.bh-richtext h2, .bh-richtext h3, .bh-richtext h4 {
  font-family: 'Inter', Georgia, serif;
  color: var(--bh-ink, #17231E);
  font-weight: 600; line-height: 1.25;
  margin: 1.9em 0 .65em;
}
.bh-richtext h2 { font-size: 1.5rem; }
.bh-richtext h3 { font-size: 1.22rem; }
.bh-richtext h4 { font-size: 1.05rem; font-family: 'Inter', system-ui, sans-serif; font-weight: 600; }
.bh-richtext > :first-child { margin-top: 0; }

/* ---- 1. Lead — termékbevezető (nagyobb, elegánsabb nyitóbekezdés) ---- */
.bh-richtext__lead {
  font-size: 1.17rem;
  line-height: 1.66;
  color: var(--bh-ink, #17231E);
  margin: 0 0 1.5em;
  text-align: left;               /* a lead balra zárt — nyitómondatnál a justify merev */
  hyphens: manual;
  text-wrap: balance;
}
.bh-richtext__lead::first-line { letter-spacing: .005em; }

/* ---- 2. Szekció — tartalmi blokk finom zöld hairline-nal + felcímmel; több fehér tér ---- */
.bh-richtext__section { margin: 2.7em 0 0; padding-top: 1.9em; border-top: 1px solid rgba(45, 90, 61, .12); }
.bh-richtext__section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.bh-richtext__section > h2:first-child,
.bh-richtext__section > h3:first-child { margin-top: 0; }
/* karakteresebb, de visszafogott címsor: rövid arany hairline a szekciócím alatt */
.bh-richtext__section > h3:first-child::after,
.bh-richtext__section > h2:first-child::after {
  content: ""; display: block; width: 26px; height: 2px; border-radius: 2px;
  background: var(--bh-gold, #C9A961); margin-top: .45em;
}
/* kicsi nagybetűs felcím (kicker) a szekciócím fölé */
.bh-richtext__kicker {
  display: block;
  font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--bh-green, #2d5a3d);
  margin: 0 0 .5em;
}

/* ---- 3. Kártya — visszafogott kiemelő felület (NEM lebegő, NEM árnyékos) ---- */
.bh-richtext__card {
  background: var(--bh-mist, #F5F8F5);
  border: 1px solid rgba(45, 90, 61, .12);
  border-radius: 14px;
  padding: 1.15rem 1.3rem;
  margin: 1.3em 0;
}
.bh-richtext__card > :last-child { margin-bottom: 0; }

/* ---- 4. Megjegyzés — finom zöld bal-szegélyes jegyzet ---- */
.bh-richtext__note {
  border-left: 3px solid var(--bh-sage-300, #9FC4A8);
  padding: .35em 0 .35em 1.1em;
  margin: 1.3em 0;
  color: var(--bh-muted, #6B7A70);
  font-size: .95rem;
}

/* ---- 5. Táblázat — elegáns, KÖZÉPRE rendezett hatóanyag-tábla; mobilon görgethető ---- */
.bh-richtext__table-wrap {
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  margin: 1.4em auto;
  max-width: 640px;               /* desktopon nem terül szét — nyugodt, középre zárt blokk */
}
.bh-richtext__table {
  width: 100%; min-width: 440px;
  margin-inline: auto;
  border-collapse: collapse;
  font-size: .95rem; line-height: 1.5;
  font-variant-numeric: tabular-nums;
  border-top: 2px solid rgba(45, 90, 61, .35);   /* patikai nyitó-vonal */
}
/* cellatörés-fix: az örökölt word-break:break-all szó közben tört („pa|ntoténsav") —
   a cellák szóhatáron törnek, a hosszú sor a görgethető wrapre bízva */
.bh-richtext__table th, .bh-richtext__table td { word-break: normal; overflow-wrap: normal; }
.bh-richtext__table th {
  text-align: left;
  font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--bh-green, #2d5a3d);
  background: var(--bh-sage-50, #EEF5EF);
  padding: .7em .95em;
  border-bottom: 1px solid rgba(45, 90, 61, .18);
}
.bh-richtext__table td {
  padding: .62em .95em;
  border-bottom: 1px solid rgba(45, 90, 61, .09);
  color: var(--bh-ink-soft, #36433C);
}
.bh-richtext__table tbody tr:last-child td { border-bottom: 1px solid rgba(45, 90, 61, .22); }
.bh-richtext__table tbody tr:nth-child(even) td { background: rgba(238, 245, 239, .35); }
.bh-richtext__table td:first-child { color: var(--bh-ink, #17231E); font-weight: 500; }
.bh-richtext__table td:not(:first-child), .bh-richtext__table th:not(:first-child) { text-align: right; white-space: nowrap; }
/* a tábla alatti NRV-jegyzet a táblával azonos sávban, jól olvashatóan */
.bh-richtext__table-wrap + .bh-richtext__note { max-width: 640px; margin-inline: auto; font-size: .88rem; }

/* ---- 6. Összetevők — nyugodt, jól olvasható lista/bekezdés ---- */
.bh-richtext__ingredients p { font-size: .97rem; }
.bh-richtext__ingredients ul { columns: 2; column-gap: 2.2rem; }
.bh-richtext__ingredients ul > li { break-inside: avoid; }
@media (max-width: 700px) { .bh-richtext__ingredients ul { columns: 1; } }

/* ---- 7. Adagolás — kártyás, tényszerű ---- */
.bh-richtext__dosage {
  background: var(--bh-sage-50, #EEF5EF);
  border: 1px solid rgba(45, 90, 61, .14);
  border-radius: 14px;
  padding: 1.05rem 1.3rem;
  margin: 1.3em 0;
}
.bh-richtext__dosage p { margin: 0 0 .6em; }
.bh-richtext__dosage > :last-child { margin-bottom: 0; }
.bh-richtext__dosage ul { margin: 0; padding-left: 1.1em; }

/* ---- 8. Figyelmeztetés — tényszerű, visszafogott (NEM riasztó-piros) ---- */
.bh-richtext__warning {
  border: 1px solid rgba(176, 122, 75, .35);
  background: rgba(176, 122, 75, .05);
  border-radius: 14px;
  padding: 1rem 1.3rem;
  margin: 1.3em 0;
  font-size: .94rem;
  color: var(--bh-ink-soft, #36433C);
}
.bh-richtext__warning strong { color: var(--bh-copper, #B07A4B); }
.bh-richtext__warning p { margin: 0 0 .5em; }
.bh-richtext__warning > :last-child { margin-bottom: 0; }

/* ---- 9. Meta — tárolás / forgalmazó / OGYÉI / érzékenység: definíciós sorok ---- */
.bh-richtext__meta { margin: 1.3em 0; font-size: .93rem; }
.bh-richtext__meta dl { display: grid; grid-template-columns: max-content 1fr; gap: .35em 1.4em; margin: 0; }
.bh-richtext__meta dt { font-weight: 600; color: var(--bh-green, #2d5a3d); white-space: nowrap; }
.bh-richtext__meta dd { margin: 0; color: var(--bh-ink-soft, #36433C); }
@media (max-width: 540px) {
  .bh-richtext__meta dl { grid-template-columns: 1fr; gap: 0; }
  .bh-richtext__meta dt { margin-top: .6em; }
}
/* érzékenység-jelölők (Laktózmentes/Vegán/Cukormentes) — diszkrét szöveg-chipek */
.bh-richtext__badges { display: flex; flex-wrap: wrap; gap: 8px; margin: .9em 0; padding: 0; list-style: none; }
.bh-richtext__badges li {
  font-size: .8rem; font-weight: 600; letter-spacing: .04em;
  color: var(--bh-green, #2d5a3d);
  background: var(--bh-sage-50, #EEF5EF);
  border: 1px solid rgba(45, 90, 61, .16);
  border-radius: 999px;
  padding: .3em .9em; margin: 0;
}
.bh-richtext__badges li::before { content: none; }

/* ---- 10. Claim-lista — PIPÁS, bizalomépítő állítás-sorok (V2: pötty → CSS-checkmark).
       Aliasok az új komponens-nevekhez: __checks/__check/__claim/__claim-grid. ---- */
.bh-richtext__claim-list, .bh-richtext__checks { margin: 1.15em 0; padding: 0; list-style: none; }
.bh-richtext .bh-richtext__claim-list > li, .bh-richtext .bh-richtext__checks > li,
.bh-richtext__check, .bh-richtext__claim {
  position: relative;
  padding: .55em 0 .55em 2.1em;
  margin: 0;
  border-bottom: 1px solid rgba(45, 90, 61, .07);
  line-height: 1.6;
}
.bh-richtext__claim-list > li:last-child, .bh-richtext__checks > li:last-child { border-bottom: 0; }
/* a pipa: halvány sage korong + Bioheal-zöld checkmark (tisztán CSS, nem emoji) */
.bh-richtext .bh-richtext__claim-list > li::before, .bh-richtext .bh-richtext__checks > li::before,
.bh-richtext__check::before, .bh-richtext__claim::before {
  content: ""; position: absolute; left: 0; top: .62em;
  width: 1.25em; height: 1.25em; border-radius: 50%;
  background: var(--bh-sage-50, #EEF5EF);
  border: 1px solid rgba(45, 90, 61, .22);
}
.bh-richtext .bh-richtext__claim-list > li::after, .bh-richtext .bh-richtext__checks > li::after,
.bh-richtext__check::after, .bh-richtext__claim::after {
  content: ""; position: absolute;
  left: .42em; top: .92em;
  width: .42em; height: .72em;
  border-right: 2px solid var(--bh-green, #2d5a3d);
  border-bottom: 2px solid var(--bh-green, #2d5a3d);
  transform: rotate(43deg);
}
/* sok állításnál (6+) két szellős hasáb — a blokk nem nyúlik végtelen listává */
.bh-richtext__claim-grid,
.bh-richtext__claim-list:has(> li:nth-child(6)),
.bh-richtext__checks:has(> li:nth-child(6)) { columns: 2; column-gap: 2.4rem; }
.bh-richtext__claim-grid > li,
.bh-richtext__claim-list:has(> li:nth-child(6)) > li,
.bh-richtext__checks:has(> li:nth-child(6)) > li { break-inside: avoid; }
@media (max-width: 700px) {
  .bh-richtext__claim-grid,
  .bh-richtext__claim-list:has(> li:nth-child(6)),
  .bh-richtext__checks:has(> li:nth-child(6)) { columns: 1; }
}
.bh-richtext__claim-list .bh-rt-claim-src {
  display: block; font-size: .78rem; color: var(--bh-muted, #6B7A70); margin-top: .1em;
}

/* ---- 11. EFSA/jogi lábjegyzet a tartalom alján ---- */
.bh-richtext__disclaimer {
  margin: 2em 0 0; padding-top: 1.1em;
  border-top: 1px solid rgba(45, 90, 61, .12);
  font-size: .83rem; line-height: 1.6;
  color: var(--bh-muted, #6B7A70);
}

/* ---- 12. Mobil-finomítás (ne legyen apró vagy zsúfolt) ---- */
@media (max-width: 640px) {
  /* hosszú, törhetetlen terméknév-tokenek (pl. Macskagyökér+Golgotavirág+
     Komlótoboz) ne szélesítsék az oldalt — az anywhere a min-contentet is
     csökkenti (a break-word NEM!) */
  .catalog-product-view .page-title, #description h2 { overflow-wrap: anywhere; }
  .bh-richtext { font-size: .98rem; line-height: 1.72; }
  .bh-richtext__lead { font-size: 1.06rem; }
  .bh-richtext h2 { font-size: 1.32rem; }
  .bh-richtext h3 { font-size: 1.14rem; }
  .bh-richtext__card, .bh-richtext__dosage, .bh-richtext__warning { padding: .95rem 1rem; }
  /* MOBIL-FIX 06-12: a puszta min-width:420px görgető-burkolat nélkül az
     EGÉSZ PDP-t 499px-re feszítette (grid-track = tábla min-content) →
     vízszintes scroll + "kizoomolt" oldal. Helyette: maga a tábla görget
     BELÜL (display:block + overflow; a thead/tbody az anonim táblaboxban
     együtt marad), az oldal szélessége érintetlen. */
  /* MOBIL-FIX 06-14 (audit P1: érték-oszlop a hajtáson kívül, scroll-jelzés nélkül):
     table-layout:fixed + width:100% → a tábla MINDIG kifér a konténerbe, a min-content
     NEM szélesíti az oldalt (tisztábban, mint a régi display:block+width:0 hack), és az
     értékcellák a fix oszlopban tördelve MINDIG láthatók (lásd lent: white-space:normal). */
  .bh-richtext__table { font-size: .86rem; display: table; width: 100%; table-layout: fixed; max-width: none; contain: inline-size; }
  .bh-richtext__table th:first-child, .bh-richtext__table td:first-child { width: 42%; }
  /* MOBIL-FIX 06-12 #2 (audit: az érték-oszlop 360/390-en a hajtáson kívül):
     a 571px-es belső szélességet a NOWRAP hosszú fejlécek okozták → a fejléc
     mobilon TÖRHET (2 sor), kisebb betű+padding; az értékcellák maradnak
     nowrap (rövidek). Így a tábla 360-on IS kifér, görgetni se kell. */
  .bh-richtext__table th { white-space: normal; font-size: .62rem; letter-spacing: .02em; padding: .5em .5em;
    /* a csupa-nagybetűs hosszú szavakat a böngésző NEM kötőjelezi → mobilon
       kisbetűs fejléc (hu hyphens él, „filmtablettánként" törik) */
    text-transform: none; hyphens: auto; }
  .bh-richtext__table td { padding: .45em .5em; font-size: .84rem; }
  /* MOBIL-FIX 06-14: az érték-/NRV-cellák TÖRHETNEK (nem nowrap) → a fix oszlopban
     mindig kiférnek és láthatók ("2200 NE (55 µg)" 2 sorba tördelve is olvasható). */
  .bh-richtext__table th:not(:first-child), .bh-richtext__table td:not(:first-child) {
    white-space: normal; overflow-wrap: anywhere; word-break: normal; }
  /* ha a tábla ÍGY SEM fér ki (Blink: a min-content nem számol kötőjelezéssel),
     a footer-detektor .is-hscroll-t tesz a wrapre → látható affordance:
     jobb-széli fade + mikrocopy. Nem hazudik: csak tényleges görgésnél jelenik meg. */
  .bh-richtext__table-wrap.is-hscroll { position: relative; }
  .bh-richtext__table-wrap.is-hscroll::before {
    content: "\2194\00a0 a táblázat oldalra görgethető";
    display: block; font-size: .68rem; letter-spacing: .04em;
    color: var(--bh-mute, #6B7A70); margin: 0 0 4px;
  }
  .bh-richtext__table-wrap.is-hscroll::after {
    content: ""; position: absolute; top: 1.4em; right: 0; bottom: 0; width: 28px;
    pointer-events: none;
    background: linear-gradient(to left, rgba(255, 255, 255, .92) 15%, rgba(255, 255, 255, 0));
  }
  /* MOBIL-TIPOGRÁFIA 06-12 (audit: sorkizárás szóköz-folyókkal minden PDP-n):
     keskeny hasábon balra zárt + kötőjelezés — a sorkizárás desktopon marad. */
  .bh-richtext p, .bh-pdp p { text-align: left; hyphens: auto; }
}

/* ---- 13. A PDP-akkordeon belső tartalma is richtext-ritmust kap ---- */
.bh-pdp-sections .bh-richtext { max-width: none; }

/* ---- 14. Örökség-híd: a 3A-s .bh-pdp__* osztályok a richtext-tipográfiát kapják,
       amíg minden termék át nem áll (az átállás után holt szabályok) ---- */
.bh-pdp { font-family: 'Inter', system-ui, sans-serif; line-height: 1.75; color: var(--bh-ink-soft, #36433C); }
.bh-pdp .bh-pdp__intro { font-size: 1.13rem; color: var(--bh-ink, #17231E); }

/* ---- 15. BIOHEAL MÁRKA-WORDMARK (Attila, 2026-06-11) — site-wide, konzekvensen:
       a márka-említés a lábléc tipográfiájával jelenik meg: „bio" VASTAG + „heal®" VÉKONY,
       Fraunces-szel, kisbetűsen; méretet/színt a kontextustól örökli.
       A CÉG-említés (Bioheal Pharma Kft.) NEM wordmark — sima szöveg marad (a cserélő
       rétegek Pharma-lookahead-del védik). Markup: <span class="bh-wm"><b>bio</b>heal<sup
       class="bh-reg">®</sup></span> ---- */
.bh-wm { font-family: 'Newsreader', Georgia, serif; font-weight: 360; letter-spacing: -.03em; white-space: nowrap; }
.bh-wm b, .bh-wm strong { font-weight: 680; }
.bh-wm sup, .bh-wm .bh-reg { font-weight: 400; font-size: .55em; }

/* ---- 16. PDP MÉDIA-STORY (bh-product-media-story) — előkészített képek/videók hely
       (Visual Merchandising sprint). Adat: bh_media_manifest JSON-attribútum; videó SOSEM
       autoloadol (poster + kattintásra-betöltés a template inline-szkriptjéből); álló (9:16)
       és fekvő (16:9) arány támogatott; külső social-script NINCS. CLS-védelem: az arányt
       az aspect-ratio tartja, a hely előre foglalt. ---- */
.bh-media-story { max-width: 880px; margin: 2.6em auto 0; padding-top: 1.9em; border-top: 1px solid rgba(45, 90, 61, .12); }
.bh-media-story__kicker {
  display: block; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--bh-green, #2d5a3d); margin: 0 0 .9em;
}
.bh-media-story__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.bh-media-story__item {
  position: relative; overflow: hidden; border-radius: 14px;
  background: var(--bh-mist, #F5F8F5);
  border: 1px solid rgba(45, 90, 61, .12);
}
.bh-media-story__item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bh-media-story__item--video { aspect-ratio: 16 / 9; cursor: pointer; }
.bh-media-story__item--video.is-portrait { aspect-ratio: 9 / 16; max-width: 320px; }
.bh-media-story__item--image { aspect-ratio: 4 / 3; }
.bh-media-story__item video { display: block; width: 100%; height: 100%; object-fit: cover; }
/* play-gomb: tiszta CSS (kör + háromszög), nem emoji */
.bh-media-story__play {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(to top, rgba(10, 58, 48, .28), rgba(10, 58, 48, .04));
  transition: background-color 200ms ease;
}
.bh-media-story__play::before {
  content: ""; width: 56px; height: 56px; border-radius: 50%;
  background: rgba(252, 251, 247, .92);
  border: 1px solid var(--bh-gold-soft, #E8D9B5);
  box-shadow: 0 8px 22px rgba(3, 76, 60, .18);
}
.bh-media-story__play::after {
  content: ""; position: absolute;
  width: 0; height: 0; margin-left: 4px;
  border-style: solid; border-width: 9px 0 9px 15px;
  border-color: transparent transparent transparent var(--bh-forest, #034C3C);
}
.bh-media-story__item--video:hover .bh-media-story__play { background-color: rgba(10, 58, 48, .12); }
.bh-media-story__caption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 26px 12px 10px; font-size: .82rem; font-weight: 600; color: #fff;
  background: linear-gradient(to top, rgba(10, 38, 30, .55), transparent);
  pointer-events: none;
}
/* üres állapot: „További képek és videók hamarosan" — visszafogott, patikai */
.bh-media-story__soon {
  display: flex; align-items: center; justify-content: center; text-align: center;
  min-height: 96px; padding: 1.2rem;
  border: 1px dashed rgba(45, 90, 61, .25); border-radius: 14px;
  color: var(--bh-muted, #6B7A70); font-size: .92rem;
  background: rgba(238, 245, 239, .25);
}
@media (max-width: 640px) {
  .bh-media-story__grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .bh-media-story__item--video { grid-column: 1 / -1; }
  .bh-media-story__item--video.is-portrait { grid-column: auto; max-width: none; }
}

/* ── PDP inline editorial figure (PDP feldobás 2026-06-21) ── */
.bh-richtext__figure{margin:0 0 1.2rem;border-radius:14px;overflow:hidden;background:#F5F8F5;border:1px solid rgba(45,90,61,.12);box-shadow:0 8px 24px rgba(34,52,42,.07)}
.bh-richtext__figure img{display:block;width:100%;height:auto}
.bh-richtext__figure figcaption{font-family:"Inter",system-ui,sans-serif;font-size:.8rem;color:#5A6B62;padding:9px 13px;background:#fff;border-top:1px solid rgba(45,90,61,.10)}
.bh-richtext__figure--right{float:right;width:min(300px,42%);margin:.2rem 0 1.1rem 1.5rem}
@media (max-width:640px){.bh-richtext__figure--right{float:none;width:100%;margin:0 0 1.2rem}}