/* The Tract. Inner pages open on the pamphlet's yellow band: Anton headlines, EB Garamond text, heavy black rules. */

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

:where(.tdc-look-tract) .tdc-main {
	--ink: #171310;
	--paper: #f2ead8;
	--accent: #a81f14;
	--soft: #c9bd9f;
	--button: #c1271b;
	--head-font: 'Anton', Impact, sans-serif;
	--head-weight: 400;
	--head-case: uppercase;
	--head-track: 0.01em;
	--label-font: 'EB Garamond', Georgia, serif;
	--label-size: 21px;
	--label-track: 0.07em;
	--label-case: none;
	--label-caps: small-caps;
	--side: 0;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 28px 64px;
}
:where(.tdc-look-tract) .tdc-article { max-width: none; }
:where(.tdc-look-tract) .tdc-article > * { max-width: var(--measure, 40em); }

/* The yellow band runs the full width of the window, whatever the width of the column inside it. */
:where(.tdc-look-tract) .tdc-main .tdc-head { max-width: none; margin-bottom: 44px; padding: 46px 0 40px; background: #f1c93b; box-shadow: 0 0 0 100vmax #f1c93b; clip-path: inset(0 -100vmax); }
:where(.tdc-look-tract) .tdc-head > * { max-width: 900px; }
:where(.tdc-look-tract) .tdc-head .tdc-kicker { color: #171310; }
:where(.tdc-look-tract) .tdc-title { font-size: clamp(36px, 5.4vw, 76px); line-height: 1; }

:where(.tdc-look-tract) .tdc-entries { border-bottom-width: 4px; }
:where(.tdc-look-tract) .tdc-entry { border-top: 4px solid #171310; }
:where(.tdc-look-tract) .tdc-entry-title { font-size: clamp(24px, 2.8vw, 32px); line-height: 1.1; }
:where(.tdc-look-tract) .tdc-entry-title a { color: #a81f14; }
:where(.tdc-look-tract) .tdc-entry-title a:hover { color: #171310; }

:where(.tdc-look-tract) .tdc-switch { font-size: 17px; }

:where(.tdc-look-tract) .tdc-main button,
:where(.tdc-look-tract) .tdc-main input[type="submit"] { border: 3px solid #171310; font-family: 'Anton', Impact, sans-serif; font-weight: 400; font-size: 19px; letter-spacing: 0.06em; text-transform: uppercase; font-variant-caps: normal; }