/* dsc-design 0.3.0: reference and long-form pages (the guide, the build guides, /status/). Every rule is under body.dsd,
   and only where the plugin added body.dsd-ref (paths under /guide/, /build/ and /status/). Tokens: tokens.css.
   Markup patterns styled here were verified in out/dsc-site/v2/readable: hero (eyebrow h6, h1, lead, stamp group),
   bare <table> in text modules, <code>, the numbered index <ul style="list-style:none">, the Foot section, the teal
   build-note box (border:1px solid #2ec4d6) and the bordered diagram frame. No amber or red notes exist in the corpus,
   so none are styled. The hairline divider motif is copied from home.css, not imported. */

body.dsd.dsd-ref {
	--dsd-measure: 68ch;
	--dsd-rail: 224px;
	--dsd-wrap: 1200px;
	--dsd-gutter: 24px;
}

/* ---------- the page frame: one 1200 px container, hero on top ---------- */

body.dsd.dsd-ref .et_pb_post_content {
	width: min(var(--dsd-wrap), calc(100% - 2 * var(--dsd-gutter)));
	margin-left: auto;
	margin-right: auto;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section {
	background: transparent !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_row {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_row > .et_pb_column {
	min-width: 0;
}

/* ---------- hero: a calm left-aligned header, then the day-curve hairline ---------- */

body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 {
	position: relative;
	padding: 40px 0 72px !important;
	margin-bottom: 32px;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 48px;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='736' height='48' viewBox='0 0 736 48'%3E%3Cdefs%3E%3ClinearGradient id='l' gradientUnits='userSpaceOnUse' x1='188.0' y1='0' x2='548.0' y2='0'%3E%3Cstop offset='0' stop-color='%23a78bfa'/%3E%3Cstop offset='.2' stop-color='%23ffb74d'/%3E%3Cstop offset='.8' stop-color='%23ffb74d'/%3E%3Cstop offset='1' stop-color='%23a78bfa'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffb74d' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23ffb74d' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M38.5 44v3M68.5 44v3M98.5 44v3M128.5 44v3M158.5 44v3M218.5 44v3M248.5 44v3M278.5 44v3M308.5 44v3M338.5 44v3M398.5 44v3M428.5 44v3M458.5 44v3M488.5 44v3M518.5 44v3M578.5 44v3M608.5 44v3M638.5 44v3M668.5 44v3M698.5 44v3' stroke='%235a6a86' stroke-opacity='.55'/%3E%3Cpath d='M8.5 41v6M368.5 41v6M728.5 41v6' stroke='%235a6a86'/%3E%3Cpath d='M188.5 38v9M548.5 38v9' stroke='%2326c6da'/%3E%3Cpath d='M188.0 47.0 C189.2 46.9 193.0 46.7 195.5 46.2 C198.0 45.7 200.5 44.8 203.0 43.9 C205.5 42.9 208.0 41.7 210.5 40.4 C213.0 39.1 215.5 37.6 218.0 36.1 C220.5 34.6 223.0 32.9 225.5 31.3 C228.0 29.6 230.5 27.9 233.0 26.3 C235.5 24.7 238.0 23.0 240.5 21.6 C243.0 20.1 245.5 18.7 248.0 17.5 C250.5 16.3 253.0 15.3 255.5 14.6 C258.0 13.8 260.5 13.5 263.0 13.2 C265.5 12.9 268.0 12.9 270.5 12.8 C273.0 12.6 275.5 12.5 278.0 12.4 C280.5 12.3 283.0 12.1 285.5 12.0 C288.0 11.9 290.5 11.8 293.0 11.7 C295.5 11.6 298.0 11.5 300.5 11.4 C303.0 11.3 305.5 11.2 308.0 11.1 C310.5 11.0 313.0 10.9 315.5 10.8 C318.0 10.8 320.5 10.7 323.0 10.6 C325.5 10.6 328.0 10.5 330.5 10.4 C333.0 10.4 335.5 10.3 338.0 10.3 C340.5 10.2 343.0 10.2 345.5 10.2 C348.0 10.1 350.5 10.1 353.0 10.1 C355.5 10.0 358.0 10.0 360.5 10.0 C363.0 10.0 365.5 10.0 368.0 10.0 C370.5 10.0 373.0 10.0 375.5 10.0 C378.0 10.0 380.5 10.0 383.0 10.1 C385.5 10.1 388.0 10.1 390.5 10.2 C393.0 10.2 395.5 10.2 398.0 10.3 C400.5 10.3 403.0 10.4 405.5 10.4 C408.0 10.5 410.5 10.6 413.0 10.6 C415.5 10.7 418.0 10.8 420.5 10.8 C423.0 10.9 425.5 11.0 428.0 11.1 C430.5 11.2 433.0 11.3 435.5 11.4 C438.0 11.5 440.5 11.6 443.0 11.7 C445.5 11.8 448.0 11.9 450.5 12.0 C453.0 12.1 455.5 12.3 458.0 12.4 C460.5 12.5 463.0 12.6 465.5 12.8 C468.0 12.9 470.5 12.9 473.0 13.2 C475.5 13.5 478.0 13.8 480.5 14.6 C483.0 15.3 485.5 16.3 488.0 17.5 C490.5 18.7 493.0 20.1 495.5 21.6 C498.0 23.0 500.5 24.7 503.0 26.3 C505.5 27.9 508.0 29.6 510.5 31.3 C513.0 32.9 515.5 34.6 518.0 36.1 C520.5 37.6 523.0 39.1 525.5 40.4 C528.0 41.7 530.5 42.9 533.0 43.9 C535.5 44.8 538.0 45.7 540.5 46.2 C543.0 46.7 546.8 46.9 548.0 47.0 Z' fill='url(%23f)'/%3E%3Cpath d='M188.0 47.0 C189.2 46.9 193.0 46.7 195.5 46.2 C198.0 45.7 200.5 44.8 203.0 43.9 C205.5 42.9 208.0 41.7 210.5 40.4 C213.0 39.1 215.5 37.6 218.0 36.1 C220.5 34.6 223.0 32.9 225.5 31.3 C228.0 29.6 230.5 27.9 233.0 26.3 C235.5 24.7 238.0 23.0 240.5 21.6 C243.0 20.1 245.5 18.7 248.0 17.5 C250.5 16.3 253.0 15.3 255.5 14.6 C258.0 13.8 260.5 13.5 263.0 13.2 C265.5 12.9 268.0 12.9 270.5 12.8 C273.0 12.6 275.5 12.5 278.0 12.4 C280.5 12.3 283.0 12.1 285.5 12.0 C288.0 11.9 290.5 11.8 293.0 11.7 C295.5 11.6 298.0 11.5 300.5 11.4 C303.0 11.3 305.5 11.2 308.0 11.1 C310.5 11.0 313.0 10.9 315.5 10.8 C318.0 10.8 320.5 10.7 323.0 10.6 C325.5 10.6 328.0 10.5 330.5 10.4 C333.0 10.4 335.5 10.3 338.0 10.3 C340.5 10.2 343.0 10.2 345.5 10.2 C348.0 10.1 350.5 10.1 353.0 10.1 C355.5 10.0 358.0 10.0 360.5 10.0 C363.0 10.0 365.5 10.0 368.0 10.0 C370.5 10.0 373.0 10.0 375.5 10.0 C378.0 10.0 380.5 10.0 383.0 10.1 C385.5 10.1 388.0 10.1 390.5 10.2 C393.0 10.2 395.5 10.2 398.0 10.3 C400.5 10.3 403.0 10.4 405.5 10.4 C408.0 10.5 410.5 10.6 413.0 10.6 C415.5 10.7 418.0 10.8 420.5 10.8 C423.0 10.9 425.5 11.0 428.0 11.1 C430.5 11.2 433.0 11.3 435.5 11.4 C438.0 11.5 440.5 11.6 443.0 11.7 C445.5 11.8 448.0 11.9 450.5 12.0 C453.0 12.1 455.5 12.3 458.0 12.4 C460.5 12.5 463.0 12.6 465.5 12.8 C468.0 12.9 470.5 12.9 473.0 13.2 C475.5 13.5 478.0 13.8 480.5 14.6 C483.0 15.3 485.5 16.3 488.0 17.5 C490.5 18.7 493.0 20.1 495.5 21.6 C498.0 23.0 500.5 24.7 503.0 26.3 C505.5 27.9 508.0 29.6 510.5 31.3 C513.0 32.9 515.5 34.6 518.0 36.1 C520.5 37.6 523.0 39.1 525.5 40.4 C528.0 41.7 530.5 42.9 533.0 43.9 C535.5 44.8 538.0 45.7 540.5 46.2 C543.0 46.7 546.8 46.9 548.0 47.0' fill='none' stroke='url(%23l)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center bottom / min(736px, 100%) auto no-repeat,
		linear-gradient(90deg, transparent, var(--dsc-line) 14%, var(--dsc-line) 86%, transparent) center bottom / 100% 1px no-repeat;
	pointer-events: none;
}
/* Pages built from dsdh- sections (the status page) draw their own break. */
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0.dsdh-sec::after {
	display: none;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_column {
	gap: 0 !important;
	align-items: flex-start !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 :is(.et_pb_heading, .et_pb_text, .et_pb_group, .et_pb_code) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	max-width: 100% !important;
	text-align: left !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 p {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 :is(h6, .et_pb_text_0 p[style*="text-transform"]) {
	margin: 0 0 14px !important;
	text-align: left !important;
	color: var(--dsc-accent) !important;
	font: 400 12px/1.4 var(--dsc-mono) !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 h1.et_pb_module_header {
	margin: 0 0 18px !important;
	max-width: 22ch;
	text-align: left !important;
	color: var(--dsc-text) !important;
	font-family: var(--dsc-font) !important;
	font-weight: 600 !important;
	font-size: var(--dsc-h1) !important;
	line-height: 1.1 !important;
	letter-spacing: -0.015em;
}
/* design.css pulls the module after an eyebrow up by 18 px (id-specific); the hero sets its own spacing */
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section_0 .et_pb_column > .et_pb_heading:has(h6),
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section_0 .et_pb_column > .et_pb_text:has(> .et_pb_text_inner > p[style*="text-transform:uppercase"]) {
	margin-bottom: 0 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_text:has(> .et_pb_text_inner > p[style*="text-transform"]) {
	padding-bottom: 14px !important;
}
/* the lead: first paragraph under the h1, 60 characters a line */
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_text_inner p {
	max-width: 60ch;
	color: var(--dsc-muted-long) !important;
	font-size: 18px !important;
	line-height: 1.55 !important;
}

/* stamps: "verified for 9.0.0 . last verified ..." as one quiet mono line */
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 0 !important;
	margin-top: 22px !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text {
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	flex: 0 0 auto;
	white-space: nowrap;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text {
	position: relative;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text:not(:first-child) {
	padding-left: 24px !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text:not(:first-child)::before {
	content: "/";
	position: absolute;
	left: 9px;
	top: 0;
	color: var(--dsc-line-strong);
	font: 400 12px/1.5 var(--dsc-mono);
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text {
	display: block !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) .et_pb_text_inner p {
	margin: 0 !important;
	max-width: none;
	color: var(--dsc-muted) !important;
	font: 400 12px/1.5 var(--dsc-mono) !important;
	letter-spacing: 0.02em;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) .et_pb_text_inner p span {
	font-size: 9px;
	vertical-align: 1px;
}
/* status hero: its buttons stay outline links under the lead */
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_button_module_wrapper) {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	gap: 12px !important;
	margin-top: 24px !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group > .et_pb_button_module_wrapper {
	width: auto !important;
}

/* ---------- body: 68ch measure, 16/1.65, long-form colour ---------- */

body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_column {
	gap: 0 !important;
	align-items: stretch !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	max-width: 100% !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner {
	color: var(--dsc-muted-long) !important;
	font-family: var(--dsc-font);
	font-size: 16px;
	line-height: 1.65;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner :is(p, ul, ol, dl, blockquote) {
	max-width: var(--dsd-measure);
	margin: 0 0 1em;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-bottom: 0 !important;
	text-align: left !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner :is(ul, ol) {
	padding-left: 1.4em;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner li {
	margin-bottom: 0.4em;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner li::marker {
	color: var(--dsc-line-strong);
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner :is(strong, b) {
	color: var(--dsc-text) !important;
	font-weight: 600;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner a:not(.et_pb_button) {
	color: var(--dsc-link);
	text-decoration: underline;
	text-decoration-color: rgba(79, 157, 255, 0.4);
	text-underline-offset: 3px;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner a:not(.et_pb_button):hover {
	color: var(--dsc-accent-hover);
	text-decoration-color: currentColor;
}

/* ---------- headings: Fira Sans, no serif ---------- */

body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_heading {
	max-width: 100% !important;
	text-align: left !important;
	margin-bottom: 0 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_module_header {
	max-width: var(--dsd-measure);
	color: var(--dsc-text) !important;
	font-family: var(--dsc-font) !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em;
	text-align: left !important;
	scroll-margin-top: 96px;
	padding: 0 !important;
	text-wrap: balance;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) h2.et_pb_module_header {
	margin: 56px 0 18px !important;
	font-size: clamp(24px, 2.6vw, 32px) !important;
	line-height: 1.2 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) h3.et_pb_module_header {
	margin: 32px 0 12px !important;
	font-size: var(--dsc-h3) !important;
	line-height: 1.3 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) :is(h4, h5).et_pb_module_header {
	margin: 24px 0 8px !important;
	font-size: 17px !important;
	line-height: 1.35 !important;
}
/* the first heading of a section does not stack margins on the section above */
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_column > .et_pb_heading:first-child h2.et_pb_module_header {
	margin-top: 40px !important;
}
/* section eyebrows inside the page (build pages use h6) */
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:not(.et_pb_section_0) h6.et_pb_module_header {
	margin: 40px 0 8px !important;
	color: var(--dsc-accent) !important;
	font: 400 12px/1.4 var(--dsc-mono) !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase;
}
body.dsd.dsd-ref .et_pb_post_content :is(h2, h3)[id] {
	scroll-margin-top: 96px;
}

/* ---------- tables ---------- */

body.dsd.dsd-ref .dsd-tablewrap {
	overflow-x: auto;
	max-width: 100%;
	margin: 8px 0 32px !important;
	border: 1px solid var(--dsc-line);
	border-radius: var(--dsc-r-btn);
	background: var(--dsc-surface);
	-webkit-overflow-scrolling: touch;
}
body.dsd.dsd-ref .dsd-tablewrap:focus-visible {
	outline: 2px solid var(--dsc-accent);
	outline-offset: 2px;
}
body.dsd.dsd-ref .et_pb_post_content table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	background: none;
	border: 0;
	font-size: 14.5px;
	line-height: 1.5;
}
body.dsd.dsd-ref .et_pb_post_content table code {
	overflow-wrap: anywhere;
}
body.dsd.dsd-ref .et_pb_post_content table td:nth-child(n+3) {
	min-width: 22ch;
}
body.dsd.dsd-ref .et_pb_post_content table td:nth-child(2):has(code) {
	min-width: 26ch;
}
body.dsd.dsd-ref .et_pb_post_content table th {
	padding: 11px 16px;
	background: var(--dsc-raised) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--dsc-line) !important;
	color: var(--dsc-muted) !important;
	font: 400 12px/1.4 var(--dsc-mono) !important;
	letter-spacing: 0.08em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}
body.dsd.dsd-ref .et_pb_post_content table td {
	padding: 11px 16px;
	border: 0 !important;
	border-bottom: 1px solid var(--dsc-line) !important;
	color: var(--dsc-muted-long) !important;
	font-size: 14.5px !important;
	line-height: 1.5 !important;
	vertical-align: top;
}
body.dsd.dsd-ref .et_pb_post_content table tbody tr:last-child td {
	border-bottom: 0 !important;
}
body.dsd.dsd-ref .et_pb_post_content table tbody tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.015);
}
body.dsd.dsd-ref .et_pb_post_content table tbody tr:hover td {
	background: rgba(38, 198, 218, 0.04);
}
body.dsd.dsd-ref .et_pb_post_content table td:first-child {
	color: var(--dsc-text) !important;
	font-weight: 600;
	min-width: 9em;
}
/* already-framed tables (generator wrapper with inline style): quiet the inline chrome */
body.dsd.dsd-ref .et_pb_post_content div[style*="overflow-x:auto"] {
	border-color: var(--dsc-line) !important;
	border-radius: var(--dsc-r-btn) !important;
	background: var(--dsc-surface) !important;
	margin: 8px 0 32px !important;
}

/* ---------- inline code and entity ids ---------- */

body.dsd.dsd-ref .et_pb_post_content :is(p, li, td, th, dd) code,
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner code {
	padding: 1px 6px;
	background: var(--dsc-raised);
	border-radius: var(--dsc-r-chip);
	color: var(--dsc-text);
	font-family: var(--dsc-mono);
	font-size: 14px;
	line-height: 1.5;
	overflow-wrap: anywhere;
	word-break: normal;
}
/* in a table cell an id keeps its full width (the box scrolls); break-word does not shrink min-content */

body.dsd.dsd-ref .et_pb_post_content pre {
	max-width: 100%;
	padding: 16px 18px;
	overflow-x: auto;
	background: var(--dsc-surface);
	border: 1px solid var(--dsc-line);
	border-radius: var(--dsc-r-btn);
	font: 400 14px/1.6 var(--dsc-mono);
	color: var(--dsc-text);
}
body.dsd.dsd-ref .et_pb_post_content pre code {
	padding: 0;
	background: none;
	font-size: inherit;
}

/* ---------- notes: the teal build-note box, the guide's lead callout group, and the diagram frame ---------- */

/* Guide pages (e.g. /guide/start-here/what-dsc-brain-is/, adminLabel "Callout"): a Divi group with no heading inside. */
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_group:not(:has(h1, h2, h3, h4, h5, h6)) {
	display: block !important;
	max-width: var(--dsd-measure);
	margin: 8px 0 8px !important;
	padding: 2px 0 2px 18px !important;
	background: none !important;
	border: 0 !important;
	border-left: 2px solid var(--dsc-accent) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_group:not(:has(h1, h2, h3, h4, h5, h6)) .et_pb_text_inner p {
	margin: 0;
	color: var(--dsc-text) !important;
}

body.dsd.dsd-ref .et_pb_post_content .et_pb_code_inner div[style*="border:1px solid #2ec4d6"] {
	max-width: var(--dsd-measure);
	margin: 0 0 24px !important;
	padding: 4px 0 4px 18px !important;
	background: none !important;
	border: 0 !important;
	border-left: 2px solid var(--dsc-accent) !important;
	border-radius: 0 !important;
	color: var(--dsc-muted-long) !important;
	font-size: 15px;
	line-height: 1.6 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_code_inner div[style*="border:1px solid #2ec4d6"] strong {
	color: var(--dsc-text);
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_code_inner div[style*="border-radius:14px;padding:18px;overflow:auto"] {
	background: var(--dsc-surface) !important;
	border: 1px solid var(--dsc-line) !important;
	border-radius: var(--dsc-r-card) !important;
}
body.dsd.dsd-ref .et_pb_post_content figure {
	max-width: 100%;
}
body.dsd.dsd-ref .et_pb_post_content figure img {
	border-color: var(--dsc-line) !important;
	border-radius: var(--dsc-r-card) !important;
}
body.dsd.dsd-ref .et_pb_post_content figcaption {
	color: var(--dsc-muted) !important;
	font: 400 12px/1.5 var(--dsc-mono);
}
/* numbered step tiles on the build pages */
body.dsd.dsd-ref .et_pb_post_content ol > li[style*="border-radius:10px"] {
	background: var(--dsc-surface) !important;
	border-color: var(--dsc-line) !important;
	color: var(--dsc-muted-long);
}
body.dsd.dsd-ref .et_pb_post_content ol > li[style*="border-radius:10px"] span {
	color: var(--dsc-warn) !important;
	font-family: var(--dsc-mono);
	font-weight: 400 !important;
}

/* Cards in a row (build pages: Problem / Build / Result; status: the two layers): the site card, not the Divi one. */
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_row:has(> .et_pb_column:nth-child(2)) .et_pb_group:has(h3) {
	justify-content: flex-start !important;
	gap: 10px !important;
	padding: var(--dsc-s5) !important;
	background: var(--dsc-surface) !important;
	border: 1px solid var(--dsc-line) !important;
	border-radius: var(--dsc-r-card) !important;
	box-shadow: none !important;
	transition: border-color var(--dsc-dur-2) var(--dsc-ease);
}
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_row:has(> .et_pb_column:nth-child(2)) .et_pb_group:has(h3):hover {
	border-color: rgba(38, 198, 218, 0.4) !important;
}
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_row:has(> .et_pb_column:nth-child(2)) .et_pb_group:has(h3) > .et_pb_module:last-child:not(:first-child) {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_row:has(> .et_pb_column:nth-child(2)) .et_pb_group:has(h3) h3.et_pb_module_header {
	margin: 0 !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
}
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_row:has(> .et_pb_column:nth-child(2)) {
	gap: 20px !important;
	margin: 24px 0;
}

/* eyebrow-then-heading: the eyebrow sits on the heading, and starts the section rhythm itself */
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_column > .et_pb_text:has(> .et_pb_text_inner > p[style*="text-transform:uppercase"]) {
	margin-top: 56px !important;
	margin-bottom: 0 !important;
}
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_column > .et_pb_text:has(> .et_pb_text_inner > p[style*="text-transform:uppercase"]) + .et_pb_heading h2.et_pb_module_header,
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_column > .et_pb_heading:has(h6) + .et_pb_heading :is(h2, h3).et_pb_module_header {
	margin-top: 10px !important;
}
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section:not(.et_pb_section_0) .et_pb_column > .et_pb_heading:has(h6) {
	margin-bottom: 0 !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_text_inner p[style*="text-transform"] {
	margin: 0 !important;
	text-align: left !important;
}

/* one filled button per view: on reference pages every button is a hairline outline */
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_button,
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_button:hover {
	background: transparent !important;
	border: 1px solid var(--dsc-line-strong) !important;
	color: var(--dsc-text) !important;
}
body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_button:hover {
	border-color: rgba(38, 198, 218, 0.4) !important;
	color: var(--dsc-accent-hover) !important;
}

/* the hub build note sits after the page lead, not above the eyebrow */
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_column:has(> .et_pb_code_0 div[style*="border:1px solid #2ec4d6"]) {
	display: flex !important;
	flex-direction: column;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_column > .et_pb_code_0:has(div[style*="border:1px solid #2ec4d6"]) {
	order: 20;
	margin-top: 24px !important;
}

/* ---------- section index pages: numbered rows ---------- */

body.dsd.dsd-ref ul.dsd-index {
	max-width: none !important;
	margin: 8px 0 40px !important;
	padding: 0 !important;
	list-style: none !important;
}
body.dsd.dsd-ref ul.dsd-index > li {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--dsc-line);
}
body.dsd.dsd-ref ul.dsd-index > li > a {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	column-gap: 8px;
	padding: 18px 12px 18px 0;
	color: var(--dsc-text) !important;
	font-size: 18px;
	font-weight: 600 !important;
	line-height: 1.35;
	text-decoration: none !important;
	transition: background-color var(--dsc-dur-1) var(--dsc-ease);
}
body.dsd.dsd-ref ul.dsd-index > li > a .dsd-n {
	grid-row: 1 / span 2;
	color: var(--dsc-warn);
	font: 400 13px/1.9 var(--dsc-mono);
	letter-spacing: 0.04em;
	padding-left: 12px;
}
body.dsd.dsd-ref ul.dsd-index > li > a .dsd-title {
	grid-column: 2;
}
body.dsd.dsd-ref ul.dsd-index > li > a .dsd-desc {
	grid-column: 2;
	max-width: 72ch;
	margin-top: 4px;
	color: var(--dsc-muted-long);
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.55;
}
body.dsd.dsd-ref ul.dsd-index > li > a:hover {
	background: rgba(38, 198, 218, 0.05);
}
body.dsd.dsd-ref ul.dsd-index > li > a:hover .dsd-title {
	color: var(--dsc-accent-hover);
}
/* raw markup fallback if the filter did not run: keep the rows tidy */
body.dsd.dsd-ref ul[style*="list-style:none"]:not(.dsd-index) > li {
	margin: 0 0 14px !important;
}

/* ---------- foot links ---------- */

body.dsd.dsd-ref .et_pb_post_content .et_pb_section:last-child:not(.et_pb_section_0) {
	margin-top: 40px;
	padding: 24px 0 56px !important;
	border-top: 1px solid var(--dsc-line);
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:last-child:not(.et_pb_section_0) .et_pb_text_inner p {
	max-width: none;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:last-child:not(.et_pb_section_0) .et_pb_text_inner p:first-child {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:last-child:not(.et_pb_section_0) .et_pb_text_inner p:first-child a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 16px;
	border: 1px solid var(--dsc-line-strong);
	border-radius: var(--dsc-r-btn);
	color: var(--dsc-text) !important;
	font-size: 14.5px;
	text-decoration: none !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:last-child:not(.et_pb_section_0) .et_pb_text_inner p:first-child a:hover {
	border-color: rgba(38, 198, 218, 0.4);
	color: var(--dsc-accent-hover) !important;
}
body.dsd.dsd-ref .et_pb_post_content .et_pb_section:last-child:not(.et_pb_section_0) .et_pb_text_inner p:last-child:not(:first-child) {
	color: var(--dsc-muted) !important;
	font: 400 12px/1.6 var(--dsc-mono) !important;
}

/* ---------- On this page ---------- */

body.dsd.dsd-ref .dsd-toc {
	margin: 0 0 32px;
	border: 1px solid var(--dsc-line);
	border-radius: var(--dsc-r-btn);
	background: var(--dsc-surface);
	font-family: var(--dsc-font);
}
body.dsd.dsd-ref .dsd-toc summary {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	color: var(--dsc-muted);
	font: 400 12px/1.4 var(--dsc-mono);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
}
body.dsd.dsd-ref .dsd-toc summary::-webkit-details-marker {
	display: none;
}
body.dsd.dsd-ref .dsd-toc summary::after {
	content: "+";
	margin-left: auto;
	color: var(--dsc-accent);
}
body.dsd.dsd-ref .dsd-toc[open] summary::after {
	content: "\2212";
}
body.dsd.dsd-ref .dsd-toc ol {
	margin: 0;
	padding: 4px 16px 16px;
	list-style: none;
}
body.dsd.dsd-ref .dsd-toc li {
	margin: 0;
}
body.dsd.dsd-ref .dsd-toc a {
	display: block;
	padding: 6px 0 6px 12px;
	border-left: 1px solid var(--dsc-line);
	color: var(--dsc-muted-long);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
}
body.dsd.dsd-ref .dsd-toc a:hover {
	border-left-color: var(--dsc-accent);
	color: var(--dsc-text);
}
@media (min-width: 1200px) {
	body.dsd.dsd-ref .et_pb_post_content .et_builder_inner_content:has(> .dsd-toc) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) var(--dsd-rail);
		column-gap: 48px;
		align-items: start;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_builder_inner_content:has(> .dsd-toc) > .et_pb_section {
		grid-column: 1;
		min-width: 0;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_builder_inner_content:has(> .dsd-toc) > .et_pb_section_0 {
		grid-column: 1 / -1;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_builder_inner_content:has(> .dsd-toc) > .dsd-toc {
		grid-column: 2;
		grid-row: 2 / span 60;
		position: sticky;
		top: 96px;
		max-height: calc(100vh - 128px);
		overflow-y: auto;
		margin-top: 40px;
		border: 0;
		border-left: 1px solid var(--dsc-line);
		border-radius: 0;
		background: none;
	}
	body.dsd.dsd-ref .dsd-toc summary {
		pointer-events: none;
		padding-left: 12px;
	}
	body.dsd.dsd-ref .dsd-toc summary::after {
		display: none;
	}
	body.dsd.dsd-ref .dsd-toc:not([open])::details-content {
		display: block;
		content-visibility: visible;
	}
	body.dsd.dsd-ref .dsd-toc ol {
		padding: 0 0 8px;
	}
	body.dsd.dsd-ref .dsd-toc a {
		border-left: 0;
		padding-left: 12px;
	}
}

/* ---------- phones ---------- */

@media (max-width: 767px) {
	body.dsd.dsd-ref {
		--dsd-gutter: 16px;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) {
		flex-direction: column !important;
		gap: 4px !important;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text,
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text:not(:first-child) {
		white-space: normal;
		flex: 0 1 auto;
		padding-left: 0 !important;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text::before {
		display: none;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 {
		padding: 24px 0 32px !important;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_text_inner p {
		font-size: 16px !important;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) {
		flex-direction: column !important;
		gap: 4px !important;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text,
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text:not(:first-child) {
		white-space: normal;
		flex: 0 1 auto;
		padding-left: 0 !important;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_text) > .et_pb_text::before {
		display: none;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group:has(> .et_pb_button_module_wrapper) {
		flex-direction: column !important;
		align-items: stretch !important;
	}
	body.dsd.dsd-ref .et_pb_post_content .et_pb_section_0 .et_pb_group > .et_pb_button_module_wrapper,
	body.dsd.dsd-ref #page-container .et_pb_post_content .et_pb_section_0 .et_pb_group > .et_pb_button_module_wrapper .et_pb_button {
		width: 100% !important;
	}
	body.dsd.dsd-ref ul.dsd-index > li > a {
		grid-template-columns: 40px minmax(0, 1fr);
		font-size: 17px;
	}
	body.dsd.dsd-ref .et_pb_post_content table th,
	body.dsd.dsd-ref .et_pb_post_content table td {
		padding: 10px 12px;
	}
}

/* ---------- 404: the designed empty state ---------- */

body.dsd .dsd-404 {
	width: min(var(--dsc-wrap-404, 1200px), calc(100% - 48px));
	margin: 0 auto;
	padding: 96px 0 112px;
	color: var(--dsc-muted-long);
	font-family: var(--dsc-font);
}
body.dsd .dsd-404__eyebrow {
	margin: 0 0 14px;
	color: var(--dsc-accent);
	font: 400 12px/1.4 var(--dsc-mono);
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
body.dsd .dsd-404 h1 {
	margin: 0 0 18px;
	max-width: 18ch;
	color: var(--dsc-text);
	font: 600 var(--dsc-h1)/1.1 var(--dsc-font);
	letter-spacing: -0.015em;
	text-wrap: balance;
}
body.dsd .dsd-404__lead {
	margin: 0 0 32px;
	max-width: 60ch;
	font-size: 18px;
	line-height: 1.55;
}
body.dsd .dsd-404__links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}
body.dsd .dsd-404__links a {
	display: inline-flex;
	align-items: center;
	min-height: var(--dsc-btn-h);
	padding: 0 20px;
	border: 1px solid var(--dsc-line-strong);
	border-radius: var(--dsc-r-btn);
	color: var(--dsc-text);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: border-color var(--dsc-dur-1) var(--dsc-ease), color var(--dsc-dur-1) var(--dsc-ease);
}
body.dsd .dsd-404__links a:hover {
	border-color: rgba(38, 198, 218, 0.4);
	color: var(--dsc-accent-hover);
}
body.dsd .dsd-404 a.dsd-404__home {
	display: inline-flex;
	align-items: center;
	min-height: var(--dsc-btn-h);
	padding: 0 22px;
	background: var(--dsc-accent);
	border-radius: var(--dsc-r-btn);
	color: var(--dsc-on-accent);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
body.dsd .dsd-404 a.dsd-404__home:hover {
	background: var(--dsc-accent-hover);
}
body.dsd .dsd-404__console {
	display: block;
	margin: 56px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid var(--dsc-line);
	color: var(--dsc-muted);
	font: 400 13px/1.5 var(--dsc-mono);
}
body.dsd .dsd-404__console b {
	color: var(--dsc-warn);
	font-weight: 400;
}
@media (max-width: 767px) {
	body.dsd .dsd-404 {
		padding: 48px 0 64px;
	}
	body.dsd .dsd-404__links a,
	body.dsd .dsd-404 a.dsd-404__home {
		width: 100%;
		justify-content: flex-start;
	}
}