:root {
	--am-navy: rgb(15, 23, 42);
	--am-navy-soft: #17233c;
	--am-cyan: #00d8ff;
	--am-muted: rgb(148, 169, 201);
	--am-surface: #fff;
	--am-ink: #152238;
	--am-border: #dce4ec;
	--am-radius: 14px;
	--am-shadow: 0 12px 30px rgba(7, 20, 38, .08);
}

body { margin: 0; background: var(--am-navy); }
body.single-post { background: var(--am-navy); }
.am-site-header *, .am-site-footer *, .am-skip-link { box-sizing: border-box; }
.am-shell { width: min(1120px, calc(100% - 2rem)); margin-inline: auto; }
.am-skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 1000; transform: translateY(-180%); background: #fff; color: var(--am-navy); padding: .65rem .9rem; border-radius: 6px; }
.am-skip-link:focus { transform: translateY(0); }
.am-site-header :focus-visible, .am-site-footer :focus-visible, .am-skip-link:focus-visible { outline: 3px solid var(--am-cyan); outline-offset: 3px; }
.am-site-logo { display: block; width: auto; height: auto; max-width: 100%; }
.am-site-logo--header { width: 208px; }
.am-site-logo--footer { width: 256px; }