@refrakt-md/skeleton 0.33.0 → 0.35.0

package/styles/layouts/split.css

@@ -20,15 +20,29 @@
 	grid-template-columns: 1fr var(--media-share, 50%);
 }
 [data-media-position="end"] > [data-section="media"],
-[data-media-position="end"] > [data-name="media"] { grid-column: 2; }
-[data-media-position="end"] > [data-name="content"] { grid-column: 1; }
+[data-media-position="end"] > [data-name="media"] {
+	grid-column: 2;
+}
+[data-media-position="end"] > [data-name="content"] {
+	grid-column: 1;
+}
 
 /* `media-ratio` → media's share of the row width. */
-[data-media-ratio="1/3"] { --media-share: 33.333%; }
-[data-media-ratio="2/5"] { --media-share: 40%; }
-[data-media-ratio="1/2"] { --media-share: 50%; }
-[data-media-ratio="3/5"] { --media-share: 60%; }
-[data-media-ratio="2/3"] { --media-share: 66.667%; }
+[data-media-ratio="1/3"] {
+	--media-share: 33.333%;
+}
+[data-media-ratio="2/5"] {
+	--media-share: 40%;
+}
+[data-media-ratio="1/2"] {
+	--media-share: 50%;
+}
+[data-media-ratio="3/5"] {
+	--media-share: 60%;
+}
+[data-media-ratio="2/3"] {
+	--media-share: 66.667%;
+}
 
 /* Grid so children can use justify-self/align-self (default: stretch). */
 [data-media-position="start"] > [data-name="media"],
@@ -47,13 +61,31 @@
 }
 
 /* ─── 3-section grid placement (header + content + media) ─── */
-[data-media-position="start"]:has(> [data-section="header"]) > [data-section="header"] { grid-column: 1; grid-row: 1; }
-[data-media-position="start"]:has(> [data-section="header"]) > [data-name="content"]   { grid-column: 1; grid-row: 2; }
-[data-media-position="start"]:has(> [data-section="header"]) > [data-section="media"]  { grid-column: 2; grid-row: 1 / 3; }
+[data-media-position="start"]:has(> [data-section="header"]) > [data-section="header"] {
+	grid-column: 1;
+	grid-row: 1;
+}
+[data-media-position="start"]:has(> [data-section="header"]) > [data-name="content"] {
+	grid-column: 1;
+	grid-row: 2;
+}
+[data-media-position="start"]:has(> [data-section="header"]) > [data-section="media"] {
+	grid-column: 2;
+	grid-row: 1 / 3;
+}
 
-[data-media-position="end"]:has(> [data-section="header"]) > [data-section="header"] { grid-column: 2; grid-row: 1; }
-[data-media-position="end"]:has(> [data-section="header"]) > [data-name="content"]   { grid-column: 2; grid-row: 2; }
-[data-media-position="end"]:has(> [data-section="header"]) > [data-section="media"]  { grid-column: 1; grid-row: 1 / 3; }
+[data-media-position="end"]:has(> [data-section="header"]) > [data-section="header"] {
+	grid-column: 2;
+	grid-row: 1;
+}
+[data-media-position="end"]:has(> [data-section="header"]) > [data-name="content"] {
+	grid-column: 2;
+	grid-row: 2;
+}
+[data-media-position="end"]:has(> [data-section="header"]) > [data-section="media"] {
+	grid-column: 1;
+	grid-row: 1 / 3;
+}
 
 [data-media-position="start"]:has(> [data-section="header"]) > [data-section="media"],
 [data-media-position="end"]:has(> [data-section="header"]) > [data-section="media"] {

package/styles/runes/accordion.css

@@ -10,21 +10,28 @@
 	position: relative;
 }
 .rf-accordion__eyebrow:has(a) a::before {
-	content: '';
+	content: "";
 	position: absolute;
 	inset: 0;
 }
-.rf-accordion__items { display: contents; }
+.rf-accordion__items {
+	display: contents;
+}
 
 .rf-accordion-item__header {
 	display: flex;
 	align-items: center;
 	list-style: none;
 }
-.rf-accordion-item__header::-webkit-details-marker { display: none; }
-.rf-accordion-item__header::marker { display: none; content: ''; }
+.rf-accordion-item__header::-webkit-details-marker {
+	display: none;
+}
+.rf-accordion-item__header::marker {
+	display: none;
+	content: "";
+}
 .rf-accordion-item__header::before {
-	content: '';
+	content: "";
 	flex-shrink: 0;
 	width: 0.75rem;
 	height: 0.75rem;
@@ -37,16 +44,25 @@
 .rf-accordion-item[open] .rf-accordion-item__header::before {
 	transform: rotate(90deg);
 }
-.rf-accordion-item__title { flex: 1; min-width: 0; }
-.rf-accordion-item__count { flex-shrink: 0; }
+.rf-accordion-item__title {
+	flex: 1;
+	min-width: 0;
+}
+.rf-accordion-item__count {
+	flex-shrink: 0;
+}
 
 /* Collapse / expand mechanism. */
-.rf-accordion-item { interpolate-size: allow-keywords; }
+.rf-accordion-item {
+	interpolate-size: allow-keywords;
+}
 .rf-accordion-item::details-content {
 	block-size: 0;
 	overflow: hidden;
 }
-.rf-accordion-item[open]::details-content { block-size: auto; }
+.rf-accordion-item[open]::details-content {
+	block-size: auto;
+}
 
 /* Block-content panels switch to a flex column (gap is skin). */
 .rf-accordion-item__body:has([data-block]) {

package/styles/runes/annotate.css

@@ -3,7 +3,9 @@
  * hide. Type, colour, borders, spacing, and the `?` glyph stay skin (Lumina's
  * styles/runes/annotate.css). */
 
-.rf-annotate__body { display: contents; }
+.rf-annotate__body {
+	display: contents;
+}
 
 /* Margin style — float the note into the margin. */
 .rf-annotate--margin .rf-annotate-note {
@@ -13,7 +15,9 @@
 }
 
 /* Inline style */
-.rf-annotate--inline p { display: inline; }
+.rf-annotate--inline p {
+	display: inline;
+}
 .rf-annotate--inline .rf-annotate-note {
 	display: inline-block;
 	vertical-align: baseline;
@@ -44,8 +48,9 @@
 .rf-annotate--tooltip .rf-annotate-note:hover .rf-annotate-note__body {
 	display: block;
 }
-.rf-annotate-note__body > span[property],
-.rf-annotate-note__body > meta { display: none; }
+.rf-annotate-note__body > meta {
+	display: none;
+}
 
 @media (max-width: 768px) {
 	.rf-annotate--margin .rf-annotate-note {

package/styles/runes/audio.css

@@ -4,7 +4,9 @@
  * waveform box, the waveform-mode progress hide, the chapters list reset, and the
  * chapter row flex. Surface, colours, radii, borders, type, and focus chrome are
  * skin. */
-.rf-audio rf-audio { display: block; }
+.rf-audio rf-audio {
+	display: block;
+}
 .rf-audio-player {
 	display: flex;
 	flex-direction: column;

package/styles/runes/bento.css

@@ -14,26 +14,68 @@
 	--bento-cols-effective: var(--bento-columns, 6);
 	display: grid;
 	grid-template-columns: repeat(var(--bento-cols-effective), 1fr);
-	grid-auto-rows: var(--bento-row-track, var(--bento-row-height, var(--rf-bento-row-height, 24rem)));
+	grid-auto-rows: var(
+		--bento-row-track,
+		var(--bento-row-height, var(--rf-bento-row-height, 24rem))
+	);
 }
 
 /* Author row-height presets — the uniform grid row track height (grid mode). */
-.rf-bento[data-row-height="sm"] { --bento-row-height: 16rem; }
-.rf-bento[data-row-height="md"] { --bento-row-height: 24rem; }
-.rf-bento[data-row-height="lg"] { --bento-row-height: 32rem; }
-.rf-bento[data-row-height="xl"] { --bento-row-height: 40rem; }
+.rf-bento[data-row-height="sm"] {
+	--bento-row-height: 16rem;
+}
+.rf-bento[data-row-height="md"] {
+	--bento-row-height: 24rem;
+}
+.rf-bento[data-row-height="lg"] {
+	--bento-row-height: 32rem;
+}
+.rf-bento[data-row-height="xl"] {
+	--bento-row-height: 40rem;
+}
 
 /* content-height / media-ratio — perpendicular text-zone sizing knobs. */
-.rf-bento[data-content-height="sm"], .rf-bento-cell[data-content-height="sm"] { --cell-content-height: 6rem; --cell-content-overflow: hidden; }
-.rf-bento[data-content-height="md"], .rf-bento-cell[data-content-height="md"] { --cell-content-height: 10rem; --cell-content-overflow: hidden; }
-.rf-bento[data-content-height="lg"], .rf-bento-cell[data-content-height="lg"] { --cell-content-height: 14rem; --cell-content-overflow: hidden; }
-.rf-bento[data-content-height="xl"], .rf-bento-cell[data-content-height="xl"] { --cell-content-height: 18rem; --cell-content-overflow: hidden; }
+.rf-bento[data-content-height="sm"],
+.rf-bento-cell[data-content-height="sm"] {
+	--cell-content-height: 6rem;
+	--cell-content-overflow: hidden;
+}
+.rf-bento[data-content-height="md"],
+.rf-bento-cell[data-content-height="md"] {
+	--cell-content-height: 10rem;
+	--cell-content-overflow: hidden;
+}
+.rf-bento[data-content-height="lg"],
+.rf-bento-cell[data-content-height="lg"] {
+	--cell-content-height: 14rem;
+	--cell-content-overflow: hidden;
+}
+.rf-bento[data-content-height="xl"],
+.rf-bento-cell[data-content-height="xl"] {
+	--cell-content-height: 18rem;
+	--cell-content-overflow: hidden;
+}
 
-.rf-bento[data-media-ratio="1/3"], .rf-bento-cell[data-media-ratio="1/3"] { --cell-media-ratio: 33.333%; }
-.rf-bento[data-media-ratio="2/5"], .rf-bento-cell[data-media-ratio="2/5"] { --cell-media-ratio: 40%; }
-.rf-bento[data-media-ratio="1/2"], .rf-bento-cell[data-media-ratio="1/2"] { --cell-media-ratio: 50%; }
-.rf-bento[data-media-ratio="3/5"], .rf-bento-cell[data-media-ratio="3/5"] { --cell-media-ratio: 60%; }
-.rf-bento[data-media-ratio="2/3"], .rf-bento-cell[data-media-ratio="2/3"] { --cell-media-ratio: 66.667%; }
+.rf-bento[data-media-ratio="1/3"],
+.rf-bento-cell[data-media-ratio="1/3"] {
+	--cell-media-ratio: 33.333%;
+}
+.rf-bento[data-media-ratio="2/5"],
+.rf-bento-cell[data-media-ratio="2/5"] {
+	--cell-media-ratio: 40%;
+}
+.rf-bento[data-media-ratio="1/2"],
+.rf-bento-cell[data-media-ratio="1/2"] {
+	--cell-media-ratio: 50%;
+}
+.rf-bento[data-media-ratio="3/5"],
+.rf-bento-cell[data-media-ratio="3/5"] {
+	--cell-media-ratio: 60%;
+}
+.rf-bento[data-media-ratio="2/3"],
+.rf-bento-cell[data-media-ratio="2/3"] {
+	--cell-media-ratio: 66.667%;
+}
 
 .rf-bento-cell[data-media-position="top"] > .rf-bento-cell__content,
 .rf-bento-cell[data-media-position="bottom"] > .rf-bento-cell__content {
@@ -58,16 +100,27 @@
 }
 
 /* Media placement (data-media-position). */
-.rf-bento-cell[data-media-position="bottom"] { flex-direction: column-reverse; }
-.rf-bento-cell[data-media-position="start"] { flex-direction: row; align-items: stretch; }
-.rf-bento-cell[data-media-position="end"] { flex-direction: row-reverse; align-items: stretch; }
+.rf-bento-cell[data-media-position="bottom"] {
+	flex-direction: column-reverse;
+}
+.rf-bento-cell[data-media-position="start"] {
+	flex-direction: row;
+	align-items: stretch;
+}
+.rf-bento-cell[data-media-position="end"] {
+	flex-direction: row-reverse;
+	align-items: stretch;
+}
 .rf-bento-cell[data-media-position="start"] > .rf-bento-cell__media,
 .rf-bento-cell[data-media-position="end"] > .rf-bento-cell__media {
 	flex: 0 0 var(--cell-media-ratio, 42%);
 	align-self: stretch;
 }
 .rf-bento-cell[data-media-position="start"] > .rf-bento-cell__content,
-.rf-bento-cell[data-media-position="end"] > .rf-bento-cell__content { flex: 1; min-width: 0; }
+.rf-bento-cell[data-media-position="end"] > .rf-bento-cell__content {
+	flex: 1;
+	min-width: 0;
+}
 
 .rf-bento-cell__content {
 	display: flex;
@@ -81,38 +134,95 @@
 	min-height: 0;
 	aspect-ratio: var(--bento-media-aspect, 16 / 9);
 }
-.rf-bento-cell__media > :is(img, video) { object-position: var(--bento-media-anchor, center); }
-.rf-bento-cell__media[style*="--frame-aspect"] { --bento-media-aspect: var(--frame-aspect); }
-.rf-bento-cell__media[style*="--frame-anchor"] { --bento-media-anchor: var(--frame-anchor); }
-.rf-bento-cell__body { min-height: 0; }
-.rf-bento-cell__body > span[property],
-.rf-bento-cell__body > meta { display: none; }
-.rf-bento-cell__footer { margin-top: auto; }
-.rf-bento-cell__body img { width: 100%; height: auto; }
+.rf-bento-cell__media > :is(img, video) {
+	object-position: var(--bento-media-anchor, center);
+}
+.rf-bento-cell__media[style*="--frame-aspect"] {
+	--bento-media-aspect: var(--frame-aspect);
+}
+.rf-bento-cell__media[style*="--frame-anchor"] {
+	--bento-media-anchor: var(--frame-anchor);
+}
+.rf-bento-cell__body {
+	min-height: 0;
+}
+.rf-bento-cell__body > meta {
+	display: none;
+}
+.rf-bento-cell__footer {
+	margin-top: auto;
+}
+.rf-bento-cell__body img {
+	width: 100%;
+	height: auto;
+}
 
 /* Whole-cell link — stretched overlay; nested links stay clickable. */
-.rf-bento-cell__link { position: absolute; inset: 0; z-index: 0; }
-.rf-bento-cell a:not(.rf-bento-cell__link) { position: relative; z-index: 1; }
+.rf-bento-cell__link {
+	position: absolute;
+	inset: 0;
+	z-index: 0;
+}
+.rf-bento-cell a:not(.rf-bento-cell__link) {
+	position: relative;
+	z-index: 1;
+}
 
 /* ─── Binary collapse — single stacked column with auto rows below breakpoint. ─── */
 @container rf-bento (max-width: 640px) {
-	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""]) .rf-bento__grid { --bento-cols-effective: 1; --bento-row-track: auto; }
-	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""]) .rf-bento-cell[data-media-position="start"],
-	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""]) .rf-bento-cell[data-media-position="end"] { flex-direction: column; }
-	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""]) .rf-bento-cell[data-media-position] > .rf-bento-cell__media { flex: 0 0 auto; aspect-ratio: var(--bento-media-aspect, 16 / 9); }
-	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""]) .rf-bento-cell[data-media-position] > .rf-bento-cell__content { flex: 0 0 auto; }
+	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""]) .rf-bento__grid {
+		--bento-cols-effective: 1;
+		--bento-row-track: auto;
+	}
+	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""])
+		.rf-bento-cell[data-media-position="start"],
+	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""])
+		.rf-bento-cell[data-media-position="end"] {
+		flex-direction: column;
+	}
+	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""])
+		.rf-bento-cell[data-media-position]
+		> .rf-bento-cell__media {
+		flex: 0 0 auto;
+		aspect-ratio: var(--bento-media-aspect, 16 / 9);
+	}
+	:is(.rf-bento[data-collapse="sm"], .rf-bento[data-collapse=""])
+		.rf-bento-cell[data-media-position]
+		> .rf-bento-cell__content {
+		flex: 0 0 auto;
+	}
 }
 @container rf-bento (max-width: 768px) {
-	.rf-bento[data-collapse="md"] .rf-bento__grid { --bento-cols-effective: 1; --bento-row-track: auto; }
+	.rf-bento[data-collapse="md"] .rf-bento__grid {
+		--bento-cols-effective: 1;
+		--bento-row-track: auto;
+	}
 	.rf-bento[data-collapse="md"] .rf-bento-cell[data-media-position="start"],
-	.rf-bento[data-collapse="md"] .rf-bento-cell[data-media-position="end"] { flex-direction: column; }
-	.rf-bento[data-collapse="md"] .rf-bento-cell[data-media-position] > .rf-bento-cell__media { flex: 0 0 auto; aspect-ratio: var(--bento-media-aspect, 16 / 9); }
-	.rf-bento[data-collapse="md"] .rf-bento-cell[data-media-position] > .rf-bento-cell__content { flex: 0 0 auto; }
+	.rf-bento[data-collapse="md"] .rf-bento-cell[data-media-position="end"] {
+		flex-direction: column;
+	}
+	.rf-bento[data-collapse="md"] .rf-bento-cell[data-media-position] > .rf-bento-cell__media {
+		flex: 0 0 auto;
+		aspect-ratio: var(--bento-media-aspect, 16 / 9);
+	}
+	.rf-bento[data-collapse="md"] .rf-bento-cell[data-media-position] > .rf-bento-cell__content {
+		flex: 0 0 auto;
+	}
 }
 @container rf-bento (max-width: 1024px) {
-	.rf-bento[data-collapse="lg"] .rf-bento__grid { --bento-cols-effective: 1; --bento-row-track: auto; }
+	.rf-bento[data-collapse="lg"] .rf-bento__grid {
+		--bento-cols-effective: 1;
+		--bento-row-track: auto;
+	}
 	.rf-bento[data-collapse="lg"] .rf-bento-cell[data-media-position="start"],
-	.rf-bento[data-collapse="lg"] .rf-bento-cell[data-media-position="end"] { flex-direction: column; }
-	.rf-bento[data-collapse="lg"] .rf-bento-cell[data-media-position] > .rf-bento-cell__media { flex: 0 0 auto; aspect-ratio: var(--bento-media-aspect, 16 / 9); }
-	.rf-bento[data-collapse="lg"] .rf-bento-cell[data-media-position] > .rf-bento-cell__content { flex: 0 0 auto; }
+	.rf-bento[data-collapse="lg"] .rf-bento-cell[data-media-position="end"] {
+		flex-direction: column;
+	}
+	.rf-bento[data-collapse="lg"] .rf-bento-cell[data-media-position] > .rf-bento-cell__media {
+		flex: 0 0 auto;
+		aspect-ratio: var(--bento-media-aspect, 16 / 9);
+	}
+	.rf-bento[data-collapse="lg"] .rf-bento-cell[data-media-position] > .rf-bento-cell__content {
+		flex: 0 0 auto;
+	}
 }

package/styles/runes/bond.css

@@ -18,14 +18,14 @@
 	position: relative;
 }
 .rf-bond__arrow::after {
-	content: '';
+	content: "";
 	position: absolute;
 	right: -1px;
 	top: 50%;
 	transform: translateY(-50%);
 }
 .rf-bond[data-bidirectional="true"] .rf-bond__arrow::before {
-	content: '';
+	content: "";
 	position: absolute;
 	left: -1px;
 	top: 50%;

package/styles/runes/breadcrumb.css

@@ -2,8 +2,12 @@
  * flex trail (the ol row + each li). Type, colour, gaps, and the separator glyph
  * are skin (Lumina's styles/runes/breadcrumb.css). */
 
-.rf-breadcrumb__items { display: contents; }
-.rf-breadcrumb-item { display: contents; }
+.rf-breadcrumb__items {
+	display: contents;
+}
+.rf-breadcrumb-item {
+	display: contents;
+}
 .rf-breadcrumb ol {
 	display: flex;
 	align-items: center;

package/styles/runes/budget.css

@@ -10,7 +10,9 @@
 	justify-content: space-between;
 	align-items: center;
 }
-.rf-budget-category__line-items { list-style: none; }
+.rf-budget-category__line-items {
+	list-style: none;
+}
 .rf-budget-line-item {
 	display: flex;
 	justify-content: space-between;

package/styles/runes/card.css

@@ -17,21 +17,43 @@
 
 /* Collection grid: a stacked card becomes a column and its body grows so footers
  * drop to a common baseline across the row. */
-.rf-collection[data-layout='grid'] .rf-card[data-layout='stacked'] {
+.rf-collection[data-layout="grid"] .rf-card[data-layout="stacked"] {
 	display: flex;
 	flex-direction: column;
 	height: 100%;
 }
-.rf-collection[data-layout='grid'] .rf-card[data-layout='stacked'] > .rf-card__content { flex: 1; }
-.rf-collection[data-layout='grid'] .rf-card[data-layout='stacked'] .rf-card__content { display: flex; flex-direction: column; }
-.rf-collection[data-layout='grid'] .rf-card[data-layout='stacked'] .rf-card__body { flex: 1; }
+.rf-collection[data-layout="grid"] .rf-card[data-layout="stacked"] > .rf-card__content {
+	flex: 1;
+}
+.rf-collection[data-layout="grid"] .rf-card[data-layout="stacked"] .rf-card__content {
+	display: flex;
+	flex-direction: column;
+}
+.rf-collection[data-layout="grid"] .rf-card[data-layout="stacked"] .rf-card__body {
+	flex: 1;
+}
 
 /* Intrinsic-height scale (SPEC-089) — poster shape for cover / bg-only cards. */
-.rf-card[data-height="sm"] { min-height: 12rem; }
-.rf-card[data-height="md"] { min-height: 18rem; }
-.rf-card[data-height="lg"] { min-height: 26rem; }
-.rf-card[data-height="xl"] { min-height: 34rem; }
+.rf-card[data-height="sm"] {
+	min-height: 12rem;
+}
+.rf-card[data-height="md"] {
+	min-height: 18rem;
+}
+.rf-card[data-height="lg"] {
+	min-height: 26rem;
+}
+.rf-card[data-height="xl"] {
+	min-height: 34rem;
+}
 
 /* Whole-card stretched link; real links in body/footer sit above it. */
-.rf-card__link { position: absolute; inset: 0; z-index: 0; }
-.rf-card a:not(.rf-card__link) { position: relative; z-index: 1; }
+.rf-card__link {
+	position: absolute;
+	inset: 0;
+	z-index: 0;
+}
+.rf-card a:not(.rf-card__link) {
+	position: relative;
+	z-index: 1;
+}

package/styles/runes/cast.css

@@ -1,7 +1,9 @@
 /* cast — structure. The members list reset, grid/list arrangements, name/role
  * block display, empty-body hide, the avatar box (size/crop/display), and the list
  * variant flex. Surface chrome, type, radii, and margins are skin. */
-.rf-cast__items { list-style: none; }
+.rf-cast__items {
+	list-style: none;
+}
 .rf-cast--grid .rf-cast__items {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
@@ -16,9 +18,15 @@
 .rf-cast--carousel {
 	--rf-carousel-slide: clamp(200px, 40%, 280px);
 }
-.rf-cast-member__name { display: block; }
-.rf-cast-member__role { display: block; }
-.rf-cast-member__body:empty { display: none; }
+.rf-cast-member__name {
+	display: block;
+}
+.rf-cast-member__role {
+	display: block;
+}
+.rf-cast-member__body:empty {
+	display: none;
+}
 .rf-cast-member img {
 	width: 80px;
 	height: 80px;

package/styles/runes/changelog.css

@@ -3,7 +3,15 @@
  * inline-block badge displays. Spacing, borders, type, and colour are skin
  * (Lumina's styles/runes/changelog.css). */
 
-.rf-changelog__releases { display: contents; }
-.rf-changelog-release__body { display: contents; }
-.rf-changelog-release time { display: block; }
-.rf-changelog-release strong { display: inline-block; }
+.rf-changelog__releases {
+	display: contents;
+}
+.rf-changelog-release__body {
+	display: contents;
+}
+.rf-changelog-release time {
+	display: block;
+}
+.rf-changelog-release strong {
+	display: inline-block;
+}

package/styles/runes/character.css

@@ -1,7 +1,9 @@
 /* character — structure. The float-containment, the floated portrait box (float +
  * size + clip), the avatar fill, the sections flex column, and the section-name
  * block. Portrait margins/radius, type, borders, and list indents are skin. */
-.rf-character { display: flow-root; }
+.rf-character {
+	display: flow-root;
+}
 .rf-character__portrait {
 	float: right;
 	width: 120px;

package/styles/runes/chart.css

@@ -3,9 +3,16 @@
  * --rf-chart-* theming contract (palette + geometry values), all SVG paint, the
  * data-table chrome, and type stay skin (Lumina's styles/runes/chart.css). */
 
-.rf-chart { display: block; }
-.rf-chart__container { width: 100%; }
-.rf-chart__svg { width: 100%; height: auto; }
+.rf-chart {
+	display: block;
+}
+.rf-chart__container {
+	width: 100%;
+}
+.rf-chart__svg {
+	width: 100%;
+	height: auto;
+}
 .rf-chart__legend {
 	display: flex;
 	justify-content: center;

package/styles/runes/codegroup.css

@@ -5,14 +5,18 @@
  * (Lumina's styles/runes/codegroup.css) — the pre/code rules deliberately override
  * elements/code.css by source order, so they must stay skin. */
 
-.rf-codegroup { overflow: hidden; }
+.rf-codegroup {
+	overflow: hidden;
+}
 
 .rf-codegroup__topbar {
 	display: flex;
 	align-items: center;
 }
 
-.rf-codegroup ul { list-style: none; }
+.rf-codegroup ul {
+	list-style: none;
+}
 
 .rf-codegroup__tabs {
 	display: flex;

package/styles/runes/collection.css

@@ -10,29 +10,29 @@
 	display: flex;
 	flex-direction: column;
 }
-.rf-collection[data-layout='grid'] .rf-collection__items {
+.rf-collection[data-layout="grid"] .rf-collection__items {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
 	align-items: stretch;
 }
-.rf-collection[data-layout='grid'] .rf-collection__item {
+.rf-collection[data-layout="grid"] .rf-collection__item {
 	display: flex;
 }
-.rf-collection[data-layout='grid'] .rf-collection__item > * {
+.rf-collection[data-layout="grid"] .rf-collection__item > * {
 	flex: 1;
 	min-width: 0;
 }
-.rf-collection[data-layout='grid'] .rf-collection__items:has(.rf-collection__group),
-.rf-collection[data-layout='grid'] .rf-collection__items:has(.rf-accordion) {
+.rf-collection[data-layout="grid"] .rf-collection__items:has(.rf-collection__group),
+.rf-collection[data-layout="grid"] .rf-collection__items:has(.rf-accordion) {
 	display: flex;
 	flex-direction: column;
 }
-.rf-collection[data-layout='grid'] .rf-collection__group {
+.rf-collection[data-layout="grid"] .rf-collection__group {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
 	align-items: stretch;
 }
-.rf-collection[data-layout='grid'] .rf-collection__group-title {
+.rf-collection[data-layout="grid"] .rf-collection__group-title {
 	grid-column: 1 / -1;
 }
 .rf-collection__item {