/*
 * Chatonsky – Journal
 * Fond blanc, texte noir, mise en page de journal.
 * Toutes les règles sont limitées à body.is-journal : le reste du site n'est pas touché.
 * Deux polices : IBM Plex Sans pour les titres (600, en majuscules), dates, mots-clés et boutons (400),
 * IBM Plex Serif pour le texte courant, IBM Plex Sans Condensed pour les titres des sommaires.
 */

/* IBM Plex Sans (licence OFL, fichiers officiels d'IBM dans le dossier fonts/
   du plugin) : SemiBold 600 pour les titres, Regular 400 pour le reste. */
@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/IBMPlexSans-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IBMPlexSans-SemiBold.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Sans";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/IBMPlexSans-Italic.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Sans";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IBMPlexSans-SemiBoldItalic.woff2") format("woff2");
}

/* IBM Plex Sans Condensed : titres des sommaires (vignettes) */
@font-face {
	font-family: "IBM Plex Sans Condensed";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IBMPlexSansCondensed-SemiBold.woff2") format("woff2");
}

/* IBM Plex Serif : texte courant (vrais italiques et vrai gras) */
@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/IBMPlexSerif-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/IBMPlexSerif-Italic.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IBMPlexSerif-SemiBold.woff2") format("woff2");
}

@font-face {
	font-family: "IBM Plex Serif";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IBMPlexSerif-SemiBoldItalic.woff2") format("woff2");
}

body.is-journal {
	--j-ink: #111;
	--j-muted: #5c5c5c;
	--j-rule: #e4e4e4;
	--j-line: #808080; /* lignes de séparation : gris 50 % */
	--j-paper: #fff;
	--j-soft: #f4f4f4;

	background: var(--j-paper);
	color: var(--j-ink);
}

/* ------------------------------------------------------------------
   Base
   ------------------------------------------------------------------ */

body.is-journal .wrapper,
body.is-journal #main-wrapper .main-header,
body.is-journal #main-wrapper .page-heading,
body.is-journal .blog,
body.is-journal #main-wrapper .single-post,
body.is-journal .site-footer {
	background: var(--j-paper);
}

body.is-journal p,
body.is-journal .section-title p {
	background: transparent;
	color: var(--j-ink);
}

body.is-journal h1,
body.is-journal h2,
body.is-journal h3,
body.is-journal h4,
body.is-journal h5,
body.is-journal h6,
body.is-journal h1 a,
body.is-journal h2 a,
body.is-journal h3 a,
body.is-journal h4 a,
body.is-journal h5 a,
body.is-journal h6 a,
body.is-journal .section-title h1,
body.is-journal .section-title h1 span {
	background: transparent;
	color: var(--j-ink);
}

body.is-journal a,
body.is-journal a:focus,
body.is-journal .wrapper a:hover {
	color: var(--j-ink);
}

/* Soulignement animé de Kalium : noir au lieu du violet */
body.is-journal .wrapper a:after {
	background: var(--j-ink);
}

body.is-journal ::selection {
	background: var(--j-ink);
	color: var(--j-paper);
}

/* ------------------------------------------------------------------
   En-tête du site (logo ; le menu est masqué partout, voir chatonsky-journal.php)
   ------------------------------------------------------------------ */

body.is-journal #main-wrapper .main-header {
	border-bottom: 1px solid var(--j-rule);
}

/* Logo blanc sur noir -> noir sur blanc */
body.is-journal #main-wrapper .header-logo img.main-logo {
	filter: invert(1);
}


/* ------------------------------------------------------------------
   Archive : titre de la rubrique
   ------------------------------------------------------------------ */

body.is-journal #main-wrapper .page-heading {
	padding-top: 56px;
	padding-bottom: 0;
	margin-bottom: 0;
}

body.is-journal #main-wrapper .page-heading .page-heading__title {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 600;
	font-size: 44px;
	line-height: 1;
	margin: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	letter-spacing: .02em;
}

body.is-journal #main-wrapper .page-heading .page-heading__title a {
	text-decoration: none;
}

body.is-journal #main-wrapper .page-heading .page-heading__title a:after {
	display: none;
}

/* Une seule ligne de séparation, fine et grise, sous le titre et l'éventuelle description */
body.is-journal #main-wrapper .page-heading .page-heading__title-section {
	padding-bottom: 18px;
	border-bottom: 1px solid var(--j-line);
}

body.is-journal #main-wrapper .page-heading .page-heading__description {
	margin-top: 18px;
	padding-bottom: 0;
}

body.is-journal #main-wrapper .page-heading .page-heading__description p {
	font-family: "IBM Plex Serif", serif;
	color: var(--j-muted);
	font-size: 15px;
	line-height: 1.6;
	margin: 0;
	max-width: 620px;
}

/* ------------------------------------------------------------------
   Archive : sommaire en grille de 3 colonnes
   La grille Isotope de Kalium (positions absolues en JS) est neutralisée
   au profit d'une grille CSS, compatible avec le chargement infini.
   ------------------------------------------------------------------ */

body.is-journal .blog {
	padding-top: 0;
}

/* Sommaire : la largeur fixe de 800 px du site est levée pour que la grille
   puisse s'étendre sur les grands écrans (en-tête aligné sur la même largeur). */
body.is-journal.category #main-wrapper .main-header .container,
body.is-journal.search #main-wrapper .main-header .container,
body.is-journal.category #main-wrapper .page-heading .container,
body.is-journal.search #main-wrapper .page-heading .container,
body.is-journal.category #main-wrapper .blog .container,
body.is-journal.search #main-wrapper .blog .container {
	width: 100% !important;
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
}

/* Autant de colonnes que l'écran le permet (230 px minimum par article) :
   1 sur téléphone, 2 sur tablette, 3 à 4 sur un portable, 5 à 6 sur un grand écran. */
body.is-journal #blog-posts-main.blog-posts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
	gap: 48px 28px;
	height: auto !important;
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
}

/* Le « clearfix » de Kalium occuperait une case de la grille */
body.is-journal #blog-posts-main.blog-posts::before,
body.is-journal #blog-posts-main.blog-posts::after {
	display: none;
}

body.is-journal #blog-posts-main.blog-posts > li.post {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	float: none !important;
	width: auto !important;
	margin: 0;
	padding: 0;
}

body.is-journal #blog-posts-main .post-item {
	display: flex;
	flex-direction: column;
	margin: 0;
	background: transparent;
	box-shadow: none;
}

body.is-journal #blog-posts-main .post-thumbnail {
	margin: 0 0 14px;
}

body.is-journal #blog-posts-main .post-details {
	display: flex;
	flex-direction: column;
	padding: 0;
	background: transparent;
}

/* La date passe au-dessus du titre, comme une ligne de rubrique */
body.is-journal #blog-posts-main .post-details .post-meta {
	order: -1;
	margin: 0 0 8px;
}

body.is-journal #blog-posts-main .post-details .entry-header {
	margin: 0;
}

/* Titres en IBM Plex Sans 600, majuscules */
body.is-journal #blog-posts-main .post-title {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.28;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .02em;
}

body.is-journal #blog-posts-main .post-title a {
	color: var(--j-ink);
	text-decoration: none;
}

body.is-journal #blog-posts-main .post-title a:after {
	display: none;
}

body.is-journal #blog-posts-main .post-item:hover .post-title a {
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}

/* Vignette carrée, sans effet de survol */
/* Toutes les vignettes en carré, image recadrée, pour des lignes régulières */
body.is-journal #blog-posts-main .image-placeholder {
	position: relative;
	display: block;
	padding-bottom: 100% !important;
	overflow: hidden;
	background-color: var(--j-soft) !important;
}

body.is-journal #blog-posts-main .image-placeholder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Article sans image : vignette typographique (titre français sur fond noir) */
body.is-journal #blog-posts-main .journal-placeholder {
	position: relative;
	display: block;
	padding-bottom: 100%;
	background: var(--j-ink);
	color: var(--j-paper);
	text-decoration: none;
}

body.is-journal #blog-posts-main .journal-placeholder:after {
	display: none;
}

body.is-journal #blog-posts-main .journal-placeholder span {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.12;
	color: var(--j-paper);
	text-transform: uppercase;
	letter-spacing: .02em;
}

body.is-journal #blog-posts-main .post-item:hover .journal-placeholder {
	opacity: .85;
}

body.is-journal #blog-posts-main .post-hover {
	display: none;
}

body.is-journal #blog-posts-main .post-thumbnail img {
	transition: opacity .2s ease;
}

body.is-journal #blog-posts-main .post-item:hover .post-thumbnail img {
	opacity: .85;
}

body.is-journal #blog-posts-main .loading-posts {
	grid-column: 1 / -1;
	color: var(--j-muted);
}

/* Bouton « charger plus » */
body.is-journal #main-wrapper .pagination {
	margin-top: 48px;
	margin-bottom: 72px;
}

body.is-journal #main-wrapper .pagination a,
body.is-journal #main-wrapper .pagination span {
	color: var(--j-ink);
}

body.is-journal #main-wrapper .pagination--infinite-scroll-show-more {
	font-family: "IBM Plex Sans", sans-serif;
	display: inline-block;
	padding: 12px 28px;
	border: 1px solid var(--j-ink);
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 12px;
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
}

body.is-journal #main-wrapper .pagination--infinite-scroll-show-more:hover {
	background: var(--j-ink);
	color: var(--j-paper) !important;
}

body.is-journal #main-wrapper .pagination--infinite-scroll-show-more:after {
	display: none;
}

/* ------------------------------------------------------------------
   Métadonnées (date, rubrique) : archive et article
   ------------------------------------------------------------------ */

body.is-journal #main-wrapper .post-meta {
	font-family: "IBM Plex Sans", sans-serif;
	color: var(--j-muted);
	font-size: 12px;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: .12em;
}

body.is-journal #main-wrapper .post-meta .icon {
	display: none;
}

body.is-journal #main-wrapper .post-meta a {
	color: var(--j-muted);
	text-decoration: none;
}

body.is-journal #main-wrapper .post-meta a:hover {
	color: var(--j-ink);
}

body.is-journal #main-wrapper .post-meta a:after {
	display: none;
}

/* ------------------------------------------------------------------
   Article
   ------------------------------------------------------------------ */

body.is-journal #main-wrapper .single-post {
	padding-top: 64px;
	padding-bottom: 96px;
}

body.is-journal #main-wrapper .single-post .post-body {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	width: auto;
	padding: 0;
}

body.is-journal #main-wrapper .single-post .entry-header {
	margin: 0;
}

body.is-journal #main-wrapper .single-post .post-title {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 1.18;
	margin: 0 0 24px;
	text-transform: uppercase;
	letter-spacing: .02em;
}

body.is-journal #main-wrapper .single-post .post-meta-only {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
	margin: 0 0 40px;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--j-line);
}

body.is-journal #main-wrapper .single-post .post-meta-only .post-meta {
	margin: 0;
	padding: 0;
}

/* Lien de retour vers le sommaire */
body.is-journal #main-wrapper .single-post .journal-back {
	display: inline-block;
	margin: 0 0 28px;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--j-muted);
	text-decoration: none;
}

body.is-journal #main-wrapper .single-post .journal-back:hover {
	color: var(--j-ink);
}

body.is-journal #main-wrapper .single-post .journal-back:after {
	display: none;
}

/* Image à la une, si présente */
body.is-journal #main-wrapper .single-post .post-image {
	margin-bottom: 40px;
}

/* Corps du texte */
body.is-journal #main-wrapper .post-formatting {
	color: var(--j-ink);
}

body.is-journal #main-wrapper .post-formatting p {
	line-height: 1.7;
	margin: 0 0 1.25em;
	hyphens: auto;
	-webkit-hyphens: auto;
	overflow-wrap: break-word;
}

body.is-journal #main-wrapper .post-formatting a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	overflow-wrap: anywhere;
}

body.is-journal #main-wrapper .post-formatting a:hover {
	color: var(--j-muted);
}

body.is-journal #main-wrapper .post-formatting a:after {
	display: none;
}

body.is-journal #main-wrapper .post-formatting h2,
body.is-journal #main-wrapper .post-formatting h3,
body.is-journal #main-wrapper .post-formatting h4,
body.is-journal #main-wrapper .post-formatting h5,
body.is-journal #main-wrapper .post-formatting h6 {
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 600;
	color: var(--j-ink);
	text-transform: none;
	line-height: 1.25;
	margin: 2em 0 .7em;
}

body.is-journal #main-wrapper .post-formatting h2 { font-size: 22px; }
body.is-journal #main-wrapper .post-formatting h3 { font-size: 18px; }
body.is-journal #main-wrapper .post-formatting h4 { font-size: 16px; }
body.is-journal #main-wrapper .post-formatting h5,
body.is-journal #main-wrapper .post-formatting h6 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .1em;
}

body.is-journal #main-wrapper .post-formatting hr,
body.is-journal #main-wrapper .post-formatting .wp-block-separator {
	border: 0;
	border-top: 1px solid var(--j-ink);
	width: 64px;
	margin: 3em auto;
	opacity: 1;
	background: none;
}

body.is-journal #main-wrapper .post-formatting blockquote,
body.is-journal #main-wrapper .post-formatting .wp-block-quote {
	margin: 2em 0;
	padding: 0 0 0 24px;
	border-left: 3px solid var(--j-ink);
	background: transparent;
}

body.is-journal #main-wrapper .post-formatting blockquote p {
	font-style: italic;
}

body.is-journal #main-wrapper .post-formatting blockquote cite {
	color: var(--j-muted);
	font-size: 13px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
}

body.is-journal #main-wrapper .post-formatting ul,
body.is-journal #main-wrapper .post-formatting ol {
	color: var(--j-ink);
	margin: 0 0 1.25em;
	padding-left: 1.4em;
	line-height: 1.7;
}

body.is-journal #main-wrapper .post-formatting img {
	max-width: 100%;
	height: auto;
}

body.is-journal #main-wrapper .post-formatting figure {
	margin: 2.2em 0;
}

body.is-journal #main-wrapper .post-formatting figcaption,
body.is-journal #main-wrapper .post-formatting .wp-caption-text {
	color: var(--j-muted);
	font-size: 13px;
	line-height: 1.5;
	margin-top: 8px;
}

body.is-journal #main-wrapper .post-formatting table {
	color: var(--j-ink);
	width: 100%;
	border-collapse: collapse;
}

body.is-journal #main-wrapper .post-formatting th,
body.is-journal #main-wrapper .post-formatting td {
	border-bottom: 1px solid var(--j-rule);
	padding: 8px 10px 8px 0;
}

body.is-journal #main-wrapper .post-formatting pre,
body.is-journal #main-wrapper .post-formatting code {
	background: var(--j-soft);
	color: var(--j-ink);
}

/* Mots-clés */
body.is-journal #main-wrapper .single-post .post-tags {
	margin-top: 56px;
	padding-top: 20px;
	border-top: 1px solid var(--j-line);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.is-journal #main-wrapper .single-post .post-tags a {
	display: inline-block;
	padding: 4px 10px;
	font-family: "IBM Plex Sans", sans-serif;
	background: transparent;
	border: 1px solid var(--j-rule);
	color: var(--j-muted);
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: .04em;
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease;
}

body.is-journal #main-wrapper .single-post .post-tags a:hover {
	border-color: var(--j-ink);
	color: var(--j-ink);
}

body.is-journal #main-wrapper .single-post .post-tags a:after {
	display: none;
}

/* Navigation entre articles, articles liés, commentaires */
body.is-journal .post-navigation,
body.is-journal .post-navigation a,
body.is-journal .related-posts,
body.is-journal .post-comments,
body.is-journal .post-comments p,
body.is-journal .comment-respond,
body.is-journal .comment-respond label {
	background: transparent;
	color: var(--j-ink);
}

body.is-journal .comment-respond input[type="text"],
body.is-journal .comment-respond input[type="email"],
body.is-journal .comment-respond input[type="url"],
body.is-journal .comment-respond textarea {
	background: var(--j-paper);
	color: var(--j-ink);
	border: 0;
	border-bottom: 1px solid var(--j-ink);
}

/* ------------------------------------------------------------------
   Mobile
   ------------------------------------------------------------------ */

@media (max-width: 768px) {
	body.is-journal #main-wrapper .page-heading {
		padding-top: 32px;
	}

	body.is-journal #main-wrapper .page-heading .page-heading__title {
		font-size: 32px;
		padding-bottom: 0;
	}

	body.is-journal.category #main-wrapper .main-header .container,
	body.is-journal.search #main-wrapper .main-header .container,
	body.is-journal.category #main-wrapper .page-heading .container,
	body.is-journal.search #main-wrapper .page-heading .container,
	body.is-journal.category #main-wrapper .blog .container,
	body.is-journal.search #main-wrapper .blog .container {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.is-journal #blog-posts-main.blog-posts {
		gap: 36px 18px;
		margin-top: 28px;
	}

	body.is-journal #blog-posts-main .post-title {
		font-size: 13px;
	}

	body.is-journal #main-wrapper .single-post {
		padding-top: 32px;
		padding-bottom: 64px;
	}

	body.is-journal #main-wrapper .single-post .post-title {
		font-size: 20px;
	}

	body.is-journal #main-wrapper .post-formatting p {
		font-size: 17px;
	}
}

/* ------------------------------------------------------------------
   Liens : comportement unique — soulignés au survol, sans changement
   de couleur. Dans le texte courant, un soulignement gris discret au
   repos signale le lien ; il devient plein au survol.
   ------------------------------------------------------------------ */

body.is-journal #main-wrapper .post-meta a:hover,
body.is-journal #main-wrapper .single-post .journal-back:hover,
body.is-journal #main-wrapper .single-post .post-tags a:hover,
body.is-journal #main-wrapper .pagination--infinite-scroll-show-more:hover {
	color: var(--j-muted);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

body.is-journal #main-wrapper .single-post .post-tags a:hover {
	border-color: var(--j-rule);
}

body.is-journal #main-wrapper .pagination--infinite-scroll-show-more:hover {
	background: transparent;
	color: var(--j-ink) !important;
}

body.is-journal #main-wrapper .post-formatting a {
	text-decoration-color: var(--j-line);
}

body.is-journal #main-wrapper .post-formatting a:hover {
	color: var(--j-ink);
	text-decoration-color: currentColor;
}

/* ------------------------------------------------------------------
   Résultats de recherche : vignettes plus petites (150 px au lieu de
   230 px) pour afficher davantage de résultats par ligne
   ------------------------------------------------------------------ */

body.is-journal.search #blog-posts-main.blog-posts {
	grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr));
	gap: 36px 20px;
}

body.is-journal.search #blog-posts-main .post-title {
	font-size: 13px;
}

body.is-journal.search #blog-posts-main .journal-placeholder span {
	left: 10px;
	right: 10px;
	bottom: 10px;
	font-size: 14px;
}

@media (max-width: 768px) {
	body.is-journal.search #blog-posts-main.blog-posts {
		grid-template-columns: repeat(auto-fill, minmax(min(140px, 100%), 1fr));
		gap: 28px 14px;
	}

	body.is-journal.search #blog-posts-main .post-title {
		font-size: 12px;
	}
}

/* ------------------------------------------------------------------
   Texte courant en IBM Plex Serif (remplace Roboto Slab, qui n'était
   chargée qu'en une graisse : italiques et gras étaient simulés)
   ------------------------------------------------------------------ */

body.is-journal #main-wrapper .post-formatting,
body.is-journal #main-wrapper .post-formatting p,
body.is-journal #main-wrapper .post-formatting li,
body.is-journal #main-wrapper .post-formatting blockquote,
body.is-journal #main-wrapper .post-formatting td,
body.is-journal #main-wrapper .post-formatting th,
body.is-journal #main-wrapper .post-formatting dd,
body.is-journal #main-wrapper .post-formatting dt {
	font-family: "IBM Plex Serif", serif;
}

body.is-journal #main-wrapper .post-formatting strong,
body.is-journal #main-wrapper .post-formatting b {
	font-weight: 600;
}

/* Titres des sommaires en version étroite : plus de texte par ligne */
body.is-journal #blog-posts-main .post-title {
	font-family: "IBM Plex Sans Condensed", "IBM Plex Sans", sans-serif;
}

/* Listes : Kalium impose du blanc aux éléments de liste (invisible sur fond
   blanc) ; texte et numéros/puces reprennent la couleur du texte courant */
body.is-journal #main-wrapper .post-formatting ul li,
body.is-journal #main-wrapper .post-formatting ol li,
body.is-journal #main-wrapper .post-formatting li::marker {
	color: var(--j-ink);
}

/* Listes à la taille du texte courant (Kalium les réduit à 15 px) */
body.is-journal #main-wrapper .post-formatting ul,
body.is-journal #main-wrapper .post-formatting ol,
body.is-journal #main-wrapper .post-formatting ul li,
body.is-journal #main-wrapper .post-formatting ol li {
	font-size: 19px;
	line-height: 1.7;
}

@media (max-width: 768px) {
	body.is-journal #main-wrapper .post-formatting ul,
	body.is-journal #main-wrapper .post-formatting ol,
	body.is-journal #main-wrapper .post-formatting ul li,
	body.is-journal #main-wrapper .post-formatting ol li {
		font-size: 17px;
	}
}