/* Reader and editor share the same content rules, independent of their host page. */
.content-html {
	min-width:0;max-width:100%;color:#c1bacf;
	font:400 16px/1.8 "GothamPro","Gotham Pro",sans-serif;overflow-wrap:anywhere;
}
.content-html>:first-child { margin-top:0; }
.content-html>:last-child { margin-bottom:0; }
.content-html :is(h1,h2,h3,h4,h5,h6) { margin:32px 0 14px;color:#e6ddf7;font-weight:400;line-height:1.5;scroll-margin-top:var(--rich-heading-offset,120px); }
.content-html h1 { font-size:28px; }.content-html h2 { font-size:24px; }.content-html h3 { font-size:20px; }.content-html h4 { font-size:17px; }.content-html :is(h5,h6) { font-size:16px; }
.content-html p { margin:0 0 18px; }
/* Gotham's Regular webfont has no intermediate weight: browser-synthesized
   bold is too heavy. A fine stroke adds a little weight without a second face. */
.content-html :is(strong,b) { color:#e6ddf7;font-weight:400;-webkit-text-stroke:.18px currentColor; }
.content-html :is(strong,b) :is(span,em,i,u,s,a,code) { font-weight:400; }
.content-html em { color:#b7b0cd; }.content-html :is(del,s,strike) { color:#8e87a2; }
.content-html mark { padding:2px 4px;color:#efeaff;background:#8c6cff38; }
.content-html :is(ul,ol) { display:block;margin:18px 0 22px;padding-left:25px; }
.content-html li { margin-block:0;line-height:1.65; }
.content-html li+li { margin-top:4px; }
.content-html li :is(p,div):not(pre *):not([data-rich-image] *) { margin-block:0 5px; }
.content-html li>:last-child,.content-html li div:last-child>:last-child { margin-bottom:0; }
.content-html li>:is(ul,ol) { margin-block:6px; }
.content-html li>ul { list-style-type:circle; }
.content-html ol[data-steps=true] { list-style:none;counter-reset:rich-step;padding:0;margin:24px 0; }
.content-html ol[data-steps=true]>li { position:relative;counter-increment:rich-step;padding:0 0 25px 62px;margin:0;line-height:1.8; }
.content-html ol[data-steps=true]>li::before { content:counter(rich-step);position:absolute;z-index:1;left:0;top:-4px;display:grid;place-items:center;width:42px;height:42px;color:#dacbff;font:400 14px/1 GothamPro,sans-serif;pointer-events:none; }
/* Draw the diamond separately from the counter: digits remain upright. The
   2px stem starts at its lower vertex and meets the next diamond without a gap. */
.content-html ol[data-steps=true]>li::after {
	content:"";position:absolute;left:0;top:-4px;bottom:4px;width:42px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M21 1.5 40.5 21 21 40.5 1.5 21Z' fill='%23191329' stroke='%23a58af7' stroke-opacity='.65' stroke-width='2'/%3E%3C/svg%3E"),linear-gradient(#a58af7a6,#a58af7a6);
	background-position:center top,center 41px;background-size:42px 42px,2px calc(100% - 41px);background-repeat:no-repeat;
	filter:drop-shadow(0 0 4px #a58af747);pointer-events:none;
}
.content-html ol[data-steps=true]>li:last-child { padding-bottom:0; }
.content-html ol[data-steps=true]>li>:first-child { margin-top:0; }
.content-html ol[data-steps=true]>li>p { margin-bottom:16px; }
.content-html ol[data-steps=true]>li>div { margin-bottom:0; }
.content-html ol[data-steps=true]>li>:last-child { margin-bottom:0; }
.site-editor-steps-actions { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
@media(max-width:760px) { .content-html ol[data-steps=true]>li { padding-left:52px; } }
.content-html .task-list-item,.content-html li:has(>input[type=checkbox]) { list-style:none; }
.content-html input[type=checkbox] { width:14px;height:14px;min-height:14px;margin:0 8px 0 -21px;padding:0;accent-color:#a58af7;vertical-align:-2px; }
.content-html blockquote { position:relative;margin:24px 0;padding:16px 20px;border:1px solid #a58af733;border-left:2px solid #a58af7;border-radius:0;background:#a58af70b;color:#c9bbdf;box-shadow:-5px 0 14px #8c6cff0e; }
.content-html blockquote>:first-child { margin-top:0; }.content-html blockquote>:last-child { margin-bottom:0; }
.content-html hr { height:1px;margin:30px 0;border:0;background:linear-gradient(90deg,transparent,#a58af750,transparent); }
.content-html pre:not(.site-code-block) { display:block;max-width:100%;overflow:auto;margin:24px 0;padding:16px 18px;border:1px solid #a58af72a;border-radius:5px;background:#090b17;color:#c7c2dc;font:400 14px/24px Consolas,"Cascadia Code",monospace; }
.content-html pre:not(.site-code-block)>code { padding:0;border:0;background:none;color:inherit;font:inherit;white-space:pre; }
.content-html table { display:table;max-width:100%;margin:24px 0;border-collapse:separate;border-spacing:0;border:solid #a58af730;border-width:1px 0 0 1px;background:#05081261; }
.content-html .site-rich-table { min-width:0;max-width:100%;margin:24px 0;overflow:auto;scrollbar-width:thin;scrollbar-color:#a58af760 transparent; }
.content-html .site-rich-table>table { margin:0; }
.content-html .site-rich-table:focus-visible { outline:1px solid #a58af760;outline-offset:3px; }
.content-html :is(th,td) { min-width:90px;padding:12px 14px;border:solid #a58af730;border-width:0 1px 1px 0;font-size:14px;line-height:1.6;text-align:left;vertical-align:top; }
/* The generic dashboard table reset removes the last row's rule. Rich
   document tables keep their complete outline, including inside scrollports. */
.content-html tr:last-child :is(th,td) { border-bottom:1px solid #a58af730; }
.content-html th { color:#dbccf6;background:#a58af70e;font-weight:400; }
.content-html table[data-table-full=true] { display:table;width:100%;table-layout:fixed; }
.content-html table[data-table-full=true] :is(td,th) { min-width:0;overflow-wrap:anywhere; }
.content-html table[data-table-striped=true] tbody>tr:nth-child(even) { background:#a58af709; }
.content-html table[data-table-compact=true] :is(th,td) { padding:7px 10px; }
.content-html :is(th,td)[data-cell-align=left] { text-align:left; }
.content-html :is(th,td)[data-cell-align=center] { text-align:center; }
.content-html :is(th,td)[data-cell-align=right] { text-align:right; }
.content-html :is(td,th)>:last-child { margin-bottom:0; }
.content-html :is(img,video) { display:block;width:auto;max-width:100%;height:auto;margin:24px auto; }
.content-html img { border:0;border-radius:0; }
.content-html img[data-image-frame="true"] { outline:1px solid #a58af780;outline-offset:0;background:#151126; }
.content-html video { border:1px solid #a58af72a;border-radius:5px; }
.content-html figure { margin:24px 0; }.content-html figcaption { color:#968cae;font-size:13px;text-align:center; }
.content-html .site-rich-video { width:100%;margin:24px auto; }
.content-html iframe { display:block;width:100%;max-width:100%;aspect-ratio:16/9;border:1px solid #a58af73d;border-radius:3px;background:#030610; }
.content-html details { margin:20px 0;padding:14px 17px;border:1px solid #a58af730;background:#05081266; }
.content-html summary { cursor:pointer;color:#d5c1f6; }.content-html details[open]>summary { margin-bottom:12px; }
.content-html .footnotes { margin-top:42px;padding-top:18px;border-top:1px solid #a58af72a;color:#968cae; }
/* Preserve alignment in older saved Quill content without a second renderer. */
.content-html .ql-align-center { text-align:center; }.content-html .ql-align-right { text-align:right; }.content-html .ql-align-justify { text-align:justify; }
@media(max-width:760px) { .content-html { font-size:15px; } }
.content-html li::marker { color:#9c86fb; }
.content-html code:not(pre code),
.content-html kbd {
	border:1px solid #a58af735;border-radius:4px;padding:2px 5px;
	background:#a58af710;color:#c8b5f5;box-decoration-break:clone;-webkit-box-decoration-break:clone;
	font-family:Consolas,monospace;font-size:.9em;
}
.content-html a[href] {
	color:#ba9dff;border-bottom:0;text-decoration:underline;text-decoration-color:#ba9dff50;text-decoration-thickness:1px;text-underline-offset:.18em;
	transition:color .18s ease,text-decoration-color .18s ease,text-shadow .18s ease;
}
.content-html a[href] * { transition:color .18s ease,text-shadow .18s ease; }
.content-html a[href] :is(strong,b),
.content-html a[href] :is(strong,b) * { color:inherit!important; }
.content-html a[href]:not(:has(img))::after { content:"";display:inline-block;width:.8em;height:.8em;margin-left:.15em;vertical-align:.02em;text-decoration:none;background:currentColor;mask:url('/assets/lucide/arrow-up-right.svg?mask=true') center/contain no-repeat;-webkit-mask:url('/assets/lucide/arrow-up-right.svg?mask=true') center/contain no-repeat; }
/* Saved rich HTML may contain inline colors and formatted children. They must
   follow the link on hover too, rather than hide its white hover state. */
.content-html a[href]:is(:hover,:focus-visible) { color:#fff!important;text-decoration-color:#ffffff99;text-shadow:0 0 12px #ffffff66; }
.content-html a[href]:is(:hover,:focus-visible) * { color:inherit!important;text-shadow:inherit; }
.content-html aside[data-callout] {
	--callout-color:91,200,239;--callout-padding-y:13px;position:relative;display:block;margin:20px 0;padding:var(--callout-padding-y) 17px var(--callout-padding-y) 52px;
	border:1px solid rgba(var(--callout-color),.28);border-radius:0;
	background:linear-gradient(110deg,rgba(var(--callout-color),.085),rgba(var(--callout-color),.025));
	color:#c8c3d8;box-shadow:none;min-height:52px;font-size:calc(1em - 1px);line-height:1.7;
	backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);
}
.content-html aside[data-callout="error"] { --callout-color:255,99,125; }
.content-html aside[data-callout="warning"] { --callout-color:239,197,100; }
.content-html aside[data-callout="success"] { --callout-color:92,214,154; }
/* Context-only color, never saved as inline formatting. Unwrapping a callout
   or moving/undoing its code automatically restores the usual violet style. */
.content-html aside[data-callout] :is(code:not(pre code),kbd) { color:rgb(var(--callout-color));border-color:rgba(var(--callout-color),.3);background:rgba(var(--callout-color),.065); }
.content-html aside[data-callout]::before {
	/* Center on the first line box, not the height of the whole callout.
	   lh follows each host's typography and responsive font sizes. */
	content:"";position:absolute;left:15px;top:var(--callout-icon-top,calc(var(--callout-padding-y) + .5lh - 12px));width:24px;height:24px;
	background:rgb(var(--callout-color));
	-webkit-mask:var(--callout-icon,url('/assets/lucide/info.svg?mask=true')) center/contain no-repeat;
	mask:var(--callout-icon,url('/assets/lucide/info.svg?mask=true')) center/contain no-repeat;mask-mode:alpha;
	pointer-events:none;
}
.content-html aside[data-callout]::after {
	content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:2px;pointer-events:none;
	background:rgb(var(--callout-color));box-shadow:0 0 8px rgba(var(--callout-color),.5),0 0 17px rgba(var(--callout-color),.18);
}
.content-html aside[data-callout]>:first-child { margin-top:0; }
.content-html aside[data-callout]>:last-child { margin-bottom:0; }
.content-html aside[data-callout] div:last-child>:last-child { margin-bottom:0; }
.content-html aside[data-callout] div:first-child>:first-child { margin-top:0; }
.site-rich-link-tooltip {
	position:fixed;z-index:16000;pointer-events:none;max-width:min(460px,calc(100vw - 24px));
	color:#d2c6ef;font:400 12px/1.6 GothamPro,sans-serif;overflow-wrap:anywhere;
	visibility:hidden;transform:translateY(4px);transition:visibility 0s linear .16s,transform .16s ease;
}
/* Never fade an ancestor of backdrop-filter: opacity < 1 establishes a
   backdrop root, preventing the glass from sampling the page during fade. */
.site-rich-link-tooltip__surface {
	position:relative;display:grid;gap:4px;padding:11px 15px;
}
.site-rich-link-tooltip__glass,.site-rich-link-tooltip__outline {
	position:absolute;left:0;top:0;width:100%;height:calc(100% + 8px);
}
.site-rich-link-tooltip__glass {
	background:#0e1024b8;
	backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
}
.site-rich-link-tooltip__outline { overflow:visible;fill:none;stroke:#a58af74d;stroke-width:1;filter:drop-shadow(0 5px 12px #0006); }
.site-rich-link-tooltip__surface,.site-rich-link-tooltip__glass,.site-rich-link-tooltip__outline { opacity:0;transition:opacity .16s ease; }
.site-rich-link-tooltip__label { color:#a79abd;font:400 10px/1.5 GothamPro,sans-serif;letter-spacing:.06em; }
.site-rich-link-tooltip__url { min-width:0; }
.site-rich-link-tooltip__extra { display:grid;gap:7px;margin-top:3px;padding-top:9px;border-top:1px solid #a58af726; }
.site-rich-link-tooltip__extra[hidden] { display:none; }
.site-rich-link-tooltip__detail { display:grid;gap:7px; }
.site-rich-link-tooltip__detail + .site-rich-link-tooltip__detail { margin-top:2px;padding-top:9px;border-top:1px solid;border-top-color:inherit; }
.site-rich-link-tooltip__badge { display:inline-flex;align-items:center;justify-self:start;gap:5px;min-height:22px;padding:3px 5px;border:1px solid #a58af742;border-radius:4px;background:#a58af71a;color:#d8cafa;font:400 10px/14px GothamPro,sans-serif; }
.site-rich-link-tooltip__badge > span { position:relative;top:1px; }
.site-rich-link-tooltip__badge svg { width:14px;height:14px;flex-shrink:0; }
.site-rich-link-tooltip--cyan { color:#bdd8e9; }
.site-rich-link-tooltip--cyan .site-rich-link-tooltip__glass { background:#091524c9; }
.site-rich-link-tooltip--cyan .site-rich-link-tooltip__outline { stroke:#59d4ef66; }
.site-rich-link-tooltip.site-rich-link-tooltip--cyan .site-rich-link-tooltip__label { color:#c8eaf5; }
.site-rich-link-tooltip.site-rich-link-tooltip--cyan .site-rich-link-tooltip__label svg { color:#73d5ef;filter:drop-shadow(0 0 6px #59d4ef40); }
.site-rich-link-tooltip--cyan .site-rich-link-tooltip__extra { border-color:#59d4ef26; }
.site-rich-link-tooltip--cyan .site-rich-link-tooltip__badge { border-color:#59a7ff42;color:#d0eaff; }
.site-rich-link-tooltip--green { color:#c3dbb9; }
.site-rich-link-tooltip--green .site-rich-link-tooltip__glass { background:#091508d6; }
.site-rich-link-tooltip--green .site-rich-link-tooltip__outline { stroke:#5dd93566; }
.site-rich-link-tooltip.site-rich-link-tooltip--green .site-rich-link-tooltip__label { color:#d0e9c5; }
.site-rich-link-tooltip.site-rich-link-tooltip--green .site-rich-link-tooltip__label svg { color:#9ce77f;filter:drop-shadow(0 0 6px #5dd93540); }
.site-rich-link-tooltip--green .site-rich-link-tooltip__extra { border-color:#5dd93526; }
.site-rich-link-tooltip--cyan:not(.site-rich-link-tooltip--description) .site-rich-link-tooltip__label { color:#93b4c3; }
.site-rich-link-tooltip--green:not(.site-rich-link-tooltip--description) .site-rich-link-tooltip__label { color:#99b58d; }
.site-rich-link-tooltip--studio { color:#d9cdef; }
.site-rich-link-tooltip--studio .site-rich-link-tooltip__glass { background:linear-gradient(115deg,#e78bce14,#aa8af710 50%,#6cddf114),#100e20b8; }
.site-rich-link-tooltip--studio .site-rich-link-tooltip__outline { stroke:#bd8af466; }
.site-rich-link-tooltip--studio .site-rich-link-tooltip__label { color:#b5a4c6; }
.site-rich-link-tooltip__badge[data-tone="outdated"] { border-color:#f4c85b42;color:#f8e6b5; }
.site-rich-link-tooltip__badge[data-tone="current"] { border-color:#38d68942;color:#b9f2d5; }
.site-rich-link-tooltip--cyan .site-rich-link-tooltip__badge,
.site-rich-link-tooltip__badge:is([data-tone="outdated"],[data-tone="current"]) { background:linear-gradient(100deg,color-mix(in srgb,currentColor 14%,transparent),color-mix(in srgb,currentColor 3%,transparent)); }
.site-rich-link-tooltip__badge[data-tone="downloading"] { border-style:dashed; }
.site-rich-link-tooltip--description { max-width:min(360px,calc(100vw - 24px)); }
.site-rich-link-tooltip--description .site-rich-link-tooltip__surface { gap:8px; padding:14px 16px; }
.site-rich-link-tooltip--description .site-rich-link-tooltip__label { display:flex;align-items:center;gap:9px;color:#e0d5f7;font-size:12px;letter-spacing:0; }
.site-rich-link-tooltip--description .site-rich-link-tooltip__label svg { width:19px;height:19px;flex-shrink:0;color:#b79af8;filter:drop-shadow(0 0 6px #a58af740); }
.site-rich-link-tooltip.is-below { transform:translateY(-4px); }
.site-rich-link-tooltip.is-below :is(.site-rich-link-tooltip__glass,.site-rich-link-tooltip__outline) { top:-8px; }
.site-rich-link-tooltip.is-visible { visibility:visible;transform:translateY(0);transition-delay:0s; }
.site-rich-link-tooltip.is-visible :is(.site-rich-link-tooltip__surface,.site-rich-link-tooltip__glass,.site-rich-link-tooltip__outline) { opacity:1; }
/* A sibling glass layer leaves the icon dropdown free to sample the page. */
.site-editor-callout-panel[hidden] { display:none; }
.site-editor-callout-options { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px; }
.site-editor-callout-button {
	--callout-button-accent:#a58af7;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:42px;
	font:400 12px/1.5 GothamPro,sans-serif;border:1px solid color-mix(in srgb,var(--callout-button-accent) 28%,transparent);border-radius:0;
	background:linear-gradient(270deg,color-mix(in srgb,var(--callout-button-accent) 9%,transparent),transparent),#0d0d2066;
	color:color-mix(in srgb,var(--callout-button-accent) 65%,white);padding:10px 14px;cursor:pointer;
	transition:background-color .18s,color .18s,border-color .18s,text-shadow .18s,box-shadow .18s;
}
.site-editor-callout-button::after { content:"";position:absolute;right:-1px;top:-1px;bottom:-1px;width:2px;background:var(--callout-button-accent);opacity:.5;box-shadow:0 0 8px color-mix(in srgb,var(--callout-button-accent) 45%,transparent);transition:opacity .18s; }
.site-editor-callout-button>svg { flex:0 0 17px;width:17px;height:17px;stroke-width:1.8; }
.site-editor-callout-button[data-callout-style="error"],.site-editor-callout-button[data-callout-remove] { --callout-button-accent:#ff899b; }
.site-editor-callout-button[data-callout-style="warning"] { --callout-button-accent:#efc564; }
.site-editor-callout-button[data-callout-style="info"] { --callout-button-accent:#5bc8ef; }
.site-editor-callout-button[data-callout-style="success"] { --callout-button-accent:#5cd69a; }
.site-editor-callout-button[aria-pressed="true"] { border-color:color-mix(in srgb,var(--callout-button-accent) 65%,transparent);background-color:color-mix(in srgb,var(--callout-button-accent) 10%,#0d0d2077); }
.site-editor-callout-button:is(:hover,:focus-visible) { outline:none;border-color:color-mix(in srgb,var(--callout-button-accent) 75%,transparent);background-color:#151129b3;color:#fff;text-shadow:0 0 10px #ffffff50;box-shadow:0 0 18px color-mix(in srgb,var(--callout-button-accent) 10%,transparent); }
.site-editor-callout-button:is([aria-pressed="true"],:hover,:focus-visible)::after { opacity:1; }
.site-editor-callout-button[hidden] { display:none; }
.site-editor-callout-panel>label,.site-editor-callout-label { display:block;color:#9d93b7;font:400 11px/1.5 GothamPro,sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:0 0 9px; }
.site-editor-callout-actions { display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap; }
.site-editor-callout-actions [data-callout-remove] { margin-right:auto; }
@container site-markdown-editor (max-width:620px) {
	.site-editor-callout-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.site-editor-callout-actions .site-editor-callout-button { flex:1; }
	.site-editor-callout-actions [data-callout-remove] { flex-basis:100%;margin-right:0; }
}
@media(prefers-reduced-motion:reduce) { .site-rich-link-tooltip,.site-rich-link-tooltip *,.content-html a[href],.content-html a[href] * { transition:none; } }

@media print {
	.content-html { color:#242830;font-size:11pt;line-height:1.65; }
	.content-html :is(h1,h2,h3,h4,h5,h6,strong,b) { color:#111318; }
	.content-html a[href],.content-html a[href] * { color:#242830!important;text-decoration:underline;border-bottom:0;text-shadow:none!important; }
	.content-html :is(blockquote,pre,table,aside[data-callout]) { border-color:#c9cdd5;color:#242830;background:#f5f6f8;box-shadow:none; }
}