@font-face{font-family:'Atkinson Hyperlegible Next Variable';src:url('./text.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible Mono Variable';src:url('./mono.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Aegent Blackletter';src:url('./blackletter.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root {
	--font-text: Georgia, 'Times New Roman', serif;
	--font-display: Georgia, 'Times New Roman', serif;
 --font-brand: 'Aegent Blackletter', Georgia, serif;
 --font-mono: Georgia, 'Times New Roman', serif;

	--step--2: 0.75rem;
	--step--1: 0.8125rem;
	--step-0: 0.9375rem;
	--step-1: 1.0625rem;
	--step-2: 1.3125rem;
	--step-3: 1.75rem;
	--editor-size: 1.0625rem;
	--measure: 44rem;
	--hang: 3.25rem;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2.25rem;

	--radius-s: 4px;
	--radius-m: 7px;
	--sidebar-w: 16.5rem;
	--pane-w: 19rem;
	--ease: cubic-bezier(0.2, 0, 0, 1);
	--dur: 140ms;

	color-scheme: light;
	--bg: #f6f5ef;
 --paper: var(--bg); --muted: var(--ink-muted); --green: var(--chip);
	--sidebar: #eeeee5;
	--surface: #fffef9;
	--chip: #e9ecdf;
	--ink: #282b23;
	--ink-muted: #626957;
	--ink-faint: #666c5d;
	--rule: #dddfd3;
	--rule-strong: #bfc5b2;
	--accent: #a8492c;
	--accent-ink: #994125;
	--accent-wash: #f5e6dc;
	--accent-line: #d6ac94;
	--selection: #e5d3bc;
	--focus: #a8492c;
	--mark: #fbe7a1;
	--state-active: #b4232f;
	--state-hold: #8c5a00;
	--state-done: #2c7a4c;
	--state-cancelled: #5f6771;
	--danger-wash: #fbe6e7;
	--code-keyword: #8a3ea0;
	--code-string: #2c7a4c;
	--code-number: #9a5b00;
	--code-fn: #3450a8;
	--shadow-pop: 0 1px 2px rgb(28 37 48 / 0.08), 0 8px 28px rgb(28 37 48 / 0.14);
	--scrim: rgb(28 37 48 / 0.32);
}

:root[data-theme='dark'] {
	color-scheme: dark;
	--bg: #20221d;
	--sidebar: #1a1d17;
	--surface: #292d24;
	--chip: #34392d;
	--ink: #eeeee3;
	--ink-muted: #b8beac;
	--ink-faint: #a3ac95;
	--rule: #3e4436;
	--rule-strong: #56604b;
	--accent: #e3a17c;
	--accent-ink: #efb797;
	--accent-wash: #453127;
	--accent-line: #785640;
	--selection: #594635;
	--focus: #e3a17c;
	--mark: #5a4b12;
	--state-active: #ff8b8b;
	--state-hold: #e6b95c;
	--state-done: #7fd09c;
	--state-cancelled: #9aa3ac;
	--danger-wash: #4a2427;
	--code-keyword: #d9a3ea;
	--code-string: #8fd6a8;
	--code-number: #f0c070;
	--code-fn: #9db5ff;
	--shadow-pop: 0 1px 2px rgb(0 0 0 / 0.3), 0 10px 32px rgb(0 0 0 / 0.45);
	--scrim: rgb(0 0 0 / 0.5);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme='light']) {
		color-scheme: dark;
		--bg: #20221d;
		--sidebar: #1a1d17;
		--surface: #292d24;
		--chip: #34392d;
		--ink: #eeeee3;
		--ink-muted: #b8beac;
		--ink-faint: #a3ac95;
		--rule: #3e4436;
		--rule-strong: #56604b;
		--accent: #e3a17c;
		--accent-ink: #efb797;
		--accent-wash: #453127;
		--accent-line: #785640;
		--selection: #594635;
		--focus: #e3a17c;
		--mark: #5a4b12;
		--state-active: #ff8b8b;
		--state-hold: #e6b95c;
		--state-done: #7fd09c;
		--state-cancelled: #9aa3ac;
		--danger-wash: #4a2427;
		--code-keyword: #d9a3ea;
		--code-string: #8fd6a8;
		--code-number: #f0c070;
		--code-fn: #9db5ff;
		--shadow-pop: 0 1px 2px rgb(0 0 0 / 0.3), 0 10px 32px rgb(0 0 0 / 0.45);
		--scrim: rgb(0 0 0 / 0.5);
	}
}

.suite-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex-shrink:0;line-height:1}
.suite-mark{display:block;width:38px;height:38px;background:currentColor;mask:url('./mark.svg') center/contain no-repeat;-webkit-mask:url('./mark.svg') center/contain no-repeat}
.suite-wordmark{font:400 36px/1 var(--font-brand);letter-spacing:-.025em}
.suite-product{font:24px/1 var(--font-text);color:var(--ink-muted);border-left:1px solid var(--rule-strong);padding-left:12px;margin-left:4px}
.suite-brand:hover{color:var(--accent)}
@media(max-width:520px){.suite-mark{width:30px;height:30px}.suite-wordmark{font-size:30px}.suite-brand{gap:7px}.suite-product{font-size:10px;padding-left:8px;margin-left:0}}

.suite-domain{font:400 .43em/1 var(--font-text);letter-spacing:.025em;margin-left:2px}
.suite-switcher{position:relative;flex-shrink:0}
.suite-switcher summary{cursor:pointer;list-style:none;user-select:none}
.suite-switcher summary::-webkit-details-marker{display:none}
.suite-switcher summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:4px}
.suite-chevron{font:14px var(--font-text);color:var(--ink-muted);margin-left:3px}
.suite-switcher[open] .suite-chevron{transform:rotate(180deg)}
.suite-menu{position:absolute;top:calc(100% + 12px);left:0;z-index:1000;display:flex;flex-direction:column;min-width:160px;padding:4px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-m);box-shadow:var(--shadow-pop)}
.suite-menu a{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:7px 10px!important;border:0!important;border-radius:4px!important;color:var(--ink)!important;text-decoration:none;font:14px/1.3 var(--font-text)!important;letter-spacing:0}
.suite-menu a:hover,.suite-menu a:focus-visible{background:var(--chip);color:var(--accent)!important}
footer .suite-menu{top:auto;bottom:calc(100% + 12px)}
@media(max-width:520px){.suite-wordmark{font-size:27px}.suite-mark{width:26px;height:26px}.suite-product{display:none}.suite-brand{gap:5px}.suite-chevron{margin-left:0}.top nav{gap:8px!important}.top nav a{font-size:10px!important}}

.suite-menu-symbol{display:inline-grid;place-items:center;width:22px;font:22px/1 var(--font-text);color:var(--ink-muted)}

/* Shared suite frame: navigation belongs to the header, not the product content. */
.suite-header{height:72px!important;min-height:72px!important;max-width:none!important;width:100%;margin:0!important;padding:0 24px!important;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rule);background:var(--sidebar);position:sticky;top:0;z-index:30}
.suite-header>.suite-switcher{position:relative;flex:none}
.suite-switcher>.suite-brand{display:flex;gap:8px;width:auto;height:40px;white-space:nowrap;padding:0}
.suite-switcher .suite-mark{width:30px;height:30px;flex:none}
.suite-switcher .suite-wordmark{font-size:32px}
.suite-switcher .suite-product{display:block;min-width:22px;font:24px/1 var(--font-text);text-align:center;padding:0 0 0 12px;margin:0 0 0 4px;border-left:1px solid var(--rule-strong)}
.suite-switcher .suite-chevron{margin:0;font-size:14px}
.suite-switcher .suite-menu{top:calc(100% + 10px);left:0;min-width:100%;box-sizing:border-box}
footer .suite-switcher .suite-menu{top:auto;bottom:calc(100% + 10px)}
.suite-header>nav{display:flex;align-items:center;gap:20px;margin-left:auto;font:13px/1.4 var(--font-text)}
@media(max-width:600px){.suite-header{padding:0 16px!important;gap:12px}.suite-header>nav{gap:10px;font-size:12px}.suite-header>nav>a:not(:last-child){display:none}}