@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/*<meta />*/

/* ============================================================
   SECTION 1 — GLOBAL RESET + BASE TYPOGRAPHY (Zoom-Stable)
   ============================================================ */

/* GLOBAL RESET — stabilizes scaling similar to ChatGPT */

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

/* HTML base sets the root for all rem units */

html
{
	font-size: 16px;
	/* DO NOT CHANGE — this is what keeps scale stable */
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* BODY — preserves your exact font sizes via rem conversion */

body
{
	margin: 0.5rem 1.5rem;
	line-height: 1.5;
	font-style: normal;
	font-weight: 400;
	color: #000000;
	/* Your 12pt = 16px → 1rem */
	font-size: 1rem;
	font-family: Inter, sans-serif;
	/* Prevent weird layout zoom on Windows */
	transform-origin: 0 0;
}

/* 1. Constrain content to a readable width */

#mc-main-content
{
	max-width: 68rem;
	padding: 0 1.7rem;
}

/* 2. Make images scale proportionally with text */

img
{
	max-width: 100%;
	height: auto !important;
}

/* 3. Ensure body scales proportionally */

body
{
	font-size: 1rem;
	line-height: 1.5;
}

/* LIST RESET (keeps Zoom consistent) */

ul,
ol
{
	padding-left: 1.25rem;
}

object
{
	max-width: 100%;
	height: auto;
	display: block;
}

/* LINK DEFAULTS */

a
{
	color: #0b5cab;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/* BOLD FIX (keeps weight consistent across zoom) */

b,
strong,
span.boldListItem
{
	font-family: Inter-SemiBold;
	font-weight: normal;
}

span.ui
{
	font-family: Inter-SemiBold;
	font-weight: normal;
}

/* FONT FACE IMPORTS — unchanged */

@font-face 
{
	font-family: 'Inter';
	src: url(../Fonts/Inter.ttf);
}

@font-face 
{
	font-family: 'Inter-Medium';
	src: url(../Fonts/Inter-Medium.ttf);
}

@font-face 
{
	font-family: 'Inter-SemiBold';
	src: url(../Fonts/Inter-SemiBold.ttf);
}

/* H1–H4 (converted exactly from your pt sizes to rem units)
   20pt = 26.6px → 1.6625rem
   18pt = 24px → 1.5rem
   16.5pt ≈ 22px → 1.375rem
   15.5pt ≈ 20.7px → 1.293rem
*/

/* PARAGRAPH STABILITY */

p
{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/* ============================
   BOLD EXPANDED SIDE NAV ITEMS
   (NOT selected)
   ============================ */

.sidenav a[aria-expanded="true"]:not(.selected)
{
	font-family: Inter-SemiBold;
	font-weight: normal;
	color: #1B1B1B;
}

/* ============================================================
   SECTION 2 — RIGHT-PAGE TOC (Zoom-Safe, No Shifting)
   ============================================================ */

/* Reserve space so the main content never overlaps the TOC */

._Skins_MomentiveNavigation .body-container
{
	padding-right: 27rem;
	padding-bottom: 5rem;
}

/* The fixed box on the right */

.right-page-toc
{
	position: fixed;
	top: 9rem;
	/* 130px */
	right: 3rem;
	/* 45px */
	width: 23rem;
	/* 340px */
	z-index: 2000;
	font-size: 0.86rem;
	background: #ffffff;
	border-radius: 0.375rem;
	font-size: 0.97rem;
	font-family: Inter;
	list-style-type: none;
	/* MOST IMPORTANT: Prevent zoom distortion */
	transform-origin: top right;
}

/* Title: “In this topic” */

.right-page-toc .toc-title
{
	font-family: Inter-Medium;
	font-size: 1.1rem;
	/* ~14pt converted properly */
	margin-bottom: 0.2rem;
	color: #000;
}

/* Spacing between list items */

.right-page-toc ul li
{
	line-height: 1.2rem;
}

/* Base link style (unchanged visually, but zoom-safe) */

.right-page-toc a
{
	color: #000;
	text-decoration: none;
}

/* Fix shifting:
   Apply padding + block display to ALL links */

.right-page-toc ul.menu._Skins_InThisTopic.mc-component li a
{
	display: block;
	padding: 0.5rem 0.95rem 0.5rem 0.95rem;
	border-radius: 0.25rem;
	color: #000;
}

/* Selected item: dark blue highlight */

.right-page-toc ul.menu._Skins_InThisTopic.mc-component li a.selected
{
	background-color: #172A43 !important;
	color: #ffffff !important;
	border-radius: 0.25rem !important;
	font-weight: normal !important;
}

/* Hover ONLY when NOT selected */

.right-page-toc a:not(.selected):hover
{
	color: #0B5CAB !important;
	background-color: #ffffff !important;
	text-decoration: none;
}

/* Keep selected color on hover */

.right-page-toc a.selected:hover
{
	color: #ffffff !important;
	/* stays white */
	background-color: #ffffff !important;
}

/* ===========================
   HIDE THE H1 ENTRY
   =========================== */

.right-page-toc ul.menu._Skins_InThisTopic.mc-component > li:first-child > a
{
	display: none !important;
}

/* Remove indent for H1’s child UL */

.right-page-toc ul.menu._Skins_InThisTopic.mc-component > li:first-child > ul
{
	padding-left: 0 !important;
	margin-left: 0 !important;
}

/* H2 (first level under the removed H1): no indent */

.right-page-toc ul.menu._Skins_InThisTopic.mc-component > li:first-child > ul > li
{
	margin-left: 0 !important;
}

/* H3 items: slightly indented */

.right-page-toc ul.menu._Skins_InThisTopic.mc-component > li:first-child > ul > li > ul > li
{
	margin-left: 0.75rem !important;
}

html.no-right-toc .right-page-toc
{
	display: none !important;
}

/* Bold the currently expanded navigation item */

ul.MCTreeView > li > .selected,
ul.MCTreeView > li > .selected span,
ul.MCTreeView > li > .expanded > a,
ul.MCTreeView > li > .expanded > span
{
	font-weight: bold !important;
	color: #000000 !important;
}

/* --------------------------------------
   SCROLLBAR FOR SIDE NAV
   -------------------------------------- */

/* ============================================================
   SECTION 3 — CALLOUTS, NOTES, DROPDOWNS (Zoom-Safe Modern)
   ============================================================ */

.in-this-topic-container
{
	border-left: 2px solid #A9A9A9;
	/* ONE left line */
	padding-left: 1em;
	/* Space between line and text */
	margin-top: 1em;
	margin-bottom: 2.5em;
}

/* -----------------------------------------
   DROPDOWN CONTROL (MadCap dropdown widget)
   ----------------------------------------- */

/* Entire Dropdown Component */
/* Dropdown header */

MadCap|dropDown
{
	mc-closed-image: url('../Images/closed.png');
	mc-open-image: url('../Images/open.png');
}

.MCDropDownHead
{
	font-family: Inter;
	color: #0b5cab;
	margin: 14px 0 18px 0;
	padding: 7px 10px;
	border: 1px solid #E5E5E5;
	border-radius: 6px;
	background-color: #F7F7F7;
	cursor: pointer;
}

/* Dropdown body */

.MCDropDownBody
{
	margin-top: 10px;
	border-left: 1px solid #C0C0C0;
	padding-left: 15px;
	padding-bottom: 15px;
}

/* Force underline and color on hover */

.MCDropDownHotSpot a:hover,
.MCDropDownHead a:hover,
.dropDownHotspot a:hover
{
	text-decoration: underline !important;
	color: #0b5cab !important;
}

/* begin styles for tabs */

ul.tabs
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.tabs:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #c4c4c4;
}

ul.tabs .tab-link
{
	color: #545454;
	font-family: Inter-SemiBold;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	margin: 0 5px;
	position: relative;
	z-index: 0;
	border: 1px solid transparent;
	/* reserve border space */
	box-sizing: border-box;
	/* ensures padding + border don't increase size */
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

ul.tabs .tab-link:hover
{
	background: #DEDDDD;
	color: #545454;
	border: 1px solid #c4c4c4;
	/* give hover a visible border */
}

ul.tabs .current,
ul.tabs .current:hover
{
	background: #fff;
	color: #333333;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid transparent;
	z-index: 1;
}

.tab-content
{
	display: none;
	background: #ededed;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	background-color: transparent;
}

.tab-content.current
{
	display: inline-block;
}

/* -----------------------------------------
   NOTE / IMPORTANT / TIP BOXES
   ----------------------------------------- */

/* GENERIC NOTE BOX */

p.note
{
	background: #E5EFF9;
	/* light bluish-white background */
	border-left: 4px solid #1671C2;
	/* colored accent bar on the left */
	border-radius: 6px;
	padding: 1rem 1.25rem;
	/* comfortable padding */
	margin: 1.6rem 0;
	font-family: Inter, sans-serif;
	color: #000000;
	/* black text for readability */
	line-height: 1.5;
	mc-auto-number-format: '{b}{color #000000}Note: {/color}{/b}';
	width: auto;
	max-width: 100%;
}

/* IMPORTANT BOX */

p.important
{
	background-color: #ffffff;
	border: 1px solid #25282a;
	border-radius: 0.375rem;
	padding: 0.75rem 1rem 0.75rem 2rem;
	background-position: 0.75rem 0.75rem;
	background-size: 1rem;
	width: auto;
	max-width: 100%;
	white-space: pre-line;
	mc-auto-number-format: '{b}{color #197CAE}Important: {/color}{/b}';
}

p.NavigationNote
{
	background-repeat: no-repeat;
	background-image: url('../Images/NavChevrons.png');
	padding-left: 30px;
	margin-top: 8;
	font-weight: 500;
	background-position: 10px 5px;
	min-height: 0;
	width: auto;
	padding: 4px 20px 10px 37px;
	padding-bottom: 15px;
}

/* TIP BOX */

p.Tip
{
	background-color: #ffffff;
	border: 1px solid #25282a;
	border-radius: 0.375rem;
	padding: 0.75rem 1rem 0.75rem 2rem;
	font-size: 1rem;
	width: auto;
	max-width: 100%;
	mc-auto-number-format: '{b}{color #197CAE}Tip: {/color}{/b}';
}

hr.SectionDivider
{
	border: none;
	border-top: 1px solid #C0C0C0;
	/* Light gray color */
	margin-top: 34px;
	margin-bottom: 34px;
	width: auto;
}

hr.TopicDivider
{
	border: none;
	border-top: 1px solid #C0C0C0;
	/* Light gray color */
	margin-top: 15px;
	margin-bottom: 20px;
	width: auto;
}

/* -----------------------------------------
   "EXAMPLE" CALLOUT
   ----------------------------------------- */

p.examples
{
	border-left: 0.3125rem solid #72C2EB;
	padding-left: 0.75rem;
	margin: 1.9rem 0 2.1rem 0;
	font-size: 1rem;
}

p.example
{
	border-left: 0.3125rem solid #72C2EB;
	padding-left: 0.75rem;
	margin: 1.9rem 0 1rem 0;
	font-size: 1rem;
}

/* -----------------------------------------
   WHATS NEW BOXES
   ----------------------------------------- */

.whatsnew-box,
.whatnew-box
{
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 1rem;
	border-radius: 0.375rem;
	margin-bottom: 1.5rem;
}

/* ============================================================
   SECTION 4 — TABLES, LISTS, LINKS, PARAGRAPHS, INLINE ELEMENTS
   ============================================================ */

/* -----------------------------------------
   LINKS
   ----------------------------------------- */

a
{
	color: #0b5cab;
	text-decoration: none;
	font-family: Inter;
}

a:hover
{
	text-decoration: underline;
	color: #0b5cab;
}

a:visited
{
	color: #0b5cab;
}

MadCap|xref
{
	font-family: Inter;
	text-decoration: none;
	color: #0b5cab;
}

MadCap|xref:hover
{
	text-decoration: underline;
	color: #0b5cab;
}

/* Breadcrumb links */

MadCap|breadcrumbsLink,
a.MCBreadcrumbsLink
{
	color: #0b5cab;
	text-decoration: none;
}

MadCap|breadcrumbsLink:hover,
a.MCBreadcrumbsLink:hover
{
	text-decoration: underline;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	position: fixed;
	top: 8rem;
	/* 130px */
	left: 1.8rem;
	/* 45px */
	transform-origin: top left;
}

/* -----------------------------------------
   LISTS (ul & ol)
   ----------------------------------------- */

ul
{
	list-style-type: disc;
	/* filled circle */
	list-style-image: none;
	/* remove any custom image bullets */
	padding-left: 1.5rem;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

ul li
{
	margin: 0.5rem 0;
	margin-left: 0.9em;
	line-height: 1.5;
}

ul.FirstLevelLessIndentation
{
	margin-left: -0.5rem;
}

ul.SecondLevel
{
	list-style-image: url('../Images/Bullet1.png');
	margin-left: -0.5rem;
}

ol
{
	padding-left: 1.5rem;
	margin: 0.75rem 0;
}

ol.LowerAlpha
{
	list-style-type: lower-alpha;
}

ol.LowerRoman
{
	list-style-type: lower-roman;
}

/* -----------------------------------------
   TABLES
   ----------------------------------------- */

table
{
	border-collapse: collapse;
	width: 100%;
	margin: 1rem 0;
	font-family: Inter;
}

td,
th
{
	padding: 0.5rem 0.75rem;
	text-align: left;
	vertical-align: top;
}

th
{
	background: #172A43;
	color: #fff;
	font-family: Inter-Medium;
	font-size: 1rem;
}

td
{
	color: #000;
	font-size: 1rem;
	border-bottom: 1px solid #ddd;
}

p.TableTextDark,
p.TableTextHeadDark,
p.TableTextDarkEmphasis
{
	color: #000;
	margin: 0.5rem 0;
	font-size: 1rem;
}

p.TableTextLightEmphasis
{
	color: #fff;
	font-size: 1rem;
}

/* -----------------------------------------
   PARAGRAPHS
   ----------------------------------------- */

p
{
	margin: 0.75rem 0;
	line-height: 1.5;
	font-size: 1rem;
	/* zoom-safe */
}

p.SpacerLarge
{
	line-height: 0.6;
}

p.SpacerSmall
{
	line-height: 0.2;
}

p.SpacerSmaller
{
	line-height: 0.1;
}

/* -----------------------------------------
   INLINE UI ELEMENTS
   ----------------------------------------- */

span.menu
{
	font-family: Inter-SemiBold;
	color: #383b3f;
}

span.key,
span.input
{
	font-family: Inter-SemiBold;
	color: #0097a9;
}

span.code
{
	font-family: monospace;
	color: #323e48;
}

span.filename
{
	font-family: Inter-SemiBold;
	color: #323e48;
}

span.example
{
	font-family: Inter-SemiBold;
	color: #1a5e66;
}

span.emphasis
{
	font-style: italic;
}

span.strongemphasis
{
	font-style: italic;
	font-family: Inter-SemiBold;
}

span.term
{
	font-style: italic;
}

/* -----------------------------------------
   CODE BLOCKS
   ----------------------------------------- */

pre.code,
div.code
{
	border: 1px dashed #4b4F54;
	background: #faf6f5;
	padding: 0.5rem;
	width: 100%;
	overflow: auto;
	color: #675C53;
	font-family: monospace;
	font-size: 1rem;
	margin: 0.5rem 0;
}

/* -----------------------------------------
   IMAGES
   ----------------------------------------- */

img,
object
{
	max-width: 100%;
	height: auto;
	border: none;
}

.FiftyPercentMaxWidth
{
	max-width: 50%;
}

/* -----------------------------------------
   BLOCKQUOTES
   ----------------------------------------- */

blockquote
{
	background-color: #e5e6e8;
	border: 1px solid #a1a5ab;
	border-radius: 0.375rem;
	font-family: Inter;
	font-style: italic;
	padding: 0.75rem 2rem;
	margin: 1rem 0;
}

blockquote.name
{
	border-top: none;
	border-radius: 0 0 0.375rem 0.375rem;
	text-align: right;
	margin-top: -0.5rem;
	padding-top: 0.25rem;
}

/* -----------------------------------------
   SPECIAL CALLOUTS (Chevron)
   ----------------------------------------- */

p.chevronbullet
{
	background-repeat: no-repeat;
	background-image: url('../Images/NavChevrons.png');
	padding-left: 30px;
	margin-top: 8;
	font-weight: 500;
	background-position: 10px 5px;
	min-height: 0;
	width: auto;
	padding: 4px 20px 10px 37px;
	padding-bottom: 15px;
}

/* ============================================================
   SECTION 5 — HEADINGS (H1–H4) — ZOOM-SAFE, INTER TYPOGRAPHY
   ============================================================ */

/* -----------------------------------------
   H1 — Topic Title
   ----------------------------------------- */

h1
{
	font-family: Inter-Medium;
	font-weight: normal;
	font-size: 1.79rem;
	margin-top: 1.74rem;
	margin-bottom: 1.8rem;
	line-height: 1.25;
	color: #000;
}

/* Special-case front matter, TOC titles, etc. */

h1.FrontMatterTitle,
h1.ChapterTitle,
h1.TOCTitle,
h1.EndMatterTitle,
h1.AppendixTitle
{
	margin-top: 2rem;
	margin-bottom: 1.75rem;
}

/* -----------------------------------------
   H2 — Section Title
   ----------------------------------------- */

h2
{
	font-family: Inter-Medium;
	font-size: 1.5rem;
	font-weight: normal;
	margin-top: 2rem;
	margin-bottom: 1.25rem;
	line-height: 1.3;
	color: #000;
}

/* -----------------------------------------
   H3 — Subsection Title
   ----------------------------------------- */

h3
{
	font-family: Inter-Medium;
	font-size: 1.35rem;
	font-weight: normal;
	margin-top: 1.8rem;
	margin-bottom: 1rem;
	line-height: 1.3;
	color: #000;
}

/* -----------------------------------------
   H4 — Minor Section Title
   ----------------------------------------- */

h4
{
	font-family: Inter-Medium;
	font-size: 1.25rem;
	font-weight: normal;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
	line-height: 1.3;
	color: #000;
}

h2.WhatsNew
{
	font-size: 1.6rem;
	display: block;
	margin-bottom: 12px;
	margin-top: 10px;
	font-family: Inter-Medium;
}

h3.WhatsNew
{
	display: block;
	font-family: Inter-Medium;
	font-size: 1.6rem;
	margin-left: 0;
	/* optional: align flush with content */
	margin-bottom: 20px;
	margin-top: 10px;
}

h3.WhatsNewEnhancements
{
	display: block;
	font-family: Inter-Medium;
	font-size: 1.5rem;
	border-left: 5px solid #129312;
	/* fun color! */
	padding-left: 0.4em;
	/* space between line and text */
	margin-left: 0;
	/* optional: align flush with content */
	margin-bottom: 10px;
	margin-top: 10px;
}

h3.WhatsNewImprovements
{
	display: block;
	font-family: Inter-Medium;
	font-size: 1.5rem;
	border-left: 5px solid #EDC463;
	/* fun color! */
	padding-left: 0.4em;
	/* space between line and text */
	margin-left: 0;
	/* optional: align flush with content */
	margin-bottom: 10px;
	margin-top: 10px;
}

h4.WhatsNew
{
	display: block;
	font-size: 1.3rem;
	margin-top: 31px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: Inter-Medium;
}

/* -----------------------------------------------------------
   Whats New - Full Width
   ----------------------------------------------------------- */

/************************************
 FORCE WIDER PAGE LAYOUT WHEN wide-page IS PRESENT
*************************************/

/* Expand ALL body-container wrappers */

html.wide-page .body-container,
body.wide-page .body-container
{
	width: 100% !important;
}

/* Expand the main-content area too */

html.wide-page #mc-main-content,
body.wide-page #mc-main-content
{
	max-width: 93.5rem !important;
	padding: 0 13.3rem 0 1.7rem;
}

/* Prevent skin from constraining rows/containers */

html.wide-page .row,
body.wide-page .row,
html.wide-page .content,
body.wide-page .content
{
	max-width: 100% !important;
}

/************************************
 HIDE RIGHT TOC WHEN no-right-toc IS PRESENT
*************************************/

html.no-right-toc .right-page-toc,
body.no-right-toc .right-page-toc
{
	display: none !important;
	visibility: hidden !important;
}

/* Remove layout padding reserved for TOC */

html.no-right-toc .body-container,
body.no-right-toc .body-container
{
	padding-right: 0 !important;
}

/* Whats New Timeline */

.timeline,
.timeline__container,
.timeline__dates,
.timeline__line,
.timeline__line ol,
.timeline__date
{
	overflow: visible !important;
}

* .timeline
{
	z-index: 100;
	position: relative;
	width: 100%;
	font-family: Inter;
	box-sizing: border-box;
}

/* Timeline Container */

.timeline__container
{
	position: relative;
	width: 100%;
	overflow: visible;
}

/* Dates */

.timeline__dates
{
	position: relative;
	font-size: 13pt;
	font-family: Inter;
	margin-top: 0;
	overflow: visible;
	z-index: 10;
}

.timeline__date
{
	position: relative;
	display: inline-block;
	background: #e2eef8;
	color: #0078d7;
	border-radius: 8px;
	padding: 0.5em 0.5em;
	font-size: 0.9em;
	text-align: center;
	text-decoration: none;
	z-index: 20;
	cursor: pointer;
	margin-left: 1em;
	margin-top: 0.3em;
	transition: background 0.3s;
	transform: translateY(-178%);
	width: 100%;
}

.timeline__date
{
	position: relative;
}

/* Upcoming selected state (darker purple) */

.timeline__date--upcoming.timeline__date--selected
{
	background: #800080 !important;
	/* deep purple background */
	color: #fff;
	/* white text */
	font-family: Inter-Medium;
}

.timeline__date--upcoming.timeline__date--selected::before
{
	background: #800080 !important;
	/* dot */
}

.timeline__date--upcoming.timeline__date--selected::after
{
	border-top-color: #800080 !important;
	/* caret */
}

.timeline__date--upcoming.timeline__date--selected:hover
{
	background: #800080 !important;
	/* deep purple background */
	color: #fff;
	/* white text */
}

.timeline__date--upcoming.timeline__date--selected:hover::before
{
	background: #800080 !important;
	/* deep purple background */
	color: #fff;
	/* white text */
}

.timeline__date--upcoming.timeline__date--selected:hover::after
{
	border-top-color: #800080 !important;
	/* deep purple background */
	color: #fff;
	/* white text */
}

/* Upcoming date styling */

.timeline__date--upcoming
{
	background: #e8d7f8;
	/* light purple background */
	color: #7a1fa2 !important;
	/* deep purple text */
}

.timeline__date--upcoming::before
{
	background: #e8d7f8 !important;
	/* circle matches background */
}

.timeline__date--upcoming::after
{
	border-top-color: #e8d7f8 !important;
	/* triangle caret in purple background */
}

.timeline__date--upcoming:hover
{
	background: #d4b8f0 !important;
	/* slightly darker purple on hover */
}

.timeline__date--upcoming:hover::before
{
	background: #d4b8f0 !important;
}

.timeline__date--upcoming:hover::after
{
	border-top-color: #d4b8f0 !important;
}

/* Default hover styles */

.timeline__date:hover
{
	background: #c2d9eb;
	text-decoration: none;
}

.timeline__date::before
{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%);
	width: 13px;
	height: 13px;
	background: #e2eef8;
	border-radius: 50%;
	z-index: 15;
	margin-top: 1.2em;
}

/* Circle hover */

.timeline__date:hover::before
{
	background: #c2d9eb;
}

/* Circle for selected date */

.timeline__date--selected::before
{
	background: #2573a7;
}

/* Default triangle caret */

.timeline__date::after
{
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e2eef8;
}

/* Triangle hover */

.timeline__date:hover::after
{
	border-top-color: #c2d9eb;
}

.timeline__date--selected:hover::after
{
	border-top-color: #2573a7;
}

.timeline__date--selected:hover::before
{
	background: #2573a7;
}

/* Triangle for selected date */

.timeline__date--selected::after
{
	border-top-color: #2573a7;
}

/* Selected background */

.timeline__date--selected
{
	background: #2573a7;
	color: #fff;
	font-family: Inter-Medium;
}

.timeline__version
{
	display: block;
	font-size: 13pt;
	font-family: Inter-Medium;
	margin-top: 2px;
}

.timeline__label
{
	display: block;
	font-family: Inter;
	font-size: 11pt;
}

/* Active date dot coloring */

.timeline__date--selected::before
{
	background: #2573a7;
}

/* Show arrows at ends */

.timeline__arrow
{
	position: absolute;
	bottom: 17%;
	width: 28px;
	height: 28px;
	border: 2px solid #b9bec1;
	background: #b9bec1;
	/* Make background white for outline effect */
	border-radius: 50%;
	cursor: pointer;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease-in-out;
}

.timeline__arrow--left
{
	left: -1px;
}

.timeline__arrow--right
{
	right: -10px;
}

/* Carrot-style arrows using text */

.timeline__arrow::before
{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

/* LEFT arrow (points left) */

.timeline__arrow--left::before
{
	border-width: 6px 8px 6px 0;
	border-color: transparent #ffffff transparent transparent;
	right: 9px;
	top: 50%;
	transform: translateY(-50%);
}

/* RIGHT arrow (points right) */

.timeline__arrow--right::before
{
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #ffffff;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
}

/* Pulse effect on hover */

.timeline__arrow:hover
{
	animation: pulse 1s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
} 

/* Selected Date */

.timeline__date--selected,
.timeline__date--selected:visited
{
	background: #2573a7;
	color: white !important;
}

.timeline__date--selected:hover
{
	background: #2573a7;
	text-decoration: none;
}

.timeline__date--selected::after
{
	border-top-color: #2573a7;
}

/* Timeline Line */

.timeline__line
{
	position: relative;
	height: 2px;
	background: #ccc;
	overflow: visible;
	z-index: 1;
	justify-content: center;
	white-space: nowrap;
}

/* Date List */

.timeline__line ol
{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 5em;
	padding-left: 0;
	padding-right: 2em;
	margin-top: 1.5em;
	list-style: none;
	position: relative;
}

/* Line Wrapper */

.timeline__line-wrapper
{
	margin-left: 1.5em;
	overflow: visible;
	margin-bottom: 2em;
	margin-top: 3.95em;
	width: 100%;
	min-width: max-content;
}

/* Scroll Container */

.timeline__scroll
{
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	margin-bottom: 1.4em;
}

.timeline__scroll::-webkit-scrollbar
{
	display: none;
}

/* Filling Line */

.timeline__filling-line
{
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	background: #2573a7;
	z-index: 1;
	transition: width 0.4s ease;
}

/* Navigation Buttons (Deprecated) */

.timeline__navigation
{
	display: none !important;
}

/* Events Container */

.timeline__events
{
	position: relative;
}

/* Event List */

.timeline__events ol
{
	list-style: none;
	display: flex;
	padding: 0;
	margin: 0;
	transition: transform 0.4s ease;
}

/* Each Event */

.timeline__event
{
	display: none;
	width: 100%;
	/* Full width of parent */
	box-sizing: border-box;
	padding: 1em;
	background: #f9f9f9;
	opacity: 0.5;
	margin: -1em auto;
}

.timeline__event--selected
{
	display: block;
	opacity: 1;
	background: #fff;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	border: 1px solid #bfbfbf;
	border-radius: 8px;
	padding: 2em;
}

.whatsnew-box
{
	border: 1px solid #ccc;
	/* Light gray border */
	background-color: #fff;
	/* Optional: light background */
	padding: 1em;
	/* Space inside box */
	border-radius: 6px;
	/* Optional: rounded corners */
	margin-bottom: 1.5em;
	/* Space below box */
}

.whatnew-box
{
	border: 1px solid #ccc;
	/* Light gray border */
	background-color: #fff;
	/* Optional: light background */
	padding: 1em;
	/* Space inside box */
	border-radius: 6px;
	/* Optional: rounded corners */
}

p.MiniTOC1
{
	font-weight: normal;
	font-family: Inter-SemiBold;
	color: #0b5cab;
}

p.MiniTOC2
{
	color: #0b5cab;
	font-family: Inter;
}

p.MiniTOC3
{
	font-family: Inter;
	color: #0b5cab;
}

/* ============================
   FLARE MOBILE FULL-WIDTH OVERRIDE
   (matches Target mobile breakpoint)
   ============================ */


@media (max-width: 725px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden;
    }

    .content,
    .body-container,
    .row,
    #mc-main-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0.2rem;
        padding-right: 0.2rem !important;
    }

    /* Hide right-page TOC on mobile */
    .right-page-toc {
        visibility: hidden;
		display: none !important;
    }
	
	table {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-collapse: collapse;
    }
	

    table col {
        width: auto !important;
    }

    table th,
    table td {
        white-space: nowrap;
    }


}