/* RJG Mediaworks: Insights on Divi (builder I). Printed after site.css and css/pages/insights.css + article.css (see inc/insights.php).
   The prototype rules (classes .icard, .icards, .ins, .phero, .toc, .prose parts ...) still apply; this file only
     1. dresses Divi's own modules (Loop Filter, pagination, Table of Contents, Post Content) as the prototype's controls, and
     2. adds the card/article rules that the prototype did not need (featured state, plain posts with lists, images, tables).
   Scoped under body.rjg-ins (listing, article, topic archive). Divi forces margin-bottom:0 on modules: spacing here is padding or margin-top. */

/* Divi draws a 1px grey rule down the left of every .container (its sidebar divider); the prototype has none */
.rjg .container::before, .rjg .container::after { content: none; display: none; }

/* Divi's lists inside a Theme Builder body keep the browser's padding and bullets (the prototype resets them) */
.rjg .et-l--body ul, .rjg .et-l--body ol { padding: 0; list-style: none; list-style-position: outside; line-height: inherit; }

/* ============================== library controls: Loop Filter as chips + search ============================== */
.rjg .ins-filter { display: block; width: 100%; margin: 0 0 clamp(24px, 3vw, 36px) !important; padding: 0; }
.rjg .ins-filter .et_pb_post_filter__form { display: block; margin: 0; padding: 0; }
.rjg .ins-filter .et_pb_post_filter__controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; }
.rjg .ins-filter .et_pb_post_filter_item { flex: none; width: auto; min-width: 0; margin: 0; padding: 0; }
/* topic radios: their wrappers vanish so every chip is a flex item of the controls row, next to "All" */
.rjg .ins-filter .ins-f-topics,
.rjg .ins-filter .ins-f-topics .et_pb_post_filter__item-control-surface,
.rjg .ins-filter .ins-f-topics .et_pb_post_filter__item-control-surface > div,
.rjg .ins-filter .et_pb_post_filter__item-options-wrapper,
.rjg .ins-filter .et_pb_post_filter__item-options-list { display: contents; }
.rjg .ins-filter .et_pb_post_filter__item-label, .rjg .ins-filter .et_pb_post_filter__item-checkbox-handle {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option { position: relative; display: inline-flex; flex: none; width: auto; margin: 0; padding: 0; }
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option > input[type="radio"] {
  position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; -webkit-appearance: none; appearance: none;
}
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option > input + label, .rjg .ins-filter .et_pb_post_filter__controls .et_pb_button.et_pb_post_filter__item-control-button {
  display: inline-flex; align-items: center; gap: 8px; height: 38px; margin: 0; padding: 0 16px; border: 1px solid var(--line-2); border-radius: 999px; background: none;
  cursor: pointer; font: 400 13.5px/1 var(--sans); letter-spacing: normal; text-transform: none; color: rgba(245, 245, 244, .8); box-shadow: none;
  transition: background .3s, color .3s, border-color .3s;
}
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option > input + label i { display: none; }
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_button.et_pb_post_filter__item-control-button::before, .rjg .ins-filter .et_pb_post_filter__controls .et_pb_button.et_pb_post_filter__item-control-button::after { content: none; display: none; }
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option:hover > input + label, .rjg .ins-filter .et_pb_post_filter__controls .et_pb_button.et_pb_post_filter__item-control-button:hover { border-color: rgba(255, 255, 255, .5); background: none; color: rgba(245, 245, 244, .8); padding: 0 16px; }
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option > input:checked + label { background: #fff; border-color: #fff; color: #050505; }
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option > input:focus-visible + label, .rjg .ins-filter .et_pb_post_filter__controls .et_pb_button.et_pb_post_filter__item-control-button:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
/* "All" is lit while no topic is picked */
.rjg .ins-filter .et_pb_post_filter__controls:not(:has(input[type="radio"]:checked)) .ins-f-all .et_pb_button.et_pb_post_filter__item-control-button { background: #fff; border-color: #fff; color: #050505; }
.rjg .ins-filter small { font: 400 10.5px/1 var(--mono); opacity: .6; }
/* a topic with no posts is not offered */
.rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option:has(input[value="general"]), .rjg .ins-filter .et_pb_post_filter__controls .et_pb_post_filter__item-options-list > .et_pb_post_filter__item-option.is-empty { display: none; }

.rjg .ins-filter .ins-f-search { position: relative; margin-left: auto; width: min(300px, 100%); }
.rjg .ins-filter .ins-f-search .et_pb_post_filter__item-control-surface, .rjg .ins-filter .ins-f-search .et_pb_post_filter__item-control-surface > div { display: block; margin: 0; padding: 0; }
.rjg .ins-filter .ins-f-search input[type="text"] {
  display: block; width: 100%; height: 38px; margin: 0; padding: 0 14px 0 38px; border: 1px solid var(--line-2); border-radius: 999px; outline: none; box-shadow: none;
  background: #080808 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238c8c88' stroke-width='1.5' stroke-linecap='round'><circle cx='8.5' cy='8.5' r='5.5'/><path d='M13 13l4.5 4.5'/></svg>") 14px 50% / 15px no-repeat;
  font: 400 13px/1 var(--mono); letter-spacing: -.01em; color: #fff; transition: border-color .3s, box-shadow .4s;
}
.rjg .ins-filter .ins-f-search input[type="text"]::placeholder { color: rgba(245, 245, 244, .34); opacity: 1; }
.rjg .ins-filter .ins-f-search input[type="text"]:focus { border-color: rgba(198, 244, 50, .8); box-shadow: 0 0 0 1px rgba(198, 244, 50, .2), 0 0 30px rgba(198, 244, 50, .1); background-color: #080808; color: #fff; }

.rjg .ictl__n { margin: -8px 0 clamp(18px, 2.4vw, 26px) !important; }

/* ============================== cards from the loop ============================== */
.rjg .icard__link, .rjg .icard__body, .rjg .icard__h, .rjg .icard .et_pb_text { position: static; }
.rjg .icard__cover { position: relative; }
.rjg .icard .et_pb_text_inner { display: contents; }
.rjg .icard__a { color: inherit; text-decoration: none; }
.rjg .icard__a::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: 20px; cursor: pointer; }
.rjg .icard__a:focus-visible { outline: none; }
.rjg .icard__a:focus-visible::after { outline: 2px solid var(--lime); outline-offset: -3px; }
.rjg .icard__cat, .rjg .icard__p, .rjg .icard__meta { margin-top: 0; }
.rjg .icard__cat { margin-bottom: 14px !important; }
.rjg .icard__p { margin-top: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.rjg .icard__meta, .rjg .icard__tag, .rjg .icard__go-f, .rjg .icard__cover .et_pb_text { display: none; }
.rjg .icard__go { margin-top: auto; }
.rjg .icard__cover .et_pb_code, .rjg .icard__cover .et_pb_code_inner { display: contents; }
.rjg .icard__cover canvas.cov { position: absolute; inset: 0; width: 100%; height: 100%; }

/* the featured card: the first card of the unfiltered first page (body gets rjg-ins-feat; divi-insights.js keeps it in step) */
.rjg-ins-feat .icards > .icard[data-loop-item="0"] { grid-column: 1 / -1; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__link { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__cover { aspect-ratio: auto; min-height: clamp(300px, 31vw, 440px); border-bottom: 0; border-right: 1px solid var(--line); }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__body { justify-content: center; padding: clamp(28px, 4vw, 56px); }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__h { font: 500 clamp(30px, 3.4vw, 52px)/1.02 var(--sans); letter-spacing: -.045em; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__p { max-width: 46ch; font-size: clamp(16px, 1.3vw, 18px); -webkit-line-clamp: 4; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__go { margin-top: 30px; padding-top: 0; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__meta { display: block; margin-top: 16px; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__tag, .rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__cover .et_pb_text { display: inline-flex; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__cover .et_pb_text { position: absolute; left: 16px; top: 16px; z-index: 1; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__tag { position: static; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__go-s { display: none; }
.rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__go-f { display: inline; }
.rjg .icard__go-s { display: inline; }
.rjg .icard__go .ic { flex: none; }

/* no results: Divi prints one card-less "entry" inside the loop item (words set in inc/insights.php); dressed as the prototype's .iempty */
.rjg .icards > .icard:not([data-loop-item]) { display: block; grid-column: 1 / -1; padding: clamp(56px, 8vw, 104px) 0 clamp(24px, 4vw, 48px); border: 0; border-radius: 0; background: none; overflow: visible; text-align: center; }
.rjg .icards > .icard:not([data-loop-item])::before, .rjg .icards > .icard:not([data-loop-item])::after { display: none; }
.rjg .icards > .icard:not([data-loop-item]) .entry { padding: 0; }
.rjg .icards > .icard:not([data-loop-item]) .not-found-title { margin: 0; padding: 0; font: 500 clamp(24px, 2.6vw, 34px)/1.15 var(--sans); letter-spacing: -.04em; color: #fff; }
.rjg .icards > .icard:not([data-loop-item]) p { margin: 12px 0 0; padding: 0; font-size: 16px; line-height: 1.55; color: rgba(245, 245, 244, .66); }
.rjg .iempty__b { padding: 0 0 2px; border: 0; border-bottom: 1px solid var(--line-2); background: none; cursor: pointer; color: #fff; font: inherit; font-weight: 500; transition: border-color .3s; }
.rjg .iempty__b:hover { border-color: var(--lime); }
.rjg .icards + .et_pb_post_nav_0, .rjg .ins-nav { margin: clamp(28px, 4vw, 48px) 0 0 !important; }
.rjg .ins-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 0; }
.rjg .ins-nav .nav-previous, .rjg .ins-nav .nav-next { display: block; margin: 0; padding: 0; float: none; }
.rjg .ins-nav .nav-next { margin-left: auto; }
.rjg .ins-nav a { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 22px; border: 1px solid var(--line-2); border-radius: 999px; background: rgba(255, 255, 255, .02);
  font: 500 15px/1 var(--sans); letter-spacing: -.01em; color: #fff; text-decoration: none; transition: background .3s, border-color .3s; }
.rjg .ins-nav a:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .45); }
.rjg .ins-nav .meta-nav { font: 400 13px/1 var(--mono); margin: 0; }
.rjg .ins-nav .nav-previous .meta-nav { order: -1; }
.rjg .ins-nav .nav-label { margin: 0; }

/* ============================== listing responsive ============================== */
@media (max-width: 760px) {
  .rjg .ins-filter .ins-f-search { flex: 1 1 100%; width: 100%; margin-left: 0; }
  .rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__link { grid-template-columns: 1fr; }
  .rjg-ins-feat .icards > .icard[data-loop-item="0"] .icard__cover { aspect-ratio: 16 / 10; min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 640px) {
  .rjg .nlform .term__form .et_pb_button_wrapper { flex: 1 1 100% !important; width: 100% !important; }
  .rjg .nlform .term__form .et_pb_contact_submit.et_pb_button { width: 100%; }
}
html[data-motion="off"] .rjg .ins-filter label, html[data-motion="off"] .rjg .ins-filter .et_pb_button { transition: none; }

/* ============================== newsletter form (native Contact Form in the terminal card) ============================== */
.rjg .nlform .et_pb_contact_main_title { display: none; } /* the form's title only names the email's subject */
.rjg .nlform.term .term__form form.et_pb_contact_form { display: block; padding: 14px clamp(22px, 3vw, 40px) 0; }
.rjg .nlform .term__form .et_pb_contact_field { padding-bottom: 0; }
.rjg .nlform .term__form .et_contact_bottom_container { margin-top: 34px; }
.rjg .nlform .nlform__fine { margin: 22px 0 0; padding: 0 clamp(22px, 3vw, 40px) clamp(24px, 3vw, 36px); }

/* ============================== article: contents list (native Table of Contents) ============================== */
.rjg .alayout-wrap, .rjg .alayout { overflow: visible; }
.rjg .toc__body { position: relative; margin-top: 0; padding-left: 0; }
.rjg .toc .et_pb_table_of_contents { display: block; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
.rjg .toc .et_pb_table_of_contents__title { margin: 0 0 18px; padding: 0; font: 400 10.5px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.rjg .toc .et_pb_table_of_contents__nav { position: relative; padding-left: 20px; }
.rjg .toc .toc__rail { position: absolute; left: 0; top: 35px; bottom: 4px; width: 1px; background: var(--line-2); }
.rjg .toc .toc__fill { position: absolute; inset: 0; background: var(--lime); box-shadow: 0 0 10px rgba(198, 244, 50, .5); transform-origin: top; transform: scaleY(var(--p, 0)); }
.rjg .toc .et_pb_table_of_contents__list { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; counter-reset: toc; }
.rjg .toc .et_pb_table_of_contents__item { margin: 0; padding: 0; counter-increment: toc; }
.rjg .toc .et_pb_table_of_contents__link { display: flex; gap: 12px; padding: 7px 0; border: 0; font-size: 14px; line-height: 1.35; color: rgba(245, 245, 244, .55); text-decoration: none; transition: color .3s, transform .4s var(--ease); }
.rjg .toc .et_pb_table_of_contents__link::before { content: counter(toc, decimal-leading-zero); flex: none; min-width: 2.4ch; font: 400 11px/1.5 var(--mono); letter-spacing: .04em; color: var(--muted); transition: color .3s; }
.rjg .toc .et_pb_table_of_contents__marker { display: none; }
.rjg .toc .et_pb_table_of_contents__link-text { padding: 0; }
.rjg .toc .et_pb_table_of_contents__link:hover { color: #fff; }
.rjg .toc .et_pb_table_of_contents__link--active { color: #fff; transform: translateX(3px); }
.rjg .toc .et_pb_table_of_contents__link--active::before { color: var(--lime); }
.rjg .toc.is-empty { display: none; }
.rjg .alayout.has-no-toc { grid-template-columns: minmax(0, 720px); }
.rjg .toc__copy { margin-top: 24px; }
@media (min-width: 1024px) {
  .rjg .toc { max-height: calc(100vh - var(--hdr-h) - 48px); overflow-y: auto; scrollbar-width: none; }
  .rjg .toc::-webkit-scrollbar { display: none; }
}

/* ============================== article: the post content (prose) ============================== */
.rjg .prose-body { display: block; min-width: 0; margin: 0; padding: 0; counter-reset: h2n; color: rgba(245, 245, 244, .78); }
.rjg .prose-body > * { max-width: 100%; }
.rjg .prose-body > p, .rjg .prose-body > ul, .rjg .prose-body > ol, .rjg .prose-body > blockquote, .rjg .prose-body > table, .rjg .prose-body > figure, .rjg .prose-body > img { margin-top: 1.15em; margin-bottom: 0; }
.rjg .prose-body > p { font-size: clamp(17px, 1.3vw, 19px); line-height: 1.72; color: rgba(245, 245, 244, .78); padding: 0; }
.rjg .prose-body > :first-child { margin-top: 0; }
.rjg .prose-body > h2 { margin: clamp(56px, 7vw, 88px) 0 0; padding: 0; font: 500 clamp(30px, 3.4vw, 46px)/1.05 var(--sans); letter-spacing: -.04em; text-wrap: balance; color: #fff; counter-increment: h2n; }
.rjg .prose-body > h2::before { content: counter(h2n, decimal-leading-zero) " /"; display: block; margin-bottom: 14px; font: 400 12px/1 var(--mono); letter-spacing: .06em; color: var(--muted); }
.rjg .prose-body > h2 + p { margin-top: 24px; }
.rjg .prose-body > :first-child + h2 { margin-top: clamp(56px, 7vw, 88px); }
.rjg .prose-body > h3 { margin: clamp(36px, 4.4vw, 52px) 0 0; padding: 0; font: 500 clamp(22px, 2.2vw, 28px)/1.15 var(--sans); letter-spacing: -.035em; color: #fff; text-wrap: balance; }
.rjg .prose-body > h4, .rjg .prose-body > h5, .rjg .prose-body > h6 { margin: 32px 0 0; padding: 0; font: 500 clamp(18px, 1.7vw, 21px)/1.25 var(--sans); letter-spacing: -.025em; color: #fff; }
.rjg .prose-body > h3 + p, .rjg .prose-body > h4 + p, .rjg .prose-body > h5 + p, .rjg .prose-body > h6 + p { margin-top: 16px; }
.rjg .prose-body strong, .rjg .prose-body b { font-weight: 500; color: #fff; }
.rjg .prose-body em, .rjg .prose-body i { font-style: italic; }
.rjg .prose-body > p a, .rjg .prose-body li a, .rjg .prose-body figcaption a, .rjg .prose-body td a { color: #fff; text-decoration: none; border-bottom: 1px solid var(--line-2); padding-bottom: 1px; transition: border-color .3s; }
.rjg .prose-body > p a:hover, .rjg .prose-body li a:hover, .rjg .prose-body td a:hover { border-color: var(--lime); }
/* plain lists (old posts): muted dots and mono numbers; the prototype's special lists keep their own rules */
.rjg .prose-body > ul:not([class*="take"]), .rjg .prose-body > ol:not(.sigs):not([class*="chkl"]) { display: grid; gap: .6em; padding: 0; margin-left: 0; list-style: none; counter-reset: pli; }
.rjg .prose-body > ul:not([class*="take"]) > li, .rjg .prose-body > ol:not(.sigs):not([class*="chkl"]) > li { position: relative; margin: 0; padding: 0 0 0 28px; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.65; color: rgba(245, 245, 244, .78); }
.rjg .prose-body > ul:not([class*="take"]) > li::before { content: ""; position: absolute; left: 6px; top: .78em; width: 5px; height: 5px; border-radius: 50%; background: var(--muted); }
.rjg .prose-body > ol:not(.sigs):not([class*="chkl"]) > li { counter-increment: pli; }
.rjg .prose-body > ol:not(.sigs):not([class*="chkl"]) > li::before { content: counter(pli, decimal-leading-zero); position: absolute; left: 0; top: .42em; font: 400 12px/1.5 var(--mono); letter-spacing: .04em; color: var(--muted); }
.rjg .prose-body li > ul, .rjg .prose-body li > ol { display: grid; gap: .4em; margin: .6em 0 0; padding: 0; list-style: none; }
.rjg .prose-body li > ul > li, .rjg .prose-body li > ol > li { position: relative; padding-left: 22px; font-size: .94em; }
.rjg .prose-body li > ul > li::before { content: ""; position: absolute; left: 4px; top: .78em; width: 4px; height: 4px; border-radius: 50%; background: var(--muted); }
.rjg .prose-body li > ol { counter-reset: pli2; }
.rjg .prose-body li > ol > li { counter-increment: pli2; }
.rjg .prose-body li > ol > li::before { content: counter(pli2) "."; position: absolute; left: 0; font: 400 12px/1.7 var(--mono); color: var(--muted); }
.rjg .prose-body > blockquote { margin: 1.6em 0 0; padding: 4px 0 4px 24px; border: 0; border-left: 1px solid var(--line-2); font-size: clamp(19px, 1.6vw, 22px); line-height: 1.55; color: rgba(245, 245, 244, .9); }
.rjg .prose-body > blockquote p { margin: 0; padding: 0; font-size: inherit; line-height: inherit; color: inherit; }
.rjg .prose-body img { display: block; max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 16px; }
.rjg .prose-body > figure, .rjg .prose-body figure.wp-block-image { margin: clamp(28px, 3.4vw, 40px) 0 0; padding: 0; }
.rjg .prose-body figure:not(.demo) figcaption { margin-top: 12px; font: 400 11.5px/1.6 var(--mono); letter-spacing: .01em; color: var(--muted); }
.rjg .prose-body > hr, .rjg .prose-body > .wp-block-separator { height: 0; margin: clamp(36px, 4vw, 52px) 0 0; border: 0; border-top: 1px solid var(--line); background: none; }
.rjg .prose-body > table { display: table; width: 100%; margin-top: clamp(28px, 3.4vw, 40px); border: 0; }
.rjg .prose-body > .wp-block-table { display: block; max-width: 100%; margin-top: clamp(28px, 3.4vw, 40px); overflow-x: auto; }
.rjg .prose-body table { width: 100%; border: 0; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.rjg .prose-body th { padding: 10px 14px 10px 0; border: 0; border-bottom: 1px solid var(--line-2); text-align: left; font: 400 11px/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.rjg .prose-body td { padding: 12px 14px 12px 0; border: 0; border-bottom: 1px solid var(--line); vertical-align: top; color: rgba(245, 245, 244, .78); }
.rjg .prose-body table tr:first-child td { color: #fff; }
.rjg .prose-body code { padding: 1px 6px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg-2); font: 400 .9em var(--mono); color: #fff; }
.rjg .prose-body pre { margin: 1.6em 0 0; padding: 18px 20px; overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: var(--bg-2); font: 400 13.5px/1.6 var(--mono); }
.rjg .prose-body pre code { padding: 0; border: 0; background: none; }

/* the AEO article's own blocks, as blocks (the prototype drew them from spans and inline icons) */
.rjg .prose-body .take { margin-top: 0; }
.rjg .prose-body .take__h { margin: 0; padding: 0; display: flex; align-items: center; gap: 12px; font: 400 12px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.rjg .prose-body .take__h::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px rgba(198, 244, 50, .8); }
.rjg .prose-body .take__list { margin: 22px 0 0; padding: 0; list-style: none; }
.rjg .prose-body .take__list li, .rjg .prose-body .dd__c li { position: relative; display: block; margin: 0; padding: 0 0 0 36px; font-size: 17px; line-height: 1.5; color: rgba(245, 245, 244, .88); }
.rjg .prose-body .take__list li::before, .rjg .prose-body .dd__c--yes li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: var(--lime);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center / contain no-repeat; }
.rjg .prose-body .dd { margin-top: 32px; }
.rjg .prose-body .dd__c h3 { margin: 0; padding: 0; }
.rjg .prose-body .dd__c ul { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.rjg .prose-body .dd__c li { padding-left: 32px; font-size: 16px; line-height: 1.55; color: rgba(245, 245, 244, .8); }
.rjg .prose-body .dd__c--yes li::before { left: 0; top: 2px; width: 18px; height: 18px; }
.rjg .prose-body .dd__c--no li::before { content: ""; position: absolute; left: 3px; top: 11px; width: 12px; height: 1.5px; background: var(--muted); }
.rjg .prose-body .note { margin-top: 32px; }
.rjg .prose-body .note .note__h { margin: 0; padding: 0; display: flex; align-items: center; gap: 12px; font: 400 12px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.rjg .prose-body .note .note__h::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px rgba(198, 244, 50, .8); }
.rjg .prose-body .note p + p { margin-top: 14px; font-size: 18px; line-height: 1.6; color: rgba(245, 245, 244, .9); padding: 0; }
.rjg .prose-body > .demo, .rjg .prose-body > .sigs, .rjg .prose-body > .chkl { margin-bottom: 0; }
.rjg .prose-body .sigs { margin-top: 32px; padding: 0; list-style: none; }
.rjg .prose-body .sig { padding-top: clamp(22px, 2.6vw, 32px); padding-bottom: clamp(22px, 2.6vw, 32px); }
.rjg .prose-body .sig p { margin-top: 10px; padding: 0; font-size: 17px; line-height: 1.65; color: rgba(245, 245, 244, .72); }
.rjg .prose-body .chkl__list { margin: 0; padding: 0; list-style: none; }
.rjg .prose-body .chkl .chk { padding: 18px 0; }
.rjg .prose-body .chk__d { padding: 0; margin-top: 10px; }
.rjg .prose-body .demo__list { padding: 0; list-style: none; }
.rjg .prose-body .demo__list li { padding-left: 4px; }
.rjg .prose-body .demo p { padding: 0; }

/* article foot and related (the prototype's `.acta__h + p` no longer sees siblings: each paragraph sits in its own Text module) */
.rjg .acta__t .et_pb_text + .et_pb_text p { margin-top: 10px; padding: 0; font-size: 17px; line-height: 1.55; color: rgba(245, 245, 244, .7); }
.rjg .prose .acta { margin-top: clamp(44px, 5.5vw, 68px); }
.rjg .prose .afoot { margin-top: 48px; }
.rjg .afoot p { padding: 0; }
.rjg .rel .icards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1023px) {
  .rjg .rel .icards--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rjg .toc .et_pb_table_of_contents__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
  .rjg .toc .et_pb_table_of_contents__nav { padding-left: 0; }
  .rjg .toc .toc__rail { display: none; }
  .rjg .toc .et_pb_table_of_contents__title { margin-bottom: 14px; }
}
@media (max-width: 640px) {
  .rjg .toc .et_pb_table_of_contents__list { grid-template-columns: 1fr; }
  .rjg .prose-body > table { display: block; overflow-x: auto; }
}
html[data-motion="off"] .rjg .toc .et_pb_table_of_contents__link { transition: none; }
@media print {
  .rjg .toc, .rjg .prose .acta, .rjg .rel { display: none !important; }
}