/* WP StudioDDC Site: Design System. Palette: #0b0f14 #182638 #273d55 #364d67 #4d535a #d7dde5 #f4f6f8 #fff */

/* 1. Tokens */
:root {
	--sddc-radius: 20px;
	--sddc-radius-sm: 12px;
	--sddc-related-radius: var(--sddc-radius-sm); /* Related Nexus Cards -- Same "Small Card" Radius As .adjacent-entry-link-inner, Not The Larger .author-box One */
	--sddc-pill: 150px;
	--sddc-max: 1200px;
	--sddc-gutter: clamp(1rem, 4vw, 2rem);
	--sddc-section-y: clamp(3.5rem, 8vw, 6.5rem);
	--sddc-ease: 0.18s ease;
	/* Corporate Blue Accent — Already Used Ad Hoc As #56779d For Stat Values,
	   The Search Prompt Caret And A Couple Of Hover States; Tokenized Here So
	   Every New Use (Starting With The Primary Button Hover Below) Reads From
	   One Source Of Truth Instead Of Repeating The Hex Value. */
	--sddc-accent: #56779d;
}

/* SITE-WIDE TYPOGRAPHY — ONE ELEGANT, HIGHLY LEGIBLE CODING-STYLE TYPEFACE
   FOR BODY TEXT, HEADINGS AND CODE ALIKE. LEADS WITH JETBRAINS MONO FOR
   VISITORS WHO ALREADY HAVE IT, THEN FALLS THROUGH TO THE MONOSPACE FONTS
   EVERY MAJOR OS SHIPS BY DEFAULT (macOS, WINDOWS, LINUX) SO NOTHING IS
   DOWNLOADED AND THE PERFORMANCE EFFECT STAYS MINIMAL. OVERRIDES THE
   THEME'S OWN --body-font-family / --heading-font-family / --code-font-family
   CUSTOM PROPERTIES RATHER THAN HARDCODING font-family ON INDIVIDUAL
   ELEMENTS, SO EVERY NATIVE THEME/EDITOR SURFACE THAT ALREADY READS THOSE
   VARIABLES PICKS IT UP AUTOMATICALLY. */
:root {
	--sddc-font-code: 'Spline Sans Mono', ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, 'Roboto Mono', 'Liberation Mono', monospace;
	--body-font-family: var(--sddc-font-code) !important;
	--heading-font-family: var(--sddc-font-code) !important;
	--code-font-family: var(--sddc-font-code) !important;
}

/* The Theme's Own Customizer-Generated Inline Styles Set --body-font-family /
   --heading-font-family Directly On body/h1-h6 Too (Not Just As Custom
   Properties), Printed After Our Stylesheet — Force The Actual font-family
   Property Site-Wide So The Typeface Change Always Wins, Not Just The Custom
   Property Feeding It. */
body,
button,
input,
select,
textarea {
	font-family: var(--sddc-font-code) !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--sddc-font-code) !important;
}

html:not([data-sddc-theme='light']) {
	color-scheme: dark;
	--sddc-bg: #0b0f14;
	--sddc-surface: #182638;
	--sddc-surface-2: #273d55;
	--sddc-support: #364d67;
	--sddc-text: #fff;
	--sddc-text-2: #d7dde5;
	--sddc-border: rgba(215, 221, 229, 0.16);
	--sddc-border-strong: rgba(215, 221, 229, 0.34);
	--sddc-card: rgba(24, 38, 56, 0.55);
	--sddc-card-hover: rgba(39, 61, 85, 0.5);
	--sddc-band: rgba(24, 38, 56, 0.4);
	--sddc-btn-bg: #fff;
	--sddc-btn-fg: #0b0f14;
	--sddc-btn-hover: #d7dde5;
	--sddc-btn2-fg: #fff;
	--sddc-btn2-border: rgba(215, 221, 229, 0.4);
	--sddc-btn2-hover: rgba(215, 221, 229, 0.12);
	--sddc-cta-bg: #273d55;
	--sddc-cta-fg: #fff;
	--sddc-cta-hover: #364d67;
	--sddc-focus: #d7dde5;
	--sddc-grid-line: rgba(215, 221, 229, 0.06);
	--sddc-glow: rgba(54, 77, 103, 0.4);
	--sddc-header-bg: #000;
	--content-background: var(--sddc-bg);
	--content-border: var(--sddc-border);
	--page-header-background: var(--sddc-surface);
	--color-background: #0b0f14;
	--color-body: #fff;
	--color-heading: #fff;
	--color-link: #d7dde5;
	--color-link-light: #fff;
	--color-link-dark: #d7dde5;
	--color-alt: #182638;
	--color-primary: #273d55;
	--color-primary-light: #364d67;
	--color-primary-dark: #182638;
	--color-secondary: #273d55;
	--color-secondary-light: #364d67;
	--color-secondary-dark: #182638;
	--color-border: rgba(215, 221, 229, 0.14);
	--color-shadow: rgba(0, 0, 0, 0.45);
	--sub-menu-background-color: #182638;
	--button-secondary-color: #fff;
	--wpsddc-base: #0b0f14;
	--wpsddc-on-base: #fff;
	--wpsddc-on-base-muted: #d7dde5;
	--wpsddc-surface: #182638;
	--wpsddc-base-hover: #182638;
	--wpsddc-icon: #fff;
	--wpsddc-icon-filter: brightness(0) invert(1);
	--wpsddc-highlight: #273d55;
	--wpsddc-on-highlight: #fff;
	--wpsddc-highlight-dark: #182638;
	--wpsddc-accent: #364d67;
	--wpsddc-accent-color: #d7dde5;
	--wpsddc-on-accent: #fff;
	--wpsddc-accent-dark: #273d55;
	--wpsddc-button: #fff;
	--wpsddc-on-button: #0b0f14;
	--wpsddc-button-hover: #d7dde5;
	--wpsddc-button-active: #d7dde5;
	--wpsddc-notification: #364d67;
	--wpsddc-on-notification: #fff;
	--wpsddc-notification-dark: #273d55;
	--wpsddc-link: #fff;
	--wpsddc-on-link: #0b0f14;
	--wpsddc-link-hover: #d7dde5;
	--wpsddc-ring: rgba(215, 221, 229, 0.6);
	--wpsddc-ring-strong: #d7dde5;
	--wpsddc-ps-chevron: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E');
}

html[data-sddc-theme='light'] {
	color-scheme: light;
	--sddc-bg: #fff;
	--sddc-surface: #f4f6f8;
	--sddc-surface-2: #d7dde5;
	--sddc-support: #364d67;
	--sddc-text: #0b0f14;
	--sddc-text-2: #4d535a;
	--sddc-border: rgba(11, 15, 20, 0.12);
	--sddc-border-strong: rgba(11, 15, 20, 0.28);
	--sddc-card: #f4f6f8;
	--sddc-card-hover: rgba(215, 221, 229, 0.45);
	--sddc-band: #f4f6f8;
	--sddc-btn-bg: #182638;
	--sddc-btn-fg: #fff;
	--sddc-btn-hover: #0b0f14;
	--sddc-btn2-fg: #182638;
	--sddc-btn2-border: rgba(24, 38, 56, 0.4);
	--sddc-btn2-hover: rgba(24, 38, 56, 0.08);
	--sddc-cta-bg: #182638;
	--sddc-cta-fg: #fff;
	--sddc-cta-hover: #0b0f14;
	--sddc-focus: #273d55;
	--sddc-grid-line: rgba(11, 15, 20, 0.06);
	--sddc-glow: rgba(215, 221, 229, 0.7);
	--sddc-header-bg: #fff;
	--content-background: var(--sddc-bg);
	--content-border: var(--sddc-border);
	--page-header-background: #f4f6f8;
	--color-background: #fff;
	--color-body: #0b0f14;
	--color-heading: #0b0f14;
	--color-link: #273d55;
	--color-link-light: #364d67;
	--color-link-dark: #182638;
	--color-alt: #f4f6f8;
	--color-primary: #182638;
	--color-primary-light: #273d55;
	--color-primary-dark: #0b0f14;
	--color-secondary: #d7dde5;
	--color-secondary-light: #f4f6f8;
	--color-secondary-dark: #d7dde5;
	--color-border: rgba(11, 15, 20, 0.12);
	--color-shadow: rgba(11, 15, 20, 0.1);
	--sub-menu-background-color: #fff;
	--button-secondary-color: #273d55;
	--wpsddc-base: #fff;
	--wpsddc-on-base: #0b0f14;
	--wpsddc-on-base-muted: #4d535a;
	--wpsddc-surface: #f4f6f8;
	--wpsddc-base-hover: #f4f6f8;
	--wpsddc-icon: #0b0f14;
	--wpsddc-icon-filter: none;
	--wpsddc-highlight: #d7dde5;
	--wpsddc-on-highlight: #0b0f14;
	--wpsddc-highlight-dark: #d7dde5;
	--wpsddc-accent: #182638;
	--wpsddc-accent-color: #182638;
	--wpsddc-on-accent: #fff;
	--wpsddc-accent-dark: #0b0f14;
	--wpsddc-button: #182638;
	--wpsddc-on-button: #fff;
	--wpsddc-button-hover: #0b0f14;
	--wpsddc-button-active: #0b0f14;
	--wpsddc-notification: #273d55;
	--wpsddc-on-notification: #fff;
	--wpsddc-notification-dark: #182638;
	--wpsddc-link: #273d55;
	--wpsddc-on-link: #fff;
	--wpsddc-link-hover: #182638;
	--wpsddc-ring: #364d67;
	--wpsddc-ring-strong: #182638;
}

/* Mai Engine "boxed" entry cards (post/category grid loops) force a white card with
   "-on-light" text colors that are never defined, so dark mode rendered white text on
   a white card. Theme the card and its on-light text fallbacks together so both match. */
html:not([data-sddc-theme='light']) .has-boxed {
	--entry-background: var(--sddc-card);
	--entry-border: 1px solid var(--sddc-border);
	--color-heading-on-light: var(--sddc-text);
	--color-body-on-light: var(--sddc-text-2);
}

html[data-sddc-theme='light'] .has-boxed {
	--entry-background: #fff;
	--entry-border: 1px solid var(--sddc-border);
	--color-heading-on-light: #0b0f14;
	--color-body-on-light: #4d535a;
}

/* Archive Card Alignment */
.entries-archive.has-boxed .entries-wrap{
	align-items:stretch !important;
}
.entries-archive.has-boxed .entry-archive{
	align-self:stretch;
	display:flex;
	flex-direction:column;
	height:auto;
}
.entries-archive.has-boxed .entry-wrap-archive{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	width:100%;
}
.entries-archive.has-boxed .entry-more{
	margin-top:auto;
	padding-top:var(--spacing-md);
}
.entries-archive.has-boxed .entry-more-link{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	box-sizing:border-box;
}

/* Match the reference archive structure: image, category, title, excerpt and
   an outline action. A shared grid track keeps every card equally tall,
   including the last row, without cutting excerpts or imposing fixed heights. */
:is(.blog, .category, .tag) .entries-archive.has-boxed .entries-wrap {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: 36px;
	margin: 0;
}
:is(.blog, .category, .tag) .entries-archive.has-boxed .entry-archive.type-post {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0;
}
:is(.blog, .category, .tag) .entry-archive.type-post .entry-image-link {
	margin: 24px 12px 0;
}
:is(.blog, .category, .tag) .entry-archive.type-post .entry-image {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
:is(.blog, .category, .tag) .entry-wrap-archive {
	padding: 30px;
}
:is(.blog, .category, .tag) .entry-wrap-archive .entry-title {
	margin-bottom: 16px;
}
:is(.blog, .category, .tag) .entry-excerpt p {
	margin-bottom: 0;
}
:is(.blog, .category, .tag) .entry-more {
	padding-top: 24px;
}
:is(.blog, .category, .tag) .entry-more-link,
:is(.blog, .category, .tag) .entry-more-link:hover,
:is(.blog, .category, .tag) .entry-more-link:focus-visible {
	background: transparent;
	text-decoration: none;
	border-color: var(--sddc-btn2-border);
	box-shadow: none;
	transform: none;
}
:is(.blog, .category, .tag) .entry-more-link {
	color: var(--sddc-text);
}
:is(.blog, .category, .tag) .entry-more-link:hover,
:is(.blog, .category, .tag) .entry-more-link:focus-visible {
	color: var(--sddc-text-2);
}
.wpsddc-blog-directory {
	margin-bottom: 48px;
}
.wpsddc-blog-directory .sddc-insights-head {
	max-width: 900px;
	margin-inline: auto;
	text-align: center;
}
.wpsddc-blog-directory .sddc-insights-head h2 {
	margin: 0 0 16px;
}
.wpsddc-blog-directory .sddc-insights-head p {
	margin: 0;
}
.wpsddc-blog-directory .sddc-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 32px 0 56px;
}
.wpsddc-blog-directory .sddc-grid > .wp-block-group__inner-container {
	display: contents;
}
.wpsddc-blog-directory .sddc-cat-card {
	margin: 0;
	min-width: 0;
}
.wpsddc-blog-directory .sddc-cat-card a {
	color: #fff;
	text-decoration: none;
}
.wpsddc-blog-directory .sddc-cat-card a:hover,
.wpsddc-blog-directory .sddc-cat-card a:focus-visible {
	color: #d7dde5;
}
.blog-description:has(.wpsddc-blog-seo) {
	margin-top: 64px;
	padding-top: 48px;
	border-top: 1px solid var(--sddc-border);
}
.wpsddc-blog-seo h2 {
	margin-top: 48px;
	margin-bottom: 16px;
}
.wpsddc-blog-seo h2:first-child {
	margin-top: 0;
}
.wpsddc-blog-seo p,
.wpsddc-blog-seo ul {
	margin-bottom: 24px;
}
@media (max-width: 1023px) {
	:is(.blog, .category, .tag) .entries-archive.has-boxed .entries-wrap,
	.wpsddc-blog-directory .sddc-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 639px) {
	:is(.blog, .category, .tag) .entries-archive.has-boxed .entries-wrap,
	.wpsddc-blog-directory .sddc-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	:is(.blog, .category, .tag) .entry-wrap-archive {
		padding: 24px;
	}
}

/* Category/Tag Archive Page Description — Now Real Headings, A Bullet
   List And A Closing Image (Content Restructured To Use h2/h3/ul/figure
   Instead Of Plain <br>-Separated Text), Styled To Match The Rest Of The
   Site's Typography And Given Breathing Room Plus The Shared Image
   Radius So The Closing Photo Reads As A Deliberate Section, Not An
   Afterthought — Matching francisavella.com's Archive-Page Layout. */
.archives-description.term-description{
	margin-top: var(--spacing-xl);
}
.archives-description.term-description h2{
	margin-top: 0;
}
.archives-description.term-description h2,
.archives-description.term-description h3{
	margin-bottom: 0.75rem;
	margin-top: 2rem;
}
.archives-description.term-description p{
	margin-bottom: 1rem;
}
.archives-description.term-description ul{
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	list-style: none;
	margin: 1.25rem 0;
	padding: 0;
}
.archives-description.term-description ul li{
	background: var(--sddc-card);
	border: 1px solid var(--sddc-border);
	border-radius: var(--sddc-radius-sm);
	padding: 0.9rem 1.1rem;
}
.archives-description.term-description .sddc-archive-feature-image{
	margin: 2rem 0 0;
}
.archives-description.term-description .sddc-archive-feature-image img{
	border-radius: var(--sddc-radius);
	display: block;
	height: auto;
	width: 100%;
}

/* Content blocks picked the editor's "Links" palette swatch as a background (the
   "dark CTA band with white text" pattern), which reads var(--color-link). That
   variable flips to a light color in dark mode for link-text readability elsewhere,
   so the same swatch used as a background turned a white-text CTA band light gray
   with white text on top. Give that exact block pattern a background that stays a
   dark brand navy in both themes instead, matching the rest of the CTA styling. */
.has-background.has-dark-background.has-links-background-color {
	background-color: var(--sddc-cta-bg) !important;
}

/* Mai Engine leaves the page-header/archive H1 left-aligned by default;
   francisavella.com (the reference site) centers it, so match that here everywhere. */
.page-header-title,
.archive-title {
	text-align: center;
}

/* DEFAULT PAGE-HEADER BACKGROUND — EVERY PAGE/POST HEADER (ABOUT, BLOG,
   DOCUMENTATION, CONTACT, SINGLE POSTS…) GETS OUR OWN BRAND-TINTED TECH
   DOT TEXTURE INSTEAD OF A FLAT COLOR, WITH A DARK WASH OVER IT SO THE
   TITLE STAYS FULLY LEGIBLE. USES MAI ENGINE'S NATIVE .page-header
   ELEMENT, NO CUSTOMIZER CSS INVOLVED. */
.page-header {
	background-image: linear-gradient(180deg, color-mix(in srgb, var(--sddc-bg) 86%, transparent), color-mix(in srgb, var(--sddc-bg) 92%, transparent)), url('../img/header-bg-brand.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Round imagery and card wrappers site-wide to match francisavella.com's design
   system (same 20px radius already used across our own custom sections). Mai Engine's
   base image rule falls back to 0 unless --image-border-radius is set, and the
   "boxed" archive/category card layout never sets a wrap radius at all. */
.entry-content img,
.entry-image,
.has-boxed .entry-image {
	--image-border-radius: var(--sddc-radius);
	--entry-image-border-radius: var(--sddc-radius);
	border-radius: var(--sddc-radius);
}

.has-boxed {
	--entry-wrap-border-radius: var(--sddc-radius);
	/* THE VISIBLE BOXED CARD IS THE .entry ELEMENT ITSELF (BACKGROUND, BORDER
	   AND CLIPPING ALL LIVE THERE), NOT .entry-wrap — IT READS
	   --entry-border-radius (FALLING BACK TO THE THEME'S GENERIC
	   --border-radius TOKEN, WHICH THIS SITE NEVER SETS), SO THE RADIUS
	   ABOVE ALONE NEVER REACHED THE ACTUAL CARD SURFACE. */
	--entry-border-radius: var(--sddc-radius);
}

/* Archive Card Equal Height, Radius And Bottom-Aligned "Read More" —
   Overrides Mai Engine's Inline --align-columns-vertical:center (Which
   Lets Cards Sit At Their Own Content Height Inside Each Row) So Every
   Card In A Row Stretches To The Row's Tallest Card, With The "Read More"
   Button Pinned To The Bottom Via margin-top:auto On .entry-more. */
.entries-archive.has-boxed .entry-archive {
	border-radius: var(--sddc-radius) !important;
	overflow: hidden;
}

/* The /blog/ page's "Explore Articles by Category" tiles are wp-block-cover
   elements with no radius of their own; round them and clip the cover image/overlay
   to match, and give them the same card radius as everywhere else. */
.sddc-cat-card {
	border-radius: var(--sddc-radius);
	overflow: hidden;
}

/* Category Tiles On The /blog/ Page Now Carry Only Their Title (The
   Description Line Was Removed From The Content), So Center It Both
   Ways Inside The Tile To Read As A Clean Label, Matching
   francisavella.com's "Explore Insights by Category" Tiles. */
.sddc-cat-card .wp-block-cover__inner-container{
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
}
.sddc-cat-card h3{
	margin: 0;
}

/* 2. Base, Focus And Motion */
body {
	background-color: var(--sddc-bg);
	color: var(--sddc-text);
	/* THE "LIGHT" WEIGHT OF THE DIGITAL MONOSPACE READS FINER AND MORE
	   ELEGANT FOR BODY COPY; HEADINGS KEEP THEIR OWN BOLDER WEIGHT */
	font-weight: 300;
}

/* MONOSPACE GLYPHS READ WIDER AND HEAVIER THAN A PROPORTIONAL TYPEFACE AT THE
   SAME WEIGHT, SO HEADINGS STAY AT REGULAR (400) RATHER THAN MEDIUM, AND THE
   HEAVIEST (700) HERO/SECTION TITLES ELSEWHERE IN THIS FILE STEP DOWN TO 600 —
   STILL CLEARLY A HEADING, NOT A SOLID BLOCK OF INK AT LARGE SIZES. */
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}

/* PLAIN GUTENBERG HEADINGS -- A COVER BLOCK TITLE ON CONTACT/ABOUT, A GENERIC
   H2 LIKE "SEND A MESSAGE" -- HAVE NO .sddc-* COMPONENT CLASS, SO THEY WERE
   STILL RENDERING AT THE THEME'S OWN LARGE DEFAULTS (H1 ~58PX, H2 ~37PX) EVEN
   AFTER THE HOMEPAGE HERO/SECTION HEADINGS WERE REDUCED. THESE LOWER-SPECIFICITY
   BARE-TAG RULES BRING THEM DOWN TO THE SAME SCALE; ANY .sddc-* COMPONENT WITH
   ITS OWN SIZE (sddc-hero h1, sddc-section h2, ...) STILL WINS ON SPECIFICITY. */
h1 {
	font-size: clamp(1.75rem, 4.2vw, 2.875rem);
}

h2 {
	font-size: clamp(1.375rem, 2.6vw, 1.75rem);
}

h3 {
	font-size: clamp(1.1875rem, 1.8vw, 1.375rem);
}

/* SAME STORY FOR BODY COPY OUTSIDE THE CUSTOM .sddc-lead* COMPONENTS -- PLAIN
   PARAGRAPHS (PAGE INTROS, NINJA FORMS FIELD LABELS) WERE INHERITING THE
   THEME'S ~1.18REM DEFAULT. */
.entry-content p,
.sddc-contact-intro p,
.wp-block-cover p,
.nf-form-cont label,
.nf-form-cont .nf-field-label {
	font-size: 1rem;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--sddc-focus) !important;
	outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

html[data-sddc-theme='dark'] .has-alt-color,
html:not([data-sddc-theme]) .has-alt-color {
	color: #f4f6f8 !important;
}

html:not([data-sddc-theme='light']) .wp-block-button__link.has-white-background-color.has-heading-color {
	color: #0b0f14 !important;
}

/* 3. Header */
.site-header {
	--site-header-background: var(--sddc-header-bg);
	--site-header-border-bottom: 1px solid var(--sddc-border);
	background: var(--sddc-header-bg) !important;
	border-bottom: 1px solid var(--sddc-border);
}

html[data-sddc-theme='light'] body.has-dark-header .site-header-wrap,
html[data-sddc-theme='light'] body.has-dark-mobile-menu .mobile-menu {
	color: var(--sddc-text);
	--heading-color: var(--sddc-text);
	--link-color: currentColor;
	--link-color-hover: #273d55;
	--menu-item-link-color: #0b0f14;
	--menu-item-link-color-hover: #273d55;
	--menu-item-name-filter-hover: none;
	--entry-title-link-color: #0b0f14;
	--entry-title-link-color-hover: #273d55;
	--mobile-menu-color: #0b0f14;
	--sub-menu-link-color: #0b0f14;
	--sub-menu-link-color-hover: #273d55;
	--border: 1px solid var(--sddc-border);
}

html[data-sddc-theme='light'] body.has-dark-header {
	--site-header-color: #0b0f14;
	--title-area-color: #0b0f14;
}

.mobile-menu {
	background: var(--sddc-header-bg);
	--mobile-menu-background: var(--sddc-header-bg);
	/* THE MOBILE DROPDOWN SUBMENUS (E.G. "DOCUMENTATION") OTHERWISE INHERIT MAI
	   ENGINE'S DEFAULT FILLED PANEL LOOK (SOLID BACKGROUND + 1PX BORDER), WHICH
	   READS AS A BOXED CARD FLOATING OVER THE MENU. DROP THE BACKGROUND/BORDER
	   SO ITEMS SIT FLUSH WITH THE MOBILE MENU ITSELF; THE DEFAULT SPACING
	   (--sub-menu-margin) IS LEFT UNTOUCHED SO INDENTATION IS UNCHANGED. */
	--sub-menu-background: transparent;
	--sub-menu-border: 0;
}

.title-area {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 0.75rem;
	align-items: center;
}

.title-area .custom-logo-link {
	grid-row: 1 / span 2;
	margin: 0;
}

.title-area .site-title {
	grid-column: 2;
	grid-row: 1;
	align-self: end;
	font-size: 1.0625rem;
	line-height: 1.1;
	margin: 0;
}

.title-area .site-title-link {
	text-decoration: none;
	color: inherit;
	transition: opacity 0.2s ease;
}

.title-area .site-title-link:hover {
	opacity: 0.72;
}

.title-area .site-description {
	grid-column: 2;
	grid-row: 2;
	align-self: start;
	margin: 2px 0 0;
	font-size: 0.75rem;
	color: var(--sddc-text-2);
}

.header-stuck .title-area .site-title,
.header-stuck .title-area .site-description {
	display: none;
}

/* Logo Color Crossfade — Each Logo Link (Header And Footer) Stacks Both The
   Dark-Theme (White) And Light-Theme (Black) Images In The Same Box Via
   Absolute Positioning, Then Opacity Picks Which One Shows. --sddc-logo-swap
   Flips 0/1 With The Theme, And Hover Flips It Again So The Logo Always
   Reveals Its OTHER Color Version On Hover — In Either Theme, In Both The
   Header And The Footer — With A Slow, Deliberate Fade Instead Of An
   Instant Swap. The Header Logo's Hover-Independent Size Rule Stays Next To
   .title-area .custom-logo-link img Further Down The File. */
html {
	--sddc-logo-swap: 0;
}

html[data-sddc-theme='light'] {
	--sddc-logo-swap: 1;
}

.title-area .custom-logo-link,
.sddc-footer .wp-block-site-logo .custom-logo-link {
	position: relative;
	width: 36px;
	height: 36px;
}

.title-area .custom-logo-link img.sddc-logo-dark,
.title-area .custom-logo-link img.sddc-logo-light,
.sddc-footer .wp-block-site-logo img.sddc-logo-dark,
.sddc-footer .wp-block-site-logo img.sddc-logo-light {
	position: absolute;
	inset: 0;
	transition: opacity 0.9s ease;
}

.title-area .custom-logo-link img.sddc-logo-dark,
.sddc-footer .wp-block-site-logo img.sddc-logo-dark {
	opacity: calc(1 - var(--sddc-logo-swap));
}

.title-area .custom-logo-link img.sddc-logo-light,
.sddc-footer .wp-block-site-logo img.sddc-logo-light {
	opacity: var(--sddc-logo-swap);
}

.title-area .custom-logo-link:hover img.sddc-logo-dark,
.sddc-footer .wp-block-site-logo .custom-logo-link:hover img.sddc-logo-dark {
	opacity: var(--sddc-logo-swap);
}

.title-area .custom-logo-link:hover img.sddc-logo-light,
.sddc-footer .wp-block-site-logo .custom-logo-link:hover img.sddc-logo-light {
	opacity: calc(1 - var(--sddc-logo-swap));
}

.site-header .nav-header .menu-item-link {
	font-size: 0.9375rem;
	font-weight: 500;
	text-decoration: none;
}

/* Space Out The Top-Level Menu Items So Adjacent Hover Pills Don't Touch */
.site-header .nav-header > ul.menu > .menu-item + .menu-item {
	margin-left: 0.25rem;
}

/* Contact Is Inline/Outline, Not A Solid-Filled Pill — No Border In Either
   Desktop Or Mobile, Just A Hover-Fill Like The Site's Other Text Links */
.site-header .nav-header .menu-item.highlight > .menu-item-link,
.mobile-menu .menu-item.highlight > .menu-item-link {
	background: transparent;
	color: var(--sddc-text) !important;
	border: 0;
	border-radius: var(--sddc-pill);
	padding: 0.5rem 0.75rem;
	text-decoration: none;
	transition: background-color var(--sddc-ease);
}

.site-header .nav-header .menu-item.highlight > .menu-item-link:hover,
.mobile-menu .menu-item.highlight > .menu-item-link:hover {
	background: var(--sddc-btn2-hover);
	filter: none;
}

/* Contact Is Excluded From The Generic :not(.highlight) Active-State Rule
   Further Down (So Its Pill Shape/Border Stay Untouched By It) — Give It
   Its Own Active Background Here So Landing On /contact/ Shows The Same
   "Currently Here" State As Every Other Nav Item. */
.site-header .nav-header .menu-item.highlight.current-menu-item > .menu-item-link,
.site-header .nav-header .menu-item.highlight.current-menu-ancestor > .menu-item-link,
.mobile-menu .menu-item.highlight.current-menu-item > .menu-item-link,
.mobile-menu .menu-item.highlight.current-menu-ancestor > .menu-item-link {
	background: var(--sddc-btn2-hover);
}

.site-header .nav-header .sub-menu {
	background: var(--sub-menu-background-color);
	border: 1px solid var(--sddc-border);
	border-radius: var(--sddc-radius-sm);
	width: max-content;
	max-width: 280px;
}

/* Keep Each Submenu Item On A Single Line Instead Of Wrapping Mid-Label */
.site-header .nav-header .sub-menu .menu-item-link {
	white-space: nowrap;
}

/* Submenu Item Hover/Focus Text — Set Directly From Our Own Cold-Palette Tokens
   Instead Of Relying On Mai Engine's --menu-item-link-color-hover, Which We Only
   Ever Defined Inside The Light-Mode Override Block. In Dark Mode That Token Was
   Simply Unset, So Hovering A Submenu Item Fell Back To A Low-Contrast Default
   Grey Against The Dark Submenu Background — Nearly Unreadable. This Covers Both
   Themes Explicitly. */
.site-header .nav-header .sub-menu .menu-item-link:hover,
.site-header .nav-header .sub-menu .menu-item-link:focus-visible,
.site-header .nav-header .sub-menu .current-menu-item > .menu-item-link,
.site-header .nav-header .sub-menu .current-menu-ancestor > .menu-item-link,
.mobile-menu .sub-menu .current-menu-item > .menu-item-link,
.mobile-menu .sub-menu .current-menu-ancestor > .menu-item-link {
	color: var(--sddc-text) !important;
	background: var(--sddc-btn2-hover);
}

/* Separate The WordPress Admin Bar From The Site Header Below It — Both Render
   Dark/Black And Otherwise Run Together With No Visible Seam */
body.admin-bar #wpadminbar {
	box-shadow: 0 1px 0 rgba(215, 221, 229, 0.18), 0 6px 14px rgba(0, 0, 0, 0.35);
}

.sddc-tools {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	margin-left: var(--spacing-md);
	padding-left: var(--spacing-md);
	border-left: 1px solid var(--sddc-border);
	color: inherit;
}

.sddc-tools--mobile {
	border-left: 0;
	padding-left: 0;
	margin-left: auto;
	order: 98;
}

@media (min-width: 1000px) {
	.sddc-tools--mobile {
		display: none;
	}
}

@media (max-width: 999px) {
	.sddc-tools--desktop {
		display: none;
	}

	.header-section-mobile {
		order: 99;
		flex: 0 0 auto;
	}
}

@media (max-width: 479px) {
	.title-area .site-title,
	.title-area .site-description {
		display: none;
	}
}

button.sddc-icon-button {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid transparent;
	border-radius: var(--sddc-pill);
	color: inherit;
	cursor: pointer;
	transition: background-color var(--sddc-ease), border-color var(--sddc-ease);
}

button.sddc-icon-button:hover {
	background: var(--sddc-btn2-hover);
	border-color: var(--sddc-border);
}

.sddc-icon-button svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.sddc-theme-toggle .sddc-sun,
html[data-sddc-theme='light'] .sddc-theme-toggle .sddc-moon {
	display: none;
}

html[data-sddc-theme='light'] .sddc-theme-toggle .sddc-sun {
	display: block;
}

.sddc-lang ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 2px;
	border: 1px solid var(--sddc-border);
	border-radius: var(--sddc-pill);
}

.sddc-lang li {
	margin: 0;
	list-style: none;
}

.sddc-lang a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 38px;
	padding: 0 0.5rem;
	border-radius: var(--sddc-pill);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	color: inherit;
}

.sddc-lang a[aria-current='true'] {
	background: var(--sddc-btn-bg);
	color: var(--sddc-btn-fg);
}

.sddc-lang a:not([aria-current='true']):hover {
	background: var(--sddc-btn2-hover);
}

/* 4. Search Dialog */
.sddc-search-dialog {
	box-sizing: border-box;
	width: min(640px, calc(100% - 2rem));
	margin: 12vh auto auto;
	padding: 0;
	border: 1px solid var(--sddc-border-strong);
	border-radius: var(--sddc-radius);
	background: var(--sddc-surface);
	color: var(--sddc-text);
}

.sddc-search-dialog::backdrop {
	background: rgba(11, 15, 20, 0.72);
}

.sddc-search-dialog__inner {
	position: relative;
	padding: clamp(1.25rem, 3vw, 2rem);
}

.sddc-search-dialog__title {
	margin: 0 3rem 1rem 0;
	font-size: 1.25rem;
	color: var(--sddc-text);
}

.sddc-search-dialog__close {
	position: absolute !important;
	top: 0.75rem;
	right: 0.75rem;
}

.sddc-search-panel {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.sddc-search-panel input[type='search'] {
	flex: 1;
	min-width: 0;
	min-height: 48px;
	padding: 0 1.25rem;
	border: 1px solid var(--sddc-border-strong);
	border-radius: var(--sddc-pill);
	background: var(--sddc-bg);
	color: var(--sddc-text);
	font-size: 1rem;
	box-shadow: none;
}

/* 5. Buttons */
.wp-block-button__link,
.wp-element-button,
.button,
.search-form-submit,
.sddc-search-submit,
.nf-form-cont input[type='submit'],
.nf-form-cont input[type='button'] {
	border-radius: var(--sddc-pill) !important;
}

/* COHERENT DEFAULT HOVER LOGIC FOR EVERY NATIVE BUTTON, SO VISITORS GET ONE
   CONSISTENT RULE RATHER THAN A DIFFERENT TREATMENT PER BUTTON:
   — PRIMARY (SOLID, E.G. "EXPLORE DOCUMENTATION"): ON HOVER THE BACKGROUND
     BECOMES THE CORPORATE BLUE ACCENT, NOT JUST A DARKER/LIGHTER SHADE OF
     ITS OWN COLOR.
   — OUTLINE (GHOST, BORDER ONLY): THE BORDER COLOR IS ALREADY THE BUTTON'S
     OWN currentColor; ON HOVER THE BACKGROUND FILLS WITH THAT SAME COLOR,
     AND THE TEXT FLIPS TO THE PAGE BACKGROUND COLOR SO IT STAYS READABLE
     ON TOP OF ITS NOW-SOLID FILL. */
.wp-block-button.is-style-primary .wp-block-button__link,
.sddc-search-submit,
.nf-form-cont input[type='submit'] {
	background: var(--sddc-btn-bg);
	color: var(--sddc-btn-fg);
	border: 1px solid transparent;
	text-decoration: none;
	transition: background-color var(--sddc-ease), border-color var(--sddc-ease), color var(--sddc-ease);
}

.wp-block-button.is-style-primary .wp-block-button__link:hover,
.sddc-search-submit:hover,
.nf-form-cont input[type='submit']:hover {
	background: var(--sddc-accent);
	color: #fff;
	border-color: var(--sddc-accent);
	filter: none;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--sddc-btn2-fg);
	border: 2px solid currentColor;
	text-decoration: none;
	transition: background-color var(--sddc-ease), border-color var(--sddc-ease), color var(--sddc-ease);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--sddc-btn2-fg);
	color: var(--sddc-bg);
	border-color: var(--sddc-btn2-fg);
}

.wp-block-button__link:active,
.sddc-search-submit:active {
	transform: translateY(1px);
}

.wp-block-button__link[disabled],
.wp-block-button__link[aria-disabled='true'],
.sddc-search-submit[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.sddc-search-submit {
	all: unset;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 1.5rem;
	border-radius: var(--sddc-pill);
	background: var(--sddc-btn-bg);
	color: var(--sddc-btn-fg);
	font-weight: 600;
	cursor: pointer;
}

/* 6. Sections */
.sddc-section {
	padding-block: var(--sddc-section-y);
	background: var(--sddc-bg);
	color: var(--sddc-text);
}

.sddc-section > :not(.wp-block-group__inner-container),
.sddc-section > .wp-block-group__inner-container > * {
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
	max-width: none;
	margin-inline: auto;
}

.sddc-section--alt {
	background: var(--sddc-band);
	border-block: 0;
}

.sddc-section h2 {
	font-size: clamp(1.375rem, 2.6vw, 1.75rem);
	line-height: 1.25;
	margin: 0.5rem 0 1rem;
	color: var(--sddc-text);
}

.sddc-section h3 {
	font-size: 1.125rem;
	line-height: 1.3;
	margin: 0 0 0.5rem;
	color: var(--sddc-text);
}

.sddc-section p {
	color: var(--sddc-text-2);
}

.sddc-head {
	margin-bottom: clamp(2rem, 4vw, 3rem) !important;
}

.sddc-head > * {
	max-width: 46rem;
}

.sddc-kicker {
	display: block;
	margin: 0 0 0.25rem;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sddc-text-2);
}

.sddc-lead {
	font-size: clamp(1.0625rem, 1.6vw, 1.25rem);
	line-height: 1.6;
}

.wp-block-columns.sddc-cols {
	gap: 1.25rem;
	flex-wrap: wrap !important;
	margin-bottom: 0;
}

.sddc-cols > .wp-block-column {
	flex: 1 1 min(100%, 230px) !important;
	min-width: 0;
}

.sddc-cols--3 > .wp-block-column {
	flex-basis: min(100%, 300px) !important;
}

.sddc-cols--2 > .wp-block-column {
	flex-basis: min(100%, 440px) !important;
}

.sddc-card {
	position: relative;
	padding: clamp(1.25rem, 2.5vw, 1.75rem);
	border: 1px solid var(--sddc-border);
	border-radius: var(--sddc-radius);
	background: var(--sddc-card);
	transition: border-color var(--sddc-ease), background-color var(--sddc-ease);
}

.sddc-card:hover {
	border-color: var(--sddc-border-strong);
	background: var(--sddc-card-hover);
}

.sddc-card p:last-child {
	margin-bottom: 0;
}

/* ICONS ARE GLYPH-ONLY SITE-WIDE — NO FRAME, NO FILLED BACKGROUND SHAPE
   BEHIND THEM — AND SIZED UP FOR PRESENCE */
.sddc-ico {
	position: relative;
	width: 60px;
	height: 60px;
	margin-bottom: 1rem;
	border: 0;
	border-radius: 0;
	background: none;
	color: var(--sddc-text);
}

/* The Mai Engine Icon Block Nested Inside Our Wrapper Sets Its Own display:block Inline Style — !important Is Required To Beat It So Only Our Single ::before Glyph Shows, Never Two Icons Stacked */
.sddc-ico .mai-icon {
	display: none !important;
}

.sddc-ico::before {
	content: '';
	position: absolute;
	inset: 10px;
	background: currentColor;
	-webkit-mask: var(--sddc-ico) center / contain no-repeat;
	mask: var(--sddc-ico) center / contain no-repeat;
}

.sddc-ico-plug { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M20.46,45.97h21.88c.23,0,.46.03.67.09l3.44,1.04c.18.05.29-.04.34-.1.06-.05.14-.17.07-.34l-1.17-3.12c-.09-.26-.14-.54-.14-.82v-11.27c0-1.66-1.35-3.01-3.01-3.01h-22.08c-1.66,0-3.01,1.35-3.01,3.01v11.51c0,1.66,1.35,3.01,3.01,3.01ZM37.39,33.87c-.31-.46-.18-1.08.28-1.39.46-.3,1.08-.18,1.39.28l2.57,3.89c.23.34.23.77,0,1.11l-2.57,3.89c-.2.29-.52.45-.84.45-.19,0-.38-.06-.55-.17-.46-.31-.59-.93-.28-1.39l2.21-3.33-2.21-3.34ZM28.88,42.22l3.33-10.63c.13-.42.52-.7.95-.7.1,0,.2.02.3.05.53.16.82.73.66,1.25l-3.33,10.63c-.13.42-.53.7-.95.7-.1,0-.2-.02-.3-.05-.53-.16-.82-.73-.66-1.25ZM21.36,36.65l2.58-3.89c.31-.46.93-.58,1.39-.28.46.31.58.93.28,1.39l-2.21,3.34,2.21,3.33c.3.46.18,1.08-.28,1.39-.17.11-.36.17-.55.17-.33,0-.65-.16-.84-.45l-2.58-3.89c-.22-.34-.22-.77,0-1.11ZM8,52.65h48c2.21,0,4-1.8,4-4v-26.83l-56,.1v26.73c0,2.2,1.79,4,4,4ZM15.45,31.45c0-2.76,2.25-5.01,5.01-5.01h22.08c2.76,0,5.01,2.25,5.01,5.01v11.27s0,.08.02.12l1.17,3.11c.31.84.13,1.77-.48,2.42-.45.48-1.07.74-1.7.74-.23,0-.46-.03-.68-.1l-3.44-1.03h-21.98c-2.76-.01-5.01-2.26-5.01-5.02v-11.51ZM60,15.35c0-2.2-1.79-4-4-4H8c-2.21,0-4,1.8-4,4v4.57l56-.1v-4.47ZM42.4,16.76h-2.2c-.55,0-1-.44-1-1s.45-1,1-1h2.2c.55,0,1,.45,1,1s-.45,1-1,1ZM47.9,16.76h-2.2c-.55,0-1-.44-1-1s.45-1,1-1h2.2c.55,0,1,.45,1,1s-.45,1-1,1ZM53.4,16.76h-2.2c-.55,0-1-.44-1-1s.45-1,1-1h2.2c.55,0,1,.45,1,1s-.45,1-1,1Z%27/%3E%3C/svg%3E'); }
.sddc-ico-calendar { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M58.16,47.55H5.84c-1.01,0-1.84.83-1.84,1.84v1.31c0,2.29,1.87,4.16,4.16,4.16h47.68c2.29,0,4.16-1.87,4.16-4.16v-1.31c0-1.01-.83-1.84-1.84-1.84ZM34.21,52.21h-4.42c-.55,0-1-.45-1-1s.45-1,1-1h4.42c.55,0,1,.44,1,1s-.45,1-1,1ZM28.66,24.57v12.54c0,1.1-.9,2-2,2h-5.41c-1.1,0-2-.9-2-2v-12.54c0-1.1.9-2,2-2h5.41c1.1,0,2,.9,2,2ZM46.44,16.02h-28.88c-2.76,0-5,2.24-5,5v24.53h38.88v-24.53c0-2.76-2.24-5-5-5ZM30.66,37.11c0,2.2-1.79,4-4,4h-5.41c-2.21,0-4-1.8-4-4v-12.54c0-2.2,1.79-4,4-4h5.41c2.21,0,4,1.8,4,4v12.54ZM45.57,41.11h-9.37c-.56,0-1-.45-1-1s.44-1,1-1h9.37c.55,0,1,.44,1,1s-.45,1-1,1ZM45.57,35.21h-9.37c-.56,0-1-.44-1-1s.44-1,1-1h9.37c.55,0,1,.45,1,1s-.45,1-1,1ZM45.57,29.32h-9.37c-.56,0-1-.45-1-1s.44-1,1-1h9.37c.55,0,1,.45,1,1s-.45,1-1,1ZM45.57,23.43h-9.37c-.56,0-1-.45-1-1s.44-1,1-1h9.37c.55,0,1,.45,1,1s-.45,1-1,1ZM53.44,45.55v-24.53c0-3.86-3.14-7-7-7h-28.88c-3.86,0-7,3.14-7,7v24.53h-3.56V15.45c0-2.76,2.24-5,5-5h40c2.76,0,5,2.24,5,5v30.1h-3.56Z%27/%3E%3C/svg%3E'); }
.sddc-ico-search { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M9.1,46.37c-.45-.24-.89-.53-1.31-.84v-2.62c0-3.35,2.73-6.08,6.09-6.08h2.74c3.36,0,6.09,2.73,6.09,6.08v2.62c-.42.31-.86.59-1.32.84l-1.08-4.76c-.12-.54-.66-.87-1.2-.76-.54.13-.87.66-.75,1.2l1.17,5.17c-1.36.5-2.81.76-4.28.76s-2.93-.25-4.29-.75l1.16-5.18c.12-.54-.22-1.07-.75-1.19-.54-.13-1.08.21-1.2.75l-1.07,4.76ZM15.25,34.41c2.22,0,4.03-1.8,4.03-4.03s-1.81-4.02-4.03-4.02-4.03,1.8-4.03,4.02,1.81,4.03,4.03,4.03ZM4,21.92l23.79-.04v30.77H8c-2.21,0-4-1.8-4-4v-26.73ZM5.79,46.02c0,.31.14.59.38.78.94.75,1.98,1.38,3.07,1.88.02.01.04.02.06.03.08.05.16.08.24.1.01.01.02.01.03.01,1.78.76,3.72,1.16,5.68,1.16s3.95-.41,5.76-1.19c.05-.01.1-.04.15-.06.02-.01.05-.03.07-.04,1.1-.5,2.15-1.13,3.1-1.89.24-.19.38-.47.38-.78v-3.11c0-3.66-2.45-6.76-5.8-7.75,1.44-1.09,2.37-2.83,2.37-4.78,0-3.32-2.7-6.02-6.03-6.02s-6.03,2.7-6.03,6.02c0,1.95.93,3.68,2.37,4.78-3.35.99-5.8,4.09-5.8,7.75v3.11ZM60,15.35v4.47l-31.21.06-24.79.04v-4.57c0-2.2,1.79-4,4-4h48c2.21,0,4,1.8,4,4ZM43.4,15.76c0-.55-.45-1-1-1h-2.2c-.55,0-1,.45-1,1s.45,1,1,1h2.2c.55,0,1-.44,1-1ZM48.9,15.76c0-.55-.45-1-1-1h-2.2c-.55,0-1,.45-1,1s.45,1,1,1h2.2c.55,0,1-.44,1-1ZM54.4,15.76c0-.55-.45-1-1-1h-2.2c-.55,0-1,.45-1,1s.45,1,1,1h2.2c.55,0,1-.44,1-1ZM29.79,21.87l30.21-.05v26.83c0,2.2-1.79,4-4,4h-26.21v-30.78ZM55.41,46.78c0-.55-.45-.99-1-.99l-18.08.08c-.55,0-1,.45-1,1,.01.55.45,1,1,1h.01l18.08-.08c.55,0,1-.45.99-1.01ZM55.39,40.45c-.01-.55-.45-.99-1-.99h-.01l-18.08.08c-.55,0-1,.45-.99,1,0,.55.44,1,1,1l18.08-.08c.55,0,1-.46,1-1.01ZM55.36,34.12c0-.56-.45-1-1-1h-.01l-18.08.08c-.55,0-.99.45-.99,1.01s.45.99,1,.99l18.08-.08c.56,0,1-.45,1-1ZM35.25,27.87c0,.55.45,1,1,1l18.08-.08c.56-.01,1-.46,1-1.01s-.45-.99-1-.99l-18.09.08c-.55,0-.99.45-.99,1Z%27/%3E%3C/svg%3E'); }
.sddc-ico-bolt { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M40.98,48.5c-1.17,0-2.25-.39-3.12-1.06v3.63c0,1.8,1.46,3.25,3.25,3.25h15.64c1.79,0,3.25-1.45,3.25-3.25v-3.63c-.86.67-1.94,1.06-3.12,1.06h-15.9ZM51.53,52.74h-4.99c-.55,0-1-.45-1-1s.45-1,1-1h4.99c.55,0,1,.44,1,1s-.45,1-1,1ZM60,24.4v18.98c0,1.72-1.4,3.12-3.12,3.12h-15.9c-1.72,0-3.12-1.4-3.12-3.12v-6.65s.01-.07.01-.1,0-.07-.01-.1v-12.13c0-1.72,1.4-3.11,3.12-3.11h15.9c1.72,0,3.12,1.39,3.12,3.11ZM60,19.53v.82c-.86-.67-1.94-1.06-3.12-1.06h-15.9c-1.17,0-2.25.39-3.12,1.07v-.83c0-1.79,1.46-3.25,3.25-3.25h15.64c1.79,0,3.25,1.46,3.25,3.25ZM35.86,35.63H4V11.98c0-1.27,1.03-2.31,2.31-2.31h40.96c1.27,0,2.3,1.04,2.3,2.31v2.3h-8.46c-2.89,0-5.25,2.36-5.25,5.25v16.1ZM21.14,50.9h14.63s.06,0,.09.01v.16c0,.86.21,1.67.58,2.38-.02.08-.03.16-.03.24,0,.35-.29.64-.64.64h-17.97c-.35,0-.64-.29-.64-.64v-2.15c0-.36.29-.64.64-.64h3.34ZM4,40.58v-2.95h31.86v5.25H6.31c-1.28,0-2.31-1.03-2.31-2.3ZM31.43,44.89v4.01h-9.29v-4.01h9.29Z%27/%3E%3C/svg%3E'); }
.sddc-ico-globe { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M26.4,56.62h14.13c.55,0,1,.45,1,1v1.38c0,.55-.45,1-1,1h-17.06c-.55,0-1-.45-1-1v-1.38c0-.55.45-1,1-1h2.93ZM27.4,50.67v3.95h9.2v-3.95h-9.2ZM54.57,46.39v-2.91H9.43v2.91c0,1.26,1.02,2.28,2.28,2.28h40.58c1.26,0,2.28-1.02,2.28-2.28ZM21.78,30.95c0,.79.64,1.44,1.43,1.44s1.44-.65,1.44-1.44-.65-1.43-1.44-1.43-1.43.64-1.43,1.43ZM30.68,36.46c0,.79.64,1.43,1.43,1.43s1.43-.64,1.43-1.43-.64-1.43-1.43-1.43-1.43.64-1.43,1.43ZM42.68,30.95c0-.79-.64-1.43-1.43-1.43s-1.43.64-1.43,1.43.64,1.44,1.43,1.44,1.43-.65,1.43-1.44ZM54.57,18.05c0-1.26-1.02-2.28-2.28-2.28h-5.17c-.49,2.25-2.5,3.94-4.88,3.94h-4.47c-.08.5-.24.98-.44,1.42.02.04.04.08.06.12l1.55,3.56,2.76,2.75c1.68.21,2.98,1.65,2.98,3.39,0,1.9-1.54,3.44-3.43,3.44s-3.43-1.54-3.43-3.44c0-1.2.62-2.26,1.57-2.87l-1.99-1.99c-.09-.09-.16-.19-.21-.31l-1.22-2.79c-.78.74-1.77,1.25-2.86,1.46v8.73c1.4.43,2.43,1.74,2.43,3.28,0,1.89-1.54,3.43-3.43,3.43s-3.43-1.54-3.43-3.43c0-1.54,1.03-2.85,2.43-3.28v-8.69c-.96-.14-1.84-.52-2.58-1.08l-.39,1.43c-.05.16-.14.32-.26.44l-2.8,2.8c.94.61,1.57,1.67,1.57,2.87,0,1.9-1.55,3.44-3.44,3.44s-3.43-1.54-3.43-3.44c0-1.74,1.31-3.18,2.99-3.4l3.51-3.5.67-2.4c-.36-.59-.6-1.24-.72-1.94h-5.68c-2.08,0-3.78-1.7-3.78-3.79,0-.05,0-.1.01-.15h-5.07c-1.26,0-2.28,1.02-2.28,2.28v23.43h45.14v-23.43ZM35.86,18.71h0c0-2.13-1.73-3.86-3.86-3.86s-3.86,1.73-3.86,3.85h0c.01,2.1,1.68,3.8,3.76,3.85.07-.01.14-.02.21-.02.05,0,.11,0,.16.02,2-.14,3.58-1.81,3.59-3.84ZM20.85,14.16c-.1-.01-.19-.03-.3-.03-.73,0-1.37.45-1.64,1.09-.09.22-.14.45-.14.7,0,.98.8,1.79,1.78,1.79h5.68c.47-2.76,2.88-4.86,5.77-4.86s5.3,2.1,5.77,4.86h4.47c1.63,0,2.96-1.32,2.99-2.94v-.06c0-1.64-1.31-2.97-2.94-3-.37.04-.64-.09-.85-.32-.19-.21-.28-.49-.25-.77.03-.24.05-.49.05-.74,0-3.24-2.64-5.88-5.88-5.88-2.54,0-4.78,1.62-5.58,4.04-.09.28-.3.5-.57.61-.28.11-.58.1-.84-.04-.63-.33-1.34-.5-2.04-.5-2.4,0-4.36,1.96-4.36,4.36,0,.19.02.38.04.56.05.32-.06.64-.29.87-.23.22-.55.32-.87.26Z%27/%3E%3C/svg%3E'); }
.sddc-ico-cart { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M46.2,45.67c1.56,0,2.83,1.27,2.83,2.83s-1.27,2.83-2.83,2.83-2.83-1.27-2.83-2.83,1.27-2.83,2.83-2.83ZM40.24,35.35v3.1c0,.23.08.45.22.63l3.94,4.94c.56-.23,1.16-.35,1.8-.35.17,0,.33.01.49.02l-4.45-5.59v-3.99c-.63.45-1.3.87-2,1.24ZM16.31,19.69c0-8.65,7.04-15.69,15.69-15.69s15.69,7.04,15.69,15.69c0,5.49-2.84,10.34-7.13,13.14-2.46,1.61-5.41,2.55-8.56,2.55s-6.1-.94-8.56-2.55c-4.29-2.8-7.13-7.65-7.13-13.14ZM22.09,27.7l9.49,4.09s.04.02.07.03c.04.02.09.03.13.04.07.02.15.03.22.03s.15-.01.22-.03c.06,0,.12-.02.17-.05l.06-.02,9.46-4.09c1.04-.45,1.71-1.47,1.71-2.6v-10.77c0-.58-.26-1.12-.71-1.48-.08-.13-.2-.24-.34-.32l-8.85-4.67c-1.1-.49-2.35-.49-3.5.03l-8.67,4.64c-.09.05-.16.1-.23.16-.02.01-.05.03-.07.04-.54.36-.87.96-.87,1.6v10.77c0,1.14.67,2.16,1.71,2.6ZM33,29.37l8.12-3.5c.3-.14.5-.44.5-.77v-10.64l-8.62,3.72v11.19ZM39.52,13.18l-6.68-3.52c-.51-.23-1.17-.23-1.74.03l-6.57,3.51,7.47,3.23,7.52-3.25ZM28.98,57.17c0,1.56,1.27,2.83,2.83,2.83s2.83-1.27,2.83-2.83-1.27-2.83-2.83-2.83-2.83,1.27-2.83,2.83ZM32.81,52.45v-15.09c-.27.01-.54.02-.81.02-.4,0-.8-.01-1.19-.04v15.11c.32-.07.66-.11,1-.11s.68.04,1,.11ZM22.88,25.87l8.12,3.5v-11.19l-8.62-3.72v10.64c0,.34.2.64.5.77ZM21.76,38.1l-4.45,5.59c.16-.01.32-.02.49-.02.64,0,1.24.12,1.8.35l3.94-4.94c.14-.18.22-.4.22-.63v-3.1c-.7-.37-1.37-.79-2-1.24v3.99ZM17.8,51.33c1.56,0,2.83-1.27,2.83-2.83s-1.27-2.83-2.83-2.83-2.83,1.27-2.83,2.83,1.27,2.83,2.83,2.83Z%27/%3E%3C/svg%3E'); }
.sddc-ico-image { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M11.42,22.58c0-1.77,1.44-3.22,3.22-3.22.19,0,.37.03.55.06.31.05.64-.04.87-.27.23-.22.33-.54.29-.86-.05-.33-.07-.64-.07-.93,0-3.93,3.2-7.13,7.13-7.13,1.14,0,2.29.28,3.32.82.26.14.57.15.84.04.27-.11.48-.33.57-.61,1.28-3.88,4.88-6.48,8.96-6.48,5.2,0,9.43,4.23,9.43,9.43,0,.4-.04.79-.08,1.17-.03.28.06.56.25.77.19.21.46.33.74.33.04,0,.09,0,.14-.01,2.76.03,5,2.29,5,5.06s-2.27,5.07-5.05,5.07h-7.23c-.49-4.15-4.03-7.37-8.3-7.37s-7.81,3.22-8.3,7.37h-9.06c-1.78,0-3.22-1.45-3.22-3.24ZM45.24,43.88c0,1.44,1.17,2.62,2.61,2.62s2.62-1.18,2.62-2.62-1.17-2.62-2.62-2.62-2.61,1.18-2.61,2.62ZM41.22,42.88c-1.54,0-2.79-1.25-2.79-2.79v-7.94c-.57.68-1.24,1.28-2,1.75v6.19c0,2.64,2.15,4.79,4.79,4.79h2.13c-.07-.32-.11-.66-.11-1s.04-.68.11-1h-2.13ZM38.36,26.82h0c0-3.52-2.85-6.37-6.36-6.37s-6.36,2.85-6.36,6.36h0c0,1.76.71,3.35,1.86,4.5.03.03.07.06.1.09,1.15,1.1,2.69,1.78,4.4,1.78,3.51,0,6.35-2.85,6.36-6.36ZM29.38,57.38c0,1.45,1.18,2.62,2.62,2.62s2.62-1.17,2.62-2.62-1.18-2.61-2.62-2.61-2.62,1.17-2.62,2.61ZM33,52.88v-17.76c-.33.04-.66.06-1,.06s-.67-.02-1-.06v17.76c.32-.07.66-.11,1-.11s.68.04,1,.11ZM23.09,44.88c2.64,0,4.79-2.15,4.79-4.79v-6c-.75-.43-1.42-.96-2-1.59v7.59c0,1.54-1.25,2.79-2.79,2.79h-2.13c.07.32.11.66.11,1s-.04.68-.11,1h2.13ZM13.84,43.88c0,1.44,1.17,2.62,2.62,2.62s2.61-1.18,2.61-2.62-1.17-2.62-2.61-2.62-2.62,1.18-2.62,2.62Z%27/%3E%3C/svg%3E'); }
.sddc-ico-sliders { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M41.3,56.32c1.94,0,3.51-1.57,3.51-3.5s-1.46-3.4-3.3-3.5l-2.71-.98-1.51-3.46c-.02-.05-.05-.1-.09-.15-.03.97-.45,1.83-1.1,2.42l1.04,2.38c.11.26.31.45.57.54l1.02.37c-.59.62-.94,1.46-.94,2.38,0,1.93,1.58,3.5,3.51,3.5ZM41.3,51.31c.83,0,1.51.67,1.51,1.51s-.68,1.5-1.51,1.5-1.51-.67-1.51-1.5.68-1.51,1.51-1.51ZM41.3,7.68c-1.93,0-3.51,1.57-3.51,3.5,0,1.02.44,1.94,1.13,2.57l-2.15,1.06c-.25.12-.44.35-.52.63l-.34,1.23c.78.6,1.29,1.55,1.3,2.61.06-.09.1-.18.13-.29l.72-2.59,3.51-1.72c1.81-.14,3.24-1.65,3.24-3.5s-1.57-3.5-3.51-3.5ZM41.3,12.69c-.83,0-1.51-.67-1.51-1.51s.68-1.5,1.51-1.5,1.51.67,1.51,1.5-.68,1.51-1.51,1.51ZM19.19,11.18c0,1.87,1.46,3.4,3.3,3.5l2.71.98,1.51,3.46s.05.1.09.15c.02-.98.44-1.83,1.09-2.43l-1.03-2.37c-.11-.26-.31-.45-.57-.54l-1.02-.37c.59-.62.94-1.46.94-2.38,0-1.93-1.58-3.5-3.51-3.5s-3.51,1.57-3.51,3.5ZM22.7,9.68c.83,0,1.51.67,1.51,1.5s-.68,1.51-1.51,1.51-1.51-.67-1.51-1.51.68-1.5,1.51-1.5ZM32.12,9.02c.35,0,.69-.05,1-.15v7.11h-2v-7.11c.32.1.65.15,1,.15ZM31.88,54.98c-.35,0-.69.05-1,.15v-7.13h2v7.13c-.32-.1-.65-.15-1-.15ZM27.75,48.56l.35-1.25c-.78-.59-1.29-1.53-1.31-2.59-.06.09-.1.18-.13.29l-.72,2.59-3.51,1.72c-1.81.14-3.24,1.65-3.24,3.5s1.57,3.5,3.51,3.5,3.51-1.57,3.51-3.5c0-1.02-.44-1.94-1.13-2.57l2.15-1.06c.25-.12.44-.35.52-.63ZM22.7,54.32c-.83,0-1.51-.67-1.51-1.5s.68-1.51,1.51-1.51,1.51.67,1.51,1.51-.68,1.5-1.51,1.5ZM33.38,58.49c0,.83-.67,1.51-1.5,1.51s-1.51-.68-1.51-1.51.67-1.51,1.51-1.51,1.5.68,1.5,1.51ZM35.21,44.67c0-1.32.68-2.45,1.77-3,.32-.17.63-.34.93-.54,1.02-.65,2.33-.67,3.41-.05.36.21.72.26,1.06.16.35-.09.63-.31.81-.61l1.88-3.27c.18-.3.23-.66.14-1-.1-.35-.32-.63-.62-.81-1.14-.66-1.77-1.84-1.71-3.12,0-.15.01-.29.01-.44s-.01-.29-.01-.44c-.06-1.28.57-2.46,1.65-3.09.69-.39.91-1.21.54-1.84l-1.88-3.26c-.18-.31-.46-.53-.81-.62-.34-.09-.7-.05-1,.13-1.14.66-2.45.63-3.47-.02-.3-.19-.61-.37-.93-.53-1.09-.56-1.77-1.69-1.77-2.94,0-.8-.59-1.4-1.33-1.4h-3.76c-.74,0-1.33.6-1.33,1.33,0,1.32-.68,2.45-1.77,3.01-.32.16-.63.34-.93.53-1.02.65-2.33.68-3.41.05-.36-.21-.72-.25-1.06-.16-.35.09-.63.31-.81.62l-1.88,3.26c-.37.63-.15,1.45.48,1.81,1.14.66,1.77,1.84,1.71,3.12,0,.15-.01.29-.01.44s.01.29.01.44c.06,1.28-.57,2.46-1.65,3.09-.36.21-.58.49-.68.84-.09.34-.04.7.14,1l1.88,3.27c.18.3.46.52.81.61.34.09.7.05,1-.13.56-.32,1.16-.48,1.75-.48s1.2.17,1.72.5c.3.2.61.37.93.54,1.09.55,1.77,1.68,1.77,2.93,0,.8.59,1.4,1.33,1.4h3.76c.74,0,1.33-.6,1.33-1.33ZM36.76,28.44c.06-.24.2-.45.42-.6.46-.3,1.08-.18,1.38.28l2.2,3.32c.11.16.16.36.16.55s-.05.39-.16.55l-2.2,3.32c-.19.29-.51.45-.83.45-.19,0-.38-.06-.55-.17-.46-.31-.59-.93-.28-1.39l1.83-2.76-1.83-2.76c-.16-.24-.2-.53-.14-.79ZM26.82,36.14c-.17.11-.36.17-.55.17-.32,0-.64-.16-.83-.45l-2.2-3.32c-.11-.16-.16-.36-.16-.55s.05-.39.16-.55l2.2-3.32c.3-.46.92-.58,1.38-.28.46.31.59.93.28,1.39l-1.83,2.76,1.83,2.76c.11.17.17.36.17.55,0,.33-.16.64-.45.84ZM31.54,36.82c-.14.43-.53.7-.96.7-.1,0-.2-.02-.3-.05-.52-.16-.82-.72-.65-1.25l.05-.17,2.78-8.88c.17-.53.73-.83,1.26-.66.52.16.82.73.65,1.25l-2.83,9.06ZM32.12,7.02c-.83,0-1.5-.68-1.5-1.51s.67-1.51,1.5-1.51,1.51.68,1.51,1.51-.67,1.51-1.51,1.51Z%27/%3E%3C/svg%3E'); }
.sddc-ico-book { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M32.96,3v6.96h-2V3c0-.55.45-1,1-1s1,.45,1,1ZM11.5,24.46h5.76c-.14-.66-.14-1.34,0-2h-5.76c-.55,0-1,.45-1,1s.45,1,1,1ZM17.49,38.93c.25,0,.51-.1.71-.3l4.4-4.39-1.03-1.8-4.79,4.78c-.39.39-.39,1.02,0,1.41.2.2.45.3.71.3ZM16.79,8.29c-.39.39-.39,1.02,0,1.41l4.78,4.78,1.03-1.8-4.39-4.39c-.4-.39-1.03-.39-1.42,0ZM30.96,43.62c.53-.08,1.21-.16,2-.23v-6.43h-2v6.66ZM53.42,23.46c0-.55-.44-1-1-1h-5.74c.13.66.13,1.34,0,2h5.74c.56,0,1-.45,1-1ZM47.14,9.7c.39-.39.39-1.02,0-1.41s-1.03-.39-1.42,0l-4.39,4.39,1.03,1.8,4.78-4.78ZM46.43,38.93c.26,0,.51-.1.71-.3.39-.39.39-1.02,0-1.41l-4.78-4.77-1.03,1.79,4.39,4.39c.2.2.45.3.71.3ZM36.87,34.96h-9.81c-1.07,0-2.07-.58-2.6-1.5l-.81-1.4-4.1-7.1c-.27-.46-.4-.98-.4-1.5s.13-1.04.4-1.5l4.1-7.1.81-1.4c.53-.92,1.53-1.5,2.6-1.5h9.81c1.07,0,2.07.58,2.6,1.5l.81,1.4,4.1,7.1c.26.46.4.98.4,1.5s-.14,1.04-.4,1.5l-4.1,7.1-.81,1.4c-.53.92-1.53,1.5-2.6,1.5ZM36.67,30.18c1.12.65,2.57.26,3.22-.87l1.11-1.91c.31-.55.4-1.18.23-1.79-.16-.61-.55-1.12-1.13-1.46-.12-.06-.19-.2-.18-.36.01-.11.01-.22.01-.33s0-.22-.01-.33c-.01-.16.06-.3.21-.38,1.13-.65,1.52-2.1.87-3.23l-1.11-1.91c-.31-.55-.82-.94-1.43-1.1-.61-.17-1.25-.08-1.83.25-.12.07-.25.07-.35,0-.22-.14-.44-.27-.68-.39-.1-.05-.17-.17-.17-.35,0-1.3-1.06-2.36-2.36-2.36h-2.21c-1.3,0-2.36,1.06-2.36,2.4,0,.14-.07.26-.18.31-.23.12-.45.25-.67.39-.1.06-.24.06-.39-.02-.54-.32-1.18-.41-1.79-.24-.61.16-1.12.55-1.43,1.1l-1.11,1.91c-.65,1.13-.26,2.58.9,3.25.12.06.19.2.18.36-.01.11-.01.22-.01.33s0,.22.01.33c.01.16-.06.3-.21.38-.55.32-.94.83-1.1,1.44-.17.61-.08,1.24.23,1.79l1.11,1.91c.65,1.13,2.09,1.52,3.26.85.11-.07.25-.07.35-.01.22.14.44.27.68.39.1.05.17.17.17.35,0,1.3,1.06,2.36,2.36,2.36h2.21c1.3,0,2.36-1.06,2.36-2.4,0-.14.07-.26.17-.31.23-.12.46-.25.68-.39.1-.06.24-.06.39.03ZM37.63,28.43c-.77-.45-1.7-.43-2.43.04-.16.1-.33.2-.51.29-.78.4-1.26,1.2-1.26,2.13,0,.2-.16.36-.36.36h-2.21c-.2,0-.36-.16-.36-.4,0-.89-.49-1.69-1.27-2.09-.17-.09-.34-.19-.5-.29-.38-.24-.8-.36-1.23-.36s-.84.11-1.24.34c-.17.1-.39.04-.49-.14l-1.1-1.91c-.07-.11-.06-.22-.04-.28.01-.05.05-.15.2-.23.77-.45,1.22-1.29,1.18-2.19-.01-.08-.01-.16-.01-.24s0-.16.01-.23c.04-.91-.41-1.75-1.21-2.21-.18-.1-.24-.33-.13-.5l1.1-1.91c.06-.11.16-.16.22-.17.05-.01.16-.03.31.05.76.45,1.7.43,2.43-.04.16-.1.33-.2.5-.29.78-.39,1.27-1.2,1.27-2.13,0-.2.16-.36.36-.36h2.21c.2,0,.36.16.36.4,0,.89.49,1.7,1.26,2.09.18.09.35.19.51.29.73.47,1.67.49,2.47.03.11-.07.21-.05.27-.04.05.01.15.06.22.17l1.1,1.91c.1.17.04.4-.16.51-.77.45-1.22,1.29-1.18,2.19.01.08.01.16.01.24s0,.16-.01.24c-.04.9.41,1.74,1.21,2.21.11.06.16.16.17.21.01.06.03.17-.04.28l-1.1,1.91c-.1.18-.32.24-.53.12ZM36.4,23.46c0-2.45-1.99-4.44-4.44-4.44s-4.43,1.99-4.43,4.44,1.99,4.44,4.43,4.44,4.44-1.99,4.44-4.44ZM31.96,21.02c-1.34,0-2.43,1.1-2.43,2.44s1.09,2.44,2.43,2.44,2.44-1.09,2.44-2.44-1.09-2.44-2.44-2.44ZM56.21,49.71l-3.2-2.5c-2.43-1.9-5.44-2.84-8.5-2.65-7.76.46-12.87.88-14.04,1.16-.73.18-1.54,1.14-1.54,2.25-.01,1.28,1.06,2.24,3.01,2.71,5.5,1.31,10.41,1.55,10.46,1.56.55.02.98.49.95,1.04-.02.55-.51,1-1.04.95-.21-.01-5.15-.25-10.84-1.61-1.91-.46-3.3-1.39-4.01-2.62-2.65.44-5.42,0-7.81-1.26l-10.1-5.3c-.79-.42-1.79-.26-2.42.37-.08.08-.15.16-.21.25-.68.96-.47,2.23.47,2.9l13.58,9.72c1.8,1.29,3.98,1.99,6.21,1.95l15.05-.2c.08-.01.15-.01.22-.01,2.06,0,4.07.43,5.96,1.28,1.29.58,2.74.32,3.71-.66l4.4-4.44c.66-.66,1.01-1.58.95-2.52-.06-.93-.52-1.8-1.26-2.37Z%27/%3E%3C/svg%3E'); }
.sddc-ico-chat { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M62,10.4c0,.55-.45,1-1,1h-13.73c-.55,0-1-.45-1-1s.45-1,1-1h13.73c.55,0,1,.45,1,1ZM61,14.79h-16.12c-.56,0-1,.45-1,1s.44,1,1,1h16.12c.55,0,1-.45,1-1s-.45-1-1-1ZM61,4.01h-11.33c-.56,0-1,.45-1,1s.44,1,1,1h11.33c.55,0,1-.44,1-1s-.45-1-1-1ZM61,20.5h-15.73c-1.75,0-3.32.96-4.1,2.52l-5.86,11.6c.79-.24,1.62-.39,2.47-.45l5.17-10.25c.45-.88,1.33-1.42,2.32-1.42h15.73c.55,0,1-.45,1-1s-.45-1-1-1ZM21.05,31.57l4.47,8.84c.85.06,1.7.24,2.5.53l-5.19-10.27c-.78-1.55-2.35-2.52-4.09-2.52H3c-.55,0-1,.45-1,1s.45,1,1,1h15.74c.98,0,1.87.54,2.31,1.42ZM3,24.44h16.12c.56,0,1-.45,1-1s-.44-1-1-1H3c-.55,0-1,.45-1,1s.45,1,1,1ZM3,19.05h13.73c.55,0,1-.44,1-1s-.45-1-1-1H3c-.55,0-1,.45-1,1s.45,1,1,1ZM3,13.67h11.33c.56,0,1-.45,1-1s-.44-1-1-1H3c-.55,0-1,.44-1,1s.45,1,1,1ZM49.03,47.85c-.29.01-.6-.1-.8-.31-.2-.22-.33-.51-.29-.81.05-.43.07-.8.07-1.14,0-5.21-4.23-9.45-9.44-9.45-.77,0-1.52.09-2.24.27-.02.01-.05.02-.08.02-3.08.77-5.62,3.07-6.65,6.2-.08.24-.24.43-.45.55l1.73,3.43c.25.49.05,1.1-.44,1.35-.15.07-.3.1-.45.1-.37,0-.72-.2-.89-.55l-2.48-4.92c-.57-.14-1.16-.21-1.76-.21-3.94,0-7.14,3.2-7.14,7.14,0,.28.02.58.07.94.04.31-.07.63-.3.85-.23.22-.55.32-.86.27-.18-.04-.36-.06-.55-.06-1.78,0-3.23,1.45-3.23,3.23s1.45,3.24,3.23,3.24h32.93c2.8,0,5.07-2.28,5.07-5.07s-2.26-5.06-5.05-5.07Z%27/%3E%3C/svg%3E'); }
.sddc-ico-code { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M26.49,16.99v2.49h-2v-1.98l-2.83-2.02c.11.01.23.02.34.02.8,0,1.55-.26,2.15-.69l1.92,1.36c.26.19.42.49.42.82ZM31.13,9.26v10.22h2v-10.22c-.32.09-.65.14-1,.14s-.68-.05-1-.14ZM37.93,16.17c-.26.19-.42.49-.42.82v2.49h2v-1.98l2.83-2.02c-.11.01-.23.02-.34.02-.8,0-1.55-.26-2.15-.69l-1.92,1.36ZM46.5,24.49h-2.26v2h2.77c.33,0,.63-.16.82-.42l1.36-1.92c-.43-.6-.69-1.35-.69-2.15,0-.11.01-.23.02-.34l-2.02,2.83ZM44.24,31.13v2h10.5c-.09-.32-.14-.65-.14-1s.05-.68.15-1h-10.51ZM47.83,37.93c-.19-.26-.49-.42-.82-.42h-2.77v2h2.26l2.02,2.83c-.01-.11-.02-.23-.02-.34,0-.8.26-1.55.69-2.15l-1.36-1.92ZM37.51,43.97v3.04c0,.33.16.63.42.82l1.92,1.36c.6-.43,1.35-.69,2.15-.69.11,0,.23.01.34.02l-2.83-2.02v-2.53h-2ZM32.87,54.75v-10.78h-2v10.77c.32-.09.65-.14,1-.14s.68.05,1,.15ZM21.66,48.52c.11,0,.23-.02.34-.02.8,0,1.55.26,2.15.69l1.92-1.36c.26-.19.42-.49.42-.82v-3.04h-2v2.53l-2.83,2.02ZM16.17,37.93l-1.36,1.92c.43.6.69,1.35.69,2.15,0,.11-.01.23-.02.34l2.02-2.83h2.26v-2h-2.77c-.33,0-.63.16-.82.42ZM19.76,32.87v-2h-10.5c.09.32.14.65.14,1s-.05.68-.14,1h10.5ZM16.17,26.07c.19.26.49.42.82.42h2.77v-2h-2.26l-2.02-2.83c.01.11.02.23.02.34,0,.8-.26,1.55-.69,2.15l1.36,1.92ZM11.8,23.69c.94,0,1.7-.76,1.7-1.69h0c-.01-.95-.76-1.7-1.7-1.7s-1.7.76-1.7,1.7.77,1.69,1.7,1.69ZM7.4,31.87c0-.94-.77-1.7-1.7-1.7s-1.7.76-1.7,1.7.76,1.69,1.7,1.69,1.7-.76,1.7-1.69ZM13.5,42.01h0c0-.94-.76-1.7-1.7-1.7s-1.7.76-1.7,1.69.77,1.7,1.7,1.7,1.69-.75,1.7-1.69ZM22,53.9c.93,0,1.69-.77,1.69-1.7s-.76-1.7-1.69-1.7-1.7.76-1.7,1.7.76,1.7,1.7,1.7ZM30.17,58.3c0,.94.76,1.7,1.7,1.7s1.69-.76,1.69-1.7-.76-1.7-1.69-1.7-1.7.77-1.7,1.7ZM40.31,52.2c0,.93.76,1.7,1.69,1.7s1.7-.77,1.7-1.7-.76-1.7-1.7-1.7-1.69.76-1.69,1.7ZM52.2,40.31c-.94,0-1.7.76-1.7,1.69h0c.01.95.76,1.7,1.7,1.7s1.7-.76,1.7-1.7-.77-1.69-1.7-1.69ZM58.3,30.44c-.93,0-1.7.76-1.7,1.69s.77,1.7,1.7,1.7,1.7-.76,1.7-1.7-.76-1.69-1.7-1.69ZM53.9,22c0-.94-.77-1.7-1.7-1.7s-1.69.75-1.7,1.69h0c0,.94.76,1.7,1.7,1.7s1.7-.76,1.7-1.69ZM42,10.1c-.93,0-1.69.77-1.69,1.7s.76,1.7,1.69,1.7,1.7-.76,1.7-1.7-.76-1.7-1.7-1.7ZM33.83,5.7c0-.94-.76-1.7-1.7-1.7s-1.69.76-1.69,1.7.76,1.7,1.69,1.7,1.7-.77,1.7-1.7ZM22,10.1c-.94,0-1.7.77-1.7,1.7s.76,1.7,1.7,1.7,1.69-.76,1.69-1.7-.76-1.7-1.69-1.7ZM25.49,21.48h14.75c1.11,0,2,.9,2,2v16.49c0,1.1-.89,2-2,2h-16.48c-1.11,0-2-.9-2-2v-16.49c0-1.1.89-2,2-2h1.73ZM27.36,38.5c0-.55-.45-1-1-1h-.72c-.55,0-1,.45-1,1s.45,1,1,1h.72c.55,0,1-.45,1-1ZM36.64,25.5c0,.55.45,1,1,1h.72c.55,0,1-.45,1-1s-.45-1-1-1h-.72c-.55,0-1,.45-1,1ZM36.64,38.5c0,.55.45,1,1,1h.72c.55,0,1-.45,1-1s-.45-1-1-1h-.72c-.55,0-1,.45-1,1ZM25.64,24.5c-.55,0-1,.45-1,1s.45,1,1,1h.72c.55,0,1-.45,1-1s-.45-1-1-1h-.72Z%27/%3E%3C/svg%3E'); }
.sddc-ico-branch { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M31.57,33.04s0-.1-.01-.16v-5.96c.28.04.58.06.87.06.39,0,.76-.03,1.13-.1v9.93c-.32-.09-.65-.14-1-.14s-.68.05-.99.14v-3.77ZM42.77,32.52c-.94,0-1.71.77-1.71,1.72s.77,1.72,1.71,1.72,1.72-.77,1.72-1.72-.77-1.72-1.72-1.72ZM22.61,35.96c.95,0,1.72-.77,1.72-1.72s-.77-1.72-1.72-1.72-1.71.77-1.71,1.72.77,1.72,1.71,1.72ZM32.56,38.67c-.95,0-1.72.77-1.72,1.72s.77,1.72,1.72,1.72h.01c.95-.01,1.71-.77,1.71-1.72s-.76-1.71-1.71-1.72h-.01ZM49.37,30.06v18.71c0,.29-.13.56-.36.75-.13.11-.4.28-.78.2-1.09-.21-2.15-.35-3.22-.43-4.67-.35-6.12.58-7.96,1.74-.61.39-1.23.78-2.07,1.18-.44.22-.82.04-.96-.04-.13-.09-.45-.34-.45-.81v-7.4c1.56-.43,2.71-1.87,2.71-3.57s-1.15-3.14-2.71-3.57v-3.78c0-.35.18-.67.49-.84.82-.47,1.48-.96,2.11-1.44.85-.64,1.64-1.24,2.75-1.67l-.37-.37c-.09-.09-.16-.19-.21-.31l-.46-1.06-.96-2.2c.55-.54,1.01-1.18,1.33-1.89.05.06.08.12.11.18l1.44,3.32.3.68,1.12,1.12c.87-.11,1.91-.13,3.16-.06,1.4.08,2.83.28,4.25.6.43.1.74.5.74.96ZM46.49,34.24c0-1.9-1.42-3.47-3.27-3.69-.15-.02-.3-.03-.45-.03-.7,0-1.34.19-1.89.52-1.09.65-1.82,1.84-1.82,3.2,0,2.05,1.66,3.72,3.71,3.72s3.72-1.67,3.72-3.72ZM10.56,35.47c-.36.08-.62.41-.62.78v17.79c0,.44.36.8.79.8,6.33.04,11.71.55,16.94,1.6.89.19,1.63.8,2.04,1.7.51,1.13,1.63,1.86,2.85,1.86s2.36-.74,2.85-1.88c.41-.91,1.16-1.53,2.06-1.73,4.8-.93,9.1-1.51,15.8-1.55.44,0,.79-.36.79-.8v-17.79c0-.37-.26-.7-.6-.78-.33-.08-1.22-.17-2.09-.25v13.55c0,.89-.4,1.73-1.09,2.3-.68.56-1.57.78-2.44.62-1.01-.2-1.98-.33-2.97-.4-4.02-.3-5.1.39-6.75,1.43-.62.4-1.33.85-2.27,1.3-.41.2-.86.3-1.3.3-.56,0-1.1-.16-1.59-.46-.14-.08-.27-.18-.38-.29-.12.1-.25.2-.39.29-.48.3-1.03.46-1.58.46-.44,0-.89-.1-1.31-.3-.74-.36-1.36-.71-1.96-1.05-2.09-1.16-3.59-2-7.92-1.68-.99.07-1.99.2-2.97.4-.88.17-1.77-.06-2.46-.63-.68-.57-1.08-1.4-1.08-2.29v-13.59c-.95.1-1.99.2-2.35.29ZM15.65,29.1c1.44-.33,2.83-.52,4.26-.6,1.68-.09,3.01-.02,4.13.18l1.68-1.67.43-.43.77-2.76c.4.7.94,1.31,1.58,1.8l-.49,1.75c-.05.16-.13.3-.24.42l-.02.02-1.5,1.5c1.13.45,2.04,1.06,3,1.71.58.39,1.18.8,1.85,1.18.26.14.43.4.46.68v3.93c-1.57.44-2.72,1.88-2.72,3.58s1.16,3.15,2.73,3.58v7.39c0,.47-.31.72-.44.81-.29.18-.64.2-.96.04-.69-.33-1.28-.66-1.86-.98-2.2-1.24-4.11-2.31-9.03-1.94-1.07.08-2.16.22-3.22.43-.38.08-.66-.09-.79-.2-.23-.19-.36-.46-.36-.75v-14.6c.01-.06.01-.13,0-.2v-3.91c0-.46.31-.86.74-.96ZM18.9,34.24c0,2.05,1.66,3.72,3.71,3.72s3.72-1.67,3.72-3.72c0-1.36-.73-2.55-1.82-3.19-.55-.34-1.2-.53-1.9-.53-.15,0-.3.01-.44.03-1.84.21-3.27,1.79-3.27,3.69ZM32.31,24.97c.08-.02.16-.03.25-.03.07,0,.14.01.21.02,2.29-.17,4.09-2.09,4.09-4.41,0-2.44-1.98-4.43-4.43-4.43s-4.42,1.99-4.42,4.43,1.91,4.36,4.3,4.42ZM36.19,4c-2.89,0-5.44,1.85-6.35,4.59-.09.28-.3.51-.57.62-.27.11-.58.09-.84-.04-.72-.38-1.53-.58-2.33-.58-2.75,0-4.99,2.24-4.99,5,0,.22.02.43.05.64.05.32-.06.64-.29.86-.23.23-.56.33-.87.27-.12-.02-.24-.04-.36-.04-1.16,0-2.11.95-2.11,2.11s.95,2.12,2.11,2.12h6.45c.48-3.07,3.14-5.43,6.34-5.43s5.87,2.36,6.35,5.43h5.1c1.91,0,3.46-1.55,3.46-3.47s-1.52-3.43-3.4-3.46c-.38.04-.65-.09-.86-.32-.19-.21-.28-.49-.26-.77.03-.28.06-.56.06-.84,0-3.69-3-6.69-6.69-6.69Z%27/%3E%3C/svg%3E'); }
.sddc-ico-user { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M20.41,52.39c.16.82.5,1.56.98,2.19h-13.38c-2.21,0-4.01-1.8-4.01-4.01v-4.66c1.03.91,2.38,1.46,3.85,1.46h11.63l.55,2.99h-5.63c-.55,0-1,.44-1,1s.45,1,1,1h5.88s.08,0,.12-.01v.04ZM32.61,43.42h-5.62c-.47,0-.85.38-.85.85v2.18c0,.47.38.85.85.85h5.62c.47,0,.85-.38.85-.85v-2.18c0-.47-.38-.85-.85-.85ZM26.58,13.31c1.48,0,2.82.54,3.85,1.45v-1.34c0-2.2-1.79-4-4-4H8.01c-2.21,0-4.01,1.8-4.01,4v1.34c1.03-.91,2.38-1.45,3.85-1.45h18.73ZM56.88,29.65h-15.74c-1.07,0-2.09-.32-2.95-.93l-5.76-4.04v8.32l5.24,3.69c.53.37,1.15.57,1.8.57h15.73c1.2,0,2.32.41,3.22,1.15l1.44-4.71c.29-.96.12-1.98-.48-2.78-.6-.81-1.51-1.27-2.5-1.27ZM58,40.99c.35.71.43,1.53.19,2.31l-2.76,9.07c-.41,1.32-1.61,2.21-3,2.21h-26.98c-1.51,0-2.8-1.07-3.07-2.56l-1.08-5.85-1.64-8.83c-.17-.91.07-1.85.67-2.57.59-.71,1.47-1.12,2.4-1.12h6.15c.65,0,1.27.19,1.8.57l.04.02.19.14,5.61,3.95c.86.61,1.88.93,2.95.93h15.73c1,0,1.91.46,2.51,1.27.08.12.16.24.23.36.02.03.03.07.06.1ZM35.46,44.27c0-1.57-1.28-2.85-2.85-2.85h-5.62c-1.57,0-2.85,1.28-2.85,2.85v2.18c0,1.57,1.28,2.85,2.85,2.85h5.62c1.57,0,2.85-1.28,2.85-2.85v-2.18ZM52.2,50.39c0-.55-.45-1-1-1h-9.26c-.55,0-1,.45-1,1s.45,1,1,1h9.26c.55,0,1-.45,1-1ZM7.85,45.37h11.26l-1.42-7.66c-.28-1.51.12-3.04,1.1-4.22.98-1.17,2.42-1.84,3.94-1.84h6.15c.53,0,1.05.08,1.55.24v-12.73c0-2.12-1.72-3.85-3.85-3.85H7.85c-2.12,0-3.85,1.73-3.85,3.85v22.36c0,2.12,1.73,3.85,3.85,3.85Z%27/%3E%3C/svg%3E'); }

/* 7. Home */
.sddc-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-block: clamp(4.5rem, 11vw, 8.5rem);
}

.sddc-hero::before,
.sddc-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}

.sddc-hero::before {
	background-image: linear-gradient(var(--sddc-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--sddc-grid-line) 1px, transparent 1px);
	background-size: 56px 56px;
	-webkit-mask-image: radial-gradient(ellipse at 15% 10%, #000 0%, transparent 70%);
	mask-image: radial-gradient(ellipse at 15% 10%, #000 0%, transparent 70%);
}

.sddc-hero::after {
	background: radial-gradient(ellipse 60% 55% at 12% 0%, var(--sddc-glow), transparent 70%);
}

.sddc-hero h1 {
	max-width: 22ch;
	margin: 1rem 0 1.25rem;
	font-size: clamp(1.625rem, 3.8vw, 2.8125rem);
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--sddc-text);
}

.sddc-hero .sddc-lead {
	max-width: 42rem;
	font-size: clamp(1rem, 1.4vw, 1.125rem);
	line-height: 1.625;
}

.sddc-hero .wp-block-buttons {
	margin: 2rem 0 1.5rem;
	gap: 0.75rem;
}

.sddc-badge {
	display: inline-flex !important;
	align-items: center;
	gap: 0.5rem;
	width: auto !important;
	margin: 0 !important;
	padding: 0.3rem 0.85rem;
	border: 1px solid var(--sddc-border-strong);
	border-radius: var(--sddc-pill);
	font-size: 0.8125rem;
	color: var(--sddc-text-2);
}

.sddc-badge::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.sddc-byline {
	font-size: 0.875rem;
	color: var(--sddc-text-2);
}

.sddc-byline a {
	color: var(--sddc-text);
}

.sddc-strip {
	padding-block: 0;
	border-block: 1px solid var(--sddc-border);
}

.sddc-strip .sddc-cols {
	gap: 0;
}

.sddc-strip .wp-block-column {
	padding: 1.5rem 1.25rem;
	border-left: 0;
}

.sddc-strip .wp-block-column:first-child {
	border-left: 0;
}

.sddc-strip-title {
	margin: 0 0 0.25rem;
	font-weight: 600;
	font-size: 0.9375rem;
	color: var(--sddc-text) !important;
}

.sddc-strip-text {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.5;
}

.sddc-principles .wp-block-column {
	padding: 1.25rem 0 0.5rem;
	border-top: 0;
}

.sddc-principles h3 {
	font-size: 1.0625rem;
}

.sddc-step-no {
	margin: 0 0 1rem;
	font-family: var(--code-font-family);
	font-size: 0.875rem;
	letter-spacing: 0.08em;
	color: var(--sddc-text-2) !important;
}

.sddc-link-card h3::after {
	content: '';
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	margin-left: 0.4em;
	vertical-align: -0.1em;
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12h14M13 6l6 6-6 6%27/%3E%3C/svg%3E') center / contain no-repeat;
	mask: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12h14M13 6l6 6-6 6%27/%3E%3C/svg%3E') center / contain no-repeat;
}

.sddc-link-card h3 a {
	text-decoration: none;
	color: inherit;
}

.sddc-link-card h3 a::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: var(--sddc-radius);
}

.sddc-latest .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sddc-latest .wp-block-post {
	margin: 0;
	list-style: none;
}

.sddc-post-card {
	height: 100%;
}

.sddc-post-card .wp-block-post-terms a {
	display: inline-flex;
	padding: 0.15rem 0.65rem;
	border: 1px solid var(--sddc-border-strong);
	border-radius: var(--sddc-pill);
	font-size: 0.75rem;
	text-decoration: none;
	color: var(--sddc-text-2);
}

.sddc-post-card .wp-block-post-title {
	margin: 0.75rem 0 0.5rem;
	font-size: 1.125rem;
	line-height: 1.3;
}

.sddc-post-card .wp-block-post-title a {
	text-decoration: none;
	color: var(--sddc-text);
}

.sddc-post-card .wp-block-post-title a::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: var(--sddc-radius);
}

.sddc-post-card .wp-block-post-terms {
	position: relative;
	z-index: 1;
}

.sddc-post-card .wp-block-post-date {
	font-size: 0.8125rem;
	color: var(--sddc-text-2);
}

.sddc-post-card .wp-block-post-excerpt {
	margin: 0.75rem 0 0;
	font-size: 0.9375rem;
	color: var(--sddc-text-2);
}

.sddc-post-card .wp-block-post-excerpt__more-text {
	display: none;
}

.sddc-author-links .wp-block-buttons {
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.sddc-final {
	margin-block: 0;
}

.sddc-final-box {
	padding: clamp(2rem, 6vw, 4rem);
	border: 1px solid var(--sddc-border-strong);
	border-radius: var(--sddc-radius);
	background: #182638;
	text-align: center;
}

.sddc-final-box h2,
.sddc-final-box p {
	color: #fff !important;
	margin-inline: auto;
	max-width: 40rem;
}

.sddc-final-box .wp-block-buttons {
	justify-content: center;
	margin-top: 1.75rem;
	gap: 0.75rem;
}

.sddc-final-box .is-style-primary .wp-block-button__link {
	background: #fff;
	color: #0b0f14;
}

.sddc-final-box .is-style-primary .wp-block-button__link:hover {
	background: var(--sddc-accent);
	color: #fff;
}

.sddc-final-box .is-style-outline .wp-block-button__link {
	color: #fff;
	border-color: currentColor;
}

.sddc-final-box .is-style-outline .wp-block-button__link:hover {
	background: #fff;
	color: #0b0f14;
	border-color: #fff;
}

/* 8. Legacy Classes Still Used By Existing Pages */
.sddc-grid:not(:has(> .wp-block-group__inner-container)),
.sddc-grid > .wp-block-group__inner-container {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.sddc-before-footer {
	border-top: 1px solid var(--sddc-border);
}

.sddc-before-footer .sddc-h2-line {
	color: var(--sddc-text);
}

.sddc-feature {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	color: var(--sddc-text-2);
	font-size: 0.9375rem;
}

.sddc-feature .sddc-ico {
	width: 28px;
	height: 28px;
	margin: 0;
	border: 0;
}

.sddc-feature .sddc-ico::before {
	inset: 4px;
}

.sddc-ico-clock { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M46.94,20.31c.81.52,1.8.64,2.74.34.07-.02.13-.04.2-.06.18-.07.36-.16.53-.26.63-.37,1.44-.15,1.81.49l1.88,3.26c.37.63.15,1.44-.42,1.77-.02.01-.1.05-.12.07-1.09.63-1.72,1.82-1.65,3.04v.49s0,.42,0,.42c-.07,1.28.56,2.47,1.71,3.14.63.36.85,1.18.48,1.81l-1.87,3.25c-.37.64-1.19.86-1.87.47-.16-.09-.32-.17-.49-.23,0,0,0-.01-.01,0-.96-.38-2.03-.29-2.92.28-.3.19-.61.37-.92.53-1.07.53-1.77,1.69-1.77,3,0,.73-.6,1.33-1.33,1.33h-.94v-6.67c3.62-.48,6.41-3.58,6.41-7.33s-2.79-6.86-6.41-7.34v-6.66h.94c.73,0,1.33.59,1.33,1.39,0,1.26.68,2.38,1.78,2.95.33.16.64.35.91.52ZM15.52,56.75v-6.16c.86.67,1.94,1.07,3.11,1.07h26.74c1.17,0,2.25-.4,3.11-1.07v6.16c0,1.79-1.46,3.25-3.25,3.25h-26.46c-1.79,0-3.25-1.46-3.25-3.25ZM27.54,55.8c0,.56.44,1,1,1h7.23c.55,0,1-.44,1-1s-.45-1-1-1h-7.23c-.56,0-1,.45-1,1ZM45.37,7.23c1.17,0,2.25.39,3.11,1.06v-1.04c0-1.79-1.46-3.25-3.25-3.25h-26.46c-1.79,0-3.25,1.46-3.25,3.25v1.04c.86-.67,1.94-1.06,3.11-1.06h26.74ZM41.98,24.13v10.63c2.5-.46,4.41-2.67,4.41-5.31s-1.91-4.86-4.41-5.32ZM18.63,49.66h26.74c1.71,0,3.11-1.4,3.11-3.12v-6.44c-.16.03-.32.08-.46.17-.36.23-.72.44-1.09.63-.42.21-.68.66-.68,1.15,0,1.91-1.49,3.4-3.33,3.4h-.94v2.48c0,.55-.45,1-1,1s-1-.45-1-1v-9.88h-2.39l-4.41,3.52c-.25,2.01-1.97,3.57-4.05,3.57-2.25,0-4.09-1.83-4.09-4.09s1.84-4.09,4.09-4.09c1.63,0,3.04.96,3.69,2.34l3.8-3.03c.17-.14.39-.22.62-.22h2.74v-5.61h-13.87c-.45,1.78-2.06,3.09-3.97,3.09-2.25,0-4.09-1.83-4.09-4.09s1.84-4.08,4.09-4.08c1.91,0,3.52,1.31,3.96,3.08h13.88v-5.3h-2.74c-.23,0-.45-.07-.62-.22l-3.8-3.03c-.65,1.39-2.06,2.34-3.69,2.34-2.25,0-4.09-1.83-4.09-4.09s1.84-4.09,4.09-4.09c2.09,0,3.81,1.57,4.06,3.58l4.4,3.51h2.39v-9c0-.55.44-1,1-1s1,.45,1,1v1.31h.94c1.84,0,3.33,1.49,3.33,3.32,0,.57.26,1.02.68,1.23.39.19.77.43,1.09.63.14.09.29.15.46.18v-6.46c0-1.72-1.4-3.12-3.11-3.12h-26.74c-1.71,0-3.11,1.4-3.11,3.12v34.19c0,1.72,1.4,3.12,3.11,3.12ZM27.04,41.05c0,1.16.94,2.09,2.09,2.09s2.08-.92,2.09-2.08h0c0-1.16-.93-2.1-2.09-2.1s-2.09.94-2.09,2.09ZM27.04,18.14c0,1.15.94,2.09,2.09,2.09s2.09-.94,2.09-2.09-.93-2.09-2.09-2.09-2.09.94-2.09,2.09ZM20.05,29.44c0,1.16.94,2.09,2.09,2.09s2.09-.93,2.09-2.09-.94-2.08-2.09-2.08-2.09.93-2.09,2.08Z%27/%3E%3C/svg%3E'); }
.sddc-ico-lock { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M41.3,56.32c1.94,0,3.51-1.57,3.51-3.5s-1.46-3.4-3.3-3.5l-2.71-.98-1.51-3.46c-.02-.05-.05-.1-.09-.15-.03.97-.45,1.83-1.1,2.42l1.04,2.38c.11.26.31.45.57.54l1.02.37c-.59.62-.94,1.46-.94,2.38,0,1.93,1.58,3.5,3.51,3.5ZM41.3,51.31c.83,0,1.51.67,1.51,1.51s-.68,1.5-1.51,1.5-1.51-.67-1.51-1.5.68-1.51,1.51-1.51ZM41.3,7.68c-1.93,0-3.51,1.57-3.51,3.5,0,1.02.44,1.94,1.13,2.57l-2.15,1.06c-.25.12-.44.35-.52.63l-.34,1.23c.78.6,1.29,1.55,1.3,2.61.06-.09.1-.18.13-.29l.72-2.59,3.51-1.72c1.81-.14,3.24-1.65,3.24-3.5s-1.57-3.5-3.51-3.5ZM41.3,12.69c-.83,0-1.51-.67-1.51-1.51s.68-1.5,1.51-1.5,1.51.67,1.51,1.5-.68,1.51-1.51,1.51ZM19.19,11.18c0,1.87,1.46,3.4,3.3,3.5l2.71.98,1.51,3.46s.05.1.09.15c.02-.98.44-1.83,1.09-2.43l-1.03-2.37c-.11-.26-.31-.45-.57-.54l-1.02-.37c.59-.62.94-1.46.94-2.38,0-1.93-1.58-3.5-3.51-3.5s-3.51,1.57-3.51,3.5ZM22.7,9.68c.83,0,1.51.67,1.51,1.5s-.68,1.51-1.51,1.51-1.51-.67-1.51-1.51.68-1.5,1.51-1.5ZM32.12,9.02c.35,0,.69-.05,1-.15v7.11h-2v-7.11c.32.1.65.15,1,.15ZM31.88,54.98c-.35,0-.69.05-1,.15v-7.13h2v7.13c-.32-.1-.65-.15-1-.15ZM27.75,48.56l.35-1.25c-.78-.59-1.29-1.53-1.31-2.59-.06.09-.1.18-.13.29l-.72,2.59-3.51,1.72c-1.81.14-3.24,1.65-3.24,3.5s1.57,3.5,3.51,3.5,3.51-1.57,3.51-3.5c0-1.02-.44-1.94-1.13-2.57l2.15-1.06c.25-.12.44-.35.52-.63ZM22.7,54.32c-.83,0-1.51-.67-1.51-1.5s.68-1.51,1.51-1.51,1.51.67,1.51,1.51-.68,1.5-1.51,1.5ZM33.38,58.49c0,.83-.67,1.51-1.5,1.51s-1.51-.68-1.51-1.51.67-1.51,1.51-1.51,1.5.68,1.5,1.51ZM35.21,44.67c0-1.32.68-2.45,1.77-3,.32-.17.63-.34.93-.54,1.02-.65,2.33-.67,3.41-.05.36.21.72.26,1.06.16.35-.09.63-.31.81-.61l1.88-3.27c.18-.3.23-.66.14-1-.1-.35-.32-.63-.62-.81-1.14-.66-1.77-1.84-1.71-3.12,0-.15.01-.29.01-.44s-.01-.29-.01-.44c-.06-1.28.57-2.46,1.65-3.09.69-.39.91-1.21.54-1.84l-1.88-3.26c-.18-.31-.46-.53-.81-.62-.34-.09-.7-.05-1,.13-1.14.66-2.45.63-3.47-.02-.3-.19-.61-.37-.93-.53-1.09-.56-1.77-1.69-1.77-2.94,0-.8-.59-1.4-1.33-1.4h-3.76c-.74,0-1.33.6-1.33,1.33,0,1.32-.68,2.45-1.77,3.01-.32.16-.63.34-.93.53-1.02.65-2.33.68-3.41.05-.36-.21-.72-.25-1.06-.16-.35.09-.63.31-.81.62l-1.88,3.26c-.37.63-.15,1.45.48,1.81,1.14.66,1.77,1.84,1.71,3.12,0,.15-.01.29-.01.44s.01.29.01.44c.06,1.28-.57,2.46-1.65,3.09-.36.21-.58.49-.68.84-.09.34-.04.7.14,1l1.88,3.27c.18.3.46.52.81.61.34.09.7.05,1-.13.56-.32,1.16-.48,1.75-.48s1.2.17,1.72.5c.3.2.61.37.93.54,1.09.55,1.77,1.68,1.77,2.93,0,.8.59,1.4,1.33,1.4h3.76c.74,0,1.33-.6,1.33-1.33ZM36.76,28.44c.06-.24.2-.45.42-.6.46-.3,1.08-.18,1.38.28l2.2,3.32c.11.16.16.36.16.55s-.05.39-.16.55l-2.2,3.32c-.19.29-.51.45-.83.45-.19,0-.38-.06-.55-.17-.46-.31-.59-.93-.28-1.39l1.83-2.76-1.83-2.76c-.16-.24-.2-.53-.14-.79ZM26.82,36.14c-.17.11-.36.17-.55.17-.32,0-.64-.16-.83-.45l-2.2-3.32c-.11-.16-.16-.36-.16-.55s.05-.39.16-.55l2.2-3.32c.3-.46.92-.58,1.38-.28.46.31.59.93.28,1.39l-1.83,2.76,1.83,2.76c.11.17.17.36.17.55,0,.33-.16.64-.45.84ZM31.54,36.82c-.14.43-.53.7-.96.7-.1,0-.2-.02-.3-.05-.52-.16-.82-.72-.65-1.25l.05-.17,2.78-8.88c.17-.53.73-.83,1.26-.66.52.16.82.73.65,1.25l-2.83,9.06ZM32.12,7.02c-.83,0-1.5-.68-1.5-1.51s.67-1.51,1.5-1.51,1.51.68,1.51,1.51-.67,1.51-1.51,1.51Z%27/%3E%3C/svg%3E'); }
.sddc-ico-lang { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M31.57,33.04s0-.1-.01-.16v-5.96c.28.04.58.06.87.06.39,0,.76-.03,1.13-.1v9.93c-.32-.09-.65-.14-1-.14s-.68.05-.99.14v-3.77ZM42.77,32.52c-.94,0-1.71.77-1.71,1.72s.77,1.72,1.71,1.72,1.72-.77,1.72-1.72-.77-1.72-1.72-1.72ZM22.61,35.96c.95,0,1.72-.77,1.72-1.72s-.77-1.72-1.72-1.72-1.71.77-1.71,1.72.77,1.72,1.71,1.72ZM32.56,38.67c-.95,0-1.72.77-1.72,1.72s.77,1.72,1.72,1.72h.01c.95-.01,1.71-.77,1.71-1.72s-.76-1.71-1.71-1.72h-.01ZM49.37,30.06v18.71c0,.29-.13.56-.36.75-.13.11-.4.28-.78.2-1.09-.21-2.15-.35-3.22-.43-4.67-.35-6.12.58-7.96,1.74-.61.39-1.23.78-2.07,1.18-.44.22-.82.04-.96-.04-.13-.09-.45-.34-.45-.81v-7.4c1.56-.43,2.71-1.87,2.71-3.57s-1.15-3.14-2.71-3.57v-3.78c0-.35.18-.67.49-.84.82-.47,1.48-.96,2.11-1.44.85-.64,1.64-1.24,2.75-1.67l-.37-.37c-.09-.09-.16-.19-.21-.31l-.46-1.06-.96-2.2c.55-.54,1.01-1.18,1.33-1.89.05.06.08.12.11.18l1.44,3.32.3.68,1.12,1.12c.87-.11,1.91-.13,3.16-.06,1.4.08,2.83.28,4.25.6.43.1.74.5.74.96ZM46.49,34.24c0-1.9-1.42-3.47-3.27-3.69-.15-.02-.3-.03-.45-.03-.7,0-1.34.19-1.89.52-1.09.65-1.82,1.84-1.82,3.2,0,2.05,1.66,3.72,3.71,3.72s3.72-1.67,3.72-3.72ZM10.56,35.47c-.36.08-.62.41-.62.78v17.79c0,.44.36.8.79.8,6.33.04,11.71.55,16.94,1.6.89.19,1.63.8,2.04,1.7.51,1.13,1.63,1.86,2.85,1.86s2.36-.74,2.85-1.88c.41-.91,1.16-1.53,2.06-1.73,4.8-.93,9.1-1.51,15.8-1.55.44,0,.79-.36.79-.8v-17.79c0-.37-.26-.7-.6-.78-.33-.08-1.22-.17-2.09-.25v13.55c0,.89-.4,1.73-1.09,2.3-.68.56-1.57.78-2.44.62-1.01-.2-1.98-.33-2.97-.4-4.02-.3-5.1.39-6.75,1.43-.62.4-1.33.85-2.27,1.3-.41.2-.86.3-1.3.3-.56,0-1.1-.16-1.59-.46-.14-.08-.27-.18-.38-.29-.12.1-.25.2-.39.29-.48.3-1.03.46-1.58.46-.44,0-.89-.1-1.31-.3-.74-.36-1.36-.71-1.96-1.05-2.09-1.16-3.59-2-7.92-1.68-.99.07-1.99.2-2.97.4-.88.17-1.77-.06-2.46-.63-.68-.57-1.08-1.4-1.08-2.29v-13.59c-.95.1-1.99.2-2.35.29ZM15.65,29.1c1.44-.33,2.83-.52,4.26-.6,1.68-.09,3.01-.02,4.13.18l1.68-1.67.43-.43.77-2.76c.4.7.94,1.31,1.58,1.8l-.49,1.75c-.05.16-.13.3-.24.42l-.02.02-1.5,1.5c1.13.45,2.04,1.06,3,1.71.58.39,1.18.8,1.85,1.18.26.14.43.4.46.68v3.93c-1.57.44-2.72,1.88-2.72,3.58s1.16,3.15,2.73,3.58v7.39c0,.47-.31.72-.44.81-.29.18-.64.2-.96.04-.69-.33-1.28-.66-1.86-.98-2.2-1.24-4.11-2.31-9.03-1.94-1.07.08-2.16.22-3.22.43-.38.08-.66-.09-.79-.2-.23-.19-.36-.46-.36-.75v-14.6c.01-.06.01-.13,0-.2v-3.91c0-.46.31-.86.74-.96ZM18.9,34.24c0,2.05,1.66,3.72,3.71,3.72s3.72-1.67,3.72-3.72c0-1.36-.73-2.55-1.82-3.19-.55-.34-1.2-.53-1.9-.53-.15,0-.3.01-.44.03-1.84.21-3.27,1.79-3.27,3.69ZM32.31,24.97c.08-.02.16-.03.25-.03.07,0,.14.01.21.02,2.29-.17,4.09-2.09,4.09-4.41,0-2.44-1.98-4.43-4.43-4.43s-4.42,1.99-4.42,4.43,1.91,4.36,4.3,4.42ZM36.19,4c-2.89,0-5.44,1.85-6.35,4.59-.09.28-.3.51-.57.62-.27.11-.58.09-.84-.04-.72-.38-1.53-.58-2.33-.58-2.75,0-4.99,2.24-4.99,5,0,.22.02.43.05.64.05.32-.06.64-.29.86-.23.23-.56.33-.87.27-.12-.02-.24-.04-.36-.04-1.16,0-2.11.95-2.11,2.11s.95,2.12,2.11,2.12h6.45c.48-3.07,3.14-5.43,6.34-5.43s5.87,2.36,6.35,5.43h5.1c1.91,0,3.46-1.55,3.46-3.47s-1.52-3.43-3.4-3.46c-.38.04-.65-.09-.86-.32-.19-.21-.28-.49-.26-.77.03-.28.06-.56.06-.84,0-3.69-3-6.69-6.69-6.69Z%27/%3E%3C/svg%3E'); }

/* Icons Added To Break Up Duplicate Icon Usage Across The Home Page (One Glyph Per Distinct Concept) */
.sddc-ico-target { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M10.65,54.41v-1.4c0-.55.45-1,1-1h3.05c.55,0,1,.45,1,1v1.4c0,.55-.45,1-1,1h-3.05c-.55,0-1-.45-1-1ZM56.42,36.22h-16.86v-7.44c0-1.65-1.35-3-3-3h-10.12v-.77c0-.77.6-1.38,1.37-1.38h28.61c.76,0,1.37.62,1.37,1.38v9.84c0,.75-.61,1.37-1.37,1.37ZM53.67,29.92c0-.55-.45-1-1-1h-6.99c-.56,0-1,.45-1,1s.44,1,1,1h6.99c.55,0,1-.44,1-1ZM27.44,4h29.35c.55,0,1,.45,1,1v10.58c0,.55-.45,1-1,1h-29.35c-.55,0-1-.45-1-1V5c0-.55.45-1,1-1ZM44.68,10.29c0,.55.44,1,1,1h6.99c.55,0,1-.45,1-1s-.45-1-1-1h-6.99c-.56,0-1,.45-1,1ZM28.88,10.99c0,1.66,1.35,3,3,3h3.05c1.66,0,3-1.34,3-3v-1.4c0-1.65-1.34-3-3-3h-3.05c-1.65,0-3,1.35-3,3v1.4ZM29.98,18.58v3.05h24.28v-3.05h-24.28ZM6.21,59v-10.58c0-.55.44-1,1-1h29.35c.55,0,1,.45,1,1v10.58c0,.55-.45,1-1,1H7.21c-.56,0-1-.45-1-1ZM24.44,53.71c0,.55.45,1,1,1h6.99c.56,0,1-.45,1-1s-.44-1-1-1h-6.99c-.55,0-1,.45-1,1ZM8.65,54.41c0,1.65,1.35,3,3,3h3.05c1.65,0,3-1.35,3-3v-1.4c0-1.66-1.35-3-3-3h-3.05c-1.65,0-3,1.34-3,3v1.4ZM6.21,39.37v-10.59c0-.55.44-1,1-1h29.35c.55,0,1,.45,1,1v10.59c0,.55-.45,1-1,1H7.21c-.56,0-1-.45-1-1ZM24.44,34.08c0,.55.45,1,1,1h6.99c.56,0,1-.45,1-1s-.44-1-1-1h-6.99c-.55,0-1,.44-1,1ZM8.65,34.78c0,1.65,1.35,3,3,3h3.05c1.65,0,3-1.35,3-3v-1.4c0-1.66-1.35-3-3-3h-3.05c-1.65,0-3,1.34-3,3v1.4ZM31.88,11.99h3.05c.56,0,1-.45,1-1v-1.4c0-.55-.44-1-1-1h-3.05c-.55,0-1,.45-1,1v1.4c0,.55.45,1,1,1ZM34.02,45.42v-3.05H9.74v3.05h24.28ZM11.65,35.78h3.05c.55,0,1-.45,1-1v-1.4c0-.56-.45-1-1-1h-3.05c-.55,0-1,.44-1,1v1.4c0,.55.45,1,1,1Z%27/%3E%3C/svg%3E'); }
.sddc-ico-layers { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M32.96,3v6.96h-2V3c0-.55.45-1,1-1s1,.45,1,1ZM11.5,24.46h5.76c-.14-.66-.14-1.34,0-2h-5.76c-.55,0-1,.45-1,1s.45,1,1,1ZM17.49,38.93c.25,0,.51-.1.71-.3l4.4-4.39-1.03-1.8-4.79,4.78c-.39.39-.39,1.02,0,1.41.2.2.45.3.71.3ZM16.79,8.29c-.39.39-.39,1.02,0,1.41l4.78,4.78,1.03-1.8-4.39-4.39c-.4-.39-1.03-.39-1.42,0ZM30.96,43.62c.53-.08,1.21-.16,2-.23v-6.43h-2v6.66ZM53.42,23.46c0-.55-.44-1-1-1h-5.74c.13.66.13,1.34,0,2h5.74c.56,0,1-.45,1-1ZM47.14,9.7c.39-.39.39-1.02,0-1.41s-1.03-.39-1.42,0l-4.39,4.39,1.03,1.8,4.78-4.78ZM46.43,38.93c.26,0,.51-.1.71-.3.39-.39.39-1.02,0-1.41l-4.78-4.77-1.03,1.79,4.39,4.39c.2.2.45.3.71.3ZM36.87,34.96h-9.81c-1.07,0-2.07-.58-2.6-1.5l-.81-1.4-4.1-7.1c-.27-.46-.4-.98-.4-1.5s.13-1.04.4-1.5l4.1-7.1.81-1.4c.53-.92,1.53-1.5,2.6-1.5h9.81c1.07,0,2.07.58,2.6,1.5l.81,1.4,4.1,7.1c.26.46.4.98.4,1.5s-.14,1.04-.4,1.5l-4.1,7.1-.81,1.4c-.53.92-1.53,1.5-2.6,1.5ZM36.67,30.18c1.12.65,2.57.26,3.22-.87l1.11-1.91c.31-.55.4-1.18.23-1.79-.16-.61-.55-1.12-1.13-1.46-.12-.06-.19-.2-.18-.36.01-.11.01-.22.01-.33s0-.22-.01-.33c-.01-.16.06-.3.21-.38,1.13-.65,1.52-2.1.87-3.23l-1.11-1.91c-.31-.55-.82-.94-1.43-1.1-.61-.17-1.25-.08-1.83.25-.12.07-.25.07-.35,0-.22-.14-.44-.27-.68-.39-.1-.05-.17-.17-.17-.35,0-1.3-1.06-2.36-2.36-2.36h-2.21c-1.3,0-2.36,1.06-2.36,2.4,0,.14-.07.26-.18.31-.23.12-.45.25-.67.39-.1.06-.24.06-.39-.02-.54-.32-1.18-.41-1.79-.24-.61.16-1.12.55-1.43,1.1l-1.11,1.91c-.65,1.13-.26,2.58.9,3.25.12.06.19.2.18.36-.01.11-.01.22-.01.33s0,.22.01.33c.01.16-.06.3-.21.38-.55.32-.94.83-1.1,1.44-.17.61-.08,1.24.23,1.79l1.11,1.91c.65,1.13,2.09,1.52,3.26.85.11-.07.25-.07.35-.01.22.14.44.27.68.39.1.05.17.17.17.35,0,1.3,1.06,2.36,2.36,2.36h2.21c1.3,0,2.36-1.06,2.36-2.4,0-.14.07-.26.17-.31.23-.12.46-.25.68-.39.1-.06.24-.06.39.03ZM37.63,28.43c-.77-.45-1.7-.43-2.43.04-.16.1-.33.2-.51.29-.78.4-1.26,1.2-1.26,2.13,0,.2-.16.36-.36.36h-2.21c-.2,0-.36-.16-.36-.4,0-.89-.49-1.69-1.27-2.09-.17-.09-.34-.19-.5-.29-.38-.24-.8-.36-1.23-.36s-.84.11-1.24.34c-.17.1-.39.04-.49-.14l-1.1-1.91c-.07-.11-.06-.22-.04-.28.01-.05.05-.15.2-.23.77-.45,1.22-1.29,1.18-2.19-.01-.08-.01-.16-.01-.24s0-.16.01-.23c.04-.91-.41-1.75-1.21-2.21-.18-.1-.24-.33-.13-.5l1.1-1.91c.06-.11.16-.16.22-.17.05-.01.16-.03.31.05.76.45,1.7.43,2.43-.04.16-.1.33-.2.5-.29.78-.39,1.27-1.2,1.27-2.13,0-.2.16-.36.36-.36h2.21c.2,0,.36.16.36.4,0,.89.49,1.7,1.26,2.09.18.09.35.19.51.29.73.47,1.67.49,2.47.03.11-.07.21-.05.27-.04.05.01.15.06.22.17l1.1,1.91c.1.17.04.4-.16.51-.77.45-1.22,1.29-1.18,2.19.01.08.01.16.01.24s0,.16-.01.24c-.04.9.41,1.74,1.21,2.21.11.06.16.16.17.21.01.06.03.17-.04.28l-1.1,1.91c-.1.18-.32.24-.53.12ZM36.4,23.46c0-2.45-1.99-4.44-4.44-4.44s-4.43,1.99-4.43,4.44,1.99,4.44,4.43,4.44,4.44-1.99,4.44-4.44ZM31.96,21.02c-1.34,0-2.43,1.1-2.43,2.44s1.09,2.44,2.43,2.44,2.44-1.09,2.44-2.44-1.09-2.44-2.44-2.44ZM56.21,49.71l-3.2-2.5c-2.43-1.9-5.44-2.84-8.5-2.65-7.76.46-12.87.88-14.04,1.16-.73.18-1.54,1.14-1.54,2.25-.01,1.28,1.06,2.24,3.01,2.71,5.5,1.31,10.41,1.55,10.46,1.56.55.02.98.49.95,1.04-.02.55-.51,1-1.04.95-.21-.01-5.15-.25-10.84-1.61-1.91-.46-3.3-1.39-4.01-2.62-2.65.44-5.42,0-7.81-1.26l-10.1-5.3c-.79-.42-1.79-.26-2.42.37-.08.08-.15.16-.21.25-.68.96-.47,2.23.47,2.9l13.58,9.72c1.8,1.29,3.98,1.99,6.21,1.95l15.05-.2c.08-.01.15-.01.22-.01,2.06,0,4.07.43,5.96,1.28,1.29.58,2.74.32,3.71-.66l4.4-4.44c.66-.66,1.01-1.58.95-2.52-.06-.93-.52-1.8-1.26-2.37Z%27/%3E%3C/svg%3E'); }
.sddc-ico-shield { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M20.46,45.97h21.88c.23,0,.46.03.67.09l3.44,1.04c.18.05.29-.04.34-.1.06-.05.14-.17.07-.34l-1.17-3.12c-.09-.26-.14-.54-.14-.82v-11.27c0-1.66-1.35-3.01-3.01-3.01h-22.08c-1.66,0-3.01,1.35-3.01,3.01v11.51c0,1.66,1.35,3.01,3.01,3.01ZM37.39,33.87c-.31-.46-.18-1.08.28-1.39.46-.3,1.08-.18,1.39.28l2.57,3.89c.23.34.23.77,0,1.11l-2.57,3.89c-.2.29-.52.45-.84.45-.19,0-.38-.06-.55-.17-.46-.31-.59-.93-.28-1.39l2.21-3.33-2.21-3.34ZM28.88,42.22l3.33-10.63c.13-.42.52-.7.95-.7.1,0,.2.02.3.05.53.16.82.73.66,1.25l-3.33,10.63c-.13.42-.53.7-.95.7-.1,0-.2-.02-.3-.05-.53-.16-.82-.73-.66-1.25ZM21.36,36.65l2.58-3.89c.31-.46.93-.58,1.39-.28.46.31.58.93.28,1.39l-2.21,3.34,2.21,3.33c.3.46.18,1.08-.28,1.39-.17.11-.36.17-.55.17-.33,0-.65-.16-.84-.45l-2.58-3.89c-.22-.34-.22-.77,0-1.11ZM8,52.65h48c2.21,0,4-1.8,4-4v-26.83l-56,.1v26.73c0,2.2,1.79,4,4,4ZM15.45,31.45c0-2.76,2.25-5.01,5.01-5.01h22.08c2.76,0,5.01,2.25,5.01,5.01v11.27s0,.08.02.12l1.17,3.11c.31.84.13,1.77-.48,2.42-.45.48-1.07.74-1.7.74-.23,0-.46-.03-.68-.1l-3.44-1.03h-21.98c-2.76-.01-5.01-2.26-5.01-5.02v-11.51ZM60,15.35c0-2.2-1.79-4-4-4H8c-2.21,0-4,1.8-4,4v4.57l56-.1v-4.47ZM42.4,16.76h-2.2c-.55,0-1-.44-1-1s.45-1,1-1h2.2c.55,0,1,.45,1,1s-.45,1-1,1ZM47.9,16.76h-2.2c-.55,0-1-.44-1-1s.45-1,1-1h2.2c.55,0,1,.45,1,1s-.45,1-1,1ZM53.4,16.76h-2.2c-.55,0-1-.44-1-1s.45-1,1-1h2.2c.55,0,1,.45,1,1s-.45,1-1,1Z%27/%3E%3C/svg%3E'); }
.sddc-ico-grid { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M26.49,16.99v2.49h-2v-1.98l-2.83-2.02c.11.01.23.02.34.02.8,0,1.55-.26,2.15-.69l1.92,1.36c.26.19.42.49.42.82ZM31.13,9.26v10.22h2v-10.22c-.32.09-.65.14-1,.14s-.68-.05-1-.14ZM37.93,16.17c-.26.19-.42.49-.42.82v2.49h2v-1.98l2.83-2.02c-.11.01-.23.02-.34.02-.8,0-1.55-.26-2.15-.69l-1.92,1.36ZM46.5,24.49h-2.26v2h2.77c.33,0,.63-.16.82-.42l1.36-1.92c-.43-.6-.69-1.35-.69-2.15,0-.11.01-.23.02-.34l-2.02,2.83ZM44.24,31.13v2h10.5c-.09-.32-.14-.65-.14-1s.05-.68.15-1h-10.51ZM47.83,37.93c-.19-.26-.49-.42-.82-.42h-2.77v2h2.26l2.02,2.83c-.01-.11-.02-.23-.02-.34,0-.8.26-1.55.69-2.15l-1.36-1.92ZM37.51,43.97v3.04c0,.33.16.63.42.82l1.92,1.36c.6-.43,1.35-.69,2.15-.69.11,0,.23.01.34.02l-2.83-2.02v-2.53h-2ZM32.87,54.75v-10.78h-2v10.77c.32-.09.65-.14,1-.14s.68.05,1,.15ZM21.66,48.52c.11,0,.23-.02.34-.02.8,0,1.55.26,2.15.69l1.92-1.36c.26-.19.42-.49.42-.82v-3.04h-2v2.53l-2.83,2.02ZM16.17,37.93l-1.36,1.92c.43.6.69,1.35.69,2.15,0,.11-.01.23-.02.34l2.02-2.83h2.26v-2h-2.77c-.33,0-.63.16-.82.42ZM19.76,32.87v-2h-10.5c.09.32.14.65.14,1s-.05.68-.14,1h10.5ZM16.17,26.07c.19.26.49.42.82.42h2.77v-2h-2.26l-2.02-2.83c.01.11.02.23.02.34,0,.8-.26,1.55-.69,2.15l1.36,1.92ZM11.8,23.69c.94,0,1.7-.76,1.7-1.69h0c-.01-.95-.76-1.7-1.7-1.7s-1.7.76-1.7,1.7.77,1.69,1.7,1.69ZM7.4,31.87c0-.94-.77-1.7-1.7-1.7s-1.7.76-1.7,1.7.76,1.69,1.7,1.69,1.7-.76,1.7-1.69ZM13.5,42.01h0c0-.94-.76-1.7-1.7-1.7s-1.7.76-1.7,1.69.77,1.7,1.7,1.7,1.69-.75,1.7-1.69ZM22,53.9c.93,0,1.69-.77,1.69-1.7s-.76-1.7-1.69-1.7-1.7.76-1.7,1.7.76,1.7,1.7,1.7ZM30.17,58.3c0,.94.76,1.7,1.7,1.7s1.69-.76,1.69-1.7-.76-1.7-1.69-1.7-1.7.77-1.7,1.7ZM40.31,52.2c0,.93.76,1.7,1.69,1.7s1.7-.77,1.7-1.7-.76-1.7-1.7-1.7-1.69.76-1.69,1.7ZM52.2,40.31c-.94,0-1.7.76-1.7,1.69h0c.01.95.76,1.7,1.7,1.7s1.7-.76,1.7-1.7-.77-1.69-1.7-1.69ZM58.3,30.44c-.93,0-1.7.76-1.7,1.69s.77,1.7,1.7,1.7,1.7-.76,1.7-1.7-.76-1.69-1.7-1.69ZM53.9,22c0-.94-.77-1.7-1.7-1.7s-1.69.75-1.7,1.69h0c0,.94.76,1.7,1.7,1.7s1.7-.76,1.7-1.69ZM42,10.1c-.93,0-1.69.77-1.69,1.7s.76,1.7,1.69,1.7,1.7-.76,1.7-1.7-.76-1.7-1.7-1.7ZM33.83,5.7c0-.94-.76-1.7-1.7-1.7s-1.69.76-1.69,1.7.76,1.7,1.69,1.7,1.7-.77,1.7-1.7ZM22,10.1c-.94,0-1.7.77-1.7,1.7s.76,1.7,1.7,1.7,1.69-.76,1.69-1.7-.76-1.7-1.69-1.7ZM25.49,21.48h14.75c1.11,0,2,.9,2,2v16.49c0,1.1-.89,2-2,2h-16.48c-1.11,0-2-.9-2-2v-16.49c0-1.1.89-2,2-2h1.73ZM27.36,38.5c0-.55-.45-1-1-1h-.72c-.55,0-1,.45-1,1s.45,1,1,1h.72c.55,0,1-.45,1-1ZM36.64,25.5c0,.55.45,1,1,1h.72c.55,0,1-.45,1-1s-.45-1-1-1h-.72c-.55,0-1,.45-1,1ZM36.64,38.5c0,.55.45,1,1,1h.72c.55,0,1-.45,1-1s-.45-1-1-1h-.72c-.55,0-1,.45-1,1ZM25.64,24.5c-.55,0-1,.45-1,1s.45,1,1,1h.72c.55,0,1-.45,1-1s-.45-1-1-1h-.72Z%27/%3E%3C/svg%3E'); }
.sddc-ico-refresh { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M58.16,47.55H5.84c-1.01,0-1.84.83-1.84,1.84v1.31c0,2.29,1.87,4.16,4.16,4.16h47.68c2.29,0,4.16-1.87,4.16-4.16v-1.31c0-1.01-.83-1.84-1.84-1.84ZM34.21,52.21h-4.42c-.55,0-1-.45-1-1s.45-1,1-1h4.42c.55,0,1,.44,1,1s-.45,1-1,1ZM28.66,24.57v12.54c0,1.1-.9,2-2,2h-5.41c-1.1,0-2-.9-2-2v-12.54c0-1.1.9-2,2-2h5.41c1.1,0,2,.9,2,2ZM46.44,16.02h-28.88c-2.76,0-5,2.24-5,5v24.53h38.88v-24.53c0-2.76-2.24-5-5-5ZM30.66,37.11c0,2.2-1.79,4-4,4h-5.41c-2.21,0-4-1.8-4-4v-12.54c0-2.2,1.79-4,4-4h5.41c2.21,0,4,1.8,4,4v12.54ZM45.57,41.11h-9.37c-.56,0-1-.45-1-1s.44-1,1-1h9.37c.55,0,1,.44,1,1s-.45,1-1,1ZM45.57,35.21h-9.37c-.56,0-1-.44-1-1s.44-1,1-1h9.37c.55,0,1,.45,1,1s-.45,1-1,1ZM45.57,29.32h-9.37c-.56,0-1-.45-1-1s.44-1,1-1h9.37c.55,0,1,.45,1,1s-.45,1-1,1ZM45.57,23.43h-9.37c-.56,0-1-.45-1-1s.44-1,1-1h9.37c.55,0,1,.45,1,1s-.45,1-1,1ZM53.44,45.55v-24.53c0-3.86-3.14-7-7-7h-28.88c-3.86,0-7,3.14-7,7v24.53h-3.56V15.45c0-2.76,2.24-5,5-5h40c2.76,0,5,2.24,5,5v30.1h-3.56Z%27/%3E%3C/svg%3E'); }
.sddc-ico-gauge { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M40.98,48.5c-1.17,0-2.25-.39-3.12-1.06v3.63c0,1.8,1.46,3.25,3.25,3.25h15.64c1.79,0,3.25-1.45,3.25-3.25v-3.63c-.86.67-1.94,1.06-3.12,1.06h-15.9ZM51.53,52.74h-4.99c-.55,0-1-.45-1-1s.45-1,1-1h4.99c.55,0,1,.44,1,1s-.45,1-1,1ZM60,24.4v18.98c0,1.72-1.4,3.12-3.12,3.12h-15.9c-1.72,0-3.12-1.4-3.12-3.12v-6.65s.01-.07.01-.1,0-.07-.01-.1v-12.13c0-1.72,1.4-3.11,3.12-3.11h15.9c1.72,0,3.12,1.39,3.12,3.11ZM60,19.53v.82c-.86-.67-1.94-1.06-3.12-1.06h-15.9c-1.17,0-2.25.39-3.12,1.07v-.83c0-1.79,1.46-3.25,3.25-3.25h15.64c1.79,0,3.25,1.46,3.25,3.25ZM35.86,35.63H4V11.98c0-1.27,1.03-2.31,2.31-2.31h40.96c1.27,0,2.3,1.04,2.3,2.31v2.3h-8.46c-2.89,0-5.25,2.36-5.25,5.25v16.1ZM21.14,50.9h14.63s.06,0,.09.01v.16c0,.86.21,1.67.58,2.38-.02.08-.03.16-.03.24,0,.35-.29.64-.64.64h-17.97c-.35,0-.64-.29-.64-.64v-2.15c0-.36.29-.64.64-.64h3.34ZM4,40.58v-2.95h31.86v5.25H6.31c-1.28,0-2.31-1.03-2.31-2.3ZM31.43,44.89v4.01h-9.29v-4.01h9.29Z%27/%3E%3C/svg%3E'); }
.sddc-ico-translate { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M9.1,46.37c-.45-.24-.89-.53-1.31-.84v-2.62c0-3.35,2.73-6.08,6.09-6.08h2.74c3.36,0,6.09,2.73,6.09,6.08v2.62c-.42.31-.86.59-1.32.84l-1.08-4.76c-.12-.54-.66-.87-1.2-.76-.54.13-.87.66-.75,1.2l1.17,5.17c-1.36.5-2.81.76-4.28.76s-2.93-.25-4.29-.75l1.16-5.18c.12-.54-.22-1.07-.75-1.19-.54-.13-1.08.21-1.2.75l-1.07,4.76ZM15.25,34.41c2.22,0,4.03-1.8,4.03-4.03s-1.81-4.02-4.03-4.02-4.03,1.8-4.03,4.02,1.81,4.03,4.03,4.03ZM4,21.92l23.79-.04v30.77H8c-2.21,0-4-1.8-4-4v-26.73ZM5.79,46.02c0,.31.14.59.38.78.94.75,1.98,1.38,3.07,1.88.02.01.04.02.06.03.08.05.16.08.24.1.01.01.02.01.03.01,1.78.76,3.72,1.16,5.68,1.16s3.95-.41,5.76-1.19c.05-.01.1-.04.15-.06.02-.01.05-.03.07-.04,1.1-.5,2.15-1.13,3.1-1.89.24-.19.38-.47.38-.78v-3.11c0-3.66-2.45-6.76-5.8-7.75,1.44-1.09,2.37-2.83,2.37-4.78,0-3.32-2.7-6.02-6.03-6.02s-6.03,2.7-6.03,6.02c0,1.95.93,3.68,2.37,4.78-3.35.99-5.8,4.09-5.8,7.75v3.11ZM60,15.35v4.47l-31.21.06-24.79.04v-4.57c0-2.2,1.79-4,4-4h48c2.21,0,4,1.8,4,4ZM43.4,15.76c0-.55-.45-1-1-1h-2.2c-.55,0-1,.45-1,1s.45,1,1,1h2.2c.55,0,1-.44,1-1ZM48.9,15.76c0-.55-.45-1-1-1h-2.2c-.55,0-1,.45-1,1s.45,1,1,1h2.2c.55,0,1-.44,1-1ZM54.4,15.76c0-.55-.45-1-1-1h-2.2c-.55,0-1,.45-1,1s.45,1,1,1h2.2c.55,0,1-.44,1-1ZM29.79,21.87l30.21-.05v26.83c0,2.2-1.79,4-4,4h-26.21v-30.78ZM55.41,46.78c0-.55-.45-.99-1-.99l-18.08.08c-.55,0-1,.45-1,1,.01.55.45,1,1,1h.01l18.08-.08c.55,0,1-.45.99-1.01ZM55.39,40.45c-.01-.55-.45-.99-1-.99h-.01l-18.08.08c-.55,0-1,.45-.99,1,0,.55.44,1,1,1l18.08-.08c.55,0,1-.46,1-1.01ZM55.36,34.12c0-.56-.45-1-1-1h-.01l-18.08.08c-.55,0-.99.45-.99,1.01s.45.99,1,.99l18.08-.08c.56,0,1-.45,1-1ZM35.25,27.87c0,.55.45,1,1,1l18.08-.08c.56-.01,1-.46,1-1.01s-.45-.99-1-.99l-18.09.08c-.55,0-.99.45-.99,1Z%27/%3E%3C/svg%3E'); }
.sddc-ico-filetext { --sddc-ico: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M11.42,22.58c0-1.77,1.44-3.22,3.22-3.22.19,0,.37.03.55.06.31.05.64-.04.87-.27.23-.22.33-.54.29-.86-.05-.33-.07-.64-.07-.93,0-3.93,3.2-7.13,7.13-7.13,1.14,0,2.29.28,3.32.82.26.14.57.15.84.04.27-.11.48-.33.57-.61,1.28-3.88,4.88-6.48,8.96-6.48,5.2,0,9.43,4.23,9.43,9.43,0,.4-.04.79-.08,1.17-.03.28.06.56.25.77.19.21.46.33.74.33.04,0,.09,0,.14-.01,2.76.03,5,2.29,5,5.06s-2.27,5.07-5.05,5.07h-7.23c-.49-4.15-4.03-7.37-8.3-7.37s-7.81,3.22-8.3,7.37h-9.06c-1.78,0-3.22-1.45-3.22-3.24ZM45.24,43.88c0,1.44,1.17,2.62,2.61,2.62s2.62-1.18,2.62-2.62-1.17-2.62-2.62-2.62-2.61,1.18-2.61,2.62ZM41.22,42.88c-1.54,0-2.79-1.25-2.79-2.79v-7.94c-.57.68-1.24,1.28-2,1.75v6.19c0,2.64,2.15,4.79,4.79,4.79h2.13c-.07-.32-.11-.66-.11-1s.04-.68.11-1h-2.13ZM38.36,26.82h0c0-3.52-2.85-6.37-6.36-6.37s-6.36,2.85-6.36,6.36h0c0,1.76.71,3.35,1.86,4.5.03.03.07.06.1.09,1.15,1.1,2.69,1.78,4.4,1.78,3.51,0,6.35-2.85,6.36-6.36ZM29.38,57.38c0,1.45,1.18,2.62,2.62,2.62s2.62-1.17,2.62-2.62-1.18-2.61-2.62-2.61-2.62,1.17-2.62,2.61ZM33,52.88v-17.76c-.33.04-.66.06-1,.06s-.67-.02-1-.06v17.76c.32-.07.66-.11,1-.11s.68.04,1,.11ZM23.09,44.88c2.64,0,4.79-2.15,4.79-4.79v-6c-.75-.43-1.42-.96-2-1.59v7.59c0,1.54-1.25,2.79-2.79,2.79h-2.13c.07.32.11.66.11,1s-.04.68-.11,1h2.13ZM13.84,43.88c0,1.44,1.17,2.62,2.62,2.62s2.61-1.18,2.61-2.62-1.17-2.62-2.61-2.62-2.62,1.18-2.62,2.62Z%27/%3E%3C/svg%3E'); }

/* 9. Footer */
.site-footer {
	background: var(--sddc-bg);
	color: var(--sddc-text);
	border-top: 1px solid var(--sddc-border);
}

.sddc-footer {
	padding-block: clamp(2.5rem, 6vw, 4rem);
	background: var(--sddc-bg);
	color: var(--sddc-text);
}

.sddc-footer > :not(.wp-block-group__inner-container),
.sddc-footer > .wp-block-group__inner-container > * {
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
	margin-inline: auto;
}

.sddc-footer h2,
.sddc-footer h3 {
	margin: 0 0 0.75rem;
	font-family: var(--body-font-family);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sddc-text-2);
}

.sddc-footer p {
	color: var(--sddc-text-2);
	font-size: 0.9375rem;
}

.sddc-footer a {
	color: var(--sddc-text);
	text-decoration: none;
}

.sddc-footer a:hover {
	text-decoration: underline;
}

.sddc-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sddc-footer li {
	margin: 0 0 0.5rem;
	list-style: none;
}

/* Match The Header's .title-area Logo + Title + Tagline Treatment Exactly
   (Same Logo Size, Same Type Scale) Instead Of The Larger, Differently-Sized
   Version This Block Had Drifted To On Its Own. THE ACTUAL LOGO + TEXT ROW
   IS ONE LEVEL DEEPER, INSIDE .sddc-brand'S OWN .wp-block-group__inner-
   container — THE FLEX HAS TO LAND THERE, NOT ON .sddc-brand ITSELF (WHICH
   HAS ONLY THAT ONE CHILD), OR THE LOGO AND TEXT KEEP STACKING VERTICALLY
   INSTEAD OF SITTING SIDE BY SIDE LIKE THE HEADER'S .title-area. */
.sddc-footer .sddc-brand {
	margin: 1.25rem 0 0.75rem;
}

.sddc-footer .sddc-brand > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.sddc-footer .sddc-brand-text {
	display: block;
}

.sddc-footer .wp-block-site-logo {
	display: block;
}

.sddc-footer .wp-block-site-logo img {
	display: block;
	width: 36px;
	height: 36px;
	object-fit: contain;
}

.sddc-footer .wp-block-site-title,
.sddc-footer .wp-block-site-title a {
	margin: 0;
	font-family: var(--heading-font-family);
	font-size: 1rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
}

.sddc-footer .wp-block-site-tagline {
	margin: 2px 0 0;
	font-size: 0.75rem;
	color: var(--sddc-text-2);
}

.sddc-footer .socialmenufooter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.sddc-footer .socialmenufooter li {
	margin: 0;
}

.sddc-footer .socialmenufooter a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--sddc-border);
	border-radius: var(--sddc-pill);
	color: var(--sddc-text);
	transition: background-color var(--sddc-ease), border-color var(--sddc-ease);
}

.sddc-footer .socialmenufooter a:hover {
	background: var(--sddc-btn2-hover);
	border-color: var(--sddc-border-strong);
	text-decoration: none;
}

.sddc-footer .socialmenufooter svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.sddc-search-form {
	display: flex;
	align-items: stretch;
	max-width: 340px;
}

.sddc-search-form input[type='search'] {
	flex: 1;
	min-width: 0;
	background: var(--sddc-bg);
	color: var(--sddc-text);
	border: 1px solid var(--sddc-border-strong);
}

.sddc-search-form button {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--sddc-btn-bg);
	color: var(--sddc-btn-fg);
	border: 1px solid var(--sddc-btn-bg);
}

.sddc-search-form button:hover {
	background: var(--sddc-btn-hover);
}

.sddc-search-form svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
}
.sddc-credits {
	padding-block: 1.25rem;
	background: var(--sddc-bg);
	border-top: 1px solid var(--sddc-border);
	color: var(--sddc-text-2);
	font-size: 0.875rem;
}

.sddc-credits > :not(.wp-block-group__inner-container),
.sddc-credits > .wp-block-group__inner-container > * {
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
	margin-inline: auto;
}

.sddc-credits-row,
.sddc-credits-row > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
}

/* Keep the copyright and legal links aligned with the site's content width,
   including Mai Engine's generated inner group container. */
.sddc-credits-row {
	--content-max-width: var(--sddc-max);
}

.sddc-credits p {
	margin: 0;
	color: var(--sddc-text-2);
	font-size: 0.8125rem;
}

.sddc-credits a {
	color: var(--sddc-text);
}

.sddc-credits .wp-block-polylang-language-switcher {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 10. Plugin Catalog Components (Prepared, Not Published) */
.sddc-plugin-grid {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
}

.sddc-plugin-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1.5rem;
	border: 1px solid var(--sddc-border);
	border-radius: var(--sddc-radius);
	background: var(--sddc-card);
}

.sddc-plugin-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sddc-plugin-meta li {
	padding: 0.15rem 0.65rem;
	border: 1px solid var(--sddc-border-strong);
	border-radius: var(--sddc-pill);
	font-size: 0.75rem;
	color: var(--sddc-text-2);
}

.sddc-scope {
	display: grid;
	gap: clamp(.875rem, 2vw, 1.25rem);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
	border: 0;
	border-radius: var(--sddc-radius);
	overflow: visible;
	background: transparent;
}

.sddc-scope__item {
	padding: 1.25rem 1.5rem;
	border: var(--sddc-component-border-width, 2px) solid var(--sddc-border-strong);
	border-radius: var(--sddc-radius);
	background: var(--sddc-bg);
}

.sddc-scope__item p {
	margin: 0;
}

.sddc-scope__label {
	margin-bottom: 0.25rem !important;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sddc-text-2);
}

/* 11. Responsive */
@media (max-width: 781px) {
	.sddc-strip .wp-block-column {
		border-left: 0;
		border-top: 0;
	}

	.sddc-strip .wp-block-column:first-child {
		border-top: 0;
	}

	.sddc-hero .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.sddc-hero .wp-block-button__link {
		width: 100%;
		text-align: center;
	}

	.sddc-search-panel {
		flex-direction: column;
		align-items: stretch;
	}
}

/* 12. Home Layout Fixes */
.wp-block-button__link.button-outline,
.wp-block-button--1 .wp-block-button__link {
	background: transparent;
	color: var(--sddc-btn2-fg);
	border: 2px solid currentColor;
	text-decoration: none;
	transition: background-color var(--sddc-ease), border-color var(--sddc-ease);
}

.wp-block-button__link.button-outline:hover,
.wp-block-button--1 .wp-block-button__link:hover {
	background: var(--sddc-btn2-fg);
	color: var(--sddc-bg);
	border-color: var(--sddc-btn2-fg);
}

.sddc-final-box .wp-block-button--1 .wp-block-button__link {
	color: #fff;
	border-color: currentColor;
}

.sddc-final-box .wp-block-button--1 .wp-block-button__link:hover {
	background: #fff;
	color: #0b0f14;
}

.sddc-section.sddc-hero > *,
.sddc-section.sddc-hero > .wp-block-group__inner-container > * {
	margin-inline-start: max(var(--sddc-gutter), calc((100% - var(--sddc-max)) / 2));
	margin-inline-end: auto;
}

.sddc-section.sddc-hero .sddc-lead {
	max-width: 42rem;
}

.sddc-cols--4 > .wp-block-column {
	flex-basis: min(100%, 240px) !important;
}

.sddc-cols--6 > .wp-block-column {
	flex-basis: min(100%, 170px) !important;
}

/* 14. Section Head Alignment */
.sddc-section > .sddc-head,
.sddc-section > .wp-block-group__inner-container > .sddc-head {
	max-width: none;
}

.sddc-head > .wp-block-group__inner-container {
	max-width: none;
	margin: 0;
	padding: 0;
}

.sddc-head > *:not(.wp-block-group__inner-container),
.sddc-head > .wp-block-group__inner-container > * {
	max-width: 46rem;
	margin-inline: 0;
}

.sddc-latest .wp-block-buttons {
	margin-top: 2rem;
}

/* 15. Touch Targets */
@media (max-width: 999px) {
	.sddc-lang a {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.menu-toggle {
		min-width: 44px;
		min-height: 44px;
	}
}

/* 16. Ninja Forms Theme Colors */
body .screen-reader-shortcut {
	background: var(--sddc-bg);
	color: var(--sddc-text);
}

body .nf-form-cont .ninja-forms-req-symbol {
	color: var(--sddc-text) !important;
}

body .nf-form-cont .nf-field-label label,
body .nf-form-cont .nf-field-label .ninja-forms-req-symbol,
body .nf-form-cont .nf-field-description,
body .nf-form-cont .nf-form-fields-required,
body .nf-form-cont .nf-form-title h3,
body .nf-form-cont .listcheckbox-wrap label,
body .nf-form-cont .nf-field-element label {
	color: var(--sddc-text);
}

body .nf-form-cont input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
body .nf-form-cont textarea,
body .nf-form-cont select {
	background-color: rgba(255, 255, 255, 0.06);
	color: var(--sddc-text);
	border: 1px solid var(--sddc-border-strong);
	border-radius: 12px;
}

/* Ninja Forms' Own CSS Was Restoring The Native appearance:auto On <select>,
   Stacking The Browser's Own Dropdown Arrow On Top Of The Theme's Drawn SVG
   Chevron (Two Arrows). Force appearance:none So Only The Theme's Own Arrow
   Shows. */
body .nf-form-cont select {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}
/* color-scheme Alone Is Not Enough: Confirmed Live (Windows/Chrome) That The
   Native <option> Popup Still Painted A White Background While <option>
   Inherited The Select's Forced Light color -- White Text On White,
   Invisible. color-scheme Is Kept As A Hint For Engines That Do Honor It,
   But The Options Themselves Get An Explicit, Always-Readable Dark-On-Light
   Pairing Regardless Of Site Theme, Since The Native Popup Chrome Is Not
   Reliably Themeable Either Way. */
html:not([data-sddc-theme='light']) body .nf-form-cont select {
	color-scheme: dark;
}
html[data-sddc-theme='light'] body .nf-form-cont select {
	color-scheme: light;
}
body .nf-form-cont select option {
	color: #111 !important;
	background-color: #fff !important;
}

html[data-sddc-theme='light'] body .nf-form-cont input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
html[data-sddc-theme='light'] body .nf-form-cont textarea,
html[data-sddc-theme='light'] body .nf-form-cont select {
	background-color: #fff;
}

body .nf-form-cont input::placeholder,
body .nf-form-cont textarea::placeholder {
	color: var(--sddc-text-2);
	opacity: 1;
}

body .nf-form-cont input:focus-visible,
body .nf-form-cont textarea:focus-visible,
body .nf-form-cont select:focus-visible {
	outline: 2px solid var(--sddc-text);
	outline-offset: 2px;
}

body .nf-form-cont input[type='checkbox'],
body .nf-form-cont input[type='radio'] {
	accent-color: #273d55;
}

html body .nf-form-cont .nf-form-content input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
html body .nf-form-cont .nf-form-content textarea,
html body .nf-form-cont .nf-form-content select {
	background-color: rgba(255, 255, 255, 0.06) !important;
	color: var(--sddc-text) !important;
	border-color: var(--sddc-border-strong) !important;
}

html[data-sddc-theme='light'] body .nf-form-cont .nf-form-content input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
html[data-sddc-theme='light'] body .nf-form-cont .nf-form-content textarea,
html[data-sddc-theme='light'] body .nf-form-cont .nf-form-content select {
	background-color: #fff !important;
	border-color: #4d535a !important;
}

html:not([data-sddc-theme='light']) body .nf-form-cont .nf-form-content input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']),
html:not([data-sddc-theme='light']) body .nf-form-cont .nf-form-content textarea,
html:not([data-sddc-theme='light']) body .nf-form-cont .nf-form-content select {
	border-color: rgba(215, 221, 229, 0.45) !important;
}

html body .nf-form-cont .nf-form-content :is(input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']), textarea, select) {
	background-color: rgba(255, 255, 255, 0.06) !important;
	color: var(--sddc-text) !important;
	border-color: rgba(215, 221, 229, 0.45) !important;
}

html[data-sddc-theme='light'] body .nf-form-cont .nf-form-content :is(input:not([type='submit']):not([type='button']):not([type='checkbox']):not([type='radio']), textarea, select) {
	background-color: #fff !important;
	border-color: #4d535a !important;
}

/* 17. Reference Layout (Containers, Sections, Grids) */
:root {
	--sddc-max: 1216px;
	/* --sddc-radius Is Already Set To 20px In The Tokens Block At The Top Of This File;
	   This Used To Redeclare It As 12px, Silently Shrinking Every Rounded Corner Site-Wide. */
	--sddc-circle: rgba(54, 77, 103, 0.4);
}

html[data-sddc-theme='light'] {
	--sddc-circle: #d7dde5;
}

.sddc-section {
	padding-block: 80px;
}

.sddc-section--compact {
	padding-block: 64px;
}

.sddc-section h2 {
	font-size: clamp(1.375rem, 2.6vw, 1.75rem);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	margin: 0;
}

/* Compact Sections Only Tighten Spacing; Their Headings Keep the Standard
   Site H2 Size So Every Section Title Matches */

.sddc-section .sddc-head {
	text-align: center;
	margin-bottom: 64px !important;
}

.sddc-section--compact .sddc-head {
	margin-bottom: 48px !important;
}

.sddc-head > *:not(.wp-block-group__inner-container),
.sddc-head > .wp-block-group__inner-container > * {
	max-width: 42rem;
	margin-inline: auto;
}

.sddc-head p {
	margin: 1rem auto 0;
	font-size: 1.25rem;
	line-height: 1.5;
}

.sddc-section .wp-block-button__link {
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
}

.sddc-section .wp-block-buttons {
	gap: 1rem;
}

.wp-block-columns.sddc-cols[class*='sddc-g'] {
	display: grid !important;
	gap: 32px;
	grid-template-columns: minmax(0, 1fr);
}

.sddc-cols[class*='sddc-g'] > .wp-block-column {
	flex: none !important;
	width: auto;
	min-width: 0;
	margin: 0;
}

.sddc-section--compact .wp-block-columns.sddc-cols[class*='sddc-g'],
.sddc-latest .wp-block-post-template {
	gap: 24px;
}

@media (min-width: 640px) {
	.wp-block-columns.sddc-cols.sddc-g4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.wp-block-columns.sddc-cols.sddc-g3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.wp-block-columns.sddc-cols.sddc-g4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.wp-block-columns.sddc-cols.sddc-g2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 18. Reference Hero */
.sddc-section.sddc-hero {
	padding-block: 80px;
	text-align: center;
	background: #0b0f14;
}

.sddc-hero::before,
.sddc-hero::after {
	display: none;
}

.sddc-section.sddc-hero > *,
.sddc-section.sddc-hero > .wp-block-group__inner-container > * {
	margin-inline: auto;
	text-align: center;
}

.sddc-section.sddc-hero h1 {
	max-width: none;
	margin-block: 0;
	font-size: clamp(1.625rem, 4.2vw, 2.6875rem);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.sddc-section.sddc-hero .sddc-lead {
	max-width: 48rem;
	margin: 1.5rem auto 0;
	font-size: clamp(1rem, 1.4vw, 1.125rem);
	line-height: 1.625;
}

.sddc-section.sddc-hero .wp-block-buttons {
	margin: 2.5rem auto 0;
	justify-content: center;
}

/* HERO CTA GROUP — THREE SEPARATE PILL BUTTONS (EACH WITH ITS OWN FILL OR
   OUTLINE), EVENLY SIZED AND SPACED WITH A REAL GAP — NO SHARED WRAPPER
   BORDER AND NO DIVIDER LINES BETWEEN THEM. SCOPED TO THE HERO ONLY SO
   EVERY OTHER BUTTON GROUP KEEPS ITS ORIGINAL TREATMENT. */
.sddc-hero .wp-block-buttons {
	display: inline-flex;
	flex-wrap: nowrap;
	gap: 0.75rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.sddc-hero .wp-block-buttons > .wp-block-button {
	margin: 0;
	flex: 0 0 auto;
	width: 15.5rem;
}

.sddc-hero .is-style-primary .wp-block-button__link {
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
	.sddc-hero .wp-block-buttons {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		gap: 0.75rem;
	}

	.sddc-hero .wp-block-buttons > .wp-block-button {
		width: auto;
	}

	.sddc-hero .is-style-outline .wp-block-button__link {
		border: 2px solid currentColor !important;
	}
}

.sddc-section.sddc-hero .sddc-byline {
	margin-top: 1.5rem;
}

/* 19. Reference Stats Strip */
.sddc-section.sddc-stats {
	padding-block: 48px;
	border-block: 0;
	/* CORPORATE-BLUE BACKGROUND SO THE STATS STRIP OPENS THE BLACK/BLUE
	   ALTERNATION RIGHT AFTER THE HERO, MATCHING THE BLUE SECTION GRADIENT */
	background: linear-gradient(180deg, var(--sddc-surface), color-mix(in srgb, var(--sddc-surface) 82%, var(--sddc-bg)));
}

.sddc-section.sddc-stats > .wp-block-columns,
.sddc-section.sddc-stats > .wp-block-group__inner-container > .wp-block-columns {
	/* Was Capped At 1024px, Narrower Than Every Other Full-Width Section */
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
}

.sddc-stats .wp-block-column {
	text-align: center;
}

.sddc-stat-value {
	margin: 0 !important;
	font-size: clamp(1.4375rem, 2.2vw, 1.6875rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.015em;
	color: var(--sddc-text) !important;
}

.sddc-stat-label {
	margin: 0.25rem 0 0 !important;
	font-size: 0.875rem;
	line-height: 1.4;
}

.sddc-section.sddc-stats .wp-block-columns[class*='sddc-g'] {
	gap: 32px;
}

@media (min-width: 640px) {
	.sddc-stats .wp-block-columns.sddc-cols.sddc-g4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 639px) {
	.sddc-stats .wp-block-columns.sddc-cols.sddc-g4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 20. Reference Items, Cards And Why Blocks */
.sddc-item {
	text-align: center;
}

.sddc-item h3 {
	margin: 1.5rem 0 0.75rem;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.4;
}

.sddc-item p:not(.sddc-step-no) {
	margin: 0;
	line-height: 1.625;
}

.sddc-ico.sddc-ico--circle {
	width: 76px;
	height: 76px;
	margin: 0 auto;
	border: 0;
	border-radius: 0;
	background: none;
}

.sddc-ico--circle::before {
	inset: 18px;
}

.sddc-ico.sddc-ico--sm {
	width: 34px;
	height: 34px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: none;
	flex: 0 0 auto;
}

.sddc-ico--sm::before {
	inset: 0;
}

.sddc-step-no {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin: 0 auto !important;
	border-radius: 50%;
	background: var(--sddc-circle);
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--sddc-text) !important;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.sddc-item:hover .sddc-step-no {
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--sddc-accent, #56779d) 18%, transparent);
	transform: translateY(-2px);
}

.sddc-card {
	padding: 24px;
	border: 1px solid var(--sddc-border);
	border-radius: 12px;
	background: var(--sddc-surface);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	/* SUBTLE LIFT-ON-HOVER MICRO-INTERACTION, INSPIRED BY THE REFERENCE SITES —
	   CARDS READ AS CLICKABLE SURFACES RATHER THAN STATIC PANELS */
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.sddc-card:hover {
	border-color: var(--sddc-border-strong);
	background: var(--sddc-surface);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
	transform: translateY(-4px);
}

.sddc-card h3 {
	margin: 0 0 0.5rem;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.55;
}

.sddc-card p {
	font-size: 0.9375rem;
	line-height: 1.6;
}

.sddc-latest .wp-block-buttons {
	margin-top: 2.5rem;
	justify-content: center;
}

.sddc-why-card {
	padding: 32px;
	border: 1px solid var(--sddc-border-strong);
	border-radius: 16px;
	background: linear-gradient(135deg, var(--sddc-surface), var(--sddc-bg));
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sddc-why-card:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
	transform: translateY(-4px);
}

.sddc-why-head,
.sddc-why-head > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.sddc-why-head h3 {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 600;
}

.sddc-why-card p {
	margin: 0.75rem 0 0;
	line-height: 1.625;
}

/* 21. Reference Support Block And Final CTA */
.sddc-section.sddc-support {
	background: linear-gradient(135deg, var(--sddc-surface), var(--sddc-bg), var(--sddc-surface));
}

.sddc-section.sddc-support > *,
.sddc-section.sddc-support > .wp-block-group__inner-container > * {
	/* Was Capped At 56rem (896px), Visibly Narrower Than Every Other
	   Full-Width Section — Match The Shared Site Convention Instead; The
	   Closing Paragraph Keeps Its Own 42rem Reading Width Via
	   .sddc-support-author p So It Doesn't Stretch Edge To Edge */
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
}

.sddc-support .sddc-link-card h3 {
	font-size: 1rem;
}

/* SWAP THE GENERIC CIRCLE-ICON BADGE FOR A BOLD NUMBERED INDEX MARK, SO
   THIS "3 WAYS TO GET HELP" LIST READS AS ITS OWN DISTINCT TREATMENT
   INSTEAD OF REPEATING THE SAME ICON-IN-A-CIRCLE PATTERN USED FOR CARDS
   EVERYWHERE ELSE ON THE SITE (OSS REPOS, BUILDS, WHY-CARDS). */
.sddc-support .wp-block-columns.sddc-cols {
	counter-reset: sddc-support-item;
}

.sddc-support .sddc-link-card {
	counter-increment: sddc-support-item;
}

.sddc-support .sddc-link-card > .sddc-ico {
	display: none;
}

.sddc-support .sddc-link-card::before {
	content: counter(sddc-support-item, decimal-leading-zero);
	display: block;
	margin: 0 0 1rem;
	font-family: var(--code-font-family, monospace);
	font-size: 1.375rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1;
	background: linear-gradient(135deg, var(--sddc-text), var(--sddc-support));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sddc-support-author {
	margin-top: 3rem !important;
	text-align: center;
}

.sddc-support-author h3 {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0;
}

.sddc-support-author p {
	max-width: 42rem;
	margin: 0.75rem auto 0;
}

:is(.sddc-support-author, .sddc-about-studio) .wp-block-buttons {
	margin-top: 1.5rem;
	justify-content: center;
}

.sddc-section.sddc-final {
	background: var(--sddc-bg);
	text-align: center;
	border: 0;
	box-shadow: none;
	/* Much Shorter Than The Standard Section Rhythm (--sddc-section-y) — This Is The Last
	   Block Before The Footer, So It Should Feel Like A Brief Closing Beat, Not Another
	   Full Section */
	padding-block: clamp(1.5rem, 3vw, 2.25rem);
}

.sddc-section.sddc-final > *,
.sddc-section.sddc-final > .wp-block-group__inner-container > * {
	/* Was Capped At 48rem (768px), Narrower Than Every Other Full-Width
	   Section — Match The Shared Width So The Closing CTA Band Lines Up With
	   The Header/Footer/Before-Footer/Credits. Text Stays Centered So The
	   Extra Room Just Reads As Breathing Room, Not A Layout Change */
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
	max-width: none;
	margin-inline: auto;
	text-align: center;
}

.sddc-final h2,
.sddc-final p {
	color: var(--sddc-text) !important;
}

.sddc-final p {
	margin: 1rem auto 0;
	font-size: 1.25rem;
	color: var(--sddc-text-2) !important;
}

.sddc-final .wp-block-buttons {
	margin-top: 3rem;
	justify-content: center;
}

.sddc-final .is-style-primary .wp-block-button__link {
	background: var(--sddc-btn-bg);
	color: var(--sddc-btn-fg);
}

.sddc-final .is-style-primary .wp-block-button__link:hover {
	background: var(--sddc-accent);
	color: #fff;
}

.sddc-final .wp-block-button--1 .wp-block-button__link,
.sddc-final .button-outline {
	color: var(--sddc-btn2-fg);
	border-color: currentColor;
}

.sddc-final .wp-block-button--1 .wp-block-button__link:hover {
	background: var(--sddc-btn-bg);
	color: var(--sddc-btn-fg);
}

/* 22. Reference Header */
.site-header {
	position: sticky;
	top: var(--site-header-top, 0px);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

.site-header-wrap {
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
	max-width: none;
	margin-inline: auto;
	padding-inline: 0;
	min-height: 64px;
}

.title-area {
	padding-block: 8px;
}

.title-area .custom-logo,
.title-area .custom-logo-link img {
	width: 36px;
	height: 36px;
	object-fit: contain;
}

.title-area .site-title {
	font-size: 1rem;
	font-weight: 600;
}

.site-header .nav-header .menu-item-link {
	font-size: 0.875rem;
	font-weight: 500;
	border-radius: var(--sddc-pill);
}

.site-header .nav-header .menu-item:not(.highlight) > .menu-item-link {
	padding: 0.5rem 0.75rem;
	transition: background-color var(--sddc-ease);
}

.site-header .nav-header .menu-item:not(.highlight) > .menu-item-link:hover,
.site-header .nav-header .menu-item.current-menu-item:not(.highlight) > .menu-item-link,
.site-header .nav-header .menu-item.current-menu-ancestor:not(.highlight) > .menu-item-link {
	background: var(--sddc-btn2-hover);
}

.site-header .nav-header .menu-item.highlight > .menu-item-link {
	border-radius: var(--sddc-pill);
	padding: 0.5rem 0.75rem;
}

.sddc-tools {
	margin-left: 0.5rem;
	padding-left: 0;
	border-left: 0;
}

button.sddc-icon-button {
	width: 36px;
	height: 36px;
	border-radius: 6px;
}

@media (max-width: 999px) {
	button.sddc-icon-button {
		width: 44px;
		height: 44px;
	}
}

/* 23. Reference Footer — Footer And Credits Stay Pure Black In Both Themes, Never Following The Page Background (Which Is A Slightly Lighter Near-Black In Dark Mode) */
.site-footer,
.sddc-footer,
.sddc-credits {
	--sddc-bg: #000;
	--sddc-text: #fff;
	--sddc-text-2: #d7dde5;
	--sddc-border: rgba(215, 221, 229, 0.16);
	--sddc-border-strong: rgba(215, 221, 229, 0.34);
	--sddc-btn-bg: #fff;
	--sddc-btn-fg: #000;
	--sddc-btn-hover: #d7dde5;
	--sddc-btn2-hover: rgba(215, 221, 229, 0.12);
	background: #000 !important;
}

.sddc-footer,
.sddc-credits {
	--sddc-foot-link: rgba(215, 221, 229, 0.72);
	--sddc-foot-muted: rgba(215, 221, 229, 0.6);
}

.sddc-footer {
	padding-block: 64px;
}

.sddc-footer .sddc-footer-cols {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	gap: 40px;
	margin-bottom: 0;
}

.sddc-footer .sddc-footer-cols > .wp-block-column {
	flex: none !important;
	width: auto;
	min-width: 0;
	margin: 0;
}

@media (min-width: 768px) {
	.sddc-footer .sddc-footer-cols {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	/* Brand Column Pinned To The Left Edge; Navigation, Topics And Follow
	   Cluster Together At The Right Edge Instead Of Being Stretched Into
	   Four Equal-Width Tracks With Large Gaps Between Them */
	.sddc-footer .sddc-footer-cols {
		/* Core .wp-block-columns{flex-wrap:wrap!important} Was Beating A
		   Non-!important nowrap Here, Wrapping "Follow" Onto Its Own Row */
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: start;
		gap: 56px;
	}
	.sddc-footer .sddc-footer-cols > .wp-block-column {
		flex: 0 0 auto !important;
		width: auto;
	}
	.sddc-footer .sddc-footer-cols > .wp-block-column:first-child {
		/* Without A Cap, flex:0 0 auto Sizes To The Paragraph's Max-Content
		   Width (It Used To Wrap Only Because The Old 1fr Grid Track Forced
		   It To) — Restore That Same ~280px Reading Width */
		max-width: 280px;
		margin-right: auto !important;
	}
}

/* Navigation And Topics Were Each Sized To Their Own Max-Content Width (96px
   Vs 175px), So The Shared 56px Gap Between Them Read As A Much Bigger Gap
   Than The One Between Topics And Follow — Same Numeric Gap, But The Short
   "Navigation" Column Left A Lot Of Dead Space Before It. Giving Both A
   Shared Fixed Width Lines Up Every Gap At The Same Visual Rhythm. */
@media (min-width: 1024px) {
	.sddc-footer .sddc-footer-cols > .wp-block-column:nth-child(2),
	.sddc-footer .sddc-footer-cols > .wp-block-column:nth-child(3) {
		flex: 0 0 180px !important;
		width: 180px;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.sddc-footer .sddc-footer-cols { gap: 24px; }
	.sddc-footer .sddc-footer-cols > .wp-block-column:first-child {
		flex: 1 1 0 !important;
	}
}

.sddc-footer h3 {
	margin: 0 0 1rem;
	font-size: 0.875rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
}

.sddc-footer li {
	margin: 0 0 0.4rem;
}

.sddc-footer li a {
	font-size: 0.875rem;
	line-height: 1.4;
	color: var(--sddc-foot-link);
	transition: color var(--sddc-ease);
}

.sddc-footer li a:hover {
	color: #fff;
	text-decoration: none;
}

.sddc-footer .sddc-brand {
	margin: 0;
}

.sddc-footer p {
	margin: 1rem 0 0;
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--sddc-foot-link);
}

.sddc-footer .sddc-search-form {
	margin-top: 1.25rem;
}

.sddc-footer .socialmenufooter a {
	color: var(--sddc-foot-link);
}

.sddc-footer .socialmenufooter a:hover {
	color: #fff;
}

.sddc-credits {
	padding-block: 24px;
}

.sddc-credits p,
.sddc-credits .sddc-credits-left {
	/* Smaller Than The Footer's Own Nav/Topics/Follow Links (0.875rem) — The Credits
	   Bar Is Legal Fine Print, Not Content, So It Should Read As A Quieter, Smaller
	   Line Beneath The Footer Rather Than Matching Its Size */
	font-size: 0.6875rem;
	color: var(--sddc-foot-muted);
}

.sddc-credits a {
	color: var(--sddc-foot-link);
}

.sddc-credits a:hover {
	color: #fff;
}

.sddc-credits-right,
.sddc-credits-right > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.5rem;
}

/* Let The Legal Links Paragraph Shrink And Wrap Its Own Text Instead Of
   Pushing The Language Switcher Onto A New Line — The Spanish Links Are
   Longer Than The English Ones, So Without This The Switcher Dropped Below
   The Links In Spanish While Staying On The Same Line In English */
.sddc-credits-right p {
	flex: 1 1 auto;
	min-width: 0;
}

.sddc-credits-right .sddc-lang {
	flex: 0 0 auto;
}

.sddc-credits .wp-block-polylang-language-switcher {
	display: flex;
	gap: 2px;
	padding: 2px;
	border: 1px solid var(--sddc-border-strong);
	border-radius: var(--sddc-pill);
}

.sddc-credits .wp-block-polylang-language-switcher li {
	margin: 0;
	list-style: none;
}

.sddc-credits .wp-block-polylang-language-switcher a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 0.875rem;
	border-radius: var(--sddc-pill);
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
}

.sddc-credits .wp-block-polylang-language-switcher .current-lang a {
	background: var(--sddc-btn-bg);
	color: var(--sddc-btn-fg);
}

/* 24. Container Reset For Mai Group Wrappers */
.sddc-section,
.sddc-footer,
.sddc-credits {
	padding-inline: 0;
}

.sddc-section > .wp-block-group__inner-container,
.sddc-footer > .wp-block-group__inner-container,
.sddc-credits > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* 26. Section Backgrounds And Icons */
.sddc-section.sddc-bg-blue {
	background: var(--sddc-surface);
}

/* DOCUMENTATION & SUPPORT USES THE SAME PLAIN BLUE BACKGROUND AS EVERY
   OTHER .sddc-bg-blue SECTION ON THE SITE — NO DARK/BRAND-TINTED GRADIENT
   OF ITS OWN, SO IT READS AS ONE CONSISTENT BLUE TREATMENT SITE-WIDE. */
.sddc-section.sddc-support {
	background: var(--sddc-bg);
}

.sddc-bg-blue .sddc-card {
	background: var(--sddc-bg);
}

.sddc-bg-blue .sddc-why-card {
	background: linear-gradient(135deg, var(--sddc-bg), var(--sddc-surface));
}

.sddc-card .sddc-ico {
	width: 68px;
	height: 68px;
	border: 0;
	border-radius: 0;
	background: none;
	margin-bottom: 1rem;
	transition: filter 0.25s ease;
}

.sddc-card .sddc-ico::before {
	inset: 4px;
}

/* GLYPH-ONLY ICONS, NO CIRCLE TO RING — ON HOVER THE CARD ITSELF LIFTS
   (ABOVE), SO THE ICON JUST BRIGHTENS SLIGHTLY TO READ AS PART OF THAT
   SAME HIGHLIGHT. */
.sddc-card:hover .sddc-ico {
	filter: brightness(1.2);
}

.sddc-footer .socialmenufooter {
	gap: 0.25rem;
}

.sddc-footer .socialmenufooter a,
.sddc-footer .socialmenufooter a:hover {
	border: 0;
	background: none;
	width: 36px;
	height: 36px;
}

.sddc-footer .socialmenufooter svg {
	width: 20px;
	height: 20px;
}

/* 31. Open-Source Repo Cards — Each Card Grows To The Row's Height (The Grid's Default
   Stretch) And Lays Out As A Column So Its "View On GitHub" Button Always Sits On The
   Same Bottom Line As Its Neighbors, Whatever Length The Description Text Runs To */
.sddc-oss .sddc-card {
	display: flex;
	flex-direction: column;
}

/* The Card Is A wp:group, So Its Actual Content Lives One Level Deeper Inside Its
   Own .wp-block-group__inner-container — That's The Real Flex Column, Not The Card
   Itself, So The Buttons' margin-top: auto Has To Act On This Child To Reach The
   Card's Full Stretched Height */
.sddc-oss .sddc-card > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.sddc-oss .sddc-card .wp-block-buttons {
	margin-top: auto;
	padding-top: 1.25rem;
}

/* 34. Open-Source Card Badges — Four Hand-Drawn SVG Marks (Not The Dashicon-In-A-
   Circle Used Everywhere Else), Each Its Own Self-Contained Illustration With Its
   Own Silhouette: A Hexagon With Sync Arrows (Migration Toolkit), A Circle With A
   Magnifying Glass Over A Rank Chart (SEO Toolkit), A Rounded "Terminal Chip" With
   A Prompt Caret (WP-CLI), A Rotated Diamond With Stacked Swatch Rows (Design
   System) — Same Brand Gradient Tying Them Together, Different Shape And Scene
   Each Time So The Four Badges Don't Repeat The Same Icon Pattern Four Times.
   Card Content Is Centered Under Each Badge And Its Button Runs Full Width. */
.sddc-oss .sddc-card {
	text-align: center;
	align-items: center;
}

.sddc-oss .sddc-card .sddc-ico {
	width: 104px;
	height: 104px;
	margin: 0 auto 1.25rem;
	border: 0;
	border-radius: 0;
	background: none;
}

/* "VIEW ON GITHUB" USES THE THEME'S CONTRASTING LINK COLOR ON HOVER. */
.sddc-oss .sddc-card .wp-block-button__link {
	border: 0 !important;
	background: none !important;
	padding-inline: 0 !important;
	color: var(--sddc-text) !important;
}

.sddc-oss .sddc-card .wp-block-button__link:hover,
.sddc-oss .sddc-card .wp-block-button__link:focus-visible {
	color: var(--color-link) !important;
	text-decoration: none !important;
	background: none !important;
}

/* PLAIN GLYPH FROM THE SAME SITE-WIDE ICON SET USED EVERYWHERE ELSE —
   NO GRADIENT BADGE ARTWORK, NO SHAPE BEHIND IT */
.sddc-oss .sddc-card .sddc-ico::before {
	inset: 6px;
	transition: transform 0.25s ease;
}

.sddc-oss .sddc-card:hover .sddc-ico::before {
	transform: scale(1.06);
}

.sddc-oss .sddc-card h3,
.sddc-oss .sddc-card p {
	text-align: center;
}

.sddc-oss .sddc-card .wp-block-buttons {
	width: 100%;
	justify-content: center;
}

/* Beats The Site-Wide ":only-child { flex: 0 0 auto }" Rule (Added Earlier So A Lone
   Button Elsewhere Never Stretches) — Here We Want The Opposite: Full Width */
.sddc-oss .sddc-card .wp-block-buttons > .wp-block-button {
	width: 100% !important;
	flex: 1 1 100% !important;
}

.sddc-oss .sddc-card .wp-block-button__link {
	width: 100% !important;
}

/* 35. "What WP StudioDDC Builds" Cards — Every Card The Same Height Across Both
   Rows, With Icon, Title And Description Starting At The Same Line Regardless
   Of Whether A Card's Title Wraps To One Or Two Lines */
.sddc-builds .sddc-card {
	display: flex;
	flex-direction: column;
}

.sddc-builds .sddc-card h3 {
	display: flex;
	align-items: flex-start;
	min-height: 3.1em;
}

.sddc-credits .sddc-lang ul {
	border-color: var(--sddc-border-strong);
}

.sddc-credits .sddc-lang a {
	min-height: 32px;
	min-width: 40px;
	color: var(--sddc-foot-link);
}

.sddc-credits .sddc-lang a[aria-current='true'] {
	background: var(--sddc-btn-bg);
	color: var(--sddc-btn-fg);
}

/* 32. Footer Credits — The EN/ES Switcher Reads As A Small Utility Control, Not A
   Primary Action, So It Sits Noticeably Smaller Than The Credits Text Around It */
.sddc-credits .sddc-lang a {
	min-height: 26px;
	min-width: 30px;
	padding: 0 0.35rem;
	font-size: 0.6875rem;
}

/* 33. Footer Social Icons — Exactly Six Per Row So Twelve Icons Read As Two Even Rows
   Instead Of Wrapping Wherever The Container Width Happens To Break */
.sddc-footer .socialmenufooter {
	flex-wrap: wrap;
	gap: 0.5rem;
	max-width: calc(6 * 40px + 5 * 0.5rem);
}

.sddc-footer .socialmenufooter li {
	flex: 0 0 40px;
}

/* 27. Hero Image And Motion */
html[data-sddc-theme='light'] .sddc-section.sddc-hero,
html[data-sddc-theme='light'] .wpsddc-plugin-index-hero,
html[data-sddc-theme='light'] body:is(.page-id-57, .page-id-653) .entry-content > .wp-block-cover:first-child {
	--sddc-text: #fff;
	--sddc-text-2: #d7dde5;
	--sddc-btn-bg: #fff;
	--sddc-btn-fg: #0b0f14;
	--sddc-btn-hover: #d7dde5;
	--sddc-btn2-fg: #fff;
	--sddc-btn2-border: rgba(215, 221, 229, 0.45);
	--sddc-btn2-hover: rgba(215, 221, 229, 0.14);
	--sddc-border-strong: rgba(215, 221, 229, 0.34);
}

.sddc-section.sddc-hero {
	padding-block: 112px;
	background-color: #0b0f14;
}

.sddc-section.sddc-hero > *,
.sddc-section.sddc-hero > .wp-block-group__inner-container > * {
	animation: sddc-rise 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.sddc-section.sddc-hero > :nth-child(2),
.sddc-section.sddc-hero > .wp-block-group__inner-container > :nth-child(2) {
	animation-delay: 0.1s;
}

.sddc-section.sddc-hero > :nth-child(3),
.sddc-section.sddc-hero > .wp-block-group__inner-container > :nth-child(3) {
	animation-delay: 0.2s;
}

.sddc-section.sddc-hero > :nth-child(4),
.sddc-section.sddc-hero > .wp-block-group__inner-container > :nth-child(4) {
	animation-delay: 0.3s;
}

@keyframes sddc-rise {
	from {
		opacity: 0;
		transform: translateY(18px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.sddc-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}

.sddc-reveal.is-visible {
	opacity: 1;
	transform: none;
}

.sddc-card.is-visible:hover,
.sddc-why-card.is-visible:hover {
	transform: translateY(-4px);
}

.sddc-card,
.sddc-why-card {
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.sddc-section .wp-block-button__link {
	transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.sddc-section .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

.sddc-stat-value .sddc-count {
	font-variant-numeric: tabular-nums;
}

/* 28. Header Search Dialog */
dialog.sddc-search-dialog {
	width: min(560px, 100% - 2 * var(--sddc-gutter));
	margin: min(16vh, 7rem) auto auto;
	padding: 0;
	border: 1px solid var(--sddc-border-strong);
	border-radius: 16px;
	background: var(--sddc-surface);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
	overflow: visible;
}

.sddc-search-dialog__inner {
	position: relative;
	padding: 44px 32px 32px;
	text-align: center;
}

.sddc-search-dialog .sddc-search-dialog__title {
	margin: 0 0 20px;
	font-size: 1.25rem;
	line-height: 1.3;
	text-align: center;
}

dialog.sddc-search-dialog button.sddc-search-dialog__close {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	left: auto !important;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: none !important;
	color: var(--sddc-text-2);
	box-shadow: none;
}

dialog.sddc-search-dialog button.sddc-search-dialog__close:hover {
	background: none !important;
	border: 0 !important;
	color: var(--sddc-text);
}

.sddc-search-panel {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	margin: 0;
}

.sddc-search-panel input[type='search'] {
	flex: 1;
	min-width: 0;
	height: 52px;
	margin: 0;
	padding: 0 1.25rem;
	text-align: left;
}

.sddc-search-panel .sddc-search-submit {
	flex: 0 0 auto;
	height: 52px;
	min-height: 52px;
	padding: 0 1.75rem;
	font-weight: 600;
}

@media (max-width: 479px) {
	.sddc-search-panel {
		flex-direction: column;
		align-items: stretch;
	}

	.sddc-search-dialog__inner {
		padding: 44px 20px 24px;
	}
}

/* 29. Cookie Banner And Preferences Modal */
html body :is(#moove_gdpr_cookie_info_bar, #moove_gdpr_cookie_modal) {
	--ck-bg: #182638;
	--ck-bg-2: #0b0f14;
	--ck-text: #fff;
	--ck-muted: #d7dde5;
	--ck-border: rgba(215, 221, 229, 0.3);
	--ck-line: rgba(215, 221, 229, 0.16);
	--ck-ring: rgba(255, 255, 255, 0.06);
	--ck-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
	--ck-btn-bg: #fff;
	--ck-btn-fg: #0b0f14;
	--ck-btn-hover: #d7dde5;
	--ck-ghost-hover: rgba(255, 255, 255, 0.1);
}

html[data-sddc-theme='light'] body :is(#moove_gdpr_cookie_info_bar, #moove_gdpr_cookie_modal) {
	--ck-bg: #fff;
	--ck-bg-2: #f4f6f8;
	--ck-text: #0b0f14;
	--ck-muted: #4d535a;
	--ck-border: rgba(11, 15, 20, 0.2);
	--ck-line: rgba(11, 15, 20, 0.12);
	--ck-ring: rgba(11, 15, 20, 0.04);
	--ck-shadow: 0 4px 16px rgba(11, 15, 20, 0.18);
	--ck-btn-bg: #182638;
	--ck-btn-fg: #fff;
	--ck-btn-hover: #0b0f14;
	--ck-ghost-hover: rgba(11, 15, 20, 0.06);
}

html body #moove_gdpr_cookie_info_bar {
	box-sizing: border-box !important;
	position: fixed !important;
	left: 50% !important;
	right: auto !important;
	top: auto !important;
	bottom: 20px !important;
	transform: translateX(-50%) !important;
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max)) !important;
	max-width: var(--sddc-max) !important;
	max-height: calc(100dvh - 40px) !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--ck-bg) !important;
	color: var(--ck-text) !important;
	border: 0 !important;
	border-radius: 2px !important;
	box-shadow: var(--ck-shadow) !important;
	opacity: 1 !important;
	overflow: auto !important;
	font-family: var(--sddc-font-code) !important;
}

html body #moove_gdpr_cookie_info_bar:is(:focus, :focus-visible, :focus-within) {
	outline: 0 !important;
}

html body #moove_gdpr_cookie_info_bar :is(.moove-gdpr-info-bar-container, .moove-gdpr-info-bar-content, .moove-gdpr-cookie-notice) {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
	position: relative !important;
	padding: 18px 60px 18px 26px !important;
}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
	display: flex !important;
	flex-wrap: wrap !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 24px !important;
	position: static !important;
	padding: 0 !important;
}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice {
	flex: 1 1 28rem !important;
	width: auto !important;
	position: static !important;
	padding: 0 !important;
}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
	margin: 0 !important;
	color: var(--ck-text) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: 0 !important;
}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice a {
	display: block !important;
	width: fit-content !important;
	margin: 0.35rem 0 0 !important;
	color: var(--ck-text) !important;
	font-size: inherit !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
	transition: color 0.18s ease, opacity 0.18s ease !important;
}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice a:is(:hover, :focus-visible) {
	color: var(--ck-muted) !important;
}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
	display: flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn {
	display: none !important;
}

html body :is(#moove_gdpr_cookie_info_bar, #moove_gdpr_cookie_modal) :is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn, .moove-gdpr-modal-allow-all, .moove-gdpr-modal-reject-all, .moove-gdpr-modal-save-settings) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 88px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 1px solid var(--ck-btn-bg) !important;
	border-radius: 150px !important;
	background: var(--ck-btn-bg) !important;
	color: var(--ck-btn-fg) !important;
	box-shadow: none !important;
	font-family: var(--sddc-font-code) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

html body :is(#moove_gdpr_cookie_info_bar, #moove_gdpr_cookie_modal) :is(.moove-gdpr-infobar-allow-all, .moove-gdpr-modal-save-settings):is(:hover, :focus-visible) {
	background: var(--ck-btn-hover) !important;
	border-color: var(--ck-btn-hover) !important;
	color: var(--ck-btn-fg) !important;
}

html body :is(#moove_gdpr_cookie_info_bar, #moove_gdpr_cookie_modal) :is(.moove-gdpr-infobar-reject-btn, .moove-gdpr-modal-allow-all, .moove-gdpr-modal-reject-all) {
	background: transparent !important;
	border-color: var(--ck-border) !important;
	color: var(--ck-text) !important;
}

html body :is(#moove_gdpr_cookie_info_bar, #moove_gdpr_cookie_modal) :is(.moove-gdpr-infobar-reject-btn, .moove-gdpr-modal-allow-all, .moove-gdpr-modal-reject-all):is(:hover, :focus-visible) {
	background: var(--ck-ghost-hover) !important;
	border-color: var(--ck-text) !important;
	color: var(--ck-text) !important;
}

html body #moove_gdpr_cookie_info_bar :is(.moove-gdpr-infobar-settings-btn, .change-settings-button) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 8px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ck-muted) !important;
	opacity: 1 !important;
	font-family: var(--sddc-font-code) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
	transition: color 0.18s ease !important;
}

html body #moove_gdpr_cookie_info_bar :is(.moove-gdpr-infobar-settings-btn, .change-settings-button):is(:hover, :focus, :focus-visible, :active) {
	background: transparent !important;
	color: var(--ck-text) !important;
	box-shadow: none !important;
}

html body #moove_gdpr_cookie_info_bar :is(button, a):focus-visible {
	outline: 2px solid var(--ck-text) !important;
	outline-offset: 2px !important;
}

html body #moove_gdpr_cookie_info_bar .gdpr-content-close-btn {
	position: absolute !important;
	top: 50% !important;
	right: 14px !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ck-muted) !important;
	opacity: 1 !important;
}

html body #moove_gdpr_cookie_info_bar .gdpr-content-close-btn:is(:hover, :focus-visible) {
	background: var(--ck-ghost-hover) !important;
	color: var(--ck-text) !important;
}

html body #moove_gdpr_cookie_info_bar .gdpr-content-close-btn,
html body #moove_gdpr_cookie_info_bar .gdpr-content-close-btn::before {
	text-decoration: none !important;
	border-bottom: 0 !important;
}

html body #moove_gdpr_cookie_info_bar .gdpr-content-close-btn::before {
	color: inherit !important;
	font-size: 22px !important;
}

html body #moove_gdpr_cookie_modal .moove-gdpr-modal-content {
	background: var(--ck-bg) !important;
	color: var(--ck-text) !important;
	border: 1px solid var(--ck-border) !important;
	border-radius: 20px !important;
	box-shadow: var(--ck-shadow) !important;
	font-family: var(--sddc-font-code) !important;
}

html body #moove_gdpr_cookie_modal :is(.moove-gdpr-modal-left-content, .moove-gdpr-company-logo-holder, .moove-gdpr-modal-footer-content) {
	background: var(--ck-bg-2) !important;
}

html body #moove_gdpr_cookie_modal .moove-gdpr-modal-right-content {
	background: var(--ck-bg) !important;
}

/* Mobile preferences use accordion titles instead of the desktop tab bar. */
html body #moove_gdpr_cookie_modal .tab-title {
	background: var(--ck-bg-2) !important;
}

html body #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content {
	border-top: 1px solid var(--ck-line) !important;
}

html body #moove_gdpr_cookie_modal :is(.moove-gdpr-tab-main-content, .moove-gdpr-tab-main-content p, .moove-gdpr-tab-main h3, .tab-title, .gdpr-nav-tab-title, .moove-gdpr-status-bar, .gdpr-cc-form-fieldset label, .moove-gdpr-modal-content h2, .moove-gdpr-modal-content h3, .moove-gdpr-tab-main-content a) {
	color: var(--ck-text) !important;
	font-family: var(--sddc-font-code) !important;
}

html body #moove_gdpr_cookie_modal button.moove-gdpr-tab-nav {
	background: transparent !important;
	color: var(--ck-muted) !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body #moove_gdpr_cookie_modal button.moove-gdpr-tab-nav :is(.gdpr-nav-tab-title, span) {
	color: var(--ck-muted) !important;
}

html body #moove_gdpr_cookie_modal :is(button.moove-gdpr-tab-nav[aria-selected='true'], .menu-item-selected) {
	background: var(--ck-ghost-hover) !important;
}

html body #moove_gdpr_cookie_modal :is(button.moove-gdpr-tab-nav[aria-selected='true'], .menu-item-selected) :is(.gdpr-nav-tab-title, span) {
	color: var(--ck-text) !important;
}

html body #moove_gdpr_cookie_modal button.moove-gdpr-modal-close {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--ck-text) !important;
}

html body #moove_gdpr_cookie_modal .moove-gdpr-branding-cnt,
html body #moove_gdpr_cookie_modal .moove-gdpr-branding-cnt a {
	color: var(--ck-muted) !important;
	opacity: 1 !important;
}

@media (max-width: 767px) {
	html body #moove_gdpr_cookie_info_bar {
		bottom: 10px !important;
		max-height: calc(100dvh - 20px) !important;
	}

	html body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
		padding: 16px 16px 14px !important;
	}

	html body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 14px !important;
	}

	html body #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice {
		flex-basis: auto !important;
		padding-right: 30px !important;
	}

	html body #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
		font-size: 13.5px !important;
	}

	html body #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
		flex-wrap: wrap !important;
		justify-content: stretch !important;
	}

	html body #moove_gdpr_cookie_info_bar :is(.moove-gdpr-infobar-allow-all, .moove-gdpr-infobar-reject-btn) {
		flex: 1 1 0 !important;
		min-height: 44px !important;
	}

	html body #moove_gdpr_cookie_info_bar :is(.moove-gdpr-infobar-settings-btn, .change-settings-button) {
		flex: 1 0 100% !important;
		min-height: 44px !important;
		font-size: 13.5px !important;
	}

	html body #moove_gdpr_cookie_info_bar .gdpr-content-close-btn {
		top: 12px !important;
		right: 10px !important;
		transform: none !important;
	}
}

/* 30. Brand Refinement */
/* Equalize Button Width Within Each Row Via An Ancestor-Scoped Structural Selector, Never A Per-Button Class — WordPress Appends A "--N" Disambiguator To Any Class Name Repeated Across Identical Blocks On The Same Page, Which Silently Breaks Exact Class-Match Selectors On The Second And Later Instances */
/* Buttons Split The Row's Width Equally Among Themselves — That Row's Own Width Still Comes From The Editor (The Group/Column Layout), Never A Fixed Pixel Value */
.wp-block-buttons > .wp-block-button{flex:1 1 0;min-width:0}
.wp-block-buttons > .wp-block-button > .wp-block-button__link{width:100%}
/* A Lone Button In Its Own Row Has No Siblings To Share The Width With, So It Must Size To Its Own Content Instead Of Stretching To Fill The Full Row */
.wp-block-buttons > .wp-block-button:only-child{flex:0 0 auto}
.wp-block-buttons > .wp-block-button:only-child > .wp-block-button__link{width:auto}
.wp-block-button[class*='sddc-btn-ico-'] .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}
/* No Button Label May Ever Wrap To A Second Line, Anywhere On The Site */
.wp-block-button__link{white-space:nowrap}
.wp-block-button[class*='sddc-btn-ico-'] .wp-block-button__link::before{content:'';flex:0 0 auto;width:1.15em;height:1.15em;background:currentColor;-webkit-mask:var(--sddc-btn-ico) center/contain no-repeat;mask:var(--sddc-btn-ico) center/contain no-repeat}
.wp-block-button[class*='sddc-btn-after'] .wp-block-button__link::before{display:none}
.wp-block-button[class*='sddc-btn-after'] .wp-block-button__link::after{content:'';flex:0 0 auto;width:1.1em;height:1.1em;background:currentColor;-webkit-mask:var(--sddc-btn-ico) center/contain no-repeat;mask:var(--sddc-btn-ico) center/contain no-repeat;transition:transform .2s ease}
.wp-block-button[class*='sddc-btn-after'] .wp-block-button__link:hover::after{transform:translateX(3px)}

/* Hero At Full Device Height */
.sddc-section.sddc-hero{min-height:calc(100vh - var(--sddc-header-h,0px));min-height:calc(100svh - var(--sddc-header-h,0px));display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:clamp(3rem,9vh,7rem);background-color:#0b0f14}
/* THE 20CH CAP WAS WRAPPING THE HEADLINE ACROSS THREE SHORT LINES, FAR
   NARROWER THAN THE SITE'S STANDARD CONTENT WIDTH EVERY OTHER SECTION USES —
   LET IT USE THE SAME FULL 1216PX WIDTH, STILL CENTERED AND BALANCED */
.sddc-section.sddc-hero h1{max-width:none;margin-inline:auto;text-wrap:balance}
.sddc-section.sddc-hero .sddc-lead{max-width:none;margin-inline:auto;text-wrap:balance}
.sddc-section.sddc-hero .sddc-byline{opacity:.8;font-size:.875rem}

/* Colour Depth */
/* Stat numbers retain contrast at smaller mobile font sizes in both themes. */
.sddc-stat-value{font-family:var(--code-font-family, monospace);letter-spacing:.02em;color:var(--color-link)!important;text-shadow:0 0 18px rgba(86,119,157,.35)}
.sddc-card,.sddc-why-card{background:linear-gradient(180deg,rgba(54,77,103,.16),transparent 70%),var(--sddc-card);border:1px solid var(--sddc-border)}
.sddc-card:hover,.sddc-why-card:hover{border-color:var(--sddc-support)}
.sddc-section.sddc-bg-blue{background:var(--sddc-surface)}

/* Mobile Smoothness */
.sddc-reveal{will-change:opacity,transform}
.sddc-reveal.is-visible{will-change:auto}
.sddc-section:not(.sddc-hero){content-visibility:auto;contain-intrinsic-size:auto 640px}
@media (max-width:767px),(hover:none){
	.sddc-reveal{transform:none;transition:opacity .4s ease;transition-delay:0s!important}
	.sddc-card.is-visible:hover,.sddc-why-card.is-visible:hover,.sddc-section .wp-block-button__link:hover{transform:none}
	.sddc-section.sddc-hero>*,.sddc-section.sddc-hero>.wp-block-group__inner-container>*{animation-duration:.45s;animation-delay:0s!important}
	.sddc-stat-value{-webkit-text-fill-color:currentColor;background:none}
}

/* Footer Language Switch, Smaller And Muted */
.sddc-credits .sddc-lang ul{gap:0;padding:1px;border-color:var(--sddc-border)}
.sddc-credits .sddc-lang a{min-height:20px;min-width:27px;padding:0 .45rem;font-size:.625rem;font-weight:500;letter-spacing:.06em;color:var(--sddc-text-2);opacity:.6}
.sddc-credits .sddc-lang a:hover{opacity:1;text-decoration:none}
.sddc-credits .sddc-lang a[aria-current='true']{background:var(--sddc-border);color:var(--sddc-text-2);opacity:1}
.sddc-footer a{color:var(--sddc-text-2)}
.sddc-footer a:hover{color:var(--sddc-text);text-decoration:none}

/* Search Dialog — Terminal / Command-Palette Redesign. The Previous Pill
   Input + Round Magnifier Button Read Like A Stock UI Widget; This Looks
   Like A Developer Tool's Command Palette Instead — Monospace, A Terminal
   "Window Chrome" Strip, A Prompt Caret, An "Enter" Keycap Button — Built
   Entirely From The Site's Own Brand Tokens. No Visible Title: The Chrome
   Bar And Prompt Make The Dialog's Purpose Self-Evident On Sight; The
   Heading Stays In The DOM As Screen-Reader-Only Text For Accessibility. */
dialog.sddc-search-dialog{width:min(640px,100% - 2 * var(--sddc-gutter));margin:min(16vh,7rem) auto auto;padding:0;border:1px solid color-mix(in srgb, var(--sddc-support) 55%, var(--sddc-border-strong));border-radius:10px;background:var(--sddc-bg);box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(86,119,157,.15);overflow:hidden}
dialog.sddc-search-dialog::backdrop{background:rgba(11,15,20,.74)}
@media (min-width:768px){dialog.sddc-search-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}
.sddc-search-dialog__inner{position:relative;padding:0;text-align:left}

/* Terminal Window Chrome: Three Dots + A File-Name-Style Label */
.sddc-search-chrome{display:flex;align-items:center;gap:.6rem;height:38px;padding:0 14px;background:color-mix(in srgb, var(--sddc-support) 22%, var(--sddc-bg));border-bottom:1px solid color-mix(in srgb, var(--sddc-support) 40%, var(--sddc-border-strong))}
.sddc-search-chrome__dots{display:inline-flex;gap:6px}
.sddc-search-chrome__dots span{display:block;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb, var(--sddc-support) 65%, var(--sddc-text-2))}
.sddc-search-chrome__dots span:nth-child(1){background:#56779d}
.sddc-search-chrome__dots span:nth-child(2){background:color-mix(in srgb, var(--sddc-support) 80%, var(--sddc-text-2))}
.sddc-search-chrome__dots span:nth-child(3){background:color-mix(in srgb, var(--sddc-support) 40%, var(--sddc-text-2))}
.sddc-search-chrome__label{font-family:var(--code-font-family, monospace);font-size:.75rem;letter-spacing:.03em;color:var(--sddc-text-2)}

dialog.sddc-search-dialog button.sddc-search-dialog__close{top:7px!important;right:10px!important;transform:none;width:24px;height:24px;color:var(--sddc-text-2)}

.sddc-search-panel{position:relative;display:flex;align-items:center;gap:0;width:100%;padding:1.5rem 1.5rem 1rem;font-family:var(--code-font-family, monospace)}
.sddc-search-panel::before{content:none}
.sddc-search-prompt{flex:0 0 auto;padding-right:.65rem;font-size:1.1rem;font-weight:700;color:var(--color-link);line-height:1}
.sddc-search-panel input[type='search']{flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0 4px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-family:var(--code-font-family, monospace);font-size:1.0625rem;color:var(--sddc-text);-webkit-appearance:none;appearance:none}
.sddc-search-panel input[type='search']::placeholder{color:var(--sddc-text-2);opacity:1}
.sddc-search-panel input[type='search']::-webkit-search-decoration,.sddc-search-panel input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.sddc-search-panel input[type='search']:focus-visible{outline:none!important}
.sddc-search-panel .sddc-search-submit{position:static;flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;width:auto;height:32px;margin:0;padding:0 .7rem;overflow:visible;clip:auto;border:1px solid color-mix(in srgb, var(--sddc-support) 60%, var(--sddc-border-strong));border-radius:6px!important;background:color-mix(in srgb, var(--sddc-support) 18%, transparent);color:var(--sddc-text);white-space:nowrap;cursor:pointer}
.sddc-search-panel .sddc-search-submit:hover{background:color-mix(in srgb, var(--sddc-support) 32%, transparent);border-color:var(--sddc-support)}
.sddc-search-panel .sddc-search-submit:focus-visible{outline:2px solid var(--sddc-focus);outline-offset:2px}
.sddc-search-panel .sddc-search-submit svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sddc-search-submit__label{font-family:var(--code-font-family, monospace);font-size:.75rem;font-weight:600;letter-spacing:.04em}

/* Status-Bar Hint Row, Like An IDE's Bottom Bar */
.sddc-search-hint{margin:0;padding:.6rem 1.5rem;border-top:1px solid color-mix(in srgb, var(--sddc-support) 24%, var(--sddc-border));font-family:var(--code-font-family, monospace);font-size:.75rem;color:var(--sddc-text-2);opacity:1}

/* Blinking Caret Next To The Prompt, Like A Real Terminal Waiting For Input */
.sddc-search-prompt::after{content:'';display:inline-block;width:2px;height:1em;margin-left:.35rem;vertical-align:-0.15em;background:#56779d;animation:sddc-search-caret 1.1s steps(1) infinite}
@keyframes sddc-search-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.sddc-search-prompt::after{animation:none}}

/* Text And Square Image Block */
.wp-block-media-text.sddc-media-text{grid-template-columns:minmax(0,38%) 1fr;gap:clamp(1.5rem,4vw,3rem);margin-block:clamp(2rem,5vw,3.5rem);align-items:center}
.wp-block-media-text.sddc-media-text .wp-block-media-text__media img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--sddc-radius);border:1px solid var(--sddc-border)}
.wp-block-media-text.sddc-media-text .wp-block-media-text__content{padding:0}
.wp-block-media-text.sddc-media-text.has-media-on-the-right{grid-template-columns:1fr minmax(0,38%)}
@media (max-width:781px){.wp-block-media-text.sddc-media-text,.wp-block-media-text.sddc-media-text.has-media-on-the-right{grid-template-columns:1fr}}
.sddc-lead-post{font-size:1.0625rem;line-height:1.6;color:var(--sddc-text-2)}
.sddc-list-card{padding:1.25rem 1.5rem;border:1px solid var(--sddc-border);border-radius:var(--sddc-radius-sm);background:var(--sddc-card)}
.sddc-list-card ul{margin:0;padding-left:1.1rem}

/* Cookie Banner Typography */
#moove_gdpr_cookie_info_bar,#moove_gdpr_cookie_modal{font-family:var(--body-font-family,inherit)}

/* Button Icons — Attribute-Substring Selectors, Not Exact Class Matches: WordPress Appends A "--N" Disambiguator To Any Class Name Repeated Across Identical Blocks On The Same Page, Which Silently Breaks Exact Class-Match Selectors On The Second And Later Instances (Previously Left These Icons Rendering As Blank Squares On Every Button After The First) */
.wp-block-button[class*='sddc-btn-ico-book']{--sddc-btn-ico:url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Cpath d=%27M32.96,3v6.96h-2V3c0-.55.45-1,1-1s1,.45,1,1ZM11.5,24.46h5.76c-.14-.66-.14-1.34,0-2h-5.76c-.55,0-1,.45-1,1s.45,1,1,1ZM17.49,38.93c.25,0,.51-.1.71-.3l4.4-4.39-1.03-1.8-4.79,4.78c-.39.39-.39,1.02,0,1.41.2.2.45.3.71.3ZM16.79,8.29c-.39.39-.39,1.02,0,1.41l4.78,4.78,1.03-1.8-4.39-4.39c-.4-.39-1.03-.39-1.42,0ZM30.96,43.62c.53-.08,1.21-.16,2-.23v-6.43h-2v6.66ZM53.42,23.46c0-.55-.44-1-1-1h-5.74c.13.66.13,1.34,0,2h5.74c.56,0,1-.45,1-1ZM47.14,9.7c.39-.39.39-1.02,0-1.41s-1.03-.39-1.42,0l-4.39,4.39,1.03,1.8,4.78-4.78ZM46.43,38.93c.26,0,.51-.1.71-.3.39-.39.39-1.02,0-1.41l-4.78-4.77-1.03,1.79,4.39,4.39c.2.2.45.3.71.3ZM36.87,34.96h-9.81c-1.07,0-2.07-.58-2.6-1.5l-.81-1.4-4.1-7.1c-.27-.46-.4-.98-.4-1.5s.13-1.04.4-1.5l4.1-7.1.81-1.4c.53-.92,1.53-1.5,2.6-1.5h9.81c1.07,0,2.07.58,2.6,1.5l.81,1.4,4.1,7.1c.26.46.4.98.4,1.5s-.14,1.04-.4,1.5l-4.1,7.1-.81,1.4c-.53.92-1.53,1.5-2.6,1.5ZM36.67,30.18c1.12.65,2.57.26,3.22-.87l1.11-1.91c.31-.55.4-1.18.23-1.79-.16-.61-.55-1.12-1.13-1.46-.12-.06-.19-.2-.18-.36.01-.11.01-.22.01-.33s0-.22-.01-.33c-.01-.16.06-.3.21-.38,1.13-.65,1.52-2.1.87-3.23l-1.11-1.91c-.31-.55-.82-.94-1.43-1.1-.61-.17-1.25-.08-1.83.25-.12.07-.25.07-.35,0-.22-.14-.44-.27-.68-.39-.1-.05-.17-.17-.17-.35,0-1.3-1.06-2.36-2.36-2.36h-2.21c-1.3,0-2.36,1.06-2.36,2.4,0,.14-.07.26-.18.31-.23.12-.45.25-.67.39-.1.06-.24.06-.39-.02-.54-.32-1.18-.41-1.79-.24-.61.16-1.12.55-1.43,1.1l-1.11,1.91c-.65,1.13-.26,2.58.9,3.25.12.06.19.2.18.36-.01.11-.01.22-.01.33s0,.22.01.33c.01.16-.06.3-.21.38-.55.32-.94.83-1.1,1.44-.17.61-.08,1.24.23,1.79l1.11,1.91c.65,1.13,2.09,1.52,3.26.85.11-.07.25-.07.35-.01.22.14.44.27.68.39.1.05.17.17.17.35,0,1.3,1.06,2.36,2.36,2.36h2.21c1.3,0,2.36-1.06,2.36-2.4,0-.14.07-.26.17-.31.23-.12.46-.25.68-.39.1-.06.24-.06.39.03ZM37.63,28.43c-.77-.45-1.7-.43-2.43.04-.16.1-.33.2-.51.29-.78.4-1.26,1.2-1.26,2.13,0,.2-.16.36-.36.36h-2.21c-.2,0-.36-.16-.36-.4,0-.89-.49-1.69-1.27-2.09-.17-.09-.34-.19-.5-.29-.38-.24-.8-.36-1.23-.36s-.84.11-1.24.34c-.17.1-.39.04-.49-.14l-1.1-1.91c-.07-.11-.06-.22-.04-.28.01-.05.05-.15.2-.23.77-.45,1.22-1.29,1.18-2.19-.01-.08-.01-.16-.01-.24s0-.16.01-.23c.04-.91-.41-1.75-1.21-2.21-.18-.1-.24-.33-.13-.5l1.1-1.91c.06-.11.16-.16.22-.17.05-.01.16-.03.31.05.76.45,1.7.43,2.43-.04.16-.1.33-.2.5-.29.78-.39,1.27-1.2,1.27-2.13,0-.2.16-.36.36-.36h2.21c.2,0,.36.16.36.4,0,.89.49,1.7,1.26,2.09.18.09.35.19.51.29.73.47,1.67.49,2.47.03.11-.07.21-.05.27-.04.05.01.15.06.22.17l1.1,1.91c.1.17.04.4-.16.51-.77.45-1.22,1.29-1.18,2.19.01.08.01.16.01.24s0,.16-.01.24c-.04.9.41,1.74,1.21,2.21.11.06.16.16.17.21.01.06.03.17-.04.28l-1.1,1.91c-.1.18-.32.24-.53.12ZM36.4,23.46c0-2.45-1.99-4.44-4.44-4.44s-4.43,1.99-4.43,4.44,1.99,4.44,4.43,4.44,4.44-1.99,4.44-4.44ZM31.96,21.02c-1.34,0-2.43,1.1-2.43,2.44s1.09,2.44,2.43,2.44,2.44-1.09,2.44-2.44-1.09-2.44-2.44-2.44ZM56.21,49.71l-3.2-2.5c-2.43-1.9-5.44-2.84-8.5-2.65-7.76.46-12.87.88-14.04,1.16-.73.18-1.54,1.14-1.54,2.25-.01,1.28,1.06,2.24,3.01,2.71,5.5,1.31,10.41,1.55,10.46,1.56.55.02.98.49.95,1.04-.02.55-.51,1-1.04.95-.21-.01-5.15-.25-10.84-1.61-1.91-.46-3.3-1.39-4.01-2.62-2.65.44-5.42,0-7.81-1.26l-10.1-5.3c-.79-.42-1.79-.26-2.42.37-.08.08-.15.16-.21.25-.68.96-.47,2.23.47,2.9l13.58,9.72c1.8,1.29,3.98,1.99,6.21,1.95l15.05-.2c.08-.01.15-.01.22-.01,2.06,0,4.07.43,5.96,1.28,1.29.58,2.74.32,3.71-.66l4.4-4.44c.66-.66,1.01-1.58.95-2.52-.06-.93-.52-1.8-1.26-2.37Z%27/%3E%3C/svg%3E');}
.wp-block-button[class*='sddc-btn-ico-arrow']{--sddc-btn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");}
/* Hero's First Button Was Using The Same Glyph Since It Was First Drawn,
   Despite Several Requests To Change It — A Clean Document/Spec Sheet Mark
   Reads More Precisely As "Documentation" Than The Previous Icon And Keeps
   The Same 24x24 Stroke Style As The Arrow Icon Above. */
.wp-block-button[class*='sddc-btn-ico-docs']{--sddc-btn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 2.5h7l4 4v14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-17a1 1 0 0 1 1-1Z'/%3E%3Cpath d='M14 2.5v4h4M8.5 12h7M8.5 15.5h7M8.5 8.5h3'/%3E%3C/svg%3E");}
/* StudioDDC And Didac Soria Author-Link Buttons Use Each Site's Own Real Favicon Mark (Uploaded To The Media Library, Not A Generic Drawn Glyph) — See The Unmasked background-image Rules Near The GitHub/Mail Icons Below */

/* 32. Quick Answers (native details blocks) */
.sddc-faq{margin-block:2.5rem}
.sddc-faq details{border:1px solid var(--sddc-border);border-radius:var(--sddc-radius-sm,10px);background:var(--sddc-card);padding:.9rem 1.1rem;margin-block:.6rem}
.sddc-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sddc-faq summary::-webkit-details-marker{display:none}
.sddc-faq summary::after{content:"+";font-size:1.25rem;line-height:1;opacity:.7;flex:none}
.sddc-faq details[open] summary::after{content:"\2212"}
.sddc-faq summary:focus-visible{outline:2px solid var(--sddc-focus);outline-offset:4px;border-radius:4px}
.sddc-faq details p{margin:.75rem 0 0}

/* Header Layout And Mobile Branding */
.has-sticky-header{--site-header-position:sticky;--site-header-top:var(--body-top,0px)}
.site-header{z-index:100}
.site-header .site-header-wrap{display:flex;align-items:center}
.site-header .title-area{flex:0 1 auto;min-width:0}
.site-header .header-right,.site-header .nav-header{margin-left:auto}
.site-header .sddc-tools{flex:0 0 auto}
.site-header button.sddc-icon-button{border:0;border-radius:var(--sddc-pill);background:transparent;box-shadow:none}
.site-header button.sddc-icon-button:hover,.site-header button.sddc-icon-button:focus-visible{border-radius:var(--sddc-pill);background:var(--sddc-btn2-hover)}
@media(max-width:999px){
.site-header .title-area{margin-right:auto}
.site-header .sddc-tools--mobile{margin-left:auto}
.site-header .header-section-mobile{margin-left:0}
}
@media(max-width:479px){
.site-header:not(.header-stuck) .title-area .site-title,.site-header:not(.header-stuck) .title-area .site-description{display:block}
.site-header .title-area .site-title{font-size:.875rem}
.site-header .title-area .site-description{font-size:.6875rem}
}
.header-stuck .title-area .site-title,.header-stuck .title-area .site-description,
.header-stuck .site-header .title-area .site-title,.header-stuck .site-header .title-area .site-description{display:none!important}


/* Mobile Header And Icon Restoration */
@media(max-width:999px){.site-header .site-header-wrap{display:flex;align-items:center;gap:8px}.site-header .title-area{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;flex:1 1 auto;min-width:0;margin-right:auto}.site-header .title-area .custom-logo-link{grid-row:1/span 2;grid-column:1}.site-header .title-area .site-title{grid-area:1/2/2/3;display:block!important;font-size:clamp(12px,3.2vw,16px);white-space:nowrap}.site-header .title-area .site-description{grid-area:2/2/3/3;display:block!important;font-size:clamp(10px,2.5vw,12px);white-space:nowrap}.site-header .sddc-tools--mobile{margin-left:auto;flex:0 0 auto}.site-header .header-section-mobile{order:99;flex:0 0 auto}}
@media(max-width:999px){.header-stuck .site-header .title-area .site-title,.header-stuck .site-header .title-area .site-description,body.header-stuck .title-area .site-title,body.header-stuck .title-area .site-description{display:none!important}.header-stuck .site-header .title-area{flex:1 1 auto;grid-template-columns:40px}}
/* GitHub And Mail Icons Mask With currentColor (Like The Generic Icon-Button
   Rule) Instead Of A Flat SVG Painted Hardcoded White — That White Fill Was
   Invisible By Default On Any Light/Primary Button (White Background, Dark
   Text) And Only Became Visible On Hover By Coincidence Of The Hover
   Background Flipping Dark. StudioDDC's And Didac's Real Favicon PNGs Below
   Stay As Flat Images Since They're Literal Brand Marks With Their Own Fixed
   Colors. */
.wp-block-button[class*='sddc-btn-ico-github'] .wp-block-button__link::before,.wp-block-button[class*='sddc-btn-ico-mail'] .wp-block-button__link::before{background:currentColor;-webkit-mask:var(--sddc-btn-ico) center/contain no-repeat;mask:var(--sddc-btn-ico) center/contain no-repeat}
.wp-block-button[class*='sddc-btn-ico-studioddc'] .wp-block-button__link::before,.wp-block-button[class*='sddc-btn-ico-didac'] .wp-block-button__link::before{mask:none!important;-webkit-mask:none!important;background-color:transparent!important;background-position:center;background-repeat:no-repeat;background-size:contain}
.wp-block-button[class*='sddc-btn-ico-github']{--sddc-btn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 .5a11.5 11.5 0 0 0-3.64 22.41c.58.1.79-.25.79-.56v-2c-3.2.7-3.87-1.37-3.87-1.37-.52-1.33-1.28-1.69-1.28-1.69-1.05-.71.08-.7.08-.7 1.15.08 1.76 1.19 1.76 1.19 1.03 1.76 2.7 1.25 3.36.96.1-.75.4-1.25.73-1.54-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.28 1.18-3.09-.12-.29-.51-1.46.11-3.05 0 0 .97-.31 3.17 1.18a11 11 0 0 1 5.78 0c2.2-1.49 3.17-1.18 3.17-1.18.62 1.59.23 2.76.11 3.05.74.81 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14v3.17c0 .31.21.67.8.56A11.5 11.5 0 0 0 12 .5z'/%3E%3C/svg%3E")}
.wp-block-button[class*='sddc-btn-ico-mail']{--sddc-btn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 6 10 7 10-7'/%3E%3C/svg%3E")}
/* StudioDDC's And Didac Soria's Real Favicon PNGs, Each Uploaded To The Media
   Library From Their Own Current Favicon — Flat Brand Marks, Not Masked
   Glyphs, So Every Button In This "Support StudioDDC" Row Links Out With the
   Actual Icon Of The Destination It Points To. */
.wp-block-button[class*='sddc-btn-ico-studioddc'] .wp-block-button__link::before{background-image:url("https://wp.studioddc.com/wp-content/uploads/sddc-studioddc-favicon.png")}
.wp-block-button[class*='sddc-btn-ico-didac'] .wp-block-button__link::before{background-image:url("https://wp.studioddc.com/wp-content/uploads/sddc-didac-favicon.png")}

/* Footer Search Removed — The Header Already Carries A Search Control, So The
   Footer Copy Was A Redundant Second Entry Point. Hidden Rather Than Deleted
   From The Template So It Can Be Brought Back With A Single Rule If Needed. */
.sddc-footer .sddc-search-form{display:none!important}
.sddc-footer .sddc-search-form input[type='search']{flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0 18px;border:2px solid var(--sddc-border-strong)!important;border-radius:var(--sddc-pill) 0 0 var(--sddc-pill)!important;background:transparent!important;color:var(--sddc-text);box-shadow:none!important;-webkit-appearance:none;appearance:none}
.sddc-footer .sddc-search-form input[type='search']::placeholder{color:var(--sddc-text-2);opacity:.72}
.sddc-footer .sddc-search-form input[type='search']::-webkit-search-decoration,.sddc-footer .sddc-search-form input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.sddc-footer .sddc-search-form input[type='search']:focus-visible{border-color:var(--sddc-focus)!important;outline:2px solid var(--sddc-focus);outline-offset:2px}
.sddc-footer .sddc-search-form button{display:inline-flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px;height:44px;margin:0;padding:0 4px 0 0;border:2px solid var(--sddc-border-strong)!important;border-left:0!important;border-radius:0 var(--sddc-pill) var(--sddc-pill) 0!important;background:var(--sddc-btn-bg)!important;color:var(--sddc-btn-fg)!important;box-shadow:none!important}
.sddc-footer .sddc-search-form button:hover{background:var(--sddc-btn-hover)!important}
.sddc-footer .sddc-search-form button:focus-visible{outline:2px solid var(--sddc-focus);outline-offset:2px}
.sddc-footer .sddc-search-form svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}


/* Before Footer Authority */
.sddc-before-footer.sddc-authority{
	background:linear-gradient(180deg,var(--sddc-surface),color-mix(in srgb,var(--sddc-surface) 82%,var(--sddc-bg)))!important;
	color:var(--sddc-text);
	border-top:0;
	border-bottom:0;
	/* Mai Engine's has-xl-padding-top/bottom Utility Classes Were Setting 256px Top
	   And Bottom (Its "Extra Large" Spacing Scale) — Collapse That Down To The Same
	   Brief-Closing-Beat Rhythm Used Elsewhere Right Before The Footer */
	padding-top:clamp(1.5rem, 3vw, 2.25rem)!important;
	padding-bottom:clamp(1.5rem, 3vw, 2.25rem)!important;
	/* Mai's Core .wp-block-group:where(.alignfull) Rule Was Also Adding ~300px
	   Of Side Padding Here (A Leftover Of The has-lg-content-width Utility's Own
	   Breakpoint Math) That .sddc-footer And .sddc-credits Never Carry — Drop It
	   So The Row-Level width:min(...) Rule Below Has The Same Full Viewport
	   Width To Compute Against That Every Other Full-Width Section Gets */
	padding-left:0!important;
	padding-right:0!important;
}
/* Mai Engine's has-lg-content-width Utility Sets --content-max-width To Its
   Narrow "lg" Breakpoint (1000px), Which The Core
   .wp-block-group__inner-container{max-width:var(--content-max-width,...);
   width:100%!important} Rule Reads — So The Inner Container Itself Was Being
   Capped At 1000px Regardless Of What Width Its Children Asked For. Beat
   Both Properties On The Inner Container First So It Gets The Site's Real
   Available Width To Compute Against, Then Size The Row Itself To Match the
   Header/Footer/Footer-Credits Convention Exactly */
.sddc-before-footer > .wp-block-group__inner-container {
	width: 100% !important;
	max-width: none !important;
}
.sddc-before-footer > :not(.wp-block-group__inner-container),
.sddc-before-footer > .wp-block-group__inner-container > * {
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
	max-width: none;
	margin-inline: auto;
}
.sddc-authority__layout{
	/* Core Block Styles Ship align-items:normal!important On .wp-block-columns,
	   So Vertically Centering Each Column's Content Needs To Win That Fight */
	align-items:center!important;
	gap:clamp(2rem,5vw,5rem);
}
.sddc-authority__intro{
	max-width:640px;
}
.sddc-authority__intro .sddc-kicker{
	margin-bottom:.75rem;
	color:var(--sddc-text-2);
}
.sddc-authority__intro h2{
	margin-top:0;
	font-size:clamp(1.375rem,2.4vw,1.75rem);
	color:var(--sddc-text);
}
.sddc-authority__intro p{
	font-size:.9375rem;
	color:var(--sddc-text-2);
}
/* Each Proof Item Reads As A Plain Icon-Led List Row — No Card Border, A
   WordPress-Native Dashicon Sitting In Its Own Column To The Left Of The
   Heading+Paragraph Pair. The Icon Spans Both Text Rows Via CSS Grid
   Auto-Placement (No Extra Wrapper Markup Needed: The Pseudo-Element Takes
   The Explicit Grid Cell, Heading And Paragraph Auto-Flow Into The Next
   Column). Each Of The Three Items Gets Its Own Dashicon By Position. */
.sddc-authority__proofs{
	border-top: 0;
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
}
.sddc-authority__proof{
	display: grid;
	grid-template-columns: 22px 1fr;
	column-gap: 0.9rem;
	align-items: start;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}
.sddc-authority__proof::before{
	content: '';
	grid-row: 1 / span 2;
	grid-column: 1;
	font-family: dashicons;
	font-size: 20px;
	line-height: 1;
	color: var(--sddc-text);
	margin-top: 0.15rem;
}
.sddc-authority__proof:nth-child(1)::before{ content: "\f123"; } /* Dashicons Format-Aside — Technical Documentation */
.sddc-authority__proof:nth-child(2)::before{ content: "\f547"; } /* Dashicons Laptop — StudioDDC On GitHub */
.sddc-authority__proof:nth-child(3)::before{ content: "\f120"; } /* Dashicons WordPress Logo — WordPress.org Developer Profile */
.sddc-authority__proof h3{
	margin:0 0 .35rem;
	font-family:var(--body-font-family);
	font-size:.9375rem;
	color:var(--sddc-text);
}
.sddc-authority__proof p{
	margin:0;
	color:var(--sddc-text-2);
	font-size:.875rem;
	line-height:1.6;
}
.sddc-authority__proof a{
	color:var(--sddc-text);
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}
.sddc-authority__proof a:hover{
	color:var(--sddc-text-2);
}
@media(max-width:781px){
	.sddc-authority__layout{
		gap:1.5rem;
	}
}

/* 27. Icon Media & Text Pattern — Native wp:media-text Block. A Single Brand
   Icon On Its Own, No Circle/Background Shape Behind It — Restrained, Not
   A Collage Of Marks. */
.sddc-icon-media-text .wp-block-media-text__media img {
	width: 100%;
	max-width: 220px;
	margin-inline: auto;
	display: block;
	background: none;
	padding: 0;
}

/* 37. StudioDDC And Didac Soria Author Links — Same Fixed Width On All Three
   Buttons (StudioDDC, Didac Soria, GitHub) Instead Of Each One Shrinking To
   Its Own Label Length, Matching The Hero's Own Fixed-Width Button Row. */
:is(.sddc-support-author, .sddc-about-studio) .wp-block-buttons {
	flex-wrap: wrap;
}

:is(.sddc-support-author, .sddc-about-studio) .wp-block-buttons > .wp-block-button {
	flex: 0 0 auto;
	width: 12rem;
}

/* The GitHub Button Here Carries No sddc-btn-ico-* Class (No Icon), So It
   Never Picked Up The inline-flex Treatment The Icon Buttons Get — It Was
   Staying At Its Own Content Width Instead Of Filling The Fixed-Width
   Button Box Like StudioDDC And Didac Soria Do. Force The Link Itself To
   Fill Its Button At !important So No Theme-Core Button-Link Width Rule
   Can Win The Tie. */
:is(.sddc-support-author, .sddc-about-studio) .wp-block-buttons > .wp-block-button > .wp-block-button__link {
	width: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 480px) {
	:is(.sddc-support-author, .sddc-about-studio) .wp-block-buttons > .wp-block-button {
		width: 100%;
	}
}

/* 37b. Hero Buttons — "Explore Documentation", "GitHub", "Contact StudioDDC"
   And The WordPress.org Profile Are Icon-Only, No Circle Chrome: No Border,
   No Background, Just The Bare Icon At A Larger Size, With The Original
   Label Kept In The Markup But Visually Hidden (Clipped, Not display:none)
   So Screen Readers And Hover Titles Still Announce What Each One Does. */
.sddc-hero .wp-block-buttons {
	flex-wrap: wrap;
	gap: 1.5rem;
}

.sddc-hero .wp-block-buttons > .wp-block-button {
	flex: 0 0 auto;
	width: auto;
}

.sddc-hero .wp-block-buttons > .wp-block-button > .wp-block-button__link {
	width: 76px !important;
	height: 76px;
	padding: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #fff !important;
	transition: background-color 0.2s ease;
}

/* A Visible Hover State — A Soft Filled Circle Behind The Icon — Instead Of
   The Earlier Opacity Dip, Which Was Too Subtle To Register As Hover
   Feedback Against The Hero's Dark Background. */
.sddc-hero .wp-block-buttons > .wp-block-button > .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.14) !important;
}

/* Visually-Hidden Label Text — Still In The Accessibility Tree And Still
   Readable By Screen Readers, Just Not Painted On Screen Behind The Icon. */
.sddc-hero .wp-block-buttons .sddc-btn-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Scale The Shared Icon-Mask System Up From Its Normal Inline-Leading-Icon
   Size (1.15em, Meant To Sit Beside Text) To A Large, Legible Standalone
   Mark Now That There's No Circle Framing It. */
.sddc-hero .wp-block-buttons .wp-block-button__link::before {
	position: static;
	width: 42px !important;
	height: 42px !important;
	background-color: #fff !important;
}

/* The WordPress.org Profile Icon Uses The Dashicons Font Glyph (Already
   Enqueued Site-Wide) Instead Of The Mask-Image System The Other Three Use
   — Its ::before Needs Its Own Sizing Rules, Not The Mask Box Above. */
.wp-block-button[class*='sddc-btn-ico-wplogo'] .wp-block-button__link::before {
	background: none !important;
	mask: none !important;
	-webkit-mask: none !important;
	font-family: dashicons;
	content: "\f120";
	font-weight: normal;
	font-size: 42px !important;
	width: auto !important;
	height: auto !important;
	line-height: 1;
	color: #fff !important;
}

/* Hero's Documentation Button -- Same Override Pattern As The WordPress-Logo
   Button Above (Unmask, Switch To The Dashicons Font): Uses
   dashicons-format-aside. The Hero Context Forces Every Icon In This Row To
   A Standalone 42px Mark (See
   ".sddc-hero ... ::before{width:42px!important;height:42px!important}"
   Above), Not The Generic 1.15em Inline-Text Size -- Match That Exactly, The
   Same Way The WordPress-Logo Button Already Does, So All Four Hero Icons
   Render At The Same Visual Size. */
.wp-block-button[class*='sddc-btn-ico-docs'] .wp-block-button__link::before {
	background: none !important;
	mask: none !important;
	-webkit-mask: none !important;
	font-family: dashicons;
	content: "\f123";
	font-weight: normal;
	font-size: 42px !important;
	width: auto !important;
	height: auto !important;
	line-height: 1;
	color: #fff !important;
}

@media (max-width: 480px) {
	.sddc-hero .wp-block-buttons > .wp-block-button > .wp-block-button__link {
		width: 60px !important;
		height: 60px;
	}
	.sddc-hero .wp-block-buttons .wp-block-button__link::before {
		width: 32px !important;
		height: 32px !important;
	}
	.wp-block-button[class*='sddc-btn-ico-wplogo'] .wp-block-button__link::before {
		font-size: 32px !important;
	}
	.wp-block-button[class*='sddc-btn-ico-docs'] .wp-block-button__link::before {
		font-size: 32px !important;
	}
}

/* 38. Centered Card/Column Content — "What WP StudioDDC Builds", "Latest From
   The Blog", "Development Principles" And "Documentation & Support" Were The
   Only Sections Still Reading Left-Aligned Inside Each Card/Column, Out Of
   Step With The Centered Treatment Used Everywhere Else On The Page (OSS
   Cards, Stats, Hero). */
.sddc-builds .sddc-card {
	text-align: center;
}

.sddc-builds .sddc-card .sddc-ico {
	margin-inline: auto;
}

.sddc-builds .sddc-card h3 {
	justify-content: center;
}

.sddc-latest .sddc-post-card {
	text-align: center;
}

.sddc-why-card {
	text-align: center;
}

.sddc-why-head,
.sddc-why-head > .wp-block-group__inner-container {
	justify-content: center;
}

.sddc-support .sddc-link-card {
	text-align: center;
}

.sddc-support .sddc-link-card::before {
	margin-inline: auto;
}

/* 39. Home-Wide Motion — Every Section On The Front Page Already Fades And
   Lifts Into View Via .sddc-reveal As It Scrolls In; This Extends The Same
   Treatment To The Few Elements That Were Still Static (The Merged
   "Built On Real Engineering" / "Build Better WordPress" Rain Section, The
   OSS Grid And The Documentation & Support Cards), Plus A Shared, Restrained
   Hover Lift For Every Card-Like Element Site-Wide So Nothing On The Home
   Feels Inert. */
body.home .sddc-oss .sddc-card,
body.home .sddc-support .sddc-link-card,
body.home .sddc-why-card,
body.home .sddc-builds .sddc-card,
body.home .sddc-post-card {
	transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

body.home .sddc-oss .sddc-card:hover,
body.home .sddc-support .sddc-link-card:hover,
body.home .sddc-why-card:hover,
body.home .sddc-builds .sddc-card:hover,
body.home .sddc-post-card:hover {
	transform: translateY(-4px);
}

body.home .wp-block-button__link {
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

body.home .wp-block-buttons:not(.sddc-oss .wp-block-buttons) > .wp-block-button:hover .wp-block-button__link {
	transform: translateY(-2px);
}

body.home .sddc-ico::before {
	transition: transform 0.25s ease;
}

body.home .sddc-card:hover .sddc-ico::before,
body.home .sddc-why-card:hover .sddc-ico::before {
	transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
	body.home .sddc-oss .sddc-card,
	body.home .sddc-support .sddc-link-card,
	body.home .sddc-why-card,
	body.home .sddc-builds .sddc-card,
	body.home .sddc-post-card,
	body.home .wp-block-button__link,
	body.home .sddc-ico::before {
		transition: none !important;
	}

	body.home .sddc-oss .sddc-card:hover,
	body.home .sddc-support .sddc-link-card:hover,
	body.home .sddc-why-card:hover,
	body.home .sddc-builds .sddc-card:hover,
	body.home .sddc-post-card:hover,
	body.home .wp-block-buttons > .wp-block-button:hover .wp-block-button__link,
	body.home .sddc-card:hover .sddc-ico::before,
	body.home .sddc-why-card:hover .sddc-ico::before {
		transform: none !important;
	}
}

/* 40. Rain-Section Heading Spacing — The Merged "Built On Real Engineering /
   Build Better WordPress" Block Has Two Heading+Paragraph Pairs Back To Back.
   .sddc-final p Zeroes Out The Paragraph's Bottom Margin (Needed So The Lone
   Tagline Under A Single Heading Doesn't Float Away From Its Buttons), Which
   Left The Second Heading Sitting Right On Top Of The First Paragraph With
   Only Its Own 0.5rem Top Margin Between Them. Add Real Breathing Room
   Specifically Where A Paragraph Is Immediately Followed By Another Heading
   Inside This Block — Doesn't Touch Any Other Section On The Site. */
.sddc-rain-section p + h2 {
	margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

/* 41. The Hero Keeps Its Dark Artwork; Content Sections Follow The Theme. */
.sddc-hero {
	background: #000 !important;
}

.sddc-rain-section {
	background: var(--sddc-bg) !important;
}

.sddc-hero h1,
.sddc-hero .sddc-badge,
.sddc-hero .sddc-byline,
.sddc-hero .sddc-byline a {
	color: #fff !important;
}

.sddc-hero .sddc-lead {
	color: #d7dde5 !important;
}

.sddc-hero .is-style-primary .wp-block-button__link {
	background: #fff;
	color: #0b0f14;
}

.sddc-hero .is-style-primary .wp-block-button__link:hover {
	background: var(--sddc-accent);
	color: #fff;
}

.sddc-hero .wp-block-button--1 .wp-block-button__link,
.sddc-hero .wp-block-button--2 .wp-block-button__link,
.sddc-hero .button-outline,
.sddc-hero .is-style-outline .wp-block-button__link {
	color: #fff;
	border-color: #fff;
}

.sddc-hero .wp-block-button--1 .wp-block-button__link:hover,
.sddc-hero .wp-block-button--2 .wp-block-button__link:hover,
.sddc-hero .button-outline:hover,
.sddc-hero .is-style-outline .wp-block-button__link:hover {
	background: #fff;
	color: #0b0f14;
	border-color: #fff;
}

/* 42. Before-Footer Block In Light Mode — It Lives Inside <footer>, Which
   Forces --sddc-text/--sddc-text-2 To Fixed Light Colours (#fff / #d7dde5)
   So Copy Reads On The Footer's Permanently Black Background Further Down.
   But This Block's Own Background Uses --sddc-surface, Which Still Follows
   The Page Theme And Turns Near-White In Light Mode — Leaving White Text On
   A Near-White Background. Lock Its Background Dark Too, Matching The Rest
   Of The Footer, So The Already-Correct Light Text Colours Have Something
   Dark To Sit On. */
.sddc-before-footer {
	--sddc-surface: #182638;
}

/* 43. No Underline On Hover For The Hero And Support-StudioDDC Button Rows —
   A Generic text-decoration:underline Rule Elsewhere In The Cascade (Core
   Theme Link Styling) Can Win On :hover Since Pseudo-Class Specificity Ties
   Go To Source Order. Force It Off, Scoped To These Two Button Rows Only. */
.sddc-hero .wp-block-button__link:hover,
.sddc-support-author .wp-block-button__link:hover {
	text-decoration: none !important;
}

/* 44. Author Box And Post-Navigation Cards — Round Avatar, Card Radius To
   Match The Site's Design System, And A Theme-Aware Icon Color. The Author
   Social Icons (from WP StudioDDC HQ) Deliberately Inherit currentColor With
   No Color Set Of Their Own, Which Resolved To An Invisible Dark Value
   Inside The Author Box In Dark Mode; Give Them The Same --color-link Token
   Every Other Link On The Site Already Reads, So They Stay Correct In Both
   Themes. This Lives Here (Site-Specific Plugin) Rather Than In WP StudioDDC
   HQ, Since It's Purely This Theme's Visual Integration. */
.author-box {
	--author-box-border-radius: var(--sddc-radius);
}
.author-box .avatar {
	--avatar-border-radius: 50%;
}
.adjacent-entry-pagination .adjacent-entry-link-inner {
	--adjacent-entry-link-inner-border-radius: var(--sddc-radius-sm);
}
.author-box .wpsddc-author-social-link,
.wpsddc-author-social-link {
	color: var(--color-link, currentColor) !important;
}
.author-box .wpsddc-author-social-link:hover,
.author-box .wpsddc-author-social-link:focus-visible,
.wpsddc-author-social-link:hover,
.wpsddc-author-social-link:focus-visible {
	color: var(--sddc-accent, var(--color-link)) !important;
}

/* POST-FOOTER AREAS (AUTHOR BOX, PREV/NEXT NAV, COMMENT FORM) -- THESE SIT
   OUTSIDE .entry-content, SO THE EARLIER BODY-COPY REDUCTION (.entry-content p
   TO 1REM) NEVER REACHED THEM; THEY WERE STILL RENDERING AT THE THEME'S
   ~1.18REM DEFAULT. BRING THEM DOWN TO THE SAME 1REM/H4 SCALE USED ELSEWHERE. */
.author-box p,
.adjacent-entry-link-inner,
.comment-respond .comment-notes,
.comment-respond .form-submit,
#commentform label {
	font-size: 1rem;
}

.author-box-title {
	font-size: clamp(1.0625rem, 1.6vw, 1.1875rem);
}

/* 45. Force The Actual Content Box (#genesis-content / .entry-content) To Fill The
   Same 1216px Container The Header And Footer Use, With Zero Inset. DevTools shows
   #genesis-content.content.has-wide-content sitting at the full 1216px (matching
   --sddc-max exactly, confirmed), but something in Mai Engine's generated styles
   still insets it by ~37.73px a side before the actual text/blocks render, so
   .entry-content ends up at ~1140px -- narrower than the header/footer/breadcrumb
   it should match exactly. No static source for that inset was found (not in any
   compiled Mai Engine CSS file, not in Genesis core, not in the child theme), so
   it is neutralized directly and unconditionally here instead of chased further. */
#genesis-content.content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#genesis-content.content > .entry,
#genesis-content.content > .entry > .entry-wrap,
#genesis-content.content .entry-content {
	width: 100% !important;
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* 46. Sharing & Engage (WP StudioDDC HQ's .wpsddc-post-actions: like button and
   share dialog) Hardcodes Light-Mode Colors Via Its Own CSS Custom Properties
   (--wpsddc-int-ink etc all dark text/white backgrounds), With No Dark-Mode
   Variant -- Invisible Against This Site's Dark Background. Re-declare Those
   Same Variables (the plugin's own theming hook) Scoped To Dark Mode Here,
   Plus The Couple Of Hardcoded #fff/rgba(0,0,0,..) Spots The Plugin's CSS Never
   Routed Through Those Variables In The First Place. */
html:not([data-sddc-theme='light']) .wpsddc-post-actions {
	--wpsddc-int-ink: var(--color-link, #d7dde5);
	--wpsddc-int-muted: var(--sddc-text-2, #d7dde5);
	--wpsddc-int-hover: var(--sddc-text, #fff);
	--wpsddc-int-border: var(--sddc-border, rgba(215, 221, 229, 0.16));
	--wpsddc-int-bg: var(--sddc-surface, #182638);
}
html:not([data-sddc-theme='light']) .wpsddc-share-option {
	background: var(--wpsddc-int-bg);
}
html:not([data-sddc-theme='light']) .wpsddc-share-option:hover {
	border-color: var(--sddc-text, #fff);
	color: var(--sddc-text, #fff);
}

/* 47. Native WP Comment Form (Logged-in And Logged-out) -- Mai Engine's Base Input
   Rule Hardcodes var(--color-white) As The Background (Not Theme-Aware), So The
   Comment Textarea And Fields Stayed A Plain White Box In Dark Mode. Route Them
   Through The Same --sddc-* Tokens Already Used Everywhere Else On The Site,
   Which Flip Automatically Between Light And Dark -- One Rule Covers Both Modes.
   Radius Matches The Rest Of The Site's Rounded Fields/Cards Instead Of Mai's
   Sharp 4px Default. */
#commentform textarea,
#commentform input[type='text'],
#commentform input[type='email'],
#commentform input[type='url'] {
	background: var(--sddc-surface);
	color: var(--sddc-text);
	border: 1px solid var(--sddc-border-strong);
	border-radius: var(--sddc-radius-sm);
}
#commentform textarea:focus,
#commentform input[type='text']:focus,
#commentform input[type='email']:focus,
#commentform input[type='url']:focus {
	border-color: var(--sddc-accent);
	outline: none;
}
#commentform .form-submit input#submit {
	border-radius: var(--sddc-pill);
}

/* 48. Related Nexus Cards (WP StudioDDC HQ's .wpsddc-related, now always one
   scrollable row per block 46/related-posts.php) -- Title Overlaid On The
   Image With A Bottom Gradient Scrim, Same "Explore By Category" Tile
   Pattern As .sddc-cat-card Above (francisavella.com's Reference Look), Built
   In Plain CSS Since These Items Are Not wp-block-cover Blocks. The Name Box
   Gets A Fixed 2-Line Height So Every Card's Title Starts At The Same Y
   Position In The Row Regardless Of How Long Its Title Is; Longer Titles
   Clamp To Those 2 Lines With An Ellipsis. The Full Title Already Lives In
   The <a title="..."> Attribute (related-posts.php), So It Is Still
   Available As A Tooltip When Clamped. */
.wpsddc-related__title {
	font-size: 1.1rem;
}
/* Fit-As-Many-As-Fit, One Row, No Scroll -- Replaces The Earlier Horizontal
   Scroll Approach Entirely. Each Card Is A FIXED 120x120 Square (Never
   Auto-Regulated/Stretched By grid-auto-columns:1fr Or By How Many Items
   wpsddc_related_posts_count Returns -- 4 Configured Looks Identical In
   Size To 9). repeat(auto-fill,120px) Lets The Grid Compute However Many
   Whole 120px Columns Fit The Row's Width On Its Own: With The 1216px
   Content Width (Matching Header/Footer) And A 16px Gap, That Works Out To
   Exactly 9 On Large Screens (9 * 120 + 8 * 16 = 1208px) -- The "Maximum 9
   On Large Screens" Ceiling Falls Out Of The Math, Not A Hardcoded Count.
   On Narrower Screens It Naturally Fits Fewer. Any Items Beyond What Fits
   In Row 1 (Either Because The Settings Count Is Higher Than Fits, Or The
   Screen Is Narrow) Would Normally Wrap To A Second Grid Row -- The Scroll
   Wrapper's overflow:hidden + max-height Below Crops That Away, So Only
   "The Ones That Fit In One Row" Are Ever Visible, No Scrollbar Needed. */
.wpsddc-related__grid {
	grid-auto-flow: unset !important;
	grid-auto-columns: unset !important;
	grid-template-columns: repeat(auto-fill, 120px) !important;
	justify-content: start !important;
	gap: 16px !important;
}
.wpsddc-related__scroll {
	overflow: hidden !important;
	max-height: 120px !important;
}
.wpsddc-related__link {
	position: relative;
	display: block;
	border-radius: var(--sddc-related-radius) !important;
	overflow: hidden;
}
.wpsddc-related__media {
	border-radius: 0 !important;
	background: var(--sddc-surface);
	aspect-ratio: 1 / 1 !important;
}
/* Force The Image To Fully Bleed Into Its 4:3 Box Regardless Of Any Theme
   img{height:auto} Reset Winning On Specificity/Order -- Without This,
   The Image Fell Short Of The Box And Left The --sddc-surface Background
   Showing As A Pale/White Edge Around Each Thumbnail. */
.wpsddc-related__media img,
.wpsddc-related__image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	border: 0 !important;
}
.wpsddc-related__link::after {
	content: '';
	position: absolute;
	inset: auto 0 0 0;
	height: 55%;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.88) 88%);
	pointer-events: none;
}
/* height (Not min-height) Is The Fix: Without A Hard Cap, A Long Title's Text
   Pushed The Absolutely-Positioned (bottom:0) Box Taller Than 2 Lines, Growing
   Upward Past The Top Of The Image Instead Of Clipping -- Visible As Long
   Titles Covering The Whole Thumbnail. A Fixed Height Plus overflow:hidden
   Is A Hard Ceiling Regardless Of Whether -webkit-line-clamp Engages, And It
   Is What Actually Makes Every Card's Title Start At The Same Y Position. */
/* -webkit-line-clamp Must Sit On A Plain (Non-positioned) Inner Span, Not On
   This position:absolute Outer One: Chrome Mispaints The Clamp When Applied
   Directly To An Absolutely Positioned Element -- Its Own Layout Correctly
   Reports A Clipped clientHeight, Yet It Still PAINTS The Overflowing 3rd
   Line Past That Boundary (Confirmed Via DevTools). The Outer
   .wpsddc-related__name Below Only Positions/Colors/Pads The Title And Sets
   A min-height Reserving 2-Line Space So Every Card's Title Starts At The
   Same Y Regardless Of Length; The Actual 2-Line Clamp+Ellipsis Happens On
   The Inner .wpsddc-related__name-text Span (related-posts.php), Which Has
   No Positioning Of Its Own And Clamps Correctly. */
.wpsddc-related__name {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	display: block !important;
	min-height: 2.6em !important;
	padding: 6px 10px !important;
	color: var(--sddc-text) !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	z-index: 1 !important;
	box-sizing: border-box !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
	background: var(--sddc-surface, #182638) !important;
}
.wpsddc-related__name-text {
	display: -webkit-box !important;
	overflow: hidden !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	color: inherit !important;
	font: inherit !important;
}
.wpsddc-related__link:hover .wpsddc-related__name,
.wpsddc-related__link:focus-visible .wpsddc-related__name {
	text-decoration: none !important;
	color: var(--sddc-text);
}

/* 49. Content Bullet Lists: Dashicons Arrow-Right Instead Of The Default
   Disc -- Originally Scoped To :not([class]) Assuming Plain, Author-Written
   <ul> Lists Carried No Class, But Gutenberg's List Block Actually Renders
   Every <ul> It Creates As <ul class="wp-block-list">, So That Selector
   Never Matched Real Post Content And The Disc Kept Showing. Added
   ul.wp-block-list Explicitly (Keeping The Classless Fallback Too) So Both
   Forms Of Plain Content Lists Get The Dashicon. Every Purpose-Built UL On
   The Site (Related Nexus Grid, Footer Nav, Language Switcher, Plugin Meta
   Pills, Author Socials, Etc.) Uses Its Own Distinct Class, Never
   wp-block-list, And Already Sets Its Own list-style:none, So It's Still
   Automatically Left Alone -- No Explicit Exclusion List To Maintain.
   ::marker (Not A Position:absolute ::before Hack) Keeps Native List
   Semantics/Indentation And Just Swaps The Glyph. Marker Color Is currentColor
   So It Always Matches Its Own List Item's Text Color Rather Than A Fixed
   Accent -- Correct In Both Themes And Inside Any Colored Content Block. */
.entry-content ul:not([class]) > li::marker,
.entry-content ul.wp-block-list > li::marker {
	font-family: dashicons;
	content: "\f139  ";
	color: currentColor;
	font-size: 0.85em;
}
/* 50. Contact Page: Two-Column Layout (Intro Left, Ninja Forms Right) --
   Core's .wp-block-columns Already Stacks Below ~782px And Handles The
   38/62 Split; This Adds The Site's Own Card Treatment To The Form Column
   (Matching --sddc-card Used Elsewhere) And Keeps The Intro Readable And
   Aligned Beside It On Larger Screens. */
.sddc-contact-columns {
	gap: clamp(2rem, 5vw, 4rem) !important;
	align-items: start !important;
}
.sddc-contact-intro h2 {
	margin-top: 0;
}
.sddc-contact-intro .sddc-contact-direct {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--sddc-border);
	color: var(--sddc-text-2);
	font-size: 0.9375rem;
}
/* The Site's Own .site-header Is position:sticky (See .has-sticky-header
   Above) At A Measured 65px Tall And Pins To top:0; Stacking The Intro
   Column's Own Sticky Offset On Top Of That Header Height (Plus Its Own
   Breathing Room) Keeps "Send a Message" From Being Hidden Underneath It
   On Scroll. var(--wp-admin--admin-bar--height) Still Covers The Logged-In
   WP Admin Bar Case, Which Sits Above The Site Header, Not Instead Of It. */
@media (min-width: 783px) {
	.sddc-contact-intro {
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 65px + 2rem);
	}
}
.sddc-contact-form-col {
	background: var(--sddc-card);
	border: 1px solid var(--sddc-border);
	border-radius: var(--sddc-radius);
	padding: clamp(1.5rem, 4vw, 2.5rem);
}
.sddc-contact-form-col .nf-form-cont {
	margin: 0;
}
/* Two Fields Per Row On The Contact Form (Name/Email, Website/Topic,
   Project Name/Site Environment), Matching The Form Column's Own 783px
   Breakpoint. nf-field Is An Unstyled Custom Element (display:inline By
   Default) That Grid Blockifies Automatically Once Its Parent Is A Grid
   Container, So No Extra Display Override Is Needed Here. Message,
   The Privacy Notice, The Consent Checkbox And Submit Stay Full Width
   Since They Don't Pair Naturally. */
@media (min-width: 783px) {
	.sddc-contact-form-col nf-fields-wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 1.25rem;
	}
	.sddc-contact-form-col nf-fields-wrap > nf-field:nth-child(n + 7) {
		grid-column: 1 / -1;
	}
}

/* 42. Home Featured Images, Plugins Section And Final Call to Action on Blue.
   Blog Cards Show Their Featured Image at the Same 1200x630 Ratio as the
   Plugin Cards, So Every Card Image on the Site Keeps One Shape. The Home
   Plugins Section Reuses the Plugin Collection Grid (plugin-index.css). */
.sddc-post-card .wp-block-post-featured-image {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0 0 1rem;
	aspect-ratio: 1200 / 630;
	overflow: hidden;
	border: 1px solid var(--sddc-border);
	border-radius: var(--sddc-radius-sm, 12px);
	background: #000;
}

.sddc-post-card .wp-block-post-featured-image a,
.sddc-post-card .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sddc-post-card .wp-block-post-featured-image img {
	object-fit: cover;
	object-position: center;
}

.sddc-home-plugins .wp-block-query {
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
	max-width: none;
	margin-inline: auto;
}

.sddc-home-plugins .wp-block-buttons {
	margin-top: 2.5rem;
	justify-content: center;
}

/* On the Blue Background the Final Section Follows the Theme Like Every
   Other Blue Section: Light Text in Dark Mode, Dark Text in Light Mode. */
html[data-sddc-theme='light'] .sddc-final.sddc-bg-blue h2 {
	color: var(--sddc-text) !important;
}

html[data-sddc-theme='light'] .sddc-final.sddc-bg-blue p {
	color: var(--sddc-text-2) !important;
}

html[data-sddc-theme='light'] .sddc-final.sddc-bg-blue .is-style-primary .wp-block-button__link {
	background: #0b0f14;
	color: #fff;
}

html[data-sddc-theme='light'] .sddc-final.sddc-bg-blue :is(.wp-block-button--1 .wp-block-button__link, .button-outline) {
	color: var(--sddc-text);
}

/* 43. Rain-Section Copy And Controls Use The Same Theme As Their Background. */
.sddc-rain-section :is(h2, h3, p, li):not(:is(.sddc-card, .sddc-why-card, .sddc-link-card, .sddc-final-box) *) {
	color: var(--sddc-text) !important;
}

.sddc-rain-section .sddc-head p:not(:is(.sddc-card, .sddc-why-card, .sddc-link-card, .sddc-final-box) *),
.sddc-rain-section .sddc-support-author p {
	color: var(--sddc-text-2) !important;
}

.sddc-rain-section .is-style-outline:not(.sddc-final-box *) .wp-block-button__link {
	border-color: var(--sddc-btn2-border);
	color: var(--sddc-btn2-fg);
}

/* 44. Blog Cards: Read More Pinned to the Bottom. The Card Content Stacks as
   a Column That Fills the Card, So Every Read More Link Sits on the Same Line
   Whatever the Title and Excerpt Length. */
.sddc-post-card > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.sddc-post-card .wp-block-read-more {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	align-self: center;
	gap: 0.4rem;
	margin-top: auto;
	padding-top: 1.25rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--sddc-text);
	text-decoration: none;
}

.sddc-post-card .wp-block-read-more::after {
	content: '\2192';
	transition: transform 0.2s ease;
}

.sddc-post-card .wp-block-read-more:hover,
.sddc-post-card .wp-block-read-more:focus-visible {
	color: var(--color-link);
	text-decoration: none !important;
}

.sddc-post-card .wp-block-read-more:hover::after {
	transform: none;
}

/* 45. StudioDDC And Didac Soria Section — The WordPress.org Profile Button
   Reuses The Dashicons WordPress Glyph, But At The Inline Button-Icon Size
   And Text Colour Instead Of The 42px White Hero Mark. */
.sddc-about-studio .wp-block-button[class*='sddc-btn-ico-wplogo'] .wp-block-button__link::before {
	font-size: 1.25em !important;
	width: auto !important;
	height: auto !important;
	color: currentColor !important;
}

/* 46. Why Cards On Mobile — Stack The Icon Above The Title, Centered, Once
   The Columns Collapse To A Single Column (Native 781px Breakpoint). */
@media (max-width: 781px) {
	.sddc-why-head,
	.sddc-why-head > .wp-block-group__inner-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		gap: 0.75rem;
	}

	.sddc-why-head .sddc-ico {
		margin-inline: auto;
	}
}

/* 47. Hero Icon Row On Mobile — Keep The Four Icon-Only Buttons In One
   Centered Horizontal Row Instead Of Stacking Them Down The Left Edge. */
@media (max-width: 781px) {
	.sddc-hero .wp-block-buttons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 1rem 1.25rem;
		width: 100%;
		margin-inline: auto;
	}

	.sddc-hero .wp-block-buttons > .wp-block-button {
		flex: 0 0 auto;
		width: auto !important;
		margin: 0;
	}
}

/* 48. Uppercase Headings — Mai Engine Reads --heading-text-transform For
   Every Heading (h1-h6, Page Header And Entry Titles, Heading Styles), So
   Setting The Theme's Own Token Capitalises All Titles Site-Wide Without
   Per-Element Overrides. */
:root {
	--heading-text-transform: uppercase;
}


/* HOME EDITOR CONTENT USES THE STANDARD THEME CONTAINER */
body.home .sddc-section .sddc-head > :not(.wp-block-group__inner-container),
body.home .sddc-section .sddc-head > .wp-block-group__inner-container > *,
body.home .sddc-section.sddc-hero .sddc-lead,
body.home .sddc-section.sddc-hero h1,
body.home .sddc-section .sddc-support-author p,
body.home .sddc-section .sddc-final-box h2,
body.home .sddc-section .sddc-final-box p {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
}
body.home .sddc-section .sddc-head > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

/* HOME SECTION HEADINGS AND LEAD TEXT FOLLOW THE NATIVE CONTENT WIDTH */
body.home .sddc-section .sddc-head {
	box-sizing: border-box;
	width: min(100% - 2 * var(--sddc-gutter), var(--sddc-max));
	max-width: none;
	margin: 0 auto clamp(1.75rem, 3.5vw, 3rem) !important;
}
body.home .sddc-section .sddc-head > :not(.wp-block-group__inner-container),
body.home .sddc-section .sddc-head > .wp-block-group__inner-container > * {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
}
body.home .sddc-section .sddc-head h2 {
	margin-block: 0;
	text-wrap: balance;
}
body.home .sddc-section .sddc-head p {
	margin: .85rem auto 0;
	line-height: 1.65;
	text-wrap: pretty;
}

/* CORPORATE BRAND BLUE AND SEAMLESS SECTION BANDS */
.sddc-section.sddc-bg-blue {
	background-color: var(--sddc-surface);
	background-image: none;
	border-block: 0;
}
body.home .sddc-section.sddc-bg-blue,
body.page-id-2239 .sddc-section.sddc-bg-blue,
body.page-id-2240 .sddc-section.sddc-bg-blue {
	background: var(--sddc-surface);
	background-image: none;
	border-block: 0;
}
body.home .sddc-section.sddc-bg-blue :is(h2, h3, p):not(:is(.sddc-card, .sddc-why-card, .sddc-link-card) *),
body.page-id-2239 .sddc-section.sddc-bg-blue :is(h2, h3, p):not(.wp-block-details *),
body.page-id-2240 .sddc-section.sddc-bg-blue :is(h2, h3, p):not(.wp-block-details *) {
	color: var(--sddc-text);
}
body.page-id-2239 .wpsddc-catalog,
body.page-id-2240 .wpsddc-catalog {
	background: var(--sddc-bg);
	color: var(--sddc-text);
}

/* CONSISTENT TWO-PIXEL COMPONENT OUTLINES */
:root {
	--sddc-component-border-width: 2px;
}
body :is(
	.sddc-card,
	.sddc-why-card,
	.sddc-link-card,
	.sddc-plugin-card,
	.sddc-plugin-meta li,
	.sddc-list-card,
	.sddc-final-box,
	.sddc-badge,
	.sddc-post-card .wp-block-post-featured-image,
	.sddc-post-card .wp-block-post-terms a,
	.sddc-footer .socialmenufooter a,
	.sddc-contact-form-col,
	.sddc-faq details,
	.sddc-lang ul,
	.sddc-search-dialog,
	.site-header .nav-header .sub-menu,
	.sddc-search-panel input[type='search'],
	.sddc-search-form input[type='search'],
	.sddc-search-form button,
	.wp-block-button__link,
	.wp-element-button,
	.button,
	.sddc-icon-button,
	.sddc-search-submit,
	.wp-block-details,
	.nf-form-cont input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
	.nf-form-cont select,
	.nf-form-cont textarea
),
body #commentform :is(textarea, input[type='text'], input[type='email'], input[type='url']) {
	border-width: var(--sddc-component-border-width);
}


body.home .sddc-section:not(.sddc-bg-blue),
body.page-id-2239 .sddc-section:not(.sddc-bg-blue):not(.wpsddc-plugin-index-hero),
body.page-id-2240 .sddc-section:not(.sddc-bg-blue):not(.wpsddc-plugin-index-hero) {
	background: var(--sddc-bg);
	border-block: 0;
	box-shadow: none;
}
body.home .sddc-section.sddc-bg-blue,
body.page-id-2239 .sddc-section.sddc-bg-blue,
body.page-id-2240 .sddc-section.sddc-bg-blue {
	background: var(--sddc-surface);
	border-block: 0;
	box-shadow: none;
}
body.home .sddc-rain-section {
	--sddc-bg: #000;
	--sddc-surface: #182638;
	--sddc-surface-2: #273d55;
	--sddc-circle: #182638;
	--sddc-text: #fff;
	--sddc-text-2: #d7dde5;
	--sddc-card: rgba(24, 38, 56, 0.55);
	--sddc-card-hover: rgba(39, 61, 85, 0.5);
	--sddc-border: rgba(215, 221, 229, 0.16);
	--sddc-border-strong: rgba(215, 221, 229, 0.34);
	--sddc-btn-bg: #fff;
	--sddc-btn-fg: #0b0f14;
	--sddc-btn-hover: #d7dde5;
	--sddc-btn2-fg: #fff;
	--sddc-btn2-border: rgba(215, 221, 229, 0.4);
	--sddc-btn2-hover: rgba(215, 221, 229, 0.12);
	--sddc-focus: #d7dde5;
	--color-body: #fff;
	--color-heading: #fff;
	--color-link: #d7dde5;
	--color-link-light: #fff;
	--color-link-dark: #d7dde5;
	background: #000 !important;
	color: var(--sddc-text);
}
body.home .sddc-final.sddc-rain-section {
	padding-block: clamp(3.5rem, 6vw, 5rem);
}
body.home .sddc-final.sddc-rain-section > .sddc-kicker {
	margin: 0 auto .85rem;
}
body.home .sddc-final.sddc-rain-section > .wp-block-heading {
	margin: 0 auto;
	line-height: 1.3;
	text-wrap: balance;
}
body.home .sddc-final.sddc-rain-section > .sddc-kicker + .wp-block-heading,
body.home .sddc-final.sddc-rain-section > .wp-block-group__inner-container > .sddc-kicker + .wp-block-heading {
	margin-top: 0.75rem;
}
body.home .sddc-final.sddc-rain-section > p:not(.sddc-kicker) {
	margin: .85rem auto 0;
	line-height: 1.7;
	text-wrap: pretty;
}
body.home .sddc-final.sddc-rain-section > p + .wp-block-heading {
	margin-top: clamp(2.5rem, 4vw, 3.5rem);
}
body.home .sddc-final.sddc-rain-section > .wp-block-buttons {
	margin-top: clamp(1.75rem, 3vw, 2.5rem);
}
body.home .sddc-final.sddc-rain-section > p.wpsddc-seo-resources,
body.home .sddc-final.sddc-rain-section > .wp-block-group__inner-container > p.wpsddc-seo-resources {
	margin-top: 3rem;
}

/* Bare policy tables scroll within their own box on narrow screens. */
@media (max-width: 767px) {
	body:is(.page-id-645, .page-id-646) .entry-content > table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}
}
