/* WT26 Publications — frontend styles * Used by single + archive templates, the Gutenberg block, the Divi 5 module, * and the Breakdance element. Keep theme-agnostic — no Divi/Breakdance/etc. * specific selectors here. * * ---------- Sizing text: never a bare rem ---------- * Every text size here is `max( , )`, and new ones must be too. * * A bare rem measures against , which is NOT where a theme puts its body * size. Eight of the ported WT themes set `html { font-size: 62.5% }` so they * can write 22px as 2.2rem — on those, a 1.1rem title rendered a flat 11px * next to 22px body copy, which is the bug this pattern fixes. A bare em is * not the answer either: Divi's body is 14px and Enfold's is 13px, so em alone * would SHRINK the two networks that were never broken. * * max() takes whichever is bigger, so the em half tracks whatever the host * theme (or its sidebar, which several themes size separately) is using, and * the rem half is the size we shipped before. It can only ever raise a size, * and only where we were already rendering below the surrounding text. * * ---------- Sizing BOXES: plain px ---------- * Same root, different fix. A grid track, an audio player's cap and the * min-width that stops the resources column collapsing are design constants, * not text, and a bare rem shrank each to 62.5% on those themes: grid layout * packed 150px tracks instead of 240px, and the 1.0.18 fix for audio-only * lists collapsing was only ever 180px of the 288px it needed. * * These are px now. On a 16px-root theme px and rem are the same number, so * nothing moves on Divi, Enfold, or any 16px theme; on a 10px-root theme they * finally render at the size they were drawn at. Text still scales for a * reader who enlarges their browser font, because text uses the max() pair. * * Padding, margin and gap stay in rem. They compress on a 62.5% theme but * nothing breaks, and converting them is where regressions live. */ /* ---------- Detail (single page + block "show details") ---------- */ .wt26-pub-detail { margin: 0 0 1.5rem; } .wt26-pub-detail__title { margin: 0 0 0.5rem; } .wt26-pub-detail__date { margin: 0 0 0.5rem; font-weight: 600; opacity: 0.8; } .wt26-pub-detail__authors { margin: 0 0 0.5rem; font-style: italic; } .wt26-pub-detail__summary { margin: 0 0 1rem; } /* ---------- Archive card / list row ---------- */ /* The list wrapper is a