/* Royal Warrant. Inner pages are one cream label card on the whisky-brown ground: red Besley capitals, script flourishes. */

/* Every rule is fenced to this look with :where(.tdc-look-royal-warrant), 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-royal-warrant) a { color: #b3261e; }
:where(.tdc-look-royal-warrant) a:hover { color: #1d1612; }

:where(.tdc-look-royal-warrant) .tdc-main {
	--ink: #1d1612;
	--paper: #fbf7ef;
	--accent: #b3261e;
	--soft: #c9bda6;
	--head-font: 'Besley', Georgia, serif;
	--head-weight: 900;
	--head-case: uppercase;
	--head-track: 0.02em;
	--label-weight: 900;
	--label-size: 13px;
	--label-track: 0.18em;
	max-width: 1120px;
	margin: 28px auto 0;
	padding: clamp(34px, 6vw, 56px) clamp(26px, 6vw, 64px) clamp(34px, 5vw, 50px);
	background: var(--paper);
	border: 3px solid var(--ink);
	outline: 1px solid var(--ink);
	outline-offset: -12px;
}

:where(.tdc-look-royal-warrant) .tdc-banner a { font-weight: 900; font-size: clamp(24px, 3.4vw, 38px); line-height: 1.05; letter-spacing: 0.03em; text-transform: uppercase; }
:where(.tdc-look-royal-warrant) .tdc-banner span { font-family: 'Pinyon Script', cursive; font-size: clamp(24px, 2.6vw, 30px); line-height: 1.1; }

:where(.tdc-look-royal-warrant) .tdc-head { text-align: center; }
:where(.tdc-look-royal-warrant) .tdc-title { font-size: clamp(28px, 4.2vw, 50px); }
:where(.tdc-look-royal-warrant) .tdc-content strong,
:where(.tdc-look-royal-warrant) .tdc-content b { font-weight: 600; } /* the 900 cut is for headings; bold text in a post reads better at 600 */
:where(.tdc-look-royal-warrant) .tdc-entry-title { font-size: clamp(20px, 2.3vw, 26px); }