/* Shelf Talker. Inner pages are shelf tags: a list is a grid of them, a post is one big white one. Alfa Slab shouts, Public Sans reads. */

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

:where(.tdc-look-shelf-talker) .tdc-main {
	--ink: #1d1612;
	--paper: #ffffff;
	--accent: #a50d26;
	--soft: #d9d2c4;
	--button: #1d1612;
	--head-font: 'Alfa Slab One', Georgia, serif;
	--head-weight: 400;
	--head-case: uppercase;
	--label-weight: 800;
	--label-size: 13px;
	--label-track: 0.12em;
	--measure: 860px;
	--side: 0;
	max-width: 1240px;
	margin: 0 auto;
	padding: 44px 28px 56px;
}
:where(.tdc-look-shelf-talker) .tdc-main.tdc-list { --measure: none; }

:where(.tdc-look-shelf-talker) .tdc-head { margin-bottom: 26px; }
:where(.tdc-look-shelf-talker) .tdc-title { font-size: clamp(30px, 4.4vw, 58px); line-height: 1; }
:where(.tdc-look-shelf-talker) .tdc-lede { max-width: 820px; font-size: 19px; }

:where(.tdc-look-shelf-talker) .tdc-archive-nav a { background: #ffd23f; border: 2px solid #1d1612; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }

:where(.tdc-look-shelf-talker) .tdc-entries { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 20px; border: 0; }
:where(.tdc-look-shelf-talker) .tdc-entry { display: flex; flex-direction: column; padding: 18px 20px 14px; background: #ffffff; border: 3px solid #1d1612; }
:where(.tdc-look-shelf-talker) .tdc-entry:nth-child(5n + 1) { background: #ffd23f; }
:where(.tdc-look-shelf-talker) .tdc-entry-title { margin: 6px 0 10px; font-size: 23px; line-height: 1.06; }
:where(.tdc-look-shelf-talker) .tdc-excerpt { font-size: 16px; }
:where(.tdc-look-shelf-talker) .tdc-more { margin-top: auto; padding-top: 14px; }

:where(.tdc-look-shelf-talker) .tdc-article .tdc-content,
:where(.tdc-look-shelf-talker) .tdc-main > .tdc-search,
:where(.tdc-look-shelf-talker) .tdc-comments { padding: clamp(20px, 4vw, 36px); background: #ffffff; border: 3px solid #1d1612; }
:where(.tdc-look-shelf-talker) .tdc-foot { border-top: 0; }
:where(.tdc-look-shelf-talker) .tdc-comments { margin-top: 28px; }