/****** FILE: themes/gamry/css/pages/ApplicationNote.css *****/
/* =========================================================================
   Application note template  (.rd-an-*)
   Tokens (--gm-*) come from redesign.css :root, loaded site-wide.
   Document-reading layout: TOC · prose · download rail. Uniform framed
   figures at native size (equations are images too — same treatment).
   ========================================================================= */

.rd-an { background: var(--gm-bg, #fbfbfa); color: var(--gm-ink, #17242b); --rd-an-shell: 1460px; }
.rd-an :where(a) { text-decoration: none; }

/* ---- Note header (white band; inner content capped + centered) ---- */
.rd-an-head { background: var(--gm-surface, #fff); border-bottom: 1px solid var(--gm-border, #e6eaec); padding: 26px 40px 34px; }
.rd-an-headmax { max-width: var(--rd-an-shell); margin-inline: auto; }
.rd-an-head .rd-breadcrumb { width: var(--rd-an-shell); max-width: 100%; margin: 0 0 24px; }
.rd-an-kicker { font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gm-navy, #003e69); margin-bottom: 14px; }
.rd-an-title { font-family: 'Space Grotesk', sans-serif; font-size: clamp(30px, 3.3vw, 46px); font-weight: 700; letter-spacing: -0.026em; line-height: 1.08; color: var(--gm-ink, #17242b); margin: 0 0 20px; text-wrap: pretty; }
.rd-an-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--gm-faint, #6c7981); }
.rd-an-head-dl { display: none; }

/* ---- Document body grid ---- */
/* minmax(0, 1fr), NOT 1fr. A bare `1fr` is `minmax(auto, 1fr)`, and the auto MINIMUM sizes the
   track to its item's min-content — so one 600px pasted table or caption wrapper widens the whole
   grid, and with it the page. The >=1000px rules below already say minmax(0, 1fr); this narrow
   default was the one place that did not, which is why the overflow only ever showed at 320-425.

   This is also what made the obvious fixes fail. Capping the offending child with max-width:100%
   resolves that percentage against a track the child itself widened, so the constraint chases the
   thing it is constraining. Fix the track first; then the child rules work. (2026-08-30) */
.rd-an-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 34px; padding: 40px 40px 10px; align-items: start; max-width: var(--rd-an-shell); margin-inline: auto; box-sizing: border-box; }

/* ---- Table of contents ---- */
.rd-an-toc { min-width: 0; }
.rd-an-toc-toggle { display: none; width: 100%; text-align: left; background: var(--gm-surface, #fff); border: 1px solid var(--gm-border, #e6eaec); border-radius: 12px; padding: 13px 16px; font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gm-ink, #17242b); cursor: pointer; }
.rd-an-toc-chev { float: right; transition: transform .15s ease; }
.rd-an-toc-toggle[aria-expanded="true"] .rd-an-toc-chev { transform: rotate(90deg); }
.rd-an-toc-label { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gm-muted, #5f6b72); padding-left: 12px; margin-bottom: 14px; }
.rd-an-toc-list { list-style: none; margin: 0; padding: 0; }
.rd-an-toc-item { display: block; border-left: 2px solid var(--gm-border, #e6eaec); padding: 5px 0 5px 12px; line-height: 1.35; transition: color .12s ease, border-color .12s ease; }
.rd-an-toc-l2 { font-family: 'IBM Plex Sans', sans-serif; font-size: 14.5px; font-weight: 600; color: var(--gm-ink, #17242b); }
.rd-an-toc-l3 { font-size: 14px; font-weight: 400; color: var(--gm-muted, #5f6b72); padding-left: 24px; }
.rd-an-toc-l4 { font-size: 13.5px; font-weight: 400; color: var(--gm-muted, #5f6b72); padding-left: 36px; }
.rd-an-toc-item:hover { color: var(--gm-navy, #003e69); }
.rd-an-toc-item.active { color: var(--gm-navy, #003e69); border-left-color: var(--gm-navy, #003e69); }
.rd-an-toc-refs { display: block; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--gm-border, #e6eaec); font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.06em; color: var(--gm-navy, #003e69); }
.rd-an-toc-refs span { color: var(--gm-faint, #6c7981); }

/* ---- Prose ---- */
.rd-an-prose { min-width: 0; max-width: 41em; }
.rd-an-prose > p { font-size: 17.5px; line-height: 1.75; color: var(--gm-body, #47535b); margin: 0 0 20px; }
.rd-an-prose > p:first-of-type { font-size: 20px; line-height: 1.62; color: var(--gm-ink, #17242b); margin-bottom: 28px; }
.rd-an-prose h2 { font-family: 'Space Grotesk', sans-serif; font-size: 27px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: var(--gm-ink, #17242b); margin: 44px 0 14px; scroll-margin-top: 90px; }
.rd-an-prose h3 { font-family: 'Space Grotesk', sans-serif; font-size: 21px; font-weight: 600; letter-spacing: -0.012em; color: var(--gm-ink, #17242b); margin: 30px 0 12px; scroll-margin-top: 90px; }
.rd-an-prose h4 { font-family: 'Space Grotesk', sans-serif; font-size: 17px; font-weight: 600; color: var(--gm-ink, #17242b); margin: 24px 0 10px; scroll-margin-top: 90px; }
.rd-an-prose a { color: var(--gm-navy, #003e69); }
.rd-an-prose a:hover { color: var(--gm-navy-hover, #00567f); }
.rd-an-prose sub, .rd-an-prose sup { font-size: 0.7em; line-height: 0; }
.rd-an-prose ul, .rd-an-prose ol { font-size: 17.5px; line-height: 1.75; color: var(--gm-body, #47535b); margin: 0 0 20px; padding-left: 1.5em; }
.rd-an-prose li { margin: 0 0 8px; }
/* Figures & equations — both are images; frame at native size, centred, never cropped. */
.rd-an-prose p:has(> img), .rd-an-prose p[style*="center"] { text-align: center; }
.rd-an-prose img { display: block; max-width: 100%; height: auto; margin: 30px auto; padding: 14px; background: var(--gm-surface, #fff); border: 1px solid var(--gm-border, #e6eaec); border-radius: 14px; box-sizing: border-box; }
/* Data tables */
/* WCAG 1.4.10: wide legacy tables scroll inside their own box (wrapper is
   injected by js/pages/ApplicationNote.js) instead of scrolling the page. */
.rd-an-tablewrap { overflow-x: auto; margin: 28px 0; -webkit-overflow-scrolling: touch; }
.rd-an-tablewrap > table { margin: 0; }
.rd-an-tablewrap:focus-visible { outline: 3px solid #4a90c2; outline-offset: 2px; }
/* ---------- Hard-width authored content (2026-08-30) ----------

   18 app notes scrolled sideways at 320/375/425, worst +346px. Two causes, and the first one has
   a trap in it worth reading before you edit these rules.

   (1) The legacy caption wrapper, authored years ago as

           <div class="captionImage center" style="width: 600px;">
             <img class="center" width="600" ...><p class="caption">...</p>
           </div>

   `.rd-an-prose img { max-width: 100% }` above is obeyed and the image STILL overflows, because
   100% resolves against a parent that is itself 600px. The obvious next move — max-width on the
   wrapper — does not work either, and this was measured, not assumed: the prose column is a grid
   item that sizes to its own min-content, so it grows to 600px to fit the wrapper, and the
   wrapper's max-width:100% then resolves against the 600px it caused. The percentage chases the
   thing it is trying to constrain.

   `width: auto !important` is the fix, because it REMOVES the fixed width rather than capping it.
   Same rule .rd-pd-prose and .rd-tw-body already carry for the same markup.

   (2) Long unbroken tokens set the column's min-content width directly — an 82-character raw URL
   inside a link on the eQCM-I note, a 45-character ExplainScript call inside <strong> on the
   scripting note. `overflow-wrap: anywhere` rather than `break-word`: only `anywhere` affects
   intrinsic sizing, and break-word leaves the container just as wide. It breaks a word only when
   it would otherwise overflow, so ordinary prose is untouched. */
.rd-an-prose { overflow-wrap: anywhere; }
/* ---------- Equations (2026-08-30) ----------

   Two renderers, both producing content wider than a phone. WIRIS emits
   <img class="Wirisformula"> carrying hard width/height attributes; MathJax emits <mjx-container>
   whose intrinsic width is the formula's own. An equation cannot be reflowed like prose, so the
   remedy is a scroll box rather than a cap: the maths keeps its proportions and scrolls inside
   the column instead of dragging the page sideways. `max-width` alone would squash the WIRIS
   image; height:auto keeps its aspect. */
/* !important is required and is not a shortcut: WIRIS writes `style="max-width: none"` onto
   every formula image it emits, which beats any stylesheet rule of any specificity. Measured —
   a plain `max-width: 100%` here changed nothing at all. */
.rd-an-prose img.Wirisformula { max-width: 100% !important; height: auto; }
.rd-an-prose mjx-container { max-width: 100%; overflow-x: auto; overflow-y: hidden; }

.rd-an-prose .captionImage { width: auto !important; max-width: 100%; }
.rd-an-prose .captionImage img { max-width: 100%; height: auto; }
.rd-an-prose .captionImage p.caption { max-width: 100%; }

.rd-an-prose table { width: 100%; border-collapse: collapse; border: 1px solid var(--gm-border, #e6eaec); border-radius: 14px; overflow: hidden; margin: 28px 0; background: var(--gm-surface, #fff); font-size: 15px; }
.rd-an-prose thead th, .rd-an-prose tr:first-child th { background: var(--gm-thead, #f7fafc); font-family: 'IBM Plex Mono', monospace; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gm-muted, #5f6b72); }
.rd-an-prose th, .rd-an-prose td { padding: 13px 20px; border-bottom: 1px solid var(--gm-border-row, #f4f6f7); text-align: left; vertical-align: baseline; color: var(--gm-body, #47535b); }
.rd-an-prose tbody tr:nth-child(odd) { background: var(--gm-zebra, #fbfcfc); }
.rd-an-prose td:not(:first-child) { font-family: 'IBM Plex Mono', monospace; font-size: 14px; color: var(--gm-ink, #17242b); }
/* Code (rare) */
.rd-an-prose pre { background: var(--gm-dark, #17242b); color: #cfd8dc; border-radius: 12px; padding: 18px 20px; margin: 28px 0; overflow-x: auto; font-family: 'IBM Plex Mono', monospace; font-size: 13.5px; line-height: 1.7; }
.rd-an-prose :not(pre) > code { font-family: 'IBM Plex Mono', monospace; font-size: 0.9em; background: var(--gm-tint, #f4f7fa); padding: 1px 5px; border-radius: 4px; color: var(--gm-ink, #17242b); }

/* ---- Download rail ---- */
.rd-an-rail { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.rd-an-dlcard { background: var(--gm-navy, #003e69); border-radius: 16px; padding: 24px; color: #fff; }
.rd-an-dl-eyebrow { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gm-sky, #7bb8dd); margin-bottom: 10px; }
.rd-an-dl-title { font-family: 'Space Grotesk', sans-serif; font-size: 19px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.rd-an-dl-sub { font-size: 14.5px; line-height: 1.5; color: #c3d3de; margin: 0 0 18px; }
.rd-an-dl-btn { display: block; width: 100%; text-align: center; background: #fff; color: var(--gm-navy, #003e69); font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; font-size: 15px; padding: 14px 16px; border: 0; border-radius: 10px; cursor: pointer; box-sizing: border-box; }
.rd-an-dl-btn:hover { background: #eef4f8; color: var(--gm-navy, #003e69); }
.rd-an-dl-fmeta { display: flex; justify-content: space-between; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.18); font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #8fb2c8; }
/* Dynamics form on the navy card — legible overrides (form injects its own markup) */
.rd-an-dform { margin-top: 4px; }
.rd-an-dform label, .rd-an-dform .marketingForm label { color: #8fb2c8 !important; font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.06em; }
.rd-an-dform input[type=text], .rd-an-dform input[type=email], .rd-an-dform .marketingForm input { width: 100%; background: #fff; border: 1px solid var(--gm-border-ctl, #d5dcdf); border-radius: 9px; padding: 11px 13px; font-size: 15px; box-sizing: border-box; }
.rd-an-dform input:focus { outline: none; border-color: #7bb8dd; box-shadow: 0 0 0 3px rgba(123,184,221,.35); }
.rd-an-dform button, .rd-an-dform .marketingForm button, .rd-an-dform input[type=submit] { width: 100%; background: #fff; color: var(--gm-navy, #003e69); font-weight: 600; font-size: 15px; padding: 13px 16px; border: 0; border-radius: 10px; cursor: pointer; }

.rd-an-detailcard { background: var(--gm-surface, #fff); border: 1px solid var(--gm-border, #e6eaec); border-radius: 16px; padding: 20px 22px; }
.rd-an-detail-label { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gm-muted, #5f6b72); margin-bottom: 14px; }
.rd-an-detail-row { display: flex; justify-content: space-between; gap: 16px; font-size: 14px; padding: 7px 0; border-top: 1px solid var(--gm-border-soft, #eef1f2); color: var(--gm-body, #47535b); }
.rd-an-detail-row:first-of-type { border-top: 0; }
.rd-an-detail-row span:last-child { font-family: 'IBM Plex Mono', monospace; color: var(--gm-ink, #17242b); text-align: right; }
.rd-an-cite { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--gm-border-soft, #eef1f2); }
.rd-an-cite summary { font-size: 14px; font-weight: 600; color: var(--gm-navy, #003e69); cursor: pointer; }
.rd-an-cite p { font-size: 13px; line-height: 1.5; color: var(--gm-muted, #5f6b72); margin: 10px 0 0; word-break: break-word; }

/* ---- Related ---- */
.rd-an-related { padding: 56px 40px 10px; max-width: var(--rd-an-shell); margin-inline: auto; box-sizing: border-box; }
.rd-an-related-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 24px; }
.rd-an-allnotes { font-size: 15px; font-weight: 600; color: var(--gm-navy, #003e69); white-space: nowrap; }
.rd-an-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 20px; }
.rd-an-card { display: block; background: var(--gm-surface, #fff); border: 1px solid var(--gm-border, #e6eaec); border-radius: 16px; padding: 24px; transition: border-color .15s ease; }
.rd-an-card:hover { border-color: var(--gm-navy, #003e69); }
.rd-an-card-meta { display: flex; align-items: center; gap: 8px; font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--gm-faint, #6c7981); margin-bottom: 14px; }
.rd-an-card-topic { color: var(--gm-navy, #003e69); }
.rd-an-card-title { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 18px; font-weight: 600; letter-spacing: -0.014em; line-height: 1.3; color: var(--gm-ink, #17242b); margin-bottom: 10px; text-wrap: pretty; }
.rd-an-card-blurb { display: block; font-size: 14.5px; line-height: 1.55; color: var(--gm-muted, #5f6b72); }

/* ---- Back to top ---- */
.rd-an-backtop { display: flex; justify-content: center; padding: 52px 40px 60px; }
.rd-an-backtop a { display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--gm-border-ctl, #d5dcdf); background: var(--gm-surface, #fff); color: var(--gm-navy, #003e69); font-weight: 600; font-size: 15px; padding: 13px 24px; border-radius: 999px; }
.rd-an-backtop a:hover { border-color: var(--gm-navy, #003e69); background: #f4f8fa; }

/* ---- Floating back-to-top button (appears on scroll) ---- */
.rd-an-totop { position: fixed; right: 24px; bottom: 24px; z-index: 34; width: 46px; height: 46px; border-radius: 999px; background: var(--gm-navy, #003e69); color: #fff; display: flex; align-items: center; justify-content: center; border: 0; cursor: pointer; box-shadow: 0 4px 16px rgba(23,36,43,.24); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.rd-an-totop.show { opacity: 1; visibility: visible; transform: none; }
.rd-an-totop:hover { background: var(--gm-navy-hover, #00567f); color: #fff; }
.rd-an-totop:focus-visible { outline: 3px solid rgba(123,184,221,.55); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .rd-an-totop { transition: none; } }

/* ---- Fixed download dock (narrow only) ---- */
.rd-an-dock { display: none; }
.rd-an-dock-spacer { height: 0; background: var(--gm-dark, #17242b); }

/* =========================================================================
   Responsive
   ========================================================================= */
@media (min-width: 1000px) {
	.rd-an-body { grid-template-columns: minmax(0, 1fr) 300px; gap: 44px; }
	.rd-an-toc { grid-column: 1 / -1; }              /* TOC card spans above at 1000–1300 */
	.rd-an-toc-toggle { display: block; }
	.rd-an-toc-inner { display: none; margin-top: 12px; }
	.rd-an-toc.open .rd-an-toc-inner { display: block; }
	.rd-an-prose { grid-column: 1; margin-inline: auto; }
	/* Rail flows with the content (not pinned). */
	.rd-an-rail { grid-column: 2; grid-row: 1 / span 2; }
}
@media (min-width: 1300px) {
	.rd-an-body { grid-template-columns: 236px minmax(0, 1fr) 300px; gap: 48px; }
	.rd-an-toc { grid-column: 1; grid-row: 1; position: sticky; top: 24px; max-height: calc(100vh - 60px); overflow-y: auto; }
	.rd-an-toc-toggle { display: none; }
	.rd-an-toc-inner { display: block; margin-top: 0; }
	/* Prose fills the middle column at wide widths (wider measure, less side space). */
	.rd-an-prose { grid-column: 2; grid-row: 1; margin-inline: 0; max-width: none; }
	.rd-an-rail { grid-column: 3; grid-row: 1; }
}

/* Narrow: single column, order download → TOC → prose; fixed dock appears */
@media (max-width: 999px) {
	.rd-an-head { padding: 20px 20px 26px; }
	.rd-an-body { padding: 28px 20px 6px; gap: 24px; }
	.rd-an-toc { order: 1; }
	.rd-an-prose { order: 2; max-width: none; }
	.rd-an-rail { order: 3; }
	.rd-an-related, .rd-an-backtop { padding-left: 20px; padding-right: 20px; }
	.rd-an-head-dl { display: inline-block; margin-top: 20px; background: var(--gm-navy, #003e69); color: #fff; font-weight: 600; font-size: 15px; padding: 12px 22px; border-radius: 10px; }
	.rd-an-title { font-size: 30px; }
	.rd-an-dock { display: flex; align-items: center; justify-content: space-between; gap: 14px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 35; background: var(--gm-navy, #003e69); padding: 12px 20px; }
	.rd-an-dock[hidden] { display: none; }
	.rd-an-dock-info { min-width: 0; display: flex; flex-direction: column; }
	.rd-an-dock-meta { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: #8fb2c8; }
	.rd-an-dock-title { font-size: 14px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60vw; }
	.rd-an-dock-btn { flex-shrink: 0; background: #fff; color: var(--gm-navy, #003e69); font-weight: 600; font-size: 14px; padding: 10px 18px; border-radius: 8px; }
	.rd-an-dock-spacer.on { height: 76px; }
	.rd-an-totop { bottom: 90px; }   /* clear the fixed download dock */
}

/* Parity with the legacy-sidebar card in redesign.css (.rd-sb-widgets). Two pieces
   of Microsoft's runtime-injected styling were beating the rules above, because
   those carry no !important:
   1. the submit button kept D365's grey #f0f0f0 / black text instead of the
      white-on-navy this file already asks for at .rd-an-dform button;
   2. .phoneCountryCode carries D365 field chrome on the WRAPPER, drawing a grey
      box around the white input, and .phoneCountryCodeLabel is forced to
      display:block despite the `hidden` attribute D365 sets on it. */
.rd-an-dform .marketingForm .submitButton,
.rd-an-dform .marketingForm button,
.rd-an-dform .marketingForm input[type=submit] {
	width: 100% !important;
	background: #fff !important;
	color: var(--gm-navy, #003e69) !important;
	font-family: 'IBM Plex Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	padding: 13px 16px !important;
	border: 0 !important;
	border-radius: 10px !important;
	cursor: pointer !important;
}
.rd-an-dform .marketingForm .submitButton:hover,
.rd-an-dform .marketingForm button:hover { background: #eaf2f7 !important; }
.rd-an-dform .marketingForm .phoneCountryCode {
	border: 0 !important; border-radius: 0 !important; background: none !important; padding: 0 !important;
}
.rd-an-dform .marketingForm .phoneCountryCodeLabel[hidden] { display: none !important; }
/* Same cause as above: .rd-an-dform's label font and input metrics (lines 80-81)
   carry no !important, so D365's Segoe UI and its own field padding were winning.
   Restated here so this card and the legacy-sidebar one are pixel-identical. */
.rd-an-dform .marketingForm label,
.rd-an-dform .marketingForm .lp-form-fieldLabel,
.rd-an-dform .marketingForm label span,
.rd-an-dform .marketingForm .lp-form-fieldLabel span {
	font-family: 'IBM Plex Mono', monospace !important;
	font-size: 11px !important;
	letter-spacing: 0.06em !important;
	color: #8fb2c8 !important;
	text-transform: none !important;
}
.rd-an-dform .marketingForm input[type=text],
.rd-an-dform .marketingForm input[type=email],
.rd-an-dform .marketingForm input[type=tel],
.rd-an-dform .marketingForm select,
.rd-an-dform .marketingForm textarea {
	width: 100% !important;
	background: #fff !important;
	border: 1px solid var(--gm-border-ctl, #d5dcdf) !important;
	border-radius: 9px !important;
	padding: 11px 13px !important;
	font-size: 15px !important;
	font-family: 'IBM Plex Sans', sans-serif !important;
	box-sizing: border-box !important;
	height: auto !important;
}

/* ---- retired-software notice ----
   Application notes are dated records of how an experiment was run, so the body copy is
   deliberately NOT rewritten when the tooling it names is retired: that would falsify the
   method. This block sits above the article instead and says the software is no longer
   supported, in Gamry's own words from the software's own page. Amber rather than red —
   it qualifies the article, it does not warn against reading it. */
.rd-an-legacy {
	margin: 0 0 26px; padding: 14px 18px;
	border: 1px solid #e6c66a; border-left-width: 4px; border-radius: 8px;
	background: #fdf8e9; color: #4a3c12;
	font-size: 15px; line-height: 1.55;
}
.rd-an-legacy a { color: var(--gm-navy, #003e69); text-decoration: underline; }
.rd-an-legacy strong { font-weight: 600; }