/*
 * Zizizai brand visual layer v0.29.
 *
 * Direction: 纸上时间秩序 — paper white, crow-blue type, silver rules,
 * restrained silver-red markers and one month color per monthly card.
 */

@font-face {
	font-family: "Zizai JingHua";
	src: url("/wp-content/themes/zizizai-modern/assets/fonts/jinghua-laosong-v029.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Zizai LXGW WenKai";
	src: url("/wp-content/themes/zizizai-modern/assets/fonts/lxgw-wenkai-v029.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Zizai Source Han Sans";
	src: url("/wp-content/themes/zizizai-modern/assets/fonts/source-han-sans-v029.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

:root {
	--zz-brand-paper: #fbfaf6;
	--zz-brand-white: #ffffff;
	--zz-brand-fog: #f5f7f5;
	--zz-brand-warm: #f8f3ea;
	--zz-brand-ink: #53565a;
	--zz-brand-body: #5f6266;
	--zz-brand-muted: #6c6f71;
	--zz-brand-label: #6f7373;
	--zz-brand-silver: #9ea2a2;
	--zz-brand-red: #f65058;
	--zz-brand-line: rgba(83, 86, 90, 0.2);
	--zz-brand-line-strong: rgba(83, 86, 90, 0.34);
	--zz-font-display: "Zizai JingHua", "Songti SC", "STSong", serif;
	--zz-font-narrative: "Zizai LXGW WenKai", "Kaiti SC", "STKaiti", serif;
	--zz-font-ui: "Zizai Source Han Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	--zz-bg: var(--zz-brand-paper);
	--zz-surface: var(--zz-brand-white);
	--zz-surface-2: var(--zz-brand-fog);
	--zz-ink: var(--zz-brand-ink);
	--zz-muted: var(--zz-brand-muted);
	--zz-line: var(--zz-brand-line);
	--zz-accent: var(--zz-brand-ink);
	--zz-accent-strong: #414448;
	--zz-warm: var(--zz-brand-red);
	--zz-cinnabar: var(--zz-brand-label);
	--zz-radius: 8px;
}

html {
	background: var(--zz-brand-paper);
}

body {
	background: var(--zz-brand-paper) !important;
	color: var(--zz-brand-ink) !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	text-rendering: optimizeLegibility;
}

::selection {
	background: rgba(246, 80, 88, 0.16);
	color: var(--zz-brand-ink);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--zz-brand-red) !important;
	outline-offset: 4px !important;
}

.site-header,
body.page-id-10986 .site-header {
	border-bottom: 1px solid var(--zz-brand-line) !important;
	background: rgba(251, 250, 246, 0.96) !important;
	box-shadow: none !important;
}

.primary-nav a,
body.page-id-10986 .primary-nav a,
.site-footer a,
.zz-breadcrumb,
.post-meta,
.modern-kicker,
.product-eyebrow,
.product-section-eyebrow,
.time-kicker,
.zz-hub-eyebrow,
.zz-hub-section-head > p,
.card-meta,
.spec-label,
.release-timezone {
	font-family: var(--zz-font-ui) !important;
}

.primary-nav a,
body.page-id-10986 .primary-nav a {
	color: var(--zz-brand-ink) !important;
	font-weight: 400 !important;
}

.primary-nav a:hover,
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a,
.primary-nav a[aria-current="page"] {
	border-color: var(--zz-brand-line) !important;
	background: var(--zz-brand-fog) !important;
	color: var(--zz-brand-ink) !important;
}

.mobile-nav-bar {
	display: none;
}

:where(
	.home .modern-hero-copy h1,
	.home .modern-section-head h2,
	.zz-page .zz-hero h1,
	.zz-page .zz-content h2,
	.zz-about-hub-intro .zz-about-hub__lede,
	.zz-about-hub-section h2,
	.zz-page--products h1,
	.zz-page--products h2,
	.time-system-page h1,
	.time-system-page h2,
	.time-hero-title,
	.zz-hub h1,
	.zz-hub h2
) {
	font-family: var(--zz-font-display) !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	font-synthesis: none;
	text-wrap: balance;
}

:where(
	.zz-page h3,
	.zz-page--products h3,
	.time-system-page h3,
	.zz-hub h3,
	.modern-topic-card h3
) {
	color: var(--zz-brand-ink) !important;
	font-family: var(--zz-font-ui) !important;
	letter-spacing: 0 !important;
}

.modern-hero-brand-definition,
body.page-id-11014 .zz-about-hub__lede,
body.page-id-11015 .zz-content > p:nth-of-type(-n + 5),
.page-id-10984 .zz-hero > p,
.product-launch-lede,
.time-hero__description,
.zz-hub-lede {
	font-family: var(--zz-font-narrative) !important;
	font-weight: 400 !important;
}

:where(
	.button,
	.zz-cta,
	.product-button,
	.time-button,
	.zz-hub-button,
	.header-nav a,
	.text-link,
	.product-status,
	.product-hero-facts,
	.zz-color-meta,
	.evo-table,
	.specs-table
) {
	font-family: var(--zz-font-ui) !important;
}

.modern-kicker,
.product-eyebrow,
.product-section-eyebrow,
.time-kicker,
.zz-hub-eyebrow,
.zz-hub-section-head > p,
.zz-about-hub__eyebrow {
	color: var(--zz-brand-label) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: 0.08em !important;
}

.zz-icon {
	display: inline-block;
	flex: 0 0 auto;
	width: 1.15em;
	height: 1.15em;
	fill: currentColor;
	vertical-align: -0.18em;
}

/* Signature: one quiet time rail identifies section openings. */
:where(
	.home .modern-section-head,
	.zz-page--products .product-section-head,
	.time-system-page .time-section-head,
	.zz-hub .zz-hub-section-head
) {
	position: relative;
	padding-left: 24px;
}

:where(
	.home .modern-section-head,
	.zz-page--products .product-section-head,
	.time-system-page .time-section-head,
	.zz-hub .zz-hub-section-head
)::before {
	position: absolute;
	top: 0.25em;
	bottom: 0.2em;
	left: 2px;
	border-left: 1px solid var(--zz-brand-silver);
	content: "";
	opacity: 0.62;
}

:where(
	.home .modern-section-head,
	.zz-page--products .product-section-head,
	.time-system-page .time-section-head,
	.zz-hub .zz-hub-section-head
)::after {
	position: absolute;
	top: 0.35em;
	left: -1px;
	width: 7px;
	height: 7px;
	border: 1px solid var(--zz-brand-red);
	border-radius: 50%;
	background: var(--zz-brand-paper);
	content: "";
}

.button,
.entry-content .button,
.zz-cta,
.product-button,
.time-button,
.zz-hub-button {
	min-height: 46px;
	border-radius: 6px !important;
	box-shadow: none !important;
}

.button,
.entry-content .button,
.zz-cta,
.product-button--primary,
.time-button--primary,
.zz-hub-button {
	border-color: var(--zz-brand-ink) !important;
	background: var(--zz-brand-ink) !important;
	color: var(--zz-brand-white) !important;
}

.button:hover,
.entry-content .button:hover,
.zz-cta:hover,
.product-button--primary:hover,
.time-button--primary:hover,
.zz-hub-button:hover {
	border-color: #414448 !important;
	background: #414448 !important;
	color: var(--zz-brand-white) !important;
	transform: translateY(-1px);
}

.button.secondary,
.product-button--secondary,
.time-button--text {
	border-color: var(--zz-brand-line-strong) !important;
	background: transparent !important;
	color: var(--zz-brand-ink) !important;
}

:where(
	.modern-hero-visual,
	.modern-topic-card,
	.modern-product-image,
	.home-product-card,
	.home-evidence-grid > a,
	.zz-about-hub-intro,
	.zz-about-hub-card,
	.zz-about-hub-note,
	.zz-card,
	.zz-color-card,
	.zz-color-swatch,
	.zz-poetry,
	.zz-related,
	.product-launch-visual,
	.product-hero-facts,
	.product-lineup-card,
	.product-evergreen-card,
	.product-choice-grid > div,
	.product-paper-card,
	.product-design-section,
	.product-system-grid > a,
	.product-version-scope,
	.product-choice-guide,
	.zz-page--products .evo-scroll,
	.zz-page--products .evo-paper-box,
	.time-hero__copy,
	.time-hero-label,
	.time-curatorial-card,
	.time-reading-bridge,
	.time-month-card,
	.time-season-card,
	.time-system-link,
	.time-system-links__panel,
	.time-noscript-card,
	.zz-hub-hero-visual,
	.zz-hub-primary-card,
	.zz-hub-feature,
	.zz-hub-faq details,
	.zz-guide-decision-grid > a,
	.zz-guide-knowledge-grid > a,
	.zz-guide-resource-grid > a,
	.zz-journal-collection-grid > a
) {
	border-radius: 8px !important;
	box-shadow: none !important;
}

:where(
	.modern-hero-visual,
	.modern-topic-card,
	.home-product-card,
	.home-evidence-grid > a,
	.zz-about-hub-intro,
	.zz-about-hub-card,
	.zz-about-hub-note,
	.zz-card,
	.zz-color-card,
	.product-lineup-card,
	.product-evergreen-card,
	.product-choice-grid > div,
	.product-paper-card,
	.product-design-section,
	.product-system-grid > a,
	.product-version-scope,
	.time-curatorial-card,
	.time-reading-bridge,
	.time-month-card,
	.time-season-card,
	.time-system-link,
	.zz-hub-primary-card,
	.zz-guide-decision-grid > a,
	.zz-guide-knowledge-grid > a,
	.zz-guide-resource-grid > a,
	.zz-journal-collection-grid > a
) {
	border-color: var(--zz-brand-line) !important;
	background: var(--zz-brand-white) !important;
}

:where(
	.modern-topic-card,
	.home-product-card,
	.home-evidence-grid > a,
	.zz-about-hub-card,
	.zz-card,
	.zz-color-card,
	.product-lineup-card,
	.product-evergreen-card,
	.product-system-grid > a,
	.time-curatorial-card,
	.time-month-card,
	.time-system-link,
	.zz-hub-primary-card,
	.zz-guide-decision-grid > a,
	.zz-guide-knowledge-grid > a,
	.zz-guide-resource-grid > a,
	.zz-journal-collection-grid > a
):hover {
	border-color: var(--zz-brand-line-strong) !important;
	box-shadow: none !important;
	transform: translateY(-2px);
}

/* Homepage and brand pages. */
.modern-home-hero {
	color: var(--zz-brand-ink);
}

.modern-hero-copy h1 {
	color: var(--zz-brand-ink) !important;
	line-height: 1.08 !important;
}

.modern-hero-lede,
.modern-hero-brand-definition,
.modern-section-head > p,
.zz-about-hub-section > p,
.zz-about-hub-section-head > p,
.zz-about-hub-card > span,
.zz-content {
	color: var(--zz-brand-body) !important;
}

.zz-about-hub-intro {
	border: 1px solid var(--zz-brand-line) !important;
	background: var(--zz-brand-fog) !important;
}

.zz-about-hub__lede {
	color: var(--zz-brand-ink) !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	line-height: 1.42 !important;
}

.modern-stat strong,
.product-hero-facts dt {
	color: var(--zz-brand-ink) !important;
}

/* Current monthly colors appear as structure, never as body text. */
.page-id-10984 .zz-card-grid > .zz-card,
.time-month-grid > .time-month-card {
	border-top: 3px solid var(--month-color, var(--zz-brand-silver)) !important;
	background: var(--month-wash, var(--zz-brand-white)) !important;
}

.page-id-10984 .zz-card-grid > .zz-card:nth-child(1), .time-month-grid > .time-month-card:nth-child(1) { --month-color: #e4ad87; --month-wash: #f9f2eb; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(2), .time-month-grid > .time-month-card:nth-child(2) { --month-color: #a3aa83; --month-wash: #f2f2eb; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(3), .time-month-grid > .time-month-card:nth-child(3) { --month-color: #6e7ca0; --month-wash: #ededed; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(4), .time-month-grid > .time-month-card:nth-child(4) { --month-color: #b7cdc2; --month-wash: #f4f6f1; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(5), .time-month-grid > .time-month-card:nth-child(5) { --month-color: #96c0ce; --month-wash: #f1f4f2; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(6), .time-month-grid > .time-month-card:nth-child(6) { --month-color: #ceb888; --month-wash: #f7f3eb; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(7), .time-month-grid > .time-month-card:nth-child(7) { --month-color: #d0a1ba; --month-wash: #f7f1f0; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(8), .time-month-grid > .time-month-card:nth-child(8) { --month-color: #cb867f; --month-wash: #f6eeea; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(9), .time-month-grid > .time-month-card:nth-child(9) { --month-color: #6199af; --month-wash: #ecf0ef; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(10), .time-month-grid > .time-month-card:nth-child(10) { --month-color: #a577a7; --month-wash: #f2edee; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(11), .time-month-grid > .time-month-card:nth-child(11) { --month-color: #c2a292; --month-wash: #f5f1ec; }
.page-id-10984 .zz-card-grid > .zz-card:nth-child(12), .time-month-grid > .time-month-card:nth-child(12) { --month-color: #bcb999; --month-wash: #f5f4ed; }

/* Product pages: facts remain, ornate brown presentation does not. */
.zz-page--products {
	--product-bg: var(--zz-brand-paper) !important;
	--product-surface: var(--zz-brand-white) !important;
	--product-ink: var(--zz-brand-ink) !important;
	--product-heading: var(--zz-brand-ink) !important;
	--product-cta: var(--zz-brand-ink) !important;
	--product-muted: var(--zz-brand-muted) !important;
	--product-line: var(--zz-brand-line) !important;
	--product-green: var(--zz-brand-label) !important;
	--product-green-dark: var(--zz-brand-ink) !important;
	--product-petal: var(--zz-brand-red) !important;
	--product-butter: var(--zz-brand-silver) !important;
	--product-radius: 8px !important;
	background: var(--zz-brand-paper) !important;
	color: var(--zz-brand-ink) !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
}

.zz-page--products::before {
	display: none !important;
}

.product-launch-hero::before {
	border-color: var(--zz-brand-line) !important;
	opacity: 0.5 !important;
}

.product-launch-hero::after {
	color: rgba(83, 86, 90, 0.06) !important;
	font-family: var(--zz-font-ui) !important;
	letter-spacing: 0 !important;
}

.product-launch-copy h1,
.product-section-head h2,
.product-design-section h2,
.product-system-section h2 {
	color: var(--zz-brand-ink) !important;
	letter-spacing: 0 !important;
}

.product-launch-lede,
.product-section-head p,
.product-lineup-card__body > span,
.product-paper-scope,
.product-version-scope p {
	color: var(--zz-brand-muted) !important;
	letter-spacing: 0 !important;
}

.product-launch-visual,
.product-lineup-card__image,
.product-design-section figure {
	border: 1px solid var(--zz-brand-line) !important;
	background: var(--zz-brand-fog) !important;
}

.product-launch-visual figcaption {
	border-radius: 6px !important;
	background: rgba(251, 250, 246, 0.94) !important;
	color: var(--zz-brand-ink) !important;
	box-shadow: none !important;
}

.product-status {
	border-radius: 999px !important;
	color: var(--zz-brand-label) !important;
}

/* Month-name exhibition. */
body.page-id-10985,
body[class*="template-months-overview"] {
	background: var(--zz-brand-paper) !important;
}

.time-system-page {
	--time-font-display: var(--zz-font-display);
	--time-font-mono: var(--zz-font-ui);
	--time-ink: var(--zz-brand-ink);
	--time-ink-soft: var(--zz-brand-body);
	--time-muted: var(--zz-brand-muted);
	--time-muted-2: var(--zz-brand-label);
	--time-paper: var(--zz-brand-paper);
	--time-paper-deep: var(--zz-brand-fog);
	--time-paper-warm: var(--zz-brand-white);
	--time-line: var(--zz-brand-line);
	--time-line-strong: var(--zz-brand-line-strong);
	--time-seal: var(--zz-brand-red);
	--time-seal-dark: var(--zz-brand-label);
	--time-moss: var(--zz-brand-ink);
	--time-ash: var(--zz-brand-silver);
	--time-gold: var(--zz-brand-silver);
	--time-radius: 8px;
	--time-radius-soft: 8px;
	background: var(--zz-brand-paper) !important;
	color: var(--zz-brand-ink) !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
}

.time-system-page::before {
	opacity: 0.22 !important;
	background-image:
		linear-gradient(rgba(83, 86, 90, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(83, 86, 90, 0.06) 1px, transparent 1px) !important;
}

.time-system-page::after {
	display: none !important;
}

.time-hero-art::after {
	background: rgba(251, 250, 246, 0.16) !important;
}

.time-hero__copy {
	max-width: 790px !important;
	padding: clamp(24px, 3vw, 38px) !important;
	border: 1px solid var(--zz-brand-line) !important;
	border-left: 3px solid var(--zz-brand-red) !important;
	background: rgba(251, 250, 246, 0.94) !important;
}

.time-hero h1,
.time-hero-title {
	max-width: 12em !important;
	color: var(--zz-brand-ink) !important;
	font-size: clamp(44px, 4.6vw, 72px) !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	line-height: 1.08 !important;
	white-space: normal !important;
	text-shadow: none !important;
	text-wrap: balance !important;
}

.time-hero__line {
	color: var(--zz-brand-ink) !important;
	font-family: var(--zz-font-narrative) !important;
	font-size: clamp(22px, 2.2vw, 34px) !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	line-height: 1.28 !important;
}

.time-hero-label {
	border: 1px solid var(--zz-brand-line) !important;
	background: rgba(251, 250, 246, 0.94) !important;
}

.time-kicker .zz-icon,
.time-button .zz-icon,
.time-system-link .zz-icon,
.time-reading-bridge .zz-icon,
.time-curatorial-card .zz-icon {
	width: 1.15em;
	height: 1.15em;
}

/* Information hubs. */
.zz-hub {
	--hub-paper: var(--zz-brand-paper);
	--hub-white: var(--zz-brand-white);
	--hub-fog: var(--zz-brand-fog);
	--hub-ink: var(--zz-brand-ink);
	--hub-body: var(--zz-brand-body);
	--hub-muted: var(--zz-brand-label);
	--hub-silver: var(--zz-brand-silver);
	--hub-red: var(--zz-brand-red);
	--hub-teal: var(--zz-brand-ink);
	--hub-line: var(--zz-brand-line);
	background: var(--zz-brand-paper) !important;
	color: var(--zz-brand-ink) !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
}

.zz-hub-hero h1 {
	font-size: clamp(52px, 5vw, 82px) !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	white-space: normal !important;
	text-wrap: balance !important;
}

.zz-hub-hero-visual {
	border-color: var(--zz-brand-line) !important;
}

.zz-hub-hero-visual::after {
	width: 7px;
	height: 7px;
	border: 1px solid var(--zz-brand-red);
	border-radius: 50%;
	background: var(--zz-brand-paper) !important;
}

.zz-hub-primary-card > .zz-icon,
.zz-guide-decision-grid > a > .zz-icon,
.zz-guide-knowledge-grid > a > .zz-icon,
.zz-guide-resource-grid > a > .zz-icon {
	width: 30px;
	height: 30px;
	color: var(--zz-brand-ink);
}

.zz-hub-faq summary > .zz-icon {
	transition: transform 160ms ease;
}

.zz-hub-faq details[open] summary > .zz-icon {
	transform: rotate(45deg);
}

/* Standalone manual center, linked after its legacy inline CSS. */
body.zz-manual-center {
	--paper: var(--zz-brand-paper);
	--surface: var(--zz-brand-white);
	--ink: var(--zz-brand-ink);
	--muted: var(--zz-brand-muted);
	--line: var(--zz-brand-line);
	--teal: var(--zz-brand-ink);
	--teal-dark: #414448;
	--warm: var(--zz-brand-red);
	--fog: var(--zz-brand-fog);
	--radius: 8px;
	background: var(--zz-brand-paper) !important;
	color: var(--zz-brand-ink) !important;
}

.zz-manual-center .site-header {
	border-bottom: 1px solid var(--zz-brand-line) !important;
	background: rgba(251, 250, 246, 0.96) !important;
	box-shadow: none !important;
}

.zz-manual-center .header-nav a,
.zz-manual-center .button,
.zz-manual-center .text-link,
.zz-manual-center .card-meta,
.zz-manual-center .rule > span,
.zz-manual-center .hero-year > span {
	font-family: var(--zz-font-ui) !important;
}

.zz-manual-center :where(h1, h2) {
	font-family: var(--zz-font-display) !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	line-height: 1.1 !important;
	text-wrap: balance;
}

.zz-manual-center h3,
.zz-manual-center .card-year,
.zz-manual-center .current-year {
	color: var(--zz-brand-ink) !important;
	font-family: var(--zz-font-ui) !important;
	letter-spacing: 0 !important;
}

.zz-manual-center .hero-lede,
.zz-manual-center .current-card p:not(.eyebrow) {
	font-family: var(--zz-font-narrative) !important;
}

.zz-manual-center .hero h1 {
	max-width: 10em !important;
	font-size: clamp(46px, 6vw, 82px) !important;
	letter-spacing: 0 !important;
}

.zz-manual-center .hero-visual,
.zz-manual-center .current-card,
.zz-manual-center .manual-card,
.zz-manual-center .rule,
.zz-manual-center .related-card {
	border-radius: 8px !important;
	box-shadow: none !important;
}

.zz-manual-center .hero-visual,
.zz-manual-center .manual-card,
.zz-manual-center .rule,
.zz-manual-center .related-card {
	border-color: var(--zz-brand-line) !important;
	background: var(--zz-brand-white) !important;
}

.zz-manual-center .current-card {
	border-left: 3px solid var(--zz-brand-red) !important;
	background: var(--zz-brand-ink) !important;
	color: var(--zz-brand-white) !important;
}

.zz-manual-center .current-card h2,
.zz-manual-center .current-card .current-year {
	color: var(--zz-brand-white) !important;
}

.zz-manual-center .current-card p:not(.eyebrow) {
	color: rgba(255, 255, 255, 0.78) !important;
}

.zz-manual-center .button {
	border-radius: 6px !important;
	box-shadow: none !important;
}

.zz-manual-center .button.primary {
	border-color: var(--zz-brand-ink) !important;
	background: var(--zz-brand-ink) !important;
	color: var(--zz-brand-white) !important;
}

.zz-manual-center .current-card .button.primary {
	border-color: var(--zz-brand-white) !important;
	background: var(--zz-brand-white) !important;
	color: var(--zz-brand-ink) !important;
}

.zz-manual-center .section.alt {
	border-color: var(--zz-brand-line) !important;
	background: var(--zz-brand-fog) !important;
}

.zz-manual-center .section-head {
	position: relative;
	padding-left: 24px;
}

.zz-manual-center .section-head::before {
	position: absolute;
	top: 0.25em;
	bottom: 0.2em;
	left: 2px;
	border-left: 1px solid var(--zz-brand-silver);
	content: "";
}

.zz-manual-center .section-head::after {
	position: absolute;
	top: 0.35em;
	left: -1px;
	width: 7px;
	height: 7px;
	border: 1px solid var(--zz-brand-red);
	border-radius: 50%;
	background: var(--zz-brand-paper);
	content: "";
}

.zz-manual-center .site-footer {
	border-top-color: var(--zz-brand-line) !important;
	background: var(--zz-brand-ink) !important;
}

@media (max-width: 900px) {
	body.nav-is-open {
		overflow: hidden;
	}

	.site-header {
		z-index: 120;
	}

	.nav-toggle {
		position: relative;
		z-index: 2;
	}

	.primary-nav {
		position: fixed;
		top: 66px;
		right: 0;
		bottom: auto;
		left: 0;
		height: calc(100vh - 66px);
		height: calc(100dvh - 66px);
		display: block;
		margin: 0;
		padding: 22px 16px 42px;
		border-top: 1px solid var(--zz-brand-line);
		background: var(--zz-brand-paper);
		box-shadow: 0 24px 42px rgba(48, 50, 54, 0.13);
		overflow-y: auto;
		z-index: 1;
		transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
	}

	body.nav-ready .primary-nav {
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
		transform: translateY(-8px);
	}

	body.nav-ready .primary-nav.is-open {
		visibility: visible;
		pointer-events: auto;
		opacity: 1;
		transform: translateY(0);
	}

	body.nav-is-open .nav-toggle {
		position: fixed;
		top: 12px;
		right: 14px;
		margin: 0;
		background: var(--zz-brand-paper);
		z-index: 130;
	}

	.mobile-nav-bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 0 16px;
		border-bottom: 1px solid var(--zz-brand-line);
		color: var(--zz-brand-label);
		font-family: var(--zz-font-ui);
		font-size: 13px;
		letter-spacing: 0.12em;
	}

	.nav-close {
		padding: 7px 10px;
		border: 1px solid var(--zz-brand-line-strong);
		border-radius: 4px;
		background: var(--zz-brand-white);
		color: var(--zz-brand-ink);
		font: inherit;
		letter-spacing: 0;
	}

	.primary-nav ul {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}

	.primary-nav li + li {
		border-top: 1px solid var(--zz-brand-line);
	}

	.primary-nav a {
		padding: 18px 2px;
		font-size: 18px;
	}

	.primary-nav a::after {
		display: none;
	}

	:where(
		.home .modern-section-head,
		.zz-page--products .product-section-head,
		.time-system-page .time-section-head,
		.zz-hub .zz-hub-section-head
	) {
		padding-left: 20px;
	}

	.time-hero__copy {
		max-width: min(760px, calc(100vw - 48px)) !important;
	}
}

@media (max-width: 520px) {
	body {
		font-size: 17px;
	}

	.modern-hero-copy h1,
	.zz-page .zz-hero h1,
	.zz-page--products h1,
	.time-system-page h1,
	.time-hero-title,
	.zz-hub h1 {
		font-size: clamp(34px, 10.6vw, 44px) !important;
		letter-spacing: 0 !important;
		line-height: 1.12 !important;
		word-break: normal !important;
	}

	.time-hero__copy {
		padding: 22px 18px !important;
	}

	.time-hero__description,
	.zz-hub-lede,
	.modern-hero-lede,
	.zz-content {
		font-size: 17px !important;
		line-height: 1.72 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.primary-nav {
		transition: none !important;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}