/* ==========================================================================
   R3COMM theme — component styles                              Version 1.0
   --------------------------------------------------------------------------
   Same look as the original static website (index.html, support.html…).
   Colors come from theme.json, e.g.  var(--wp--preset--color--blue).
   Short names are defined below in :root so the rules stay readable.

   HOW THE EDITOR USES THESE STYLES
   Most rules here are attached to a "block style" — the choices you see in
   the editor's right sidebar under  Block → Styles  (for example a Group can
   be "Section (navy)" or "Card"). WordPress then adds a class such as
   "is-style-r3-section-navy" to the block, and the rules below apply.
   A few layout helpers are plain classes typed in
   Block → Advanced → Additional CSS class(es), for example "r3-grid-3".
   The full list is in EDITING.md.

   Contents
     1. Short names and base text
     2. Sections (full-width bands)
     3. Layout helpers (grids, two columns)
     4. Cards, panels, alerts
     5. Lists
     6. Paragraph, heading and image styles
     7. Buttons
     8. Header and footer
     9. Icons (generated list at the end of the file)
    10. Phones and tablets
   ========================================================================== */

/* ---------- 1. Short names and base text ---------- */
:root {
  --r3-blue:        var(--wp--preset--color--blue);
  --r3-blue-dark:   var(--wp--preset--color--blue-dark);
  --r3-navy:        var(--wp--preset--color--navy);
  --r3-navy-soft:   var(--wp--preset--color--navy-soft);
  --r3-navy-deep:   var(--wp--preset--color--navy-deep);
  --r3-sky:         var(--wp--preset--color--sky);
  --r3-ink:         var(--wp--preset--color--ink);
  --r3-slate:       var(--wp--preset--color--slate);
  --r3-mist:        var(--wp--preset--color--mist);
  --r3-line:        var(--wp--preset--color--line);
  --r3-white:       var(--wp--preset--color--white);
  --r3-on-navy:     var(--wp--preset--color--on-navy);
  --r3-on-navy-dim: var(--wp--preset--color--on-navy-dim);
  --r3-urgent:      var(--wp--preset--color--urgent);
  --r3-footer-line: #1E4558;
  --r3-field-line:  #24516A;

  --r3-section-y:   clamp(3rem, 2rem + 4vw, 5rem);
  --r3-radius:      6px;
  --r3-measure:     62ch;
  --r3-content:     1052px;   /* same as theme.json contentSize */
  --r3-gutter:      24px;     /* side space on phones */
  --r3-rule-color:  var(--r3-blue);
}

body { margin: 0; }
*, *::before, *::after { box-sizing: border-box; }

/* Page content: sections are full-width bands. Anything placed outside a
   section (rare) is kept to the normal content width. */
.wp-block-post-content > :not(.alignfull) {
  max-width: calc(var(--r3-content) + 2 * var(--r3-gutter));
  margin-inline: auto; padding-inline: var(--r3-gutter);
}
.wp-block-post-content > .wp-block-shortcode, .wp-block-post-content > p:empty { padding-inline: var(--r3-gutter); }

/* Default spacing between text blocks (theme.json "blockGap" is switched off
   so these simple rules decide, exactly like the old site). */
:where(.wp-site-blocks) :where(h1, h2, h3, h4) { margin: 0 0 0.6em; }
:where(.wp-site-blocks) :where(p) { margin: 0 0 1rem; }
:where(.wp-site-blocks main) :where(p) { max-width: var(--r3-measure); }
:where(.wp-site-blocks) :where(ul, ol) { margin: 0 0 1rem; }
:where(.wp-site-blocks) :where(figure) { margin: 0; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--r3-sky); outline-offset: 2px;
}
.nowrap { white-space: nowrap; }
.screen-reader-text:not(:focus) {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}

/* ---------- 2. Sections (Group → Styles) ----------
   A section is a full-width band. Its content lines up with the header
   logo: the side padding grows on wide screens so the content is never
   wider than 1052px (1100px with the 24px gutters). */
[class*="is-style-r3-section"] {
  padding-block: var(--r3-section-y);
  padding-inline: max(var(--r3-gutter), calc((100% - var(--r3-content)) / 2));
}
.is-style-r3-section-mist { background: var(--r3-mist); }
.is-style-r3-section-navy { background: var(--r3-navy); color: var(--r3-on-navy); --r3-rule-color: var(--r3-sky); }
.is-style-r3-section-navy :where(h1, h2, h3) { color: var(--r3-white); }
.is-style-r3-section-navy p { color: var(--r3-on-navy-dim); }
.is-style-r3-section-navy a:where(:not(.wp-element-button)) { color: var(--r3-sky); }
.is-style-r3-section-mission {
  background: var(--r3-navy-soft); text-align: center;
  padding-block: calc(var(--r3-section-y) * 0.55);
}
/* Narrow sections (Terms page): content at most 852px wide. */
[class*="is-style-r3-section"].r3-narrow {
  padding-inline: max(var(--r3-gutter), calc((100% - 852px) / 2));
}
/* A section with this class sits closer to the one above it. */
[class*="is-style-r3-section"].r3-no-top { padding-top: 0; }
/* Landing page: Privacy and Contact sections are both white, so they share space. */
#privacy + #contact { padding-top: 0; }

/* Privacy Policy body: more space above headings. */
.r3-policy h2 { margin-top: 2.5rem; scroll-margin-top: 1rem; }
.r3-policy > h2:first-child { margin-top: 0; }
.r3-policy h3 { margin-top: 1.5rem; }
.r3-policy h4 { margin-top: 1.1rem; }
.r3-policy p, .r3-policy ul { max-width: 70ch; }

/* ---------- 3. Layout helpers (Advanced → Additional CSS class) ---------- */
.r3-grid-3, .r3-grid-4, .r3-ways { display: grid; gap: 1rem; margin-top: 2rem; }
.r3-grid-3 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.r3-grid-4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.r3-ways   { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top: 2rem; }
.r3-ways.r3-max-720 { max-width: 720px; }

.r3-split { display: grid; grid-template-columns: 1.3fr 1fr; gap: 2.5rem; align-items: center; }
.r3-split--media { margin-bottom: 2rem; }
.r3-split--flip { grid-template-columns: 1fr 1.3fr; }
.r3-split--top { align-items: start; }
.r3-industries { margin-top: 2.75rem; padding-top: 2rem; border-top: 1px solid var(--r3-line); margin-bottom: 0; }
.r3-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: start; margin-top: 1.5rem; }
.r3-two-col.r3-no-gap-top { margin-top: 0; }

/* Decorative bar stack in the landing-page hero (an empty Group). */
.r3-barstack {
  width: 100%; max-width: 300px; height: calc(7 * 11px + 6 * 7px);
  background:
    linear-gradient(var(--r3-blue), var(--r3-blue)) 0 0      / 100% 11px no-repeat,
    linear-gradient(var(--r3-sky),  var(--r3-sky))  0 18px   / 72%  11px no-repeat,
    linear-gradient(var(--r3-blue), var(--r3-blue)) 0 36px   / 88%  11px no-repeat,
    linear-gradient(var(--r3-blue), var(--r3-blue)) 0 54px   / 55%  11px no-repeat,
    linear-gradient(var(--r3-sky),  var(--r3-sky))  0 72px   / 94%  11px no-repeat,
    linear-gradient(var(--r3-blue), var(--r3-blue)) 0 90px   / 66%  11px no-repeat,
    linear-gradient(var(--r3-blue), var(--r3-blue)) 0 108px  / 80%  11px no-repeat;
  opacity: .9;
}

/* ---------- 4. Cards, panels, alerts (Group → Styles) ---------- */
.is-style-r3-card, .is-style-r3-way, .is-style-r3-panel, .is-style-r3-panel-urgent,
.is-style-r3-terms-card, .is-style-r3-alert {
  background: var(--r3-white); border: 1px solid var(--r3-line); color: var(--r3-ink);
}
.is-style-r3-card {
  display: flex; flex-direction: column;
  border-top: 3px solid var(--r3-blue); border-radius: 10px; padding: 1.5rem;
}
.is-style-r3-card h3 { margin-bottom: .35rem; }
.is-style-r3-card p { font-size: .9rem; color: var(--r3-slate); margin-bottom: 0; }
.is-style-r3-card p + ul { margin-top: 1.25rem; }

.is-style-r3-way {
  display: flex; flex-direction: column;
  border-top: 3px solid var(--r3-blue); border-radius: 12px; padding: 1.5rem;
}
.is-style-r3-way h3 { margin: 0 0 .3rem; }
.is-style-r3-way p { font-size: .95rem; color: var(--r3-slate); margin-bottom: 1.25rem; }
.is-style-r3-way .wp-block-buttons { margin-top: auto; }
.is-style-r3-way .wp-block-button { width: 100%; }
.is-style-r3-way .wp-block-button__link { display: block; width: 100%; text-align: center; }

.is-style-r3-panel, .is-style-r3-panel-urgent { border-radius: 12px; padding: 1.5rem 1.75rem; max-width: 80ch; }
.is-style-r3-panel-urgent { border-left: 4px solid var(--r3-urgent); }
.is-style-r3-panel h3, .is-style-r3-panel-urgent h3 { margin-top: 0; }
.is-style-r3-panel li, .is-style-r3-panel-urgent li { font-size: .95rem; }
.is-style-r3-panel-urgent > p:last-child, .is-style-r3-panel > p:last-child { margin-bottom: 0; }
.r3-mt { margin-top: 1.5rem; }

.is-style-r3-alert {
  display: flex; gap: 1rem; align-items: flex-start; max-width: 80ch; margin-top: 1.5rem;
  border-left: 4px solid var(--r3-blue); border-radius: 10px; padding: 1.25rem 1.5rem;
}
.is-style-r3-alert > * { flex: 1; margin: 0; }
.is-style-r3-alert p { margin: 0 0 .5rem; max-width: none; }
.is-style-r3-alert p:last-child { margin-bottom: 0; }
.is-style-r3-alert li { margin-bottom: .9rem; }
.is-style-r3-alert li:last-child { margin-bottom: 0; }

.is-style-r3-contact-panel {
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 2.5rem; align-items: center;
  background: var(--r3-mist); border: 1px solid var(--r3-line); border-radius: 14px;
  padding: clamp(1.75rem, 1rem + 3vw, 3rem);
}
.is-style-r3-contact-panel p { margin-bottom: 0; }
.is-style-r3-contact-panel p + p { margin-top: .9rem; }
.r3-tiles { display: grid; gap: .9rem; }
.r3-tiles p { margin: 0; max-width: none; }

.is-style-r3-terms-card {
  border-top: 3px solid var(--r3-blue); border-radius: 12px;
  padding: clamp(1.5rem, 1rem + 2vw, 2.5rem); margin-bottom: 1.5rem; scroll-margin-top: 1rem;
  line-height: 1.7;
}
.is-style-r3-terms-card h2 { font-size: clamp(1.3rem, 1.15rem + .6vw, 1.6rem); }
.is-style-r3-terms-card ol { margin: 0; padding-left: 1.4rem; }
.is-style-r3-terms-card li { margin-bottom: .9rem; padding-left: .35rem; }
.is-style-r3-terms-card li::marker { color: var(--r3-blue); font-weight: 600; }
.is-style-r3-terms-card .is-style-r3-see-also {
  margin: 1.25rem 0 0; padding-top: 1rem; border-top: 1px solid var(--r3-line);
  font-size: .95rem; color: var(--r3-slate); max-width: none;
}

/* Thank-you message (Group → Styles → Thank-you). */
.is-style-r3-thanks { max-width: 640px; }
.is-style-r3-thanks::before {
  content: ""; display: block; width: 56px; height: 56px; margin-bottom: 1.5rem; border-radius: 8px;
  background: var(--r3-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 30px no-repeat;
}
.is-style-r3-thanks p { max-width: none; font-size: 1.1rem; }

/* "Key facts" table on the About page (Table → Styles → Key facts). */
.is-style-r3-facts { margin: 1.5rem 0 0; max-width: 62ch; }
.is-style-r3-facts table { border-collapse: collapse; width: 100%; }
.is-style-r3-facts td { border: 0; padding: .25rem 1.5rem .25rem 0; vertical-align: top; text-align: left; }
.is-style-r3-facts td:first-child { color: var(--r3-slate); font-size: .9rem; white-space: nowrap; width: 1%; padding-top: .35rem; }

/* ---------- 5. Lists (List → Styles) ---------- */
/* Bar markers — the old ".list". */
.is-style-r3-bars { list-style: none; padding: 0; margin: 0 0 1rem; }
.is-style-r3-bars li { position: relative; padding-left: 1.5rem; margin-bottom: .6rem; max-width: var(--r3-measure); }
.is-style-r3-bars li::before {
  content: ""; position: absolute; left: 0; top: .62em;
  width: 14px; height: 3px; border-radius: 1px; background: var(--r3-rule-color);
}
.is-style-r3-alert .is-style-r3-bars { margin: 0; max-width: 80ch; }
.is-style-r3-alert .is-style-r3-bars li { max-width: none; }

/* Rounded tags. */
.is-style-r3-tags, .is-style-r3-tags-small { display: flex; flex-wrap: wrap; gap: .6rem; list-style: none; padding: 0; margin: 0; }
.is-style-r3-tags li {
  font-size: .9rem; font-weight: 500; color: var(--r3-blue-dark);
  background: var(--r3-mist); border: 1px solid var(--r3-line); border-radius: 999px; padding: .45rem 1rem;
}
.is-style-r3-tags-small { gap: .45rem; }
.is-style-r3-tags-small li {
  font-size: .8rem; font-weight: 500; color: var(--r3-blue-dark);
  background: var(--r3-white); border: 1px solid var(--r3-line); border-radius: 999px; padding: .3rem .75rem;
}

/* Icon tiles in two columns (Industries). */
.is-style-r3-icon-grid { list-style: none; padding: 0; margin: 1.5rem 0 0;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.is-style-r3-icon-grid li, .is-style-r3-icon-rows li {
  display: flex; align-items: center; gap: .75rem; font-size: .95rem; font-weight: 500;
  padding: .7rem .9rem; border: 1px solid var(--r3-line); border-radius: 10px; background: var(--r3-white);
}
.is-style-r3-icon-grid li:last-child:nth-child(odd) { grid-column: 1 / -1; }
/* Icon rows (Privacy points on the landing page). */
.is-style-r3-icon-rows { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; }
.is-style-r3-icon-rows li { gap: .9rem; padding: .85rem 1rem; font-weight: 400; }

/* Numbered steps in blue circles (Client Connect). */
.is-style-r3-steps { counter-reset: step; list-style: none; padding: 0; margin: 0; max-width: 80ch; }
.is-style-r3-steps li { counter-increment: step; position: relative; padding-left: 3.25rem; margin-bottom: 1.4rem; }
.is-style-r3-steps li::before {
  content: counter(step); position: absolute; left: 0; top: -.1rem; width: 2.2rem; height: 2.2rem;
  border-radius: 50%; background: var(--r3-blue); color: var(--r3-white); font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}

/* Contents links in a navy band (Privacy Policy). */
.is-style-r3-toc { display: flex; flex-wrap: wrap; gap: .5rem .9rem; margin: 1.25rem 0 0; padding: 0; list-style: none; font-size: .92rem; }
.is-style-r3-toc a { color: var(--r3-sky); }
.is-style-r3-toc a:hover { color: var(--r3-white); }

/* Rounded "pills" on navy (support hours). */
.is-style-r3-pills { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.is-style-r3-pills li { background: var(--r3-navy-soft); border: 1px solid var(--r3-field-line); color: var(--r3-on-navy);
  border-radius: 999px; padding: .4rem 1rem; font-size: .9rem; }

/* ---------- 6. Paragraph, heading and image styles ---------- */
/* Heading → Styles → "With bars": the three-bar mark from the logo. */
.is-style-r3-rule::before {
  content: ""; display: block; width: 34px; height: 15px; margin-bottom: 1.25rem;
  background:
    linear-gradient(var(--r3-rule-color), var(--r3-rule-color)) 0 0    / 100% 3px no-repeat,
    linear-gradient(var(--r3-rule-color), var(--r3-rule-color)) 0 6px  / 64%  3px no-repeat,
    linear-gradient(var(--r3-rule-color), var(--r3-rule-color)) 0 12px / 84%  3px no-repeat;
}
.is-style-r3-title-md { font-size: clamp(1.25rem, 1.1rem + .6vw, 1.55rem) !important; margin-bottom: .4rem; }

/* Paragraph → Styles. */
.is-style-r3-eyebrow { margin: 0 auto .6rem !important; font-size: .8rem; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: var(--r3-sky) !important; max-width: none !important; }
.is-style-r3-mission { margin: 0 auto !important; max-width: 46ch !important; color: var(--r3-white) !important;
  font-size: clamp(1.2rem, 1rem + 1vw, 1.6rem); line-height: 1.45; font-weight: 500; }
.is-style-r3-muted { font-size: .95rem; color: var(--r3-slate); }
.is-style-r3-small-print { font-size: .9rem; color: var(--r3-slate); margin-top: 1.5rem; max-width: 80ch !important; }
.is-style-r3-note { border-left: 3px solid var(--r3-blue); padding: .6rem 1rem; margin: 1rem 0; background: var(--r3-mist); max-width: 70ch; }
.is-style-r3-text-link a { font-weight: 600; text-decoration: none; }
.is-style-r3-text-link a:hover { text-decoration: underline; }
.is-style-r3-updated { font-size: .85rem; color: var(--r3-slate); margin: 0; }

/* Contact tile: the whole paragraph is one link with an icon on the left.
   Add an icon class to the paragraph, e.g. "r3-icon--phone". */
.is-style-r3-tile a {
  display: flex; align-items: center; gap: 1rem; text-decoration: none; color: var(--r3-ink);
  background: var(--r3-white); border: 1px solid var(--r3-line); border-radius: 10px; padding: 1rem 1.25rem;
  font-weight: 600; font-size: 1.05rem; transition: border-color .15s ease, box-shadow .15s ease;
}
.is-style-r3-tile a:hover, .is-style-r3-tile a:focus { border-color: var(--r3-blue); box-shadow: 0 2px 10px rgba(0,118,163,.12); }
.is-style-r3-tile small { display: block; font-size: .8rem; font-weight: 500; color: var(--r3-slate); }
.is-style-r3-tile a::before {
  content: ""; flex-shrink: 0; width: 42px; height: 42px; border-radius: 8px;
  background: var(--r3-mist) var(--r3-icon, none) center / 22px no-repeat;
}
/* Tiles inside a navy section (SMS page) are dark with a blue icon box. */
.is-style-r3-section-navy .is-style-r3-tile a {
  color: var(--r3-white); background: var(--r3-navy-soft); border-color: var(--r3-field-line); padding: .9rem 1.1rem;
}
.is-style-r3-section-navy .is-style-r3-tile a:hover,
.is-style-r3-section-navy .is-style-r3-tile a:focus { border-color: var(--r3-sky); box-shadow: none; }
.is-style-r3-section-navy .is-style-r3-tile small { color: var(--r3-on-navy-dim); }
.is-style-r3-section-navy .is-style-r3-tile a::before { background: var(--r3-blue) var(--r3-icon-light, none) center / 22px no-repeat; }

/* Language switch links (Terms page). */
.is-style-r3-lang { display: flex; gap: .5rem; flex-wrap: wrap; }
.is-style-r3-lang a {
  font-size: .9rem; font-weight: 500; text-decoration: none; color: var(--r3-blue-dark); background: var(--r3-white);
  border: 1px solid var(--r3-line); border-radius: 999px; padding: .35rem .9rem;
}
.is-style-r3-lang a:hover { border-color: var(--r3-blue); }

/* Images beside text. */
.r3-section-img img { display: block; width: 100%; max-width: 520px; height: auto; margin-left: auto; }
.r3-split--flip .r3-section-img img { margin-left: 0; margin-right: auto; }

/* Contact & SMS page: info on the left, the plugin's form card on the right. */
.r3-consent { padding-block: clamp(2.5rem, 1.5rem + 4vw, 5rem); }
.r3-consent-grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(2rem, 1rem + 4vw, 4.5rem); align-items: center; }
.r3-consent h1 { font-size: clamp(2.2rem, 1.6rem + 2.6vw, 3.4rem); line-height: 1.15; }
.r3-lead-narrow { max-width: 40ch !important; margin-bottom: 2.25rem; }
.r3-tiles--narrow { max-width: 380px; }
.r3-mb-lang { margin-bottom: 1.5rem; }

/* ---------- 7. Buttons (Button → Styles) ---------- */
.wp-block-buttons { gap: .6rem; }
.wp-block-button__link { text-decoration: none; transition: background-color .15s ease, border-color .15s ease; }
.wp-block-button.is-style-outline .wp-block-button__link {
  background: var(--r3-white); color: var(--r3-blue); border: 1px solid var(--r3-blue);
  padding: .7rem 1.4rem;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus { background: var(--r3-mist); color: var(--r3-blue-dark); }
.wp-block-button.is-style-r3-ghost .wp-block-button__link {
  background: transparent; color: var(--r3-on-navy); border: 1px solid #35576B;
}
.wp-block-button.is-style-r3-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-r3-ghost .wp-block-button__link:focus { background: var(--r3-navy-soft); color: var(--r3-white); border-color: var(--r3-sky); }
.r3-mt-btn { margin-top: 1.5rem; }

/* ---------- 8. Header and footer ---------- */
.r3-header {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  background: var(--r3-white); border-bottom: 1px solid var(--r3-line);
  padding: 14px max(var(--r3-gutter), calc((100% - var(--r3-content)) / 2));
}
.r3-header .r3-logo, .r3-footer .r3-logo { margin: 0; }
.r3-header .r3-logo img { display: block; height: 30px; width: auto; }
.r3-topnav { display: flex; align-items: center; gap: 1.5rem; }
.r3-topnav .wp-block-navigation { gap: 1.5rem; }
/* Navigation links take their color from the menu item (WordPress sets the
   link itself to "inherit"), so the colors are set on the items. */
.r3-topnav .wp-block-navigation { color: var(--r3-ink); }
.r3-topnav .wp-block-navigation a { font-weight: 500; text-decoration: none; }
.r3-topnav .wp-block-navigation-item:hover,
.r3-topnav .wp-block-navigation-item:has(> a[aria-current="page"]) { color: var(--r3-blue); }
.r3-topnav .wp-block-buttons { margin: 0; }

.r3-footer {
  background: var(--r3-navy);
  padding: 2.5rem max(var(--r3-gutter), calc((100% - var(--r3-content)) / 2)) 1.5rem;
}
.r3-footer .r3-logo img { height: 24px; width: auto; display: block; }
.r3-footer p { color: var(--r3-on-navy-dim); font-size: .85rem; margin: 0; max-width: none; }
.r3-footer a, .r3-footer .wp-block-navigation { color: var(--r3-on-navy-dim); }
.r3-footer a:hover, .r3-footer .wp-block-navigation-item:hover,
.r3-footer .wp-block-navigation-item:has(> a[aria-current="page"]) { color: var(--r3-white); }
.r3-footer-top {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem 1.5rem; flex-wrap: wrap;
  padding-bottom: 1.5rem; border-bottom: 1px solid var(--r3-footer-line);
}
.r3-footer .wp-block-navigation { gap: .5rem 1.5rem; font-size: .9rem; flex-wrap: wrap; }
.r3-footer .wp-block-navigation a { text-decoration: underline; }
.r3-footer-legal { padding: 1.5rem 0; line-height: 1.7; }
.r3-footer-copy { padding-top: 1.25rem; border-top: 1px solid var(--r3-footer-line); font-size: .8rem !important; }

/* ---------- 9. Icons ----------
   Add ONE of these classes to a Card, a Way card, an Alert, a contact tile
   paragraph or a list item, e.g. "r3-icon--phone". The icon picture itself
   is defined in the generated list at the end of this file. */
.is-style-r3-card[class*="r3-icon--"]::before,
.is-style-r3-way[class*="r3-icon--"]::before,
.is-style-r3-alert[class*="r3-icon--"]::before {
  content: ""; display: block; flex-shrink: 0; flex-grow: 0; border-radius: 8px;
  background: var(--r3-mist) var(--r3-icon, none) center / 24px no-repeat;
  width: 40px; height: 40px; margin-bottom: 1rem;
}
.is-style-r3-way[class*="r3-icon--"]::before,
.is-style-r3-alert[class*="r3-icon--"]::before { width: 42px; height: 42px; background-size: 22px; }
.is-style-r3-alert[class*="r3-icon--"]::before { margin: 0; flex: 0 0 42px; }
li[class*="r3-icon--"]::before {
  content: ""; flex-shrink: 0; width: 34px; height: 34px; border-radius: 8px;
  background: var(--r3-mist) var(--r3-icon, none) center / 20px no-repeat;
}

/* ---------- 10. Phones and tablets ---------- */
@media (max-width: 860px) {
  .r3-split, .r3-split--flip, .r3-two-col, .is-style-r3-contact-panel, .r3-consent-grid { grid-template-columns: 1fr; }
  .r3-tiles--narrow { max-width: none; }
  .is-style-r3-contact-panel { gap: 1.75rem; }
  .r3-barstack { display: none; }
  .r3-section-img img, .r3-split--flip .r3-section-img img { margin: 0 auto; max-width: 420px; }
  .r3-split--flip .r3-section-img { order: 2; }
}
@media (max-width: 520px) {
  .is-style-r3-icon-grid { grid-template-columns: 1fr; }
  .r3-topnav { width: 100%; gap: 1rem; }
  .r3-topnav .wp-block-buttons { flex: 1; }
  .r3-topnav .wp-block-button, .r3-topnav .wp-block-button__link { width: 100%; text-align: center; }
  main .wp-block-buttons { flex-direction: column; align-items: stretch; }
  main .wp-block-button__link { display: block; width: 100%; text-align: center; }
  .is-style-r3-facts td { display: block; width: auto; padding: 0; }
  .is-style-r3-facts td:first-child { padding-top: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ===== ICONS: generated by tools/make-icons.py — do not edit by hand ===== */
.r3-icon--shield-check { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
.r3-icon--shield-lock { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z'/%3E%3Crect x='9' y='11' width='6' height='5' rx='1'/%3E%3Cpath d='M10 11V9.5a2 2 0 0 1 4 0V11'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z'/%3E%3Crect x='9' y='11' width='6' height='5' rx='1'/%3E%3Cpath d='M10 11V9.5a2 2 0 0 1 4 0V11'/%3E%3C/svg%3E"); }
.r3-icon--shield-alert { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E"); }
.r3-icon--layers { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E"); }
.r3-icon--document { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M10 12h5M10 16h5'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M10 12h5M10 16h5'/%3E%3C/svg%3E"); }
.r3-icon--chart { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E"); }
.r3-icon--medical { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4h4v6h6v4h-6v6h-4v-6H4v-4h6z'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4h4v6h6v4h-6v6h-4v-6H4v-4h6z'/%3E%3C/svg%3E"); }
.r3-icon--legal { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M5 20h14M6 8h12M6 8l-3 6a3 3 0 0 0 6 0zM18 8l-3 6a3 3 0 0 0 6 0z'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M5 20h14M6 8h12M6 8l-3 6a3 3 0 0 0 6 0zM18 8l-3 6a3 3 0 0 0 6 0z'/%3E%3C/svg%3E"); }
.r3-icon--briefcase { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2M3 13h18'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2M3 13h18'/%3E%3C/svg%3E"); }
.r3-icon--bank { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6M5 10v8M9.5 10v8M14.5 10v8M19 10v8M3 20h18'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6M5 10v8M9.5 10v8M14.5 10v8M19 10v8M3 20h18'/%3E%3C/svg%3E"); }
.r3-icon--building { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V8l8-4 8 4v12M9 20v-5h6v5M4 20h16'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V8l8-4 8 4v12M9 20v-5h6v5M4 20h16'/%3E%3C/svg%3E"); }
.r3-icon--server { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='1.5'/%3E%3Crect x='3' y='14' width='18' height='6' rx='1.5'/%3E%3Cpath d='M7 7h.01M7 17h.01'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='1.5'/%3E%3Crect x='3' y='14' width='18' height='6' rx='1.5'/%3E%3Cpath d='M7 7h.01M7 17h.01'/%3E%3C/svg%3E"); }
.r3-icon--bolt { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7l1-8z'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7l1-8z'/%3E%3C/svg%3E"); }
.r3-icon--user { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8zM4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8zM4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.r3-icon--key { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l9-9M17 6l3 3M15 8l2 2'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l9-9M17 6l3 3M15 8l2 2'/%3E%3C/svg%3E"); }
.r3-icon--list { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h12M8 12h12M8 18h12M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h12M8 12h12M8 18h12M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E"); }
.r3-icon--phone { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E"); }
.r3-icon--mail { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
.r3-icon--ticket { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4z'/%3E%3Cpath d='M9 9h6M9 13h4'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4z'/%3E%3Cpath d='M9 9h6M9 13h4'/%3E%3C/svg%3E"); }
.r3-icon--remote { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4M9 10l2 2 4-4'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4M9 10l2 2 4-4'/%3E%3C/svg%3E"); }
.r3-icon--inbox { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13h4l2 3h4l2-3h4'/%3E%3Cpath d='M5 5h14l1 8v6H4v-6z'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13h4l2 3h4l2-3h4'/%3E%3Cpath d='M5 5h14l1 8v6H4v-6z'/%3E%3C/svg%3E"); }
.r3-icon--bell { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E"); }
.r3-icon--sync { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 0 1 14-5l2 2'/%3E%3Cpath d='M20 4v5h-5'/%3E%3Cpath d='M20 12a8 8 0 0 1-14 5l-2-2'/%3E%3Cpath d='M4 20v-5h5'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 0 1 14-5l2 2'/%3E%3Cpath d='M20 4v5h-5'/%3E%3Cpath d='M20 12a8 8 0 0 1-14 5l-2-2'/%3E%3Cpath d='M4 20v-5h5'/%3E%3C/svg%3E"); }
.r3-icon--check { --r3-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076A3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); --r3-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
/* ===== END ICONS ===== */