/*
site.css — paolasubacchi.com

Originally a merged WordPress "Twenty Twelve" stylesheet (theme CSS + Jetpack
layout-grid + block-editor output + self-hosted Open Sans). De-WordPressed and
trimmed: dead rules removed, legacy-browser fallbacks dropped, the palette moved
to custom properties, and the six copy-pasted per-page commentary-table blocks
collapsed into one. Loaded once by every page via a single <link>.
*/

/* ==========================================================================
   1.0 Design tokens
   ========================================================================== */

:root {
	--ink: #1B2A4A;         /* headings, nav, site title */
	--seal: #B23A2E;        /* links */
	--seal-dark: #7A281F;   /* link hover */
	--slate: #5B6472;       /* secondary text, sources */
	--text: #2A3648;        /* body copy */
	--rule: #e6e6e6;        /* list hairlines */
	--hairline: #ededed;    /* borders, table rules */
	--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;
}


/* ==========================================================================
   2.0 Open Sans @font-face (Latin + Latin-Extended subsets, woff2)
   ========================================================================== */

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	font-display: fallback;
	src: url('fonts/open-sans/open-sans-latin-ext-400-italic.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	font-display: fallback;
	src: url('fonts/open-sans/open-sans-latin-400-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: url('fonts/open-sans/open-sans-latin-ext-400-normal.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: url('fonts/open-sans/open-sans-latin-400-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	font-display: fallback;
	src: url('fonts/open-sans/open-sans-latin-ext-700-italic.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	font-display: fallback;
	src: url('fonts/open-sans/open-sans-latin-700-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: url('fonts/open-sans/open-sans-latin-ext-700-normal.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: url('fonts/open-sans/open-sans-latin-700-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ==========================================================================
   3.0 Reset (Twenty Twelve)
   ========================================================================== */

html, body, div, span, object, iframe,
h1, h2, h3, p, blockquote, pre,
a, abbr, address, cite, code, del, em, img, ins, q, small, strong, sub, sup, u,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, figcaption, footer, header, hgroup, nav, time,
audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, figcaption, figure, footer, header, hgroup, nav {
	display: block;
}

html {
	overflow-y: scroll;
	font-size: 87.5%;
	-webkit-text-size-adjust: 100%;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

h1, h2, h3 {
	clear: both;
}

a:focus {
	outline: thin dotted;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

small { font-size: smaller; }

img { border: 0; }


/* ==========================================================================
   4.0 Base elements & typography
   ========================================================================== */

body {
	font-size: 1rem;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 1.714;
	text-rendering: optimizeLegibility;
	color: var(--text);
	background-color: #fff;
}

a {
	outline: none;
	color: var(--seal);
}

a:hover {
	color: var(--seal-dark);
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 1.714rem;
}

del { color: #333; }

ins {
	background: #fff9c0;
	text-decoration: none;
}

/* Accessible hidden text */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.main-navigation .assistive-text:focus {
	clip-path: none;
	position: absolute;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 12px;
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	color: #000;
	font-size: 12px;
	z-index: 100000;
}

/* Forms & buttons */
button, input, select, textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 0.429rem;
}

button, input { line-height: normal; }

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	padding: 0.429rem 0.714rem;
	font-size: 0.786rem;
	line-height: 1.429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	color: var(--ink);
	background-color: #ebebeb;
	background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
}

.menu-toggle:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: var(--slate);
	background-color: #e1e1e1;
	background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}

/* Media */
.entry-content img,
.widget img {
	max-width: 100%;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

iframe,
object,
video {
	max-width: 100%;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
	clear: both;
	margin-top: 0.857rem;
	margin-bottom: 0.857rem;
}


/* ==========================================================================
   5.0 Layout
   ========================================================================== */

.site {
	padding: 0 1.714rem;
	background-color: #fff;
}

.site-content {
	margin: 1.714rem 0 0;
}

/* Header */
.site-header {
	position: relative;
	padding: 1.714rem 0 0.75rem;
	border-bottom: 2px solid var(--ink);
}

.site-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	height: 1px;
	background: #A98B4E;
}

.site-header h1,
.site-header h2 {
	text-align: left;
}

.site-header h1 a,
.site-header h2 a {
	color: var(--ink);
	display: inline-block;
	text-decoration: none;
}

.site-header h1 a:hover,
.site-header h2 a:hover {
	color: var(--seal);
}

.site-header h1 {
	font-family: var(--serif);
	font-size: 2rem;
	line-height: 1.286;
	margin-bottom: 1rem;
}

.site-header h2 {
	font-weight: normal;
	font-size: 0.929rem;
	line-height: 1.846;
	letter-spacing: 0.02em;
	color: var(--slate);
}

/* Primary navigation */
.main-navigation {
	margin-top: 1.714rem;
	text-align: left;
}

.main-navigation li {
	margin-top: 1.714rem;
	font-size: 0.857rem;
	line-height: 1.429;
}

.main-navigation a {
	color: var(--ink);
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: var(--seal);
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}

.menu-toggle {
	display: inline-block;
}

/* Content */
.entry-header {
	margin-bottom: 1.714rem;
}

.entry-header .entry-title {
	font-family: var(--serif);
	font-size: 1.429rem;
	line-height: 1.2;
	font-weight: normal;
	color: var(--ink);
}

.entry-header .entry-title a {
	color: var(--ink);
	text-decoration: none;
}

.entry-meta {
	clear: both;
}

.entry-meta a {
	color: var(--slate);
}

.entry-meta a:hover {
	color: var(--seal);
}

.entry-content {
	line-height: 1.714;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 1.714rem 0;
	line-height: 1.714;
	font-family: var(--serif);
	color: var(--ink);
}

.entry-content h1 { font-size: 1.5rem;   line-height: 1.5; }
.entry-content h2 { font-size: 1.286rem; line-height: 1.6; }
/* Book titles on books.html: h3 for a sane heading outline, sized to match the
   old (single-h1-per-page-violating) h1 they used to be. */
.entry-content h3.wp-block-heading.has-text-align-center { font-size: 1.5rem; line-height: 1.5; }
.entry-content h3 { font-size: 1.143rem; line-height: 1.846; }
.entry-content h4 { font-size: 1rem;     line-height: 1.846; }
.entry-content h5 { font-size: 0.929rem; line-height: 1.846; }
.entry-content h6 { font-size: 0.857rem; line-height: 1.846; }

.entry-content p {
	margin: 0 0 1.714rem;
	line-height: 1.714;
}

.entry-content a:visited {
	color: #9f9f9f;
}

.entry-content ol,
.entry-content ul {
	margin: 0 0 1.714rem;
	line-height: 1.714;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 0;
}

.entry-content ul { list-style: disc outside; }
.entry-content ol { list-style: decimal outside; }

.entry-content li {
	margin: 0 0 0 2.571rem;
}

.entry-content th {
	font-size: 0.786rem;
	line-height: 2.182;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--seal);
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 1.714rem;
}

/* Article & post meta */
.site-content article {
	border-bottom: 4px double var(--hairline);
	margin-bottom: 5.143rem;
	padding-bottom: 1.714rem;
	word-wrap: break-word;
	hyphens: auto;
}

footer.entry-meta {
	margin-top: 1.714rem;
	font-size: 0.929rem;
	line-height: 1.846;
	color: var(--slate);
}

.single-author .entry-meta .by-author {
	display: none;
}

/* Post-to-post navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

.nav-previous {
	float: left;
	width: 50%;
}

.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* Front page */
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}


/* ==========================================================================
   6.0 Responsive
   ========================================================================== */

@media screen and (min-width: 600px) {
	.site {
		margin: 0 auto;
		max-width: 68.571rem;
		overflow: hidden;
	}

	.site-header h1 {
		font-size: 1.857rem;
		line-height: 1.846;
		margin-bottom: 0;
	}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-top: 1px solid #d8d3c4;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}

	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}

	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}

	.main-navigation li a {
		border-bottom: 0;
		color: var(--ink);
		letter-spacing: 0.06em;
		line-height: 2.6;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: var(--seal);
	}

	.main-navigation li {
		margin: 0 2.857rem 0 0;
		position: relative;
	}

	.main-navigation .menu-item-linkedin {
		float: right;
		margin: 0;
	}

	.main-navigation .menu-item-linkedin a {
		display: inline-block;
	}

	.main-navigation .menu-item-linkedin svg {
		display: block;
		width: 32px;
		height: 32px;
	}

	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_item > a {
		color: var(--seal);
		font-weight: bold;
	}

	.menu-toggle {
		display: none;
	}

	.entry-header .entry-title {
		font-size: 1.571rem;
	}

	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
}

@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}

	body .site {
		padding: 0 2.857rem;
		margin-top: 3.429rem;
		margin-bottom: 3.429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
}

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] ";
	}

	a {
		text-decoration: none;
	}

	.entry-content img {
		border-radius: 0;
		box-shadow: none;
	}

	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}

	.site-header {
		margin-bottom: 5.143rem;
		text-align: left;
	}

	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}

	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}

	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}

	.site-content nav,
	.main-navigation {
		display: none;
	}

	.site-content {
		margin: 0;
		width: auto;
	}

	.entry-header .entry-title,
	.entry-title {
		font-size: 21pt;
	}

	footer.entry-meta,
	footer.entry-meta a {
		color: var(--text);
		font-size: 10pt;
	}
}


/* ==========================================================================
   7.0 Block-editor output (only the blocks the site actually uses)
   ========================================================================== */

[class^="wp-block-"] figcaption,
.wp-block-image figcaption {
	color: #757575;
	font-size: 0.857rem;
	line-height: 2;
	font-style: italic;
	text-align: left;
}

.wp-block-image figcaption {
	padding-top: 0.75em;
}

.has-text-align-center { text-align: center; }
.has-text-align-left   { text-align: left; }
.has-text-align-right  { text-align: right; }

.has-blue-color,
.entry-content .has-blue-color,
.entry-content .has-blue-color:visited {
	color: #21759b !important;
}

/* Images */
figure { margin: 0 0 1em; }

.wp-block-image figure:not(.aligncenter) {
	line-height: 0;
	margin: 0 1.714rem;
}

.wp-block-image figure { margin: 0; }

.wp-block-image > a,
.wp-block-image > figure > a {
	display: inline-block;
}

.wp-block-image img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

.wp-block-image.aligncenter {
	text-align: center;
}

/* Columns (books.html, media.html, speaking.html) */
body .is-layout-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
}

.is-layout-flex > :is(*, div) { margin: 0; }

.wp-block-columns {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap !important;
	align-items: normal !important;
	margin-bottom: 1.75em;
}

.wp-block-columns.is-layout-flex { gap: 2em; }

.wp-block-column {
	flex-grow: 1;
	min-width: 0;
	overflow-wrap: break-word;
	word-break: break-word;
}

.wp-container-core-columns-is-layout-8f761849 { flex-wrap: nowrap; }

@media (min-width: 782px) {
	.wp-block-columns { flex-wrap: nowrap !important; }
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 0;
		flex-grow: 1;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
		flex-grow: 0;
	}
}

@media (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}

.wp-block-group { box-sizing: border-box; }

/* Responsive video embeds (speaking.html) */
.wp-block-embed { overflow-wrap: break-word; }
.wp-block-embed iframe { max-width: 100%; }
.wp-block-embed__wrapper { position: relative; }

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
	content: "";
	display: block;
	padding-top: 50%;
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
	padding-top: 56.25%;
}

/* Separator (one notes post) */
.wp-block-separator {
	border: none;
	border-top: 2px solid;
}

/* File / PDF blocks (notes posts) */
.wp-block-file {
	box-sizing: border-box;
	margin-bottom: 1.5em;
}

.wp-block-file:not(.wp-element-button) { font-size: 0.8em; }
.wp-block-file.aligncenter { text-align: center; }
.wp-block-file__embed { margin-bottom: 1em; }
.wp-block-file * + .wp-block-file__button { margin-left: 0.75em; }

.wp-block-file__button {
	display: inline-block;
	background: #e6e6e6;
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	color: var(--slate);
	font-size: 0.786rem;
	line-height: 1.429;
	padding: 0.429rem 0.714rem;
	text-decoration: none;
}

.wp-block-file__button:hover,
.wp-block-file__button:focus {
	background: #ebebeb;
	color: var(--ink);
}


/* ==========================================================================
   8.0 Components
   ========================================================================== */

/* Two-column pair (home intro, books). Replaces the Jetpack layout-grid.
   Base: stacked. Above 600px: 50/50 (books). .pair.intro instead gives the
   copy a capped reading measure with the portrait tucked to its right. */
.pair {
	display: grid;
	gap: 2rem;
}

@media (min-width: 600px) {
	.pair {
		grid-template-columns: 1fr 1fr;
	}

	.pair.intro {
		grid-template-columns: minmax(0, 50rem) max-content;
		justify-content: start;
		align-items: start;
		column-gap: 3rem;
	}
}

/* Commentary / publication list — shared by index, papers, media, writing,
   speaking and notes. One block: #commentary-table is a per-page-unique id.
   index.html uses bare <a class="source|headline"> children; the others wrap
   them in <span class="source|headline">. Both are handled here.
   speaking.html adds .source-wide for its long free-text venue column. */
#commentary-table {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 0.9em;
	align-items: start;
}

#commentary-table.source-wide {
	grid-template-columns: minmax(12em, 18em) 1fr;
}

/* speaking.html sources are long free-text venue descriptions, not short
   outlet names — let them wrap inside the capped column instead of running
   under the headline (the base .source rule below sets white-space: nowrap,
   which is only safe with the default max-content column). */
#commentary-table.source-wide .source,
#commentary-table.source-wide .source a {
	white-space: normal;
	overflow-wrap: break-word;
	hyphens: auto;
}

#commentary-table li { display: contents; }

#commentary-table li > * { padding: 0.2em 0; }

#commentary-table li:not(:first-child) > * {
	border-top: 1px solid var(--rule);
}

#commentary-table .source,
#commentary-table .source a {
	white-space: nowrap;
	font-family: var(--serif);
	font-size: 0.78em;
	font-weight: normal;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--slate);
	text-decoration: none;
}

#commentary-table a.source:hover,
#commentary-table .source a:hover {
	color: var(--ink);
}

#commentary-table .headline,
#commentary-table .headline a {
	color: var(--seal);
	text-decoration: none;
}

#commentary-table a.headline:hover,
#commentary-table .headline a:hover {
	color: var(--seal-dark);
	text-decoration: underline;
}

#commentary-table li > .year-group {
	grid-column: 1 / -1;
	border-top: none;
	padding-top: 0.3em;
	margin-top: 1.4em;
	font-family: var(--serif);
	font-weight: 700;
	font-size: 0.95em;
	color: var(--ink);
}

#commentary-table li:first-child > .year-group {
	margin-top: 0;
}

/* .meta inline within a headline (papers) */
#commentary-table .meta {
	font-family: var(--serif);
	font-size: 0.85em;
	color: var(--slate);
}

/* .meta on its own row (media, writing) */
#commentary-table li > .meta {
	grid-column: 2;
	border-top: none;
	padding-top: 0;
	margin-top: -0.15em;
	font-size: 0.72em;
}

@media screen and (max-width: 600px) {
	#commentary-table,
	#commentary-table.source-wide {
		grid-template-columns: 1fr;
	}
	#commentary-table .source {
		white-space: normal;
		padding-bottom: 0.15em;
	}
	#commentary-table .headline {
		border-top: none;
		padding-top: 0;
	}
}

/* "Recent commentary" heading (index.html) */
#recently {
	font-weight: 700;
	font-size: 1.3em;
	letter-spacing: 0.02em;
	border-top: 2px solid var(--ink);
	padding-top: 0.6em;
	margin-top: 2.5em;
}

/* Book covers sit a little further apart (books.html) */
body.page-id-120 .wp-block-image {
	margin-bottom: 1.5em;
}