/**
 * Long-form pages built without Elementor: the episode page (single-podcasts.php) and the Ajankohtaista post
 * (single-post.php). Loaded after css/runko.css and css/perus.css and before the page's own stylesheet (css/jakso.css).
 * Two widths from the design tokens: .pa-palsta is the reading column and .pa-leveys the page width.
 * Header (series line, title, lead, meta row and the share button), featured image, the text and its blocks (YouTube
 * cover of inc/ajankohtaista.php), buttons, author, listening band, previous and next, comments
 * (template-parts/kommentit.php) and the reading progress bar that js/jakso.js adds under the site header.
 */

/* Widths */
.pa-palsta,
.pa-leveys {
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--pa-gutter);
	padding-right: var(--pa-gutter);
}
.pa-palsta {
	max-width: calc(var(--pa-width-read) + 2 * var(--pa-gutter));
}
.pa-leveys {
	max-width: calc(var(--pa-width-wide) + 2 * var(--pa-gutter));
}

/* Header */
.pa-kirjoitus__alku {
	padding-top: 56px;
}
.pa-kirjoitus__ylarivi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	margin: 0;
	font-family: var(--pa-font-display);
	font-size: 16px;
	font-weight: var(--pa-weight-display);
	line-height: 1.4;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--pa-color-muted);
}
.pa-kirjoitus__ylarivi > * + *::before {
	content: "·";
	margin-right: 10px;
}
.pa-kirjoitus__ylarivi a {
	color: var(--pa-color-accent);
	text-decoration: none;
}
.pa-kirjoitus__ylarivi a:hover {
	color: #fff;
}
/* A quiet outlined pill in the series line (Kuulijan toive) */
.pa-kirjoitus__ylarivi .pa-kirjoitus__pilleri {
	padding: 2px 9px 1px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	font-size: 14px;
	color: var(--pa-color-ink);
}
.pa-kirjoitus__ylarivi .pa-kirjoitus__pilleri::before {
	content: none;
}
.pa-kirjoitus .pa-kirjoitus__otsikko {
	margin: 6px 0 0;
	font-family: var(--pa-font-display);
	font-size: clamp(44px, 7vw, 76px);
	font-weight: var(--pa-weight-display);
	line-height: .98;
	letter-spacing: .005em;
	color: #fff;
}
.pa-kirjoitus__ingressi {
	margin: 18px 0 0;
	font-size: clamp(18px, 2vw, 20px);
	line-height: 1.55;
	color: #e6e6e6;
}
.pa-kirjoitus__tiedot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin-top: 24px;
}
.pa-kirjoitus__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--pa-color-muted);
}
.pa-kirjoitus__meta > * + *::before {
	content: "·";
	margin-right: 8px;
}
.pa-kirjoitus__meta a {
	color: var(--pa-color-text);
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, .3);
	text-underline-offset: 3px;
}
.pa-kirjoitus__meta a:hover {
	color: #fff;
	text-decoration-color: currentColor;
}

/* Share button (js/jakso.js shows it) at the end of the meta row */
.pa-jaa {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 32px;
	margin: 0 0 0 auto;
	padding: 0 13px 0 11px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 999px;
	background: none;
	font-family: var(--pa-font-text);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	color: var(--pa-color-ink);
	cursor: pointer;
	transition: border-color .15s, background .15s, color .15s;
}
.pa-jaa[hidden] {
	display: none;
}
.pa-jaa:hover {
	border-color: #fff;
	background: #fff;
	color: #000;
}
.pa-jaa:focus-visible {
	outline: 2px solid var(--pa-color-accent);
	outline-offset: 3px;
}

/* Featured image */
.pa-kirjoitus__kuva {
	margin-top: 36px;
	margin-bottom: 0;
}
.pa-kirjoitus__kuva img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--pa-shape-radius);
}

/* Text */
.pa-kirjoitus__teksti p,
.pa-kirjoitus__teksti li {
	font-size: 17px;
	line-height: 1.75;
	color: var(--pa-color-text);
}
.pa-kirjoitus__teksti p {
	margin: 0 0 1.1em;
}
.pa-kirjoitus__teksti ul,
.pa-kirjoitus__teksti ol {
	margin: 0 0 1.1em;
	padding-left: 1.3em;
}
.pa-kirjoitus__teksti strong {
	color: var(--pa-color-ink);
}
.pa-kirjoitus__teksti a {
	color: var(--pa-color-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.pa-kirjoitus__teksti a:hover {
	color: #fff;
}
.pa-kirjoitus .pa-kirjoitus__teksti h2 {
	margin: 80px 0 20px;
	font-family: var(--pa-font-display);
	font-size: clamp(30px, 3.6vw, 40px);
	font-weight: var(--pa-weight-display);
	line-height: 1.08;
	letter-spacing: .005em;
	color: var(--pa-color-ink);
}
.pa-kirjoitus__teksti h2::before {
	content: "";
	display: block;
	width: 32px;
	height: 3px;
	margin-bottom: 16px;
	background: var(--pa-color-accent);
}
.pa-kirjoitus .pa-kirjoitus__teksti > h2:first-child {
	margin-top: 0;
}
.pa-kirjoitus .pa-kirjoitus__teksti h3 {
	margin: 40px 0 10px;
	font-family: var(--pa-font-display);
	font-size: 24px;
	font-weight: var(--pa-weight-display);
	line-height: 1.15;
	letter-spacing: .01em;
	color: var(--pa-color-ink);
}
.pa-kirjoitus__teksti .wp-block-image,
.pa-kirjoitus__teksti .wp-block-embed {
	margin: 32px 0;
}
.pa-kirjoitus__teksti .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--pa-shape-radius);
}
.pa-kirjoitus__teksti .wp-element-caption {
	margin: 10px 0 0;
	font-size: 14px;
	font-style: italic;
	line-height: 1.5;
	text-align: center;
	color: var(--pa-color-muted);
}
/* Quotes: real italic Open Sans */
.pa-kirjoitus__teksti .wp-block-quote {
	margin: 36px 0;
	padding: 2px 0 2px 24px;
	border-left: 2px solid var(--pa-color-accent);
}
.pa-kirjoitus__teksti .wp-block-quote p,
.pa-kirjoitus__teksti .wp-block-pullquote p {
	font-size: 19px;
	font-style: italic;
	line-height: 1.6;
	color: var(--pa-color-ink);
}
.pa-kirjoitus__teksti .wp-block-pullquote {
	margin: 48px 0;
	padding: 28px 0;
	border-top: 1px solid var(--pa-color-line);
	border-bottom: 1px solid var(--pa-color-line);
}
.pa-kirjoitus__teksti cite {
	font-size: 14px;
	font-style: normal;
	color: var(--pa-color-muted);
}
/* Tables: rows between hairlines, the header row in the heading colour; wide tables scroll sideways */
.pa-kirjoitus__teksti .wp-block-table {
	margin: 32px 0;
	overflow-x: auto;
}
.pa-kirjoitus__teksti .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.5;
}
.pa-kirjoitus__teksti .wp-block-table th,
.pa-kirjoitus__teksti .wp-block-table td {
	padding: 12px 14px 12px 0;
	border: 0;
	border-bottom: 1px solid var(--pa-color-line);
	text-align: left;
	vertical-align: top;
	color: var(--pa-color-text);
}
.pa-kirjoitus__teksti .wp-block-table thead th {
	border-bottom-color: #3a3a3a;
	font-weight: 700;
	color: var(--pa-color-ink);
}
.pa-kirjoitus__teksti .wp-block-table figcaption {
	text-align: left;
}
/* Buttons of the editor look like the theme buttons (.pa-nappi) */
.pa-kirjoitus__teksti .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 28px 0;
}
.pa-kirjoitus__teksti .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	height: 42px;
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 999px;
	background: none;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	transition: background .15s, border-color .15s, color .15s;
}
.pa-kirjoitus__teksti .wp-block-button__link:hover {
	border-color: #fff;
	background: #fff;
	color: #000;
}
/* A group with a background colour from the editor: a quiet panel without a border */
.pa-kirjoitus__teksti .wp-block-group.has-background {
	margin: 32px 0;
	padding: 20px 24px;
	border-radius: var(--pa-shape-radius);
}
.pa-kirjoitus__teksti .wp-block-group.has-background > :last-child {
	margin-bottom: 0;
}
.pa-kirjoitus__teksti .wp-block-separator {
	margin: 48px 0;
	border: 0;
	border-top: 1px solid var(--pa-color-line);
}
/* YouTube: the cover with a play button until the player is loaded (inc/ajankohtaista.php, js/jakso.js) */
.pa-video__kansi,
.pa-video iframe {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border: 0;
	border-radius: var(--pa-shape-radius);
	background: #000;
}
.pa-video__kansi img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pa-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	padding-left: 4px; /* the triangle looks centred */
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 50%;
	background: rgba(0, 0, 0, .55);
	color: #fff;
	transform: translate(-50%, -50%);
	transition: background .15s, border-color .15s, color .15s;
}
.pa-video__kansi:hover .pa-video__play {
	border-color: #fff;
	background: #fff;
	color: #000;
}
.pa-video__kansi:focus-visible {
	outline: 2px solid var(--pa-color-accent);
	outline-offset: 3px;
}

/* Ajankohtaista post (single-post.php): the text right after the image, the author after a hairline */
.pa-ajankohtainen .pa-kirjoitus__teksti {
	padding-top: 40px;
}
/* No Spotify badge on the posts: the share button at the right end of the meta row, at the left when it wraps */
.pa-ajankohtainen .pa-kirjoitus__tiedot {
	justify-content: space-between;
}
.pa-ajankohtainen .pa-kirjoitus__tiedot .pa-jaa {
	margin-left: 0;
}
.pa-ajankohtainen__tekija {
	margin-top: 48px;
}
.pa-ajankohtainen__tekija .pa-tekija {
	display: flex;
	margin-top: 0;
	padding-top: 28px;
	border-top: 1px solid var(--pa-color-line);
}

/* Author: round photo, name and role, links to the host page */
.pa-tekija {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-top: 28px;
	text-decoration: none;
	color: var(--pa-color-muted);
}
.pa-tekija__kuva {
	flex: none;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #333;
	object-fit: cover;
}
.pa-tekija__teksti {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 13px;
	line-height: 1.4;
}
.pa-tekija__nimi {
	font-family: var(--pa-font-display);
	font-size: 20px;
	font-weight: var(--pa-weight-display);
	letter-spacing: .01em;
	line-height: 1.1;
	color: var(--pa-color-ink);
	transition: color .15s;
}
.pa-tekija:hover .pa-tekija__nimi {
	color: var(--pa-color-accent);
}
.pa-tekija:focus-visible {
	outline: 2px solid var(--pa-color-accent);
	outline-offset: 4px;
}

/* Buttons: outlined pills, the Spotify one with a green edge */
.pa-nappi {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 999px;
	background: none;
	font-family: var(--pa-font-text);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s;
}
.pa-nappi:hover {
	border-color: #fff;
	background: #fff;
	color: #000;
}
.pa-nappi:focus-visible {
	outline: 2px solid var(--pa-color-accent);
	outline-offset: 3px;
}
.pa-nappi--spotify {
	padding-left: 12px;
	border-color: var(--pa-color-spotify);
}
.pa-nappi--spotify:hover {
	border-color: var(--pa-color-spotify);
	background: var(--pa-color-spotify);
}
/* The Spotify logo turns black with green stripes on the green hover background */
.pa-nappi--spotify:hover circle {
	fill: #000;
}
.pa-nappi--spotify:hover g {
	stroke: var(--pa-color-spotify);
}
.pa-nappi--valkoinen {
	border-color: #fff;
	background: #fff;
	color: #000;
}
.pa-nappi--valkoinen:hover {
	border-color: var(--pa-color-accent);
	background: var(--pa-color-accent);
}
.pa-nappi--nuoli::after {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--pa-icon-arrow) center / contain no-repeat;
	mask: var(--pa-icon-arrow) center / contain no-repeat;
}

/* Listening band (episodes and posts): a full-width section on the lighter surface. A subtle Spotify-green glow behind the button and a
   green fade on the top edge, like the listening bar of mu-plugins/pa-spotify-bar.php. --pa-hehku-x follows the
   button in the reading column. */
.pa-jakso__kuuntele {
	--pa-hehku-x: max(80px, calc(50% - var(--pa-width-read) / 2 + 90px));
	position: relative;
	margin-top: 80px;
	padding: 48px 0;
	border-bottom: 1px solid var(--pa-color-line);
	background:
		radial-gradient(520px 150% at var(--pa-hehku-x) 100%, color-mix(in srgb, var(--pa-color-spotify) 18%, transparent) 0%, transparent 70%),
		var(--pa-color-surface);
}
.pa-jakso__kuuntele::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--pa-color-line) 0%, var(--pa-color-spotify) var(--pa-hehku-x), color-mix(in srgb, var(--pa-color-spotify) 30%, var(--pa-color-line)) calc(var(--pa-hehku-x) + 320px), var(--pa-color-line) calc(var(--pa-hehku-x) + 640px));
	pointer-events: none;
}
.site-main .pa-jakso__kuuntele-otsikko {
	margin: 0;
	font-family: var(--pa-font-display);
	font-size: 32px;
	font-weight: var(--pa-weight-display);
	line-height: 1.1;
	color: var(--pa-color-ink);
}
.pa-jakso__kuuntele p {
	margin: 10px 0 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--pa-color-text);
}
.pa-jakso__kuuntele strong {
	color: var(--pa-color-ink);
}
.pa-jakso__kuuntele .pa-jakso__napit {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

/* Previous and next episode (older and newer post): two columns side by side, the next one always on the right */
.pa-jakso__selaus {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
	margin-top: 56px;
}
.pa-jakso__selaus-linkki {
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-decoration: none;
	color: var(--pa-color-ink);
}
.pa-jakso__selaus-linkki--next {
	grid-column: 2;
	align-items: flex-end;
	text-align: right;
}
.pa-jakso__selaus-nimio {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--pa-color-muted);
}
.pa-jakso__selaus-linkki--prev .pa-jakso__selaus-nimio::before,
.pa-jakso__selaus-linkki--next .pa-jakso__selaus-nimio::after {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--pa-icon-arrow) center / contain no-repeat;
	mask: var(--pa-icon-arrow) center / contain no-repeat;
}
.pa-jakso__selaus-linkki--prev .pa-jakso__selaus-nimio::before {
	transform: rotate(180deg);
}
.pa-jakso__selaus-otsikko {
	font-family: var(--pa-font-display);
	font-size: 24px;
	font-weight: var(--pa-weight-display);
	line-height: 1.15;
	transition: color .15s;
}
.pa-jakso__selaus-linkki:hover .pa-jakso__selaus-otsikko {
	color: var(--pa-color-accent);
}
.pa-jakso__selaus-linkki:focus-visible {
	outline: 2px solid var(--pa-color-accent);
	outline-offset: 4px;
}

/* Comments: an open list between hairlines, replies indented on a line */
.pa-kommentit {
	margin-top: 80px;
	padding-bottom: 96px;
}
.pa-kommentit .pa-kommentit__otsikko {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 12px;
	font-family: var(--pa-font-display);
	font-size: 32px;
	font-weight: var(--pa-weight-display);
	line-height: 1.1;
	color: var(--pa-color-ink);
}
.pa-kommentit__maara {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	padding: 0 9px;
	border-radius: 999px;
	background: var(--pa-color-surface-2);
	font-family: var(--pa-font-text);
	font-size: 14px;
	font-weight: 700;
	color: var(--pa-color-text);
}
.pa-kommentit__lista,
.pa-kommentit .children {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pa-kommentit__lista > .pa-kommentti {
	border-top: 1px solid var(--pa-color-line);
}
.pa-kommentit .children {
	margin: 0 0 20px 4px;
	padding-left: 20px;
	border-left: 2px solid var(--pa-color-line);
}
.pa-kommentti__runko {
	padding: 20px 0;
}
.pa-kommentit .children .pa-kommentti__runko {
	padding: 8px 0 12px;
}
.pa-kommentti__tekija {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 10px;
	margin: 0 0 6px;
	font-size: 15px;
	line-height: 1.4;
	color: var(--pa-color-ink);
}
.pa-kommentti__merkki {
	padding: 1px 8px;
	border: 1px solid var(--pa-color-accent);
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--pa-color-accent);
}
.pa-kommentti__aika {
	font-size: 13px;
	text-decoration: none;
	color: var(--pa-color-muted);
}
.pa-kommentti__aika:hover {
	color: #fff;
}
.pa-kommentti__odottaa {
	margin: 0 0 6px;
	font-size: 13px;
	font-style: italic;
	color: var(--pa-color-tape);
}
.pa-kommentti__teksti p {
	margin: 0 0 .8em;
	font-size: 16px;
	line-height: 1.65;
	color: var(--pa-color-text);
	overflow-wrap: break-word;
}
.pa-kommentti__teksti > :last-child {
	margin-bottom: 0;
}
.pa-kommentti__teksti a {
	text-underline-offset: 3px;
	color: var(--pa-color-accent);
}
.pa-kommentti__teksti a:hover {
	color: #fff;
}
.pa-kommentti__vastaa {
	margin: 8px 0 0;
}
.pa-kommentti__vastaa a {
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	color: var(--pa-color-muted);
}
.pa-kommentti__vastaa a:hover {
	color: #fff;
}

/* Comment form */
.pa-kommentit .comment-respond {
	margin-top: 12px;
	padding-top: 28px;
	border-top: 1px solid var(--pa-color-line);
}
.pa-kommentit .children .comment-respond {
	padding-top: 16px;
}
.pa-kommentit .pa-kommentit__lomake-otsikko {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 14px;
	margin: 0 0 6px;
	font-family: var(--pa-font-display);
	font-size: 24px;
	font-weight: var(--pa-weight-display);
	line-height: 1.15;
	color: var(--pa-color-ink);
}
.pa-kommentit #cancel-comment-reply-link {
	font-family: var(--pa-font-text);
	font-size: 13px;
	font-weight: 700;
	color: var(--pa-color-muted);
}
.pa-kommentit__ohje,
.pa-kommentit .logged-in-as {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--pa-color-muted);
}
.pa-kommentit .logged-in-as a {
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, .3);
	text-underline-offset: 3px;
	color: var(--pa-color-text);
}
.pa-kommentit .logged-in-as a:hover {
	text-decoration-color: currentColor;
	color: #fff;
}
.pa-kommentit .comment-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 16px;
}
.pa-kommentit .comment-form > * {
	grid-column: 1 / -1;
	margin: 0 0 16px;
}
.pa-kommentit .comment-form > .comment-form-author,
.pa-kommentit .comment-form > .comment-form-email {
	grid-column: auto;
}
.pa-kommentit .comment-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 700;
	color: var(--pa-color-ink);
}
.pa-kommentit .comment-form input[type="text"],
.pa-kommentit .comment-form input[type="email"],
.pa-kommentit .comment-form textarea {
	display: block;
	width: 100%;
	padding: 11px 14px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 8px;
	background: var(--pa-color-surface);
	font-family: var(--pa-font-text);
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}
.pa-kommentit .comment-form textarea {
	height: 140px;
	resize: vertical;
}
.pa-kommentit .comment-form input:focus,
.pa-kommentit .comment-form textarea:focus {
	border-color: #fff;
	outline: none;
}
.pa-kommentit .comment-form input:focus-visible,
.pa-kommentit .comment-form textarea:focus-visible {
	outline: 2px solid var(--pa-color-accent);
	outline-offset: 2px;
}
.pa-kommentit .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.pa-kommentit .comment-form-cookies-consent label {
	margin: 0;
	font-weight: 400;
	color: var(--pa-color-text);
}
.pa-kommentit .required {
	color: var(--pa-color-accent);
}
.pa-kommentit .form-submit {
	margin-bottom: 0;
}

/* Reading progress under the sticky site header */
.pa-edistyminen {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: var(--pa-color-accent);
	transform: scaleX(0);
	transform-origin: 0 50%;
	pointer-events: none;
}

@media (max-width: 600px) {
	.pa-kirjoitus__alku {
		padding-top: 32px;
	}
	.pa-kirjoitus__ingressi {
		margin-top: 14px;
		font-size: 17px;
	}
	/* The share button on the row of the Spotify badge, the meta row below them */
	.pa-kirjoitus__tiedot {
		gap: 12px;
		margin-top: 20px;
	}
	.pa-kirjoitus__tiedot .pa-jaa {
		order: 1;
	}
	.pa-kirjoitus__meta {
		flex-basis: 100%;
		order: 2;
	}
	/* Posts: the share button beside the meta row when it fits, otherwise below it */
	.pa-ajankohtainen .pa-kirjoitus__meta {
		flex: 0 1 auto;
		order: 0;
	}
	.pa-ajankohtainen .pa-kirjoitus__tiedot .pa-jaa {
		order: 0;
	}
	.pa-kirjoitus__kuva {
		margin-top: 28px;
	}
	.pa-kirjoitus .pa-kirjoitus__teksti h2 {
		margin-top: 64px;
	}
	.pa-jakso__kuuntele {
		margin-top: 64px;
		padding: 36px 0;
	}
	.pa-jakso__selaus {
		gap: 20px;
	}
	.pa-jakso__selaus-nimio {
		font-size: 12px;
	}
	.pa-jakso__selaus-otsikko {
		font-size: 20px;
	}
	.pa-kommentit .comment-form > .comment-form-author,
	.pa-kommentit .comment-form > .comment-form-email {
		grid-column: 1 / -1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pa-jaa,
	.pa-nappi,
	.pa-tekija__nimi,
	.pa-jakso__selaus-otsikko,
	.pa-kirjoitus__teksti .wp-block-button__link,
	.pa-video__play {
		transition: none;
	}
}