/* ==========================================================================
   MAISON NOIR — theme-maison.css
   A Parisian luxury maison's take on darkness. Blackout VPN's "we don't
   know you" rendered as discretion: absolute black, champagne gold used
   like gilding (hairlines, kickers, small marks — never large fills),
   serene serif display type.

   Palette tokens:
     --ink            #0A0A0C   page
     --ink-raised     #101014   raised bands / cards
     --ink-deep       #060608   header / footer
     --champagne      #C9AD7F   accent
     --champagne-bright #E0C89A hover
     --champagne-dim  rgba(201,173,127,.28)  hairlines
     --text           #E8E4DC   warm off-white
     --text-dim       rgba(232,228,220,.55)

   Signature: gilded hairline framing — a short 32px champagne rule above
   section headers, hairline-outlined buttons that fill champagne on hover,
   and a double hairline frame on the featured pricing card.
   Corners: 0. Shadows: none — depth via background steps and hairlines.
   ========================================================================== */

html[data-theme="maison"] {
	--ink: #0A0A0C;
	--ink-raised: #101014;
	--ink-deep: #060608;
	--champagne: #C9AD7F;
	--champagne-bright: #E0C89A;
	--champagne-dim: rgba(201, 173, 127, 0.28);
	--champagne-line: rgba(201, 173, 127, 0.45);
	--champagne-ghost: rgba(201, 173, 127, 0.10);
	--text: #E8E4DC;
	--text-dim: rgba(232, 228, 220, 0.55);
	--text-mute: rgba(232, 228, 220, 0.38);
	--hairline: rgba(255, 255, 255, 0.07);
	--font-display: 'Cormorant Garamond', 'Times New Roman', serif;
	--font-body: 'Inter', Helvetica, Arial, sans-serif;
	--ls-micro: 0.2em;
}

/* --------------------------------------------------------------------------
   1. BASE — surface, body type, links, rules, code, selection, scrollbar
   -------------------------------------------------------------------------- */

html[data-theme="maison"],
html[data-theme="maison"] body,
html[data-theme="maison"] body.homepage-tone-b,
html[data-theme="maison"] body.landing:after {
	background: var(--ink) !important;
}

html[data-theme="maison"] body,
html[data-theme="maison"] input,
html[data-theme="maison"] select,
html[data-theme="maison"] textarea {
	color: var(--text-dim) !important;
	font-family: var(--font-body) !important;
	font-weight: 300 !important;
	line-height: 1.85em;
	letter-spacing: 0.008em;
	-webkit-font-smoothing: antialiased;
}

html[data-theme="maison"] a {
	color: var(--champagne) !important;
	border-bottom: 1px solid var(--champagne-dim) !important;
	transition: color 0.25s ease, border-color 0.25s ease;
}

html[data-theme="maison"] a:hover {
	color: var(--champagne-bright) !important;
	border-bottom-color: var(--champagne-line) !important;
}

html[data-theme="maison"] h1 a, html[data-theme="maison"] h2 a,
html[data-theme="maison"] h3 a, html[data-theme="maison"] h4 a,
html[data-theme="maison"] h5 a, html[data-theme="maison"] h6 a,
html[data-theme="maison"] .button,
html[data-theme="maison"] .icon,
html[data-theme="maison"] .image,
html[data-theme="maison"] #logo,
html[data-theme="maison"] #header nav ul li a,
html[data-theme="maison"] #titleBar a,
html[data-theme="maison"] #navPanel .link,
html[data-theme="maison"] .dropotron li > a,
html[data-theme="maison"] .ghost-cta,
html[data-theme="maison"] .ghost-pay-card,
html[data-theme="maison"] .ghost-app-badges a,
html[data-theme="maison"] .download-badges .badge-stack a,
html[data-theme="maison"] #footer .copyright li a {
	border-bottom: 0 !important;
}

html[data-theme="maison"] strong,
html[data-theme="maison"] b {
	color: var(--text) !important;
	font-weight: 500 !important;
}

html[data-theme="maison"] label {
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.72rem !important;
	letter-spacing: var(--ls-micro);
	text-transform: uppercase;
}

html[data-theme="maison"] hr {
	border-bottom: 1px solid var(--hairline) !important;
}

html[data-theme="maison"] blockquote {
	border-left: 1px solid var(--champagne-line) !important;
	color: var(--text-dim);
	font-family: var(--font-display) !important;
	font-style: italic;
	font-size: 1.15em;
}

html[data-theme="maison"] code {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	color: var(--text) !important;
}

html[data-theme="maison"] pre.muted,
html[data-theme="maison"] pre code {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	color: var(--text-dim) !important;
}

html[data-theme="maison"] ::selection {
	background: var(--champagne);
	color: var(--ink);
}

html[data-theme="maison"] ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

html[data-theme="maison"] ::-webkit-scrollbar-track {
	background: var(--ink-deep);
}

html[data-theme="maison"] ::-webkit-scrollbar-thumb {
	background: rgba(201, 173, 127, 0.22);
	border: 3px solid var(--ink-deep);
}

html[data-theme="maison"] ::-webkit-scrollbar-thumb:hover {
	background: rgba(201, 173, 127, 0.40);
}

/* Keyboard focus — a single champagne hairline, offset like a mat frame */
html[data-theme="maison"] a:focus-visible,
html[data-theme="maison"] button:focus-visible,
html[data-theme="maison"] .button:focus-visible,
html[data-theme="maison"] input:focus-visible,
html[data-theme="maison"] select:focus-visible,
html[data-theme="maison"] textarea:focus-visible,
html[data-theme="maison"] summary:focus-visible,
html[data-theme="maison"] input[type="submit"]:focus-visible,
html[data-theme="maison"] input[type="reset"]:focus-visible,
html[data-theme="maison"] input[type="button"]:focus-visible {
	outline: 1px solid var(--champagne) !important;
	outline-offset: 3px !important;
}

/* --------------------------------------------------------------------------
   2. TYPOGRAPHY — serene serif display, Inter micro-labels
   -------------------------------------------------------------------------- */

html[data-theme="maison"] h1,
html[data-theme="maison"] h2,
html[data-theme="maison"] h3 {
	color: var(--text) !important;
	font-family: var(--font-display) !important;
	font-weight: 500 !important;
	line-height: 1.15;
	letter-spacing: 0;
}

html[data-theme="maison"] h1 {
	font-size: 3em;
	letter-spacing: -0.015em;
}

html[data-theme="maison"] h2 {
	font-size: 2.4em;
	line-height: 1.2em;
	letter-spacing: -0.01em;
}

html[data-theme="maison"] h3 {
	font-size: 1.5em;
	line-height: 1.35em;
}

html[data-theme="maison"] h4,
html[data-theme="maison"] h5,
html[data-theme="maison"] h6 {
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.78em;
	letter-spacing: 0.18em;
	line-height: 1.6em;
	text-transform: uppercase;
}

/* Section header — the maison signature: a short gilded rule above */
html[data-theme="maison"] header.major h1::before,
html[data-theme="maison"] header.major h2::before {
	content: '';
	display: block;
	width: 32px;
	height: 1px;
	background: var(--champagne);
	margin: 0 auto 1.6rem auto;
}

html[data-theme="maison"] .homepage-pricing-copy h2::before,
html[data-theme="maison"] .align-left header.major h2::before {
	margin-left: 0;
}

/* Retire the template's thick underline bar */
html[data-theme="maison"] header.major:after,
html[data-theme="maison"] .homepage-tone-b header.major:after,
html[data-theme="maison"] .homepage-live header.major:after {
	display: none !important;
}

html[data-theme="maison"] header.major {
	margin-bottom: 3.5em;
}

/* Kicker line beneath section headings — quiet serif italic */
html[data-theme="maison"] header p {
	color: var(--text-dim) !important;
}

html[data-theme="maison"] header h1 + p,
html[data-theme="maison"] header h2 + p {
	font-family: var(--font-display) !important;
	font-style: italic;
	font-weight: 400 !important;
	font-size: 1.3em;
	line-height: 1.6em;
	margin-top: -0.4em;
	color: var(--text-dim) !important;
}

html[data-theme="maison"] header h3 + p {
	color: var(--text-dim) !important;
}

/* Sidebar / content section labels — gilded micro-labels */
html[data-theme="maison"] #sidebar h3,
html[data-theme="maison"] #content > section > h3,
html[data-theme="maison"] #content > h3,
html[data-theme="maison"] .download-badges > h3,
html[data-theme="maison"] h3.h5,
html[data-theme="maison"] h3.h5[style] {
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.72rem !important;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--text-dim) !important;
	margin-bottom: 1.2em;
}

html[data-theme="maison"] #sidebar h3::before,
html[data-theme="maison"] #content > section > h3::before,
html[data-theme="maison"] #content > h3::before,
html[data-theme="maison"] .download-badges > h3::before,
html[data-theme="maison"] h3.h5::before {
	content: '';
	display: block;
	width: 24px;
	height: 1px;
	background: var(--champagne);
	margin-bottom: 0.9rem;
}

/* Meta / eyebrow utilities */
html[data-theme="maison"] .meta,
html[data-theme="maison"] .post-meta,
html[data-theme="maison"] .plan-label,
html[data-theme="maison"] .section-label,
html[data-theme="maison"] .compare-eyebrow,
html[data-theme="maison"] .breadcrumbs {
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.7rem !important;
	letter-spacing: var(--ls-micro) !important;
	text-transform: uppercase;
	color: var(--text-mute) !important;
	opacity: 1 !important;
}

html[data-theme="maison"] .muted {
	color: var(--text-mute) !important;
}

html[data-theme="maison"] .tt {
	border-bottom: 1px dotted var(--champagne-dim) !important;
}

html[data-theme="maison"] .tt:hover {
	color: var(--champagne-bright) !important;
}

html[data-theme="maison"] .rule,
html[data-theme="maison"] .divider,
html[data-theme="maison"] .pay-bubble .divider,
html[data-theme="maison"] .pay-panel .divider,
html[data-theme="maison"] #sidebar #faq-side .divider {
	background: var(--hairline) !important;
}

/* --------------------------------------------------------------------------
   3. HEADER + NAV — deep ink bar, tracked uppercase, champagne active
   -------------------------------------------------------------------------- */

html[data-theme="maison"] #header {
	background: var(--ink-deep) !important;
	border-bottom: 1px solid var(--champagne-dim) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] body.landing #header {
	background: transparent !important;
	border-bottom-color: transparent !important;
}

html[data-theme="maison"] #header nav ul li a,
html[data-theme="maison"] #header nav ul li span {
	font-family: var(--font-body) !important;
	font-weight: 400 !important;
	font-size: 0.7rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--text-dim) !important;
}

html[data-theme="maison"] #header nav a:hover {
	color: var(--text) !important;
}

html[data-theme="maison"] #header nav ul li.active > a,
html[data-theme="maison"] #header nav ul li.active > span {
	color: var(--champagne) !important;
}

html[data-theme="maison"] #header nav ul li a.nav-ghost {
	color: var(--text-dim) !important;
}

html[data-theme="maison"] #header nav ul li a.nav-ghost:hover {
	color: var(--champagne) !important;
}

/* Header CTA — hairline pillar, not a pill */
html[data-theme="maison"] #header .button,
html[data-theme="maison"] #header .button.primary,
html[data-theme="maison"] #header nav ul li a.button {
	background: transparent !important;
	border: 1px solid var(--champagne-line) !important;
	border-radius: 0 !important;
	color: var(--champagne) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] #header .button:hover,
html[data-theme="maison"] #header .button.primary:hover,
html[data-theme="maison"] #header nav ul li a.button:hover {
	background: var(--champagne) !important;
	border-color: var(--champagne) !important;
	color: var(--ink) !important;
}

/* Dropotron dropdown — a small deep-ink tray with gilded top edge */
html[data-theme="maison"] .dropotron {
	background: var(--ink-deep) !important;
	border: 1px solid var(--hairline) !important;
	border-top: 1px solid var(--champagne-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0.5rem 0 !important;
}

html[data-theme="maison"] .dropotron.level-0:before {
	display: none !important;
}

html[data-theme="maison"] .dropotron li {
	border-top: 1px solid var(--hairline) !important;
}

html[data-theme="maison"] .dropotron li:first-child {
	border-top: 0 !important;
}

html[data-theme="maison"] .dropotron li > a,
html[data-theme="maison"] .dropotron li > span {
	font-family: var(--font-body) !important;
	font-weight: 400 !important;
	font-size: 0.68rem !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--text-dim) !important;
	padding: 0.85rem 1.2rem !important;
}

html[data-theme="maison"] .dropotron li > a:hover {
	background: var(--champagne-ghost) !important;
	color: var(--champagne-bright) !important;
}

html[data-theme="maison"] .dropotron > li.active > a,
html[data-theme="maison"] .dropotron > li.active > span {
	color: var(--champagne) !important;
}

/* --------------------------------------------------------------------------
   4. MOBILE — titleBar + navPanel in the same deep ink
   -------------------------------------------------------------------------- */

html[data-theme="maison"] #titleBar {
	background: var(--ink-deep) !important;
	border-bottom: 1px solid var(--champagne-dim) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] #titleBar .title {
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	font-weight: 400 !important;
}

html[data-theme="maison"] #titleBar .toggle:before {
	background: transparent !important;
	color: var(--champagne) !important;
	border-right: 1px solid var(--hairline) !important;
}

html[data-theme="maison"] #navPanel {
	background: var(--ink-deep) !important;
	border-right: 1px solid var(--champagne-dim) !important;
}

html[data-theme="maison"] #navPanel .link,
html[data-theme="maison"] #navPanel .nav-submenu-toggle {
	border-top: 1px solid var(--hairline) !important;
	color: var(--text-dim) !important;
	font-family: var(--font-body) !important;
	font-weight: 400 !important;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

html[data-theme="maison"] #navPanel .link.depth-0,
html[data-theme="maison"] #navPanel .nav-submenu-toggle.depth-0 {
	color: var(--text) !important;
	font-weight: 400 !important;
}

html[data-theme="maison"] #navPanel .link:hover {
	color: var(--champagne) !important;
}

html[data-theme="maison"] #navPanel .nav-submenu-toggle .chevron {
	border-right-color: var(--champagne-line) !important;
	border-bottom-color: var(--champagne-line) !important;
}

/* --------------------------------------------------------------------------
   5. BANNER — absolute black veil, serif hero, gilded ring on the mark
   -------------------------------------------------------------------------- */

html[data-theme="maison"] #banner {
	background-color: var(--ink) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] #banner:after {
	background-image: linear-gradient(rgba(8, 8, 10, 0.94), rgba(6, 6, 8, 0.97)) !important;
}

html[data-theme="maison"] #banner .content header h2 {
	font-family: var(--font-display) !important;
	font-weight: 500 !important;
	font-size: 4em;
	letter-spacing: -0.02em;
	line-height: 1.05;
	color: var(--text) !important;
}

html[data-theme="maison"] #banner .content header h2::after {
	content: '';
	display: block;
	width: 32px;
	height: 1px;
	background: var(--champagne);
	margin: 0.45em 0 0 0;
}

html[data-theme="maison"] #banner .content header p {
	font-family: var(--font-display) !important;
	font-style: italic;
	font-weight: 400 !important;
	font-size: 1.35em;
	line-height: 1.65;
	color: var(--text-dim) !important;
}

html[data-theme="maison"] #banner .content .image {
	box-shadow: none;
}

/* Centered banner variants stack the rule centrally */
@media screen and (max-width: 980px) {
	html[data-theme="maison"] #banner .content header h2::after {
		margin-left: auto;
		margin-right: auto;
	}
}

/* --------------------------------------------------------------------------
   6. WRAPPERS — a quiet rhythm of ink steps, seamed with hairlines
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .wrapper,
html[data-theme="maison"] .wrapper.style1,
html[data-theme="maison"] .wrapper.style3,
html[data-theme="maison"] .wrapper.style4,
html[data-theme="maison"] .wrapper.style5,
html[data-theme="maison"] .homepage-tone-b .wrapper,
html[data-theme="maison"] .homepage-tone-b .wrapper.style1 {
	background: var(--ink) !important;
	color: var(--text-dim);
}

html[data-theme="maison"] .wrapper.style2,
html[data-theme="maison"] .homepage-tone-b .wrapper.style2,
html[data-theme="maison"] .homepage-live .wrapper.style2 {
	background: var(--ink-raised) !important;
	border-top: 1px solid var(--hairline);
	border-bottom: 1px solid var(--hairline);
	color: var(--text-dim) !important;
}

html[data-theme="maison"] #four,
html[data-theme="maison"] .homepage-tone-b #four,
html[data-theme="maison"] .homepage-live #four {
	background: var(--ink-deep) !important;
	border-top: 1px solid var(--hairline);
}

html[data-theme="maison"] #five,
html[data-theme="maison"] .homepage-tone-b #five,
html[data-theme="maison"] .homepage-live #five {
	background: var(--ink-raised) !important;
	border-top: 1px solid var(--hairline);
	border-bottom: 0;
}

html[data-theme="maison"] body.ghost-page #page-wrapper {
	background: var(--ink) !important;
}

html[data-theme="maison"] body.ghost-page .ghost-section.ghost-band {
	background: var(--ink-raised) !important;
	border-top: 1px solid var(--hairline) !important;
	border-bottom: 1px solid var(--hairline) !important;
}

html[data-theme="maison"] .ghost-hero {
	background: transparent !important;
	border-bottom: 1px solid var(--hairline) !important;
}

/* --------------------------------------------------------------------------
   7. SPOTLIGHTS — near-black plaque with a single gilded seam
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .spotlight {
	box-shadow: none !important;
}

html[data-theme="maison"] .spotlight .content,
html[data-theme="maison"] .homepage-tone-b .spotlight .content,
html[data-theme="maison"] .homepage-live .spotlight .content {
	background: rgba(8, 8, 11, 0.93) !important;
	border-color: var(--champagne-dim) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] .spotlight.left .content {
	border-right-width: 1px !important;
}

html[data-theme="maison"] .spotlight.right .content {
	border-left-width: 1px !important;
}

html[data-theme="maison"] .spotlight.top .content {
	border-bottom-width: 1px !important;
}

html[data-theme="maison"] .spotlight.bottom .content {
	border-top-width: 1px !important;
}

html[data-theme="maison"] .spotlight .content header h2 {
	font-size: 2.2em;
}

html[data-theme="maison"] .spotlight .image.main img {
	filter: sepia(0.12) saturate(0.9) brightness(0.95);
}

@media screen and (max-width: 980px) {
	html[data-theme="maison"] .spotlight .content,
	html[data-theme="maison"] .homepage-tone-b .spotlight .content,
	html[data-theme="maison"] .homepage-live .spotlight .content {
		background: var(--ink-raised) !important;
		border-top: 1px solid var(--champagne-dim) !important;
		border-top-width: 1px !important;
		border-top-color: var(--champagne-dim) !important;
	}
}

@media screen and (max-width: 736px) {
	html[data-theme="maison"] .spotlight .content,
	html[data-theme="maison"] .homepage-tone-b .spotlight .content,
	html[data-theme="maison"] .homepage-live .spotlight .content {
		background: var(--ink-raised) !important;
		border-top-color: var(--champagne-dim) !important;
	}
}

/* --------------------------------------------------------------------------
   8. BUTTONS — transparent, champagne hairline, fills gold on hover.
      PayPal submit stays exempt, as in override.css.
   -------------------------------------------------------------------------- */

html[data-theme="maison"] input[type="submit"]:not(.pp-2WRSPGP2ZNXBS):not(.paypal-submit),
html[data-theme="maison"] input[type="reset"],
html[data-theme="maison"] input[type="button"],
html[data-theme="maison"] .button,
html[data-theme="maison"] .button.primary,
html[data-theme="maison"] .button.alt,
html[data-theme="maison"] #header nav ul li a.button,
html[data-theme="maison"] .wrapper.style2 .button,
html[data-theme="maison"] .wrapper.style2 .button.primary,
html[data-theme="maison"] .wrapper.style2 form.cta input[type="submit"].primary,
html[data-theme="maison"] #four .button,
html[data-theme="maison"] #four .button.primary,
html[data-theme="maison"] .compact-home-card.featured .actions.special .button,
html[data-theme="maison"] #main.pricing-live-main .plan-card.featured .actions.special .button {
	background: transparent !important;
	border: 1px solid var(--champagne-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--champagne) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.72rem;
	letter-spacing: var(--ls-micro);
	text-transform: uppercase;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

html[data-theme="maison"] input[type="submit"]:not(.pp-2WRSPGP2ZNXBS):not(.paypal-submit):hover,
html[data-theme="maison"] input[type="reset"]:hover,
html[data-theme="maison"] input[type="button"]:hover,
html[data-theme="maison"] .button:hover,
html[data-theme="maison"] .button.primary:hover,
html[data-theme="maison"] .button.alt:hover,
html[data-theme="maison"] #header nav ul li a.button:hover,
html[data-theme="maison"] .wrapper.style2 .button:hover,
html[data-theme="maison"] .wrapper.style2 .button.primary:hover,
html[data-theme="maison"] .wrapper.style2 form.cta input[type="submit"].primary:hover,
html[data-theme="maison"] #four .button:hover,
html[data-theme="maison"] #four .button.primary:hover,
html[data-theme="maison"] .compact-home-card.featured .actions.special .button:hover,
html[data-theme="maison"] #main.pricing-live-main .plan-card.featured .actions.special .button:hover {
	background: var(--champagne) !important;
	border-color: var(--champagne) !important;
	color: var(--ink) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] input[type="submit"]:not(.pp-2WRSPGP2ZNXBS):not(.paypal-submit):active,
html[data-theme="maison"] input[type="reset"]:active,
html[data-theme="maison"] input[type="button"]:active,
html[data-theme="maison"] .button:active,
html[data-theme="maison"] .button.primary:active,
html[data-theme="maison"] .wrapper.style2 .button:active,
html[data-theme="maison"] .wrapper.style2 .button.primary:active,
html[data-theme="maison"] .wrapper.style2 form.cta input[type="submit"].primary:active {
	background: var(--champagne-bright) !important;
	border-color: var(--champagne-bright) !important;
	color: var(--ink) !important;
}

html[data-theme="maison"] .button.disabled,
html[data-theme="maison"] .button:disabled,
html[data-theme="maison"] input[type="submit"]:disabled,
html[data-theme="maison"] input[type="reset"]:disabled,
html[data-theme="maison"] input[type="button"]:disabled {
	background: transparent !important;
	border: 1px solid var(--hairline) !important;
	box-shadow: none !important;
	color: var(--text-mute) !important;
	opacity: 0.5 !important;
}

html[data-theme="maison"] .button.small {
	font-size: 0.66rem;
}

/* --------------------------------------------------------------------------
   9. ICON BADGES + BOX
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .icon.major {
	background: transparent !important;
	border: 1px solid var(--champagne-dim) !important;
	border-radius: 0 !important;
	color: var(--champagne) !important;
}

html[data-theme="maison"] .icon.major:before {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .box {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

/* --------------------------------------------------------------------------
   10. CARDS — one quiet slab language for the whole maison
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .plan-card,
html[data-theme="maison"] .slab-card,
html[data-theme="maison"] .pricing-variant-3 .slab-card,
html[data-theme="maison"] .luxe-card,
html[data-theme="maison"] .pricing-variant-1 .luxe-card,
html[data-theme="maison"] .editorial-card,
html[data-theme="maison"] .pricing-variant-2 .editorial-card,
html[data-theme="maison"] .ghost-slab,
html[data-theme="maison"] .ghost-card,
html[data-theme="maison"] .ghost-pay-card,
html[data-theme="maison"] .ghost-step,
html[data-theme="maison"] .gg-use,
html[data-theme="maison"] .card-dark {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

html[data-theme="maison"] .pricing-variant-2 .editorial-card::before {
	background: var(--champagne-dim) !important;
	width: 1px !important;
}

html[data-theme="maison"] .pricing-variant-2 .editorial-card.featured::before {
	background: var(--champagne) !important;
}

/* Featured plan — the double hairline frame (border + inset outline) */
html[data-theme="maison"] .plan-card.featured,
html[data-theme="maison"] .slab-card.featured,
html[data-theme="maison"] .pricing-variant-3 .slab-card.featured,
html[data-theme="maison"] .pricing-variant-1 .luxe-card.featured {
	background: var(--ink-raised) !important;
	border: 1px solid var(--champagne-line) !important;
	outline: 1px solid var(--champagne-dim);
	outline-offset: -6px;
	box-shadow: none !important;
	transform: none !important;
}

/* Prices stay in the sans with lining figures — Cormorant's oldstyle numerals
   drop the 3 and 0 below the baseline and read as decoration, not a price. */
html[data-theme="maison"] .plan-card h3 {
	font-family: var(--font-body) !important;
	font-weight: 300 !important;
	font-size: 2.3rem;
	letter-spacing: -0.02em;
	font-variant-numeric: lining-nums tabular-nums;
	color: var(--text) !important;
}

html[data-theme="maison"] .plan-card h3 span {
	font-family: var(--font-body) !important;
	font-size: 0.68rem !important;
	font-weight: 500;
	letter-spacing: var(--ls-micro) !important;
	color: var(--text-mute) !important;
}

html[data-theme="maison"] .plan-label {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .plan-subtitle,
html[data-theme="maison"] .plan-copy,
html[data-theme="maison"] .pricing-note {
	color: var(--text-dim) !important;
}

html[data-theme="maison"] .plan-points li {
	border-top: 1px solid var(--hairline) !important;
	color: var(--text-dim);
}

html[data-theme="maison"] .plan-meta,
html[data-theme="maison"] .price-kicker {
	color: var(--text-mute) !important;
	border-top-color: var(--hairline) !important;
}

/* Homepage proof cards — hairline plaques, gilded left seam */
html[data-theme="maison"] .home-proof-band,
html[data-theme="maison"] .proof-style-3,
html[data-theme="maison"] .homepage-tone-b .home-proof-band,
html[data-theme="maison"] .homepage-live .home-proof-band {
	background: rgba(6, 6, 8, 0.92) !important;
}

html[data-theme="maison"] .home-proof-card,
html[data-theme="maison"] .proof-style-3 .home-proof-card,
html[data-theme="maison"] .homepage-tone-b .home-proof-card,
html[data-theme="maison"] .homepage-live .home-proof-card {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html[data-theme="maison"] .proof-style-3 .home-proof-card::before,
html[data-theme="maison"] .homepage-tone-b .proof-style-3 .home-proof-card::before,
html[data-theme="maison"] .homepage-live .proof-style-3 .home-proof-card::before {
	background: var(--champagne) !important;
	width: 1px !important;
}

html[data-theme="maison"] .home-proof-card h3 {
	font-size: 1.35rem !important;
}

html[data-theme="maison"] .home-proof-card p {
	color: var(--text-dim) !important;
}

/* #four feature grid stays stripped; give the glyphs a warm hover glow */
html[data-theme="maison"] #four .row > section:hover img {
	filter: drop-shadow(0 0 14px rgba(201, 173, 127, 0.35)) !important;
}

/* Bubbles: blog, sidebar, pay, mail, xmr, side, faq-side, thank-you, modal */
html[data-theme="maison"] .blog-bubble,
html[data-theme="maison"] #sidebar .sidebar-bubble,
html[data-theme="maison"] .sidebar-bubble,
html[data-theme="maison"] .pay-bubble,
html[data-theme="maison"] .mail-bubble,
html[data-theme="maison"] .pay-panel,
html[data-theme="maison"] .xmr-card,
html[data-theme="maison"] #pm-xmr .xmr-card,
html[data-theme="maison"] .side-bubble,
html[data-theme="maison"] #sidebar #faq-side,
html[data-theme="maison"] #content .thank-you-box,
html[data-theme="maison"] .crypto-modal-content {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html[data-theme="maison"] .mail-bubble p,
html[data-theme="maison"] #content .thank-you-box p {
	color: var(--text-dim) !important;
}

html[data-theme="maison"] #sidebar .sidebar-bubble ul.alt li {
	border-color: var(--hairline) !important;
}

html[data-theme="maison"] #sidebar .sidebar-bubble a,
html[data-theme="maison"] #sidebar .sidebar-bubble a[style] {
	color: var(--text-dim) !important;
	border-bottom: 0 !important;
}

html[data-theme="maison"] #sidebar .sidebar-bubble a:hover {
	color: var(--champagne) !important;
}

html[data-theme="maison"] #sidebar .sidebar-bubble a.active {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .fa-rss,
html[data-theme="maison"] #sidebar i[style] {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .badge {
	border-radius: 0 !important;
	font-family: var(--font-body) !important;
	font-size: 0.66rem !important;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

html[data-theme="maison"] .badge-privacy {
	background: transparent !important;
	border: 1px solid var(--champagne-dim) !important;
	color: var(--champagne) !important;
}

html[data-theme="maison"] .badge-success {
	background: transparent !important;
	border: 1px solid rgba(120, 190, 140, 0.4) !important;
	color: #9fd6b2 !important;
}

/* --------------------------------------------------------------------------
   11. BLOG INDEX — plaques, serif titles, micro meta
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .post-summary h3,
html[data-theme="maison"] .post-summary h3 a {
	font-family: var(--font-display) !important;
	font-weight: 500 !important;
	font-size: 1.25em;
	line-height: 1.3;
	color: var(--text) !important;
}

html[data-theme="maison"] .post-summary h3 a:hover {
	color: var(--champagne-bright) !important;
}

html[data-theme="maison"] .image,
html[data-theme="maison"] .image.thumb,
html[data-theme="maison"] .blog-bubble .image.thumb img,
html[data-theme="maison"] .post-summary .image.thumb img {
	border-radius: 0 !important;
}

html[data-theme="maison"] .image.thumb img {
	filter: sepia(0.12) saturate(0.9);
}

html[data-theme="maison"] #blog-search,
html[data-theme="maison"] #sidebar .sidebar-bubble input[type="text"] {
	background: var(--ink) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	font-weight: 300 !important;
}

html[data-theme="maison"] #blog-search:focus,
html[data-theme="maison"] #sidebar .sidebar-bubble input[type="text"]:focus {
	border-color: var(--champagne-line) !important;
}

html[data-theme="maison"] #blog-search::placeholder,
html[data-theme="maison"] #sidebar .sidebar-bubble input[type="text"]::placeholder {
	color: var(--text-mute) !important;
}

html[data-theme="maison"] #search-results {
	color: var(--text-mute) !important;
}

/* --------------------------------------------------------------------------
   12. BLOG POST — the reading room
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .breadcrumbs a {
	color: var(--text-mute) !important;
	border-bottom: 0 !important;
}

html[data-theme="maison"] .breadcrumbs a:hover {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .post-meta a {
	color: var(--text-dim) !important;
	border-bottom: 0 !important;
}

html[data-theme="maison"] .post-hero,
html[data-theme="maison"] .post-hero img {
	border-radius: 0 !important;
}

html[data-theme="maison"] .post-hero {
	border: 1px solid var(--hairline);
}

html[data-theme="maison"] .post-hero img {
	filter: sepia(0.12) saturate(0.9);
}

html[data-theme="maison"] .post-hero .hero-credit {
	font-family: var(--font-body) !important;
	font-style: normal;
	font-size: 0.64rem !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--text-mute) !important;
	opacity: 1;
	padding: 0.6rem 0.9rem;
}

html[data-theme="maison"] .post-excerpt {
	font-family: var(--font-display) !important;
	font-style: italic;
	font-size: 1.35em;
	line-height: 1.6;
	color: var(--text-dim) !important;
	opacity: 1;
	border-left: 1px solid var(--champagne-line);
	padding-left: 1.4rem;
}

html[data-theme="maison"] .post-body {
	line-height: 1.9;
	color: var(--text-dim);
}

html[data-theme="maison"] .post-body p {
	margin-bottom: 1.6em;
}

html[data-theme="maison"] .post-body h2,
html[data-theme="maison"] .post-body h3 {
	margin-top: 1.6em;
	color: var(--text) !important;
}

html[data-theme="maison"] .post-body ul li,
html[data-theme="maison"] .post-body ol li {
	margin-bottom: 0.4em;
}

html[data-theme="maison"] .post-callout {
	background: var(--ink-raised) !important;
	border: 1px solid var(--champagne-dim) !important;
	border-left: 1px solid var(--champagne) !important;
	border-radius: 0 !important;
	padding: 1.5rem 1.75rem;
	margin: 2.5rem 0;
}

html[data-theme="maison"] .post-callout p {
	margin: 0;
	color: var(--text-dim) !important;
}

html[data-theme="maison"] #content ol > div,
html[data-theme="maison"] #content .post-body ol > div {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] #lightbox-overlay {
	background: rgba(6, 6, 8, 0.92) !important;
}

html[data-theme="maison"] #lightbox-overlay img {
	border-radius: 0 !important;
	border: 1px solid var(--champagne-dim) !important;
	box-shadow: none !important;
}

/* Tag pages: category blocks */
html[data-theme="maison"] .cat,
html[data-theme="maison"] details.cat,
html[data-theme="maison"] #sidebar #faq-side details.cat,
html[data-theme="maison"] #faq-side details.cat {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] details.cat > summary,
html[data-theme="maison"] #sidebar #faq-side details.cat > summary,
html[data-theme="maison"] #faq-side details.cat > summary {
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.72rem !important;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

html[data-theme="maison"] .cat-body {
	border-top: 1px solid var(--hairline);
}

/* --------------------------------------------------------------------------
   13. FAQ ACCORDIONS — ledger lines, gilded chevrons
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .faq-item,
html[data-theme="maison"] #sidebar #faq-side .cat-body details.faq-item {
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0.75rem 0.25rem !important;
}

html[data-theme="maison"] .faq-item:first-of-type {
	border-top: 0 !important;
}

html[data-theme="maison"] .faq-item > summary,
html[data-theme="maison"] #faq-side .cat-body summary,
html[data-theme="maison"] #sidebar #faq-side .cat-body summary {
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	font-weight: 400 !important;
	font-size: 0.88rem !important;
	letter-spacing: 0.01em;
}

html[data-theme="maison"] .faq-item .answer,
html[data-theme="maison"] #faq-side .answer,
html[data-theme="maison"] #sidebar #faq-side .answer,
html[data-theme="maison"] #faq-side .answer p,
html[data-theme="maison"] #sidebar #faq-side .answer p {
	color: var(--text-dim) !important;
	font-family: var(--font-body) !important;
	font-weight: 300 !important;
	font-size: 0.85rem !important;
	line-height: 1.75 !important;
}

html[data-theme="maison"] .chev,
html[data-theme="maison"] #sidebar #faq-side .chev {
	border-color: var(--champagne) !important;
	border-width: 0 1px 1px 0 !important;
}

/* Native details (blog post FAQ sections) */
html[data-theme="maison"] #faq details {
	border-top: 1px solid var(--hairline);
	padding: 0.6rem 0;
}

html[data-theme="maison"] #faq details summary {
	color: var(--text) !important;
	cursor: pointer;
}

html[data-theme="maison"] #faq details summary::marker,
html[data-theme="maison"] details summary::marker {
	color: var(--champagne);
}

/* --------------------------------------------------------------------------
   14. TABLES — engraved ledger
   -------------------------------------------------------------------------- */

html[data-theme="maison"] table th,
html[data-theme="maison"] .pricing-comparison-table th,
html[data-theme="maison"] .homepage-tone-b .pricing-comparison-table th,
html[data-theme="maison"] .homepage-live .pricing-comparison-table th {
	color: var(--champagne) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.7rem !important;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

html[data-theme="maison"] table thead {
	border-bottom: 1px solid var(--champagne-dim) !important;
}

html[data-theme="maison"] table tbody tr,
html[data-theme="maison"] table.alt tbody tr,
html[data-theme="maison"] table.alt tbody tr td {
	border-color: var(--hairline) !important;
}

html[data-theme="maison"] table tbody tr:nth-child(2n + 1),
html[data-theme="maison"] table.alt tbody tr:nth-child(2n+1),
html[data-theme="maison"] .homepage-tone-b .pricing-comparison-table tbody tr:nth-child(2n+1),
html[data-theme="maison"] .homepage-live .pricing-comparison-table tbody tr:nth-child(2n+1) {
	background: rgba(255, 255, 255, 0.022) !important;
}

html[data-theme="maison"] .table-mark.yes {
	color: var(--champagne) !important;
	font-weight: 400 !important;
}

html[data-theme="maison"] .table-mark.no {
	color: var(--text-mute) !important;
	font-weight: 400 !important;
}

/* --------------------------------------------------------------------------
   15. FORMS — engraved fields, champagne focus
   -------------------------------------------------------------------------- */

html[data-theme="maison"] input[type="text"],
html[data-theme="maison"] input[type="password"],
html[data-theme="maison"] input[type="email"],
html[data-theme="maison"] select,
html[data-theme="maison"] textarea,
html[data-theme="maison"] .pay-select,
html[data-theme="maison"] .pay-panel .pay-select {
	background: var(--ink) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	font-weight: 300 !important;
}

html[data-theme="maison"] input[type="text"]:focus,
html[data-theme="maison"] input[type="password"]:focus,
html[data-theme="maison"] input[type="email"]:focus,
html[data-theme="maison"] select:focus,
html[data-theme="maison"] textarea:focus,
html[data-theme="maison"] .pay-select:focus,
html[data-theme="maison"] .pay-panel .pay-select:focus {
	border-color: var(--champagne-line) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] ::-webkit-input-placeholder { color: var(--text-mute) !important; }
html[data-theme="maison"] ::-moz-placeholder { color: var(--text-mute) !important; }
html[data-theme="maison"] :-ms-input-placeholder { color: var(--text-mute) !important; }

html[data-theme="maison"] select option {
	background: var(--ink) !important;
	color: var(--text) !important;
}

html[data-theme="maison"] input[type="checkbox"] + label:before,
html[data-theme="maison"] input[type="radio"] + label:before {
	background: var(--ink) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] input[type="radio"] + label:before {
	border-radius: 100% !important;
}

html[data-theme="maison"] input[type="checkbox"]:checked + label:before,
html[data-theme="maison"] input[type="radio"]:checked + label:before {
	background: var(--champagne) !important;
	color: var(--ink) !important;
}

html[data-theme="maison"] input[type="checkbox"]:focus + label:before,
html[data-theme="maison"] input[type="radio"]:focus + label:before {
	border-color: var(--champagne) !important;
}

/* --------------------------------------------------------------------------
   16. GHOST PAGES — same maison, softer voice
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .ghost-hero h1 {
	font-family: var(--font-display) !important;
	font-weight: 500 !important;
	font-size: 3rem;
	color: var(--text) !important;
}

html[data-theme="maison"] .ghost-hero .lede {
	color: var(--text-dim) !important;
}

html[data-theme="maison"] .ghost-hero .product-tag {
	color: var(--champagne) !important;
	letter-spacing: var(--ls-micro);
}

html[data-theme="maison"] .ghost-hero .product-tag::before,
html[data-theme="maison"] .ghost-hero .product-tag::after {
	background: var(--champagne-dim) !important;
}

html[data-theme="maison"] .ghost-cta {
	background: transparent !important;
	border: 1px solid var(--champagne-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--champagne) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.75rem;
	letter-spacing: var(--ls-micro);
	text-transform: uppercase;
}

html[data-theme="maison"] .ghost-cta:hover,
html[data-theme="maison"] .ghost-cta:focus-visible {
	background: var(--champagne) !important;
	border-color: var(--champagne) !important;
	color: var(--ink) !important;
	box-shadow: none !important;
	transform: none;
}

html[data-theme="maison"] .ghost-cta::before {
	display: none !important;
}

html[data-theme="maison"] .ghost-section h2 {
	color: var(--text) !important;
}

html[data-theme="maison"] .ghost-section h3,
html[data-theme="maison"] .ghost-card h3,
html[data-theme="maison"] .ghost-compare-grid .compare-card h3 {
	color: var(--text) !important;
	font-size: 1.25rem;
}

html[data-theme="maison"] .ghost-section p,
html[data-theme="maison"] .ghost-card p,
html[data-theme="maison"] .ghost-compare-grid .compare-card p {
	color: var(--text-dim) !important;
}

html[data-theme="maison"] .compare-eyebrow {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .ghost-card .icon,
html[data-theme="maison"] .ghost-section-icon,
html[data-theme="maison"] .gg-use .icon {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .ghost-step .num {
	color: var(--champagne) !important;
	font-family: var(--font-display) !important;
}

html[data-theme="maison"] .phone-frame {
	border-color: var(--champagne-dim) !important;
	background: var(--ink-raised) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] .phone-label {
	color: var(--text-mute) !important;
	letter-spacing: var(--ls-micro) !important;
}

html[data-theme="maison"] .phone-caption {
	color: var(--text-mute) !important;
}

html[data-theme="maison"] .ghost-pay-card:hover {
	border-color: var(--champagne-line) !important;
	background: var(--ink-raised) !important;
	transform: none !important;
}

html[data-theme="maison"] .gg-use h4 {
	color: var(--text) !important;
}

/* --------------------------------------------------------------------------
   17. TOOLS — QR generator + metadata stripper
   -------------------------------------------------------------------------- */

html[data-theme="maison"] #content #qr-tool,
html[data-theme="maison"] #content #tool-card {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html[data-theme="maison"] .style-panel,
html[data-theme="maison"] .drop-zone {
	background: var(--ink) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] .tool-explainer {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html[data-theme="maison"] .mode-switch {
	background: var(--ink) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] .mode-switch button {
	border-radius: 0 !important;
	color: var(--text-mute) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.7rem !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

html[data-theme="maison"] .mode-switch button.is-active {
	background: var(--champagne) !important;
	color: var(--ink) !important;
}

html[data-theme="maison"] #qr-tool label.main-label,
html[data-theme="maison"] .control-label {
	color: var(--text-mute) !important;
	font-size: 0.66rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
}

html[data-theme="maison"] .section-label {
	color: var(--champagne) !important;
}

html[data-theme="maison"] #qr-tool input[type="text"] {
	background: var(--ink) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	color: var(--text) !important;
}

html[data-theme="maison"] #qr-tool input[type="text"]:focus {
	border-color: var(--champagne-line) !important;
	box-shadow: none !important;
}

html[data-theme="maison"] .primary-btn,
html[data-theme="maison"] #strip-btn,
html[data-theme="maison"] #download-btn {
	background: transparent !important;
	border: 1px solid var(--champagne-line) !important;
	border-radius: 0 !important;
	color: var(--champagne) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.7rem !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

html[data-theme="maison"] .primary-btn:hover:not(:disabled),
html[data-theme="maison"] #strip-btn:hover:not(:disabled),
html[data-theme="maison"] #download-btn:hover:not(:disabled) {
	background: var(--champagne) !important;
	border-color: var(--champagne) !important;
	color: var(--ink) !important;
}

html[data-theme="maison"] .secondary-btn,
html[data-theme="maison"] #pick-btn,
html[data-theme="maison"] #clear-btn {
	background: transparent !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	color: var(--text-dim) !important;
	font-family: var(--font-body) !important;
	font-weight: 400 !important;
	font-size: 0.7rem !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

html[data-theme="maison"] .secondary-btn:hover:not(:disabled),
html[data-theme="maison"] #pick-btn:hover:not(:disabled),
html[data-theme="maison"] #clear-btn:hover:not(:disabled) {
	border-color: var(--champagne-line) !important;
	color: var(--champagne) !important;
	background: transparent !important;
}

html[data-theme="maison"] .link-btn {
	color: var(--text-mute) !important;
}

html[data-theme="maison"] .link-btn:hover:not(:disabled) {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .segmented {
	background: var(--ink) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] .segmented button {
	border-radius: 0 !important;
	color: var(--text-mute) !important;
	font-family: var(--font-body) !important;
}

html[data-theme="maison"] .segmented button.is-active {
	background: var(--champagne) !important;
	color: var(--ink) !important;
}

html[data-theme="maison"] .control-item,
html[data-theme="maison"] .style-color-input,
html[data-theme="maison"] .file-chip {
	border-color: var(--hairline) !important;
}

html[data-theme="maison"] .panel-intro,
html[data-theme="maison"] .style-helper,
html[data-theme="maison"] .style-note,
html[data-theme="maison"] .style-color-value,
html[data-theme="maison"] .tool-explainer p {
	color: var(--text-mute) !important;
}

html[data-theme="maison"] .style-warning {
	background: var(--ink) !important;
	border: 1px solid var(--champagne-dim) !important;
	border-radius: 0 !important;
	color: var(--text-dim) !important;
}

/* Tool panel headings stay compact despite the serif base scale */
html[data-theme="maison"] #qr-tool h3,
html[data-theme="maison"] #tool-card h3,
html[data-theme="maison"] .style-panel-head h3,
html[data-theme="maison"] .drop-zone h3,
html[data-theme="maison"] .tool-explainer h2 {
	font-size: 1.15em;
}

/* Blog pagination (buttons are inline-styled by JS — beat them here) */
html[data-theme="maison"] .pagination-btn,
html[data-theme="maison"] .pagination-nav-prev,
html[data-theme="maison"] .pagination-nav-next {
	background: transparent !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--text-dim) !important;
	font-family: var(--font-body) !important;
	font-weight: 400 !important;
	font-size: 0.72rem !important;
	letter-spacing: 0.12em;
}

html[data-theme="maison"] .pagination-btn:hover,
html[data-theme="maison"] .pagination-nav-prev:hover,
html[data-theme="maison"] .pagination-nav-next:hover {
	border-color: var(--champagne-line) !important;
	color: var(--champagne) !important;
}

html[data-theme="maison"] .pagination-btn[disabled] {
	opacity: 0.4;
}

html[data-theme="maison"] .pagination-ellipsis {
	color: var(--text-mute) !important;
}

/* --------------------------------------------------------------------------
   18. PAYMENT PAGE — get-blackout / get-ghost
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .pm-name {
	color: var(--text) !important;
	font-weight: 500;
}

html[data-theme="maison"] .pm-note,
html[data-theme="maison"] .pm-arrow {
	color: var(--text-mute) !important;
}

html[data-theme="maison"] .pm-text {
	color: var(--text-dim) !important;
}

html[data-theme="maison"] .xmr-head,
html[data-theme="maison"] #pm-xmr .xmr-head {
	background: var(--ink-deep) !important;
	border-bottom: 1px solid var(--champagne-dim) !important;
	color: var(--champagne) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: 0.7rem !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

html[data-theme="maison"] .xmr-row,
html[data-theme="maison"] #pm-xmr .xmr-row {
	border-top: 1px solid var(--hairline) !important;
	color: var(--text-dim) !important;
}

html[data-theme="maison"] #pm-xmr .xmr-row:nth-child(even) {
	background: rgba(255, 255, 255, 0.02) !important;
}

html[data-theme="maison"] .xmr-address-box,
html[data-theme="maison"] #pm-xmr .xmr-address-box {
	background: var(--ink-deep) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html[data-theme="maison"] #xmr-address,
html[data-theme="maison"] #xmr-30, html[data-theme="maison"] #xmr-100,
html[data-theme="maison"] #xmr-200 {
	color: var(--text) !important;
}

html[data-theme="maison"] #pm-xmr ol {
	border-top: 1px solid var(--hairline) !important;
}

html[data-theme="maison"] .kyc-link {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .kyc-link:hover {
	color: var(--champagne-bright) !important;
}

html[data-theme="maison"] .kyc-link:hover::after {
	background: var(--ink-raised) !important;
	border: 1px solid var(--champagne-dim) !important;
	border-radius: 0 !important;
	color: var(--text-dim) !important;
	box-shadow: none !important;
}

/* Download badges: images untouched, container quiet */
html[data-theme="maison"] .download-badges .badge-stack img {
	filter: none !important;
}

html[data-theme="maison"] .crypto-modal-overlay {
	background: rgba(6, 6, 8, 0.9) !important;
}

html[data-theme="maison"] .crypto-modal-close {
	color: var(--champagne) !important;
}

/* Brand mark heroes keep their reveal but sit above a gilded rule */
html[data-theme="maison"] .brand-mark-hero,
html[data-theme="maison"] .ghost-mark,
html[data-theme="maison"] .ghost-mark-hero {
	filter: none;
}

/* --------------------------------------------------------------------------
   19. FOOTER — the closing plate
   -------------------------------------------------------------------------- */

html[data-theme="maison"] #footer,
html[data-theme="maison"] .homepage-tone-b #footer,
html[data-theme="maison"] .homepage-live #footer {
	background: var(--ink-deep) !important;
	border-top: 1px solid var(--champagne-dim) !important;
}

html[data-theme="maison"] #footer .copyright {
	color: var(--text-mute) !important;
	font-family: var(--font-body) !important;
	font-weight: 400;
	font-size: 0.66rem !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

html[data-theme="maison"] #footer .copyright li {
	border-left: 1px solid var(--hairline) !important;
}

html[data-theme="maison"] #footer .copyright li:first-child {
	border-left: 0 !important;
}

html[data-theme="maison"] #footer .copyright li a {
	color: var(--text-mute) !important;
	border-bottom: 0 !important;
}

html[data-theme="maison"] #footer .copyright li a:hover {
	color: var(--champagne) !important;
}

html[data-theme="maison"] #footer .icons .icon.alt:before {
	color: var(--ink-deep) !important;
	text-shadow: 1px 0 0 var(--champagne-dim), -1px 0 0 var(--champagne-dim), 0 1px 0 var(--champagne-dim), 0 -1px 0 var(--champagne-dim) !important;
}

/* --------------------------------------------------------------------------
   20. LISTS + ACTIONS
   -------------------------------------------------------------------------- */

html[data-theme="maison"] ul.alt li {
	border-top: 1px solid var(--hairline) !important;
}

html[data-theme="maison"] .contact-block a,
html[data-theme="maison"] .session-block a {
	color: var(--champagne) !important;
}

/* --------------------------------------------------------------------------
   21. CHECKOUT WIDGET — get-blackout.html steps 1 & 2. Its own <style> block
   ships a slate/emerald palette; re-cut it in ink and champagne. The PayPal
   button keeps its brand colours (see section 8).
   -------------------------------------------------------------------------- */

html[data-theme="maison"] .plan-grid .plan-card {
	background: var(--ink-deep) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	transition: border-color 0.15s ease, background 0.15s ease !important;
}

html[data-theme="maison"] .plan-grid .plan-card:hover {
	border-color: var(--champagne-dim) !important;
}

html[data-theme="maison"] .plan-grid .plan-card:has(input:checked) {
	background: var(--ink-raised) !important;
	border-color: var(--champagne-line) !important;
	box-shadow: inset 0 0 0 1px var(--champagne-dim) !important;
}

html[data-theme="maison"] .plan-card .plan-name {
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	color: var(--text-dim) !important;
}

html[data-theme="maison"] .plan-card input:checked ~ .plan-body .plan-name {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .plan-card .plan-price {
	font-family: var(--font-body) !important;
	font-weight: 300 !important;
	font-variant-numeric: lining-nums tabular-nums;
	color: var(--text) !important;
}

html[data-theme="maison"] .plan-card .plan-note {
	font-family: var(--font-body) !important;
	letter-spacing: var(--ls-micro) !important;
	color: var(--champagne) !important;
}

html[data-theme="maison"] .plan-card input:focus-visible ~ .plan-body {
	outline: 1px solid var(--champagne) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] .ref-details > summary {
	color: var(--text-mute) !important;
}

html[data-theme="maison"] .ref-details > summary:hover {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .ref-input {
	background: var(--ink-deep) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	color: var(--text) !important;
}

html[data-theme="maison"] .ref-input:focus {
	border-color: var(--champagne-line) !important;
}

html[data-theme="maison"] .pay-collapse {
	background: var(--ink-raised) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] .pay-collapse > summary {
	font-family: var(--font-body) !important;
	color: var(--text) !important;
}

html[data-theme="maison"] .pay-collapse > summary:hover {
	background: rgba(201, 173, 127, 0.05) !important;
}

html[data-theme="maison"] .pay-collapse > summary::before {
	color: var(--champagne) !important;
}

html[data-theme="maison"] .pay-collapse .pay-bubble {
	border: 0 !important;
	border-top: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
}

/* Slate boxes written as inline style attributes on the setup and tool pages.
   An author !important still outranks a non-important inline declaration. */
html[data-theme="maison"] [style*="#0c1014"],
html[data-theme="maison"] [style*="#1b2027"] {
	background: var(--ink-deep) !important;
	border-color: var(--hairline) !important;
	border-radius: 0 !important;
}

html[data-theme="maison"] pre.code-block {
	background: var(--ink-deep) !important;
	border: 1px solid var(--hairline) !important;
	border-radius: 0 !important;
	color: var(--text-dim) !important;
}

/* --------------------------------------------------------------------------
   22. RESPONSIVE REFINEMENTS
   -------------------------------------------------------------------------- */

/* Above 1680 the banner grid locks the text column at 532px while 4em resolves
   to 80px, which needs 586px and orphans "you." onto its own line. */
@media screen and (min-width: 1681px) {
	html[data-theme="maison"] #banner .content header h2 {
		font-size: 3.4em;
	}
}

@media screen and (max-width: 1280px) {
	html[data-theme="maison"] #banner .content header h2 {
		font-size: 3.4em;
	}
}

@media screen and (max-width: 980px) {
	/* Restore the mid-step price scale my base rule outranks */
	html[data-theme="maison"] .compact-home-card h3,
	html[data-theme="maison"] #main.pricing-live-main .plan-card h3 {
		font-size: 2.3rem;
	}
}

@media screen and (max-width: 736px) {
	html[data-theme="maison"] #banner .content header h2 {
		font-size: 2.5em;
	}

	html[data-theme="maison"] h2 {
		font-size: 2em;
	}

	/* Mobile pricing strip: compact serif numerals, not the 2.8rem desktop size */
	html[data-theme="maison"] .home-live-card h3 {
		font-size: 1.6rem;
	}

	/* Comparison table column headers need tighter tracking at phone widths.
	   Must match the specificity of the 0.18em rule above, which lists
	   .homepage-tone-b and .homepage-live, or that rule wins and the
	   headers keep desktop tracking on phones. */
	html[data-theme="maison"] .pricing-comparison-table th,
	html[data-theme="maison"] .homepage-tone-b .pricing-comparison-table th,
	html[data-theme="maison"] .homepage-live .pricing-comparison-table th {
		font-size: 0.6rem !important;
		letter-spacing: 0.06em;
		padding-left: 0.3rem !important;
		padding-right: 0.3rem !important;
	}

	html[data-theme="maison"] .home-live-card .plan-label {
		font-size: 0.62rem !important;
	}

	/* Mobile pricing strip cards: keep the double hairline on the featured */
	html[data-theme="maison"] .home-live-card.featured,
	html[data-theme="maison"] .homepage-tone-b .home-live-card.featured,
	html[data-theme="maison"] .homepage-live .home-live-card.featured {
		border: 1px solid var(--champagne-line) !important;
		border-color: var(--champagne-line) !important;
		outline: 1px solid var(--champagne-dim);
		outline-offset: -4px;
		box-shadow: none !important;
	}
}

/* --------------------------------------------------------------------------
   22. MOTION — everything glides, or nothing moves
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html[data-theme="maison"] a,
	html[data-theme="maison"] .button,
	html[data-theme="maison"] input[type="submit"],
	html[data-theme="maison"] input[type="reset"],
	html[data-theme="maison"] input[type="button"],
	html[data-theme="maison"] .ghost-cta,
	html[data-theme="maison"] .primary-btn,
	html[data-theme="maison"] .secondary-btn,
	html[data-theme="maison"] .mode-switch button,
	html[data-theme="maison"] .segmented button {
		transition: none !important;
	}
}