/*<meta />*/

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

/* ============================================================
   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;
	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;
}

.left-nav
{
	flex: 0 0 18rem;
	/* fixed width */
}

.main-content
{
	flex: 1 1 auto;
	/* flexible center */
	min-width: 0;
	/* prevents overflow issues */
}

.right-page-toc
{
	flex: 0 0 16rem;
}

.layout-container
{
	display: flex;
	max-width: 120rem;
	/* keeps page centered like Microsoft */
	margin: 0 auto;
	width: 100%;
}

/* Layout container for body + right TOC */

#contentBody
{
	display: flex;
	flex-wrap: nowrap;
	max-width: 120rem;
	margin: 0 auto;
	width: 100%;
}

/* Main topic content */

#contentBody .row
{
	flex: 1 1 auto;
	min-width: 0;
}

/* Right page TOC */

.right-page-toc
{
	flex: 0 0 16rem;
	margin-left: 2rem;
}

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

#mc-main-content
{
	max-width: 68rem;
	padding-left: 2rem;
	padding-right: 3.2rem;
}

/* 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;
}

/* PAYMENT METHOD CARDS */

.payment-grid
{
	display: flex;
	flex-wrap: nowrap;
	/* prevent wrapping */
	gap: 1rem;
	/* space between cards */
	max-width: 68rem;
	/* keeps group from exceeding container */
	width: 100%;
	overflow-x: auto;
	/* allows horizontal scroll if needed */
	padding-bottom: 1rem;
	/* gives space below cards */
}

.payment-card
{
	flex: 1 1 0;
	/* all cards share width equally */
	background-color: #3d1628;
	border-radius: 0.5rem;
	box-sizing: border-box;
	padding-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1.5rem;
	margin-top: 0.7rem;
}

.payment-card h4
{
	font-family: Inter-SemiBold;
	font-weight: normal;
	color: #ffffff;
	font-size: 1.25rem;
	margin-top: 0.3rem;
	margin-bottom: 1.3rem;
}

.payment-card p,
.payment-card ul
{
	color: #ffffff;
	font-size: 0.93rem;
	margin: 0;
}

.payment-card ul
{
	padding-left: 0.3rem;
	margin-top: 0.5rem;
	margin-bottom: 0;
	list-style: disc;
}

/* 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:visited
{
	color: #0b5cab;
}

a:hover
{
	text-decoration: underline;
}

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

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

/* 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 */

.title-bar-container
{
	border-bottom: 1px solid #cacaca;
}

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

/* The fixed box on the right */

.right-page-toc
{
	position: fixed;
	top: 9rem;
	/* 130px */
	right: 2.3rem;
	/* 45px */
	width: 22rem;
	/* 340px */
	z-index: 2000;
	font-size: 0.86rem;
	background: #ffffff;
	border-radius: 0.375rem;
	font-size: 0.99rem;
	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 */
/* 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.4em;
}

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


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: #ebf3fb;
	/* 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 #1671C2}Note: {/color}{/b}';
	width: auto;
	max-width: 100%;
}

/* IMPORTANT BOX */

p.important
{
	background: #FFF4CC;
	/* yellow background */
	border-left: 4px solid #dcc383;
	/* 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 #dcc383}Important: {/color}{/b}';
	width: auto;
	max-width: 100%;
}

p.NavigationNote
{
	background: #f3f3f3;
	margin: 0 0 1.8rem 0;
	border-radius: 6px;
	padding: 0.68rem 1.2rem;
	width: fit-content;
	font-family: Inter-Medium;
}

/* TIP BOX */

p.tip
{
	background: #F0FAF5;
	/* green background */
	border-left: 4px solid #139960;
	/* 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 #139960}Tip: {/color}{/b}';
	width: auto;
	max-width: 100%;
}

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;
}

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

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

/* Breadcrumb links */



MadCap|breadcrumbsProxy
{
	border-bottom-color: transparent;
	border-bottom-style: none;
	padding-bottom: 0;
	mc-breadcrumbs-prefix: '';
	mc-breadcrumbs-divider: ' / ';
	grid-column: 1 / -1;
	max-width: 52rem;
	width: 100%;
	padding-left: 2.5rem;
	font-size: 0.96rem;
}



/* Main article stays in the content column */

#contentBody > .row.collapse
{
	grid-column: 1;
	min-width: 0;
}

/* Right TOC stays in the TOC column */

#contentBody > .right-page-toc
{
	grid-column: 2;
	min-width: 0;
}

/* -----------------------------------------
   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('../../../../../Users/AnnaReifsteck/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.95rem;
	margin-top: 1.3rem;
	margin-bottom: 1.5rem;
	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.6rem;
	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: 2.5rem;
	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.72rem;
	display: block;
	margin-bottom: 12px;
	margin-top: 10px;
	font-family: Inter-Medium;
}

h3.WhatsNew
{
	display: block;
	font-family: Inter-Medium;
	font-size: 1.57rem;
	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.57rem;
	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.57rem;
	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
*************************************/

html.wide-page
{
	--article-max: none;
}


html.wide-page #mc-main-content
{
	max-width: 83rem !important;
	width: 100%;
	margin: 0 auto;
	
	box-sizing: border-box;
	min-width: 0;
}

html.wide-page .row,
html.wide-page .content
{
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

/************************************
 HIDE RIGHT TOC
*************************************/

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

/************************************
 COLLAPSE GRID WHEN NO TOC
*************************************/

html.no-right-toc #contentBody
{
	grid-template-columns: minmax(0, 1fr) !important;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding-right: 5rem;

}


/* 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 */
}

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

a.MiniTOC2:link
{
	font-family: Inter;
	font-weight: normal;
	color: #0b5cab;
}

a.MiniTOC3:link
{
	font-family: Inter;
	font-weight: normal;
	color: #0b5cab;
}

a.MiniTOC4:link
{
	font-family: Inter;
	font-weight: normal;
	color: #0b5cab;
}



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;
}

/* Base status button style */

.status-btn
{
	display: inline-block;
	padding: 6px 14px;
	border-radius: 10px;
	/* rounded corners */
	color: #ffffff;
	font-weight: 600;
	font-size: 12pt;
	font-family: Inter-Medium;
	text-align: center;
	white-space: nowrap;
	width: 110px;
	font-weight: normal;
	margin-left: 2px;
}

/* Submitted - Navy Blue */

.status-submitted
{
	background-color: #1F3A5F;
}

/* In Process - Gray */

.status-inprocess
{
	background-color: #7A7A7A;
}

/* Paid - Green */

.status-paid
{
	background-color: #2E9E4F;
}

/* Error - Red */

.status-error
{
	background-color: #D64545;
}


/* ============================
   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;
	}
}

/* ============================================================
   MAIN CONTENT + RIGHT TOC LAYOUT ONLY
   Keeps the article and right TOC scaling together.
   Left nav is intentionally not part of this sizing system.
   ============================================================ */

:root
{
	--article-max: 69rem;
	--toc-width: 23rem;
	--content-toc-gap: 5.5rem;
	--shell-pad: 1.5rem;
	--toc-top: 2em;
}

/* Stop reserving fake viewport space for a fixed TOC */

._Skins_MomentiveNavigation .body-container
{
	padding-right: 0 !important;
	padding-bottom: 5rem;
}

/* The article row and TOC should live inside one centered shell */

#contentBody
{
	display: grid !important;
	grid-template-columns: minmax(0, var(--article-max)) var(--toc-width);
	column-gap: var(--content-toc-gap);
	align-items: start;
	width: min(calc(100% - (var(--shell-pad) * 2)), var(--shell-max));
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Keep the article constrained and remove extra side padding that throws spacing off */

#contentBody .row
{
	width: 100%;
	min-width: 0;
}

#mc-main-content
{
	width: 100%;
	max-width: var(--article-max);
	padding-left: 2.5rem;
	padding-right: 0 !important;
	margin: 0 !important;
}

/* Right TOC participates in the same centered layout instead of sticking to the viewport */

.right-page-toc
{
	position: sticky !important;
	top: var(--toc-top);
	right: auto !important;
	left: auto !important;
	width: 100% !important;
	max-width: var(--toc-width);
	margin: 0 !important;
	flex: initial !important;
	z-index: 20;
	align-self: start;
	transform-origin: top center;
	background: #ffffff;
	padding-right: 1rem;
}

/* Make the links fit the narrower TOC cleanly */

.right-page-toc ul.menu._Skins_InThisTopic.mc-component li a
{
	padding: 0.45rem 0.85rem;
}

/* On narrower screens or heavy zoom, keep article centered and drop the right TOC */

@media (max-width: 1100px)
{
	#contentBody
	{
		grid-template-columns: minmax(0, var(--article-max));
		width: min(calc(100% - 2rem), var(--article-max));
	}

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

/* Preserve comfortable article gutters on smaller screens */

@media (max-width: 768px)
{
	#contentBody
	{
		width: calc(100% - 1.5rem);
	}

	#mc-main-content
	{
		max-width: 100%;
	}
}