diff --git a/packages/core/templates/partials/slide-styles.eta b/packages/core/templates/partials/slide-styles.eta index b12ea78..248dd20 100644 --- a/packages/core/templates/partials/slide-styles.eta +++ b/packages/core/templates/partials/slide-styles.eta @@ -761,17 +761,9 @@ grid-row: 3; } - /* Density tiers add margin-bottom to every

in the slide for - readable vertical lists; the colophon text already has its - own row-gap rhythm and doesn't want that extra space (which - also shifts the optical center of the name away from the - avatar's grid-row centerline). Two-class selector beats the - density rule's specificity. */ - morkdeck-slide .colophon .colophon-speaker, - morkdeck-slide .colophon .colophon-byline, - morkdeck-slide .colophon .colophon-context { - margin: 0; - } + /* (Margin reset for these elements is now folded into the + compound-class rules below, which also fix the density-tier + font-size override.) */ /* Outro: vertical stack. The big circular portrait sits above the text block; speaker / byline / context flow as a column. */ @@ -823,7 +815,16 @@ /* Speaker name owns its line so the bolder weight and full Text color can carry the identity moment without the secondaries crowding into it. */ - morkdeck-slide .colophon-speaker { + /* Two-class compound selectors (`.colophon .colophon-*`) for the + three colophon

elements. The density tiers re-target every +

in the slide (`morkdeck-slide[data-density="dense"] p` at + specificity 0,1,2) to shrink running body for packed slides; a + single-class rule (`morkdeck-slide .colophon-speaker` at 0,1,1) + loses that specificity battle and the colophon collapses to the + dense body size. Compound class lifts to 0,2,1 so the colophon + scale survives density auto-fit on title slides. Same pattern as + the colophon-socials li margin reset further down. */ + morkdeck-slide .colophon .colophon-speaker { margin: 0; font-size: var(--morkdeck-dimension-size-colophon-name); font-weight: var(--morkdeck-fontWeight-bold); @@ -838,7 +839,7 @@ and handle share size + weight + color so they're peers; their only typographic differentiator is the axis that carries meaning (slnt/CASL for italic aside, MONO for identifier). */ - morkdeck-slide .colophon-byline { + morkdeck-slide .colophon .colophon-byline { margin: 0; font-size: var(--morkdeck-dimension-size-colophon-byline); font-weight: var(--morkdeck-fontWeight-regular); @@ -855,7 +856,7 @@ font-variation-settings: "MONO" 1; } - morkdeck-slide .colophon-context { + morkdeck-slide .colophon .colophon-context { margin: 0; font-family: var(--morkdeck-fontFamily-mono); font-variation-settings: "MONO" 1;