/* The Charter. Inner pages are further leaves of the same parchment: blackletter heads, small-capital labels, red and blue ink. */

/* Every rule is fenced to this look with :where(.tdc-look-charter), which adds no weight to the selector. If a plugin ever
   pastes one look's styles into another look's page (Jetpack Boost's Critical CSS would), they match nothing there. */

:where(.tdc-look-charter) a { color: #9c2a1c; }
:where(.tdc-look-charter) a:hover { color: #1b1410; }

:where(.tdc-look-charter) .tdc-main {
	--ink: #1b1410;
	--paper: #f1e6cc;
	--accent: #9c2a1c;
	--soft: #c9b78c;
	--head-font: 'Grenze Gotisch', 'EB Garamond', serif;
	--head-weight: 700;
	--label-font: 'EB Garamond', Georgia, serif;
	--label-size: 21px;
	--label-track: 0.07em;
	--label-case: none;
	--label-caps: small-caps;
	--measure: 880px;
	padding: 34px 0 6px;
}

:where(.tdc-look-charter) .tdc-banner a { font-family: 'Grenze Gotisch', 'EB Garamond', serif; font-weight: 700; font-size: clamp(34px, 4.6vw, 54px); line-height: 1; }
:where(.tdc-look-charter) .tdc-banner span { font-variant-caps: small-caps; font-weight: 600; font-size: 21px; letter-spacing: 0.08em; color: #1f3f7a; }

:where(.tdc-look-charter) .tdc-head { text-align: center; }
:where(.tdc-look-charter) .tdc-kicker,
:where(.tdc-look-charter) .tdc-meta { color: #1f3f7a; }
:where(.tdc-look-charter) .tdc-title { font-size: clamp(42px, 6.4vw, 84px); line-height: 1; }
:where(.tdc-look-charter) .tdc-entry-title { font-size: clamp(28px, 3.2vw, 38px); line-height: 1.05; }

:where(.tdc-look-charter).single-post .tdc-content > p:first-of-type::first-letter { float: left; margin: 0.08em 0.08em 0 0; font-family: 'Grenze Gotisch', serif; font-weight: 700; font-size: 3.3em; line-height: 0.8; color: #9c2a1c; }

:where(.tdc-look-charter) .tdc-switch { justify-content: center; font-size: 17px; text-align: center; }