/* ==========================================================================
   Portal Orla Editorial — base, header, cartões, botões, footer, modo noturno
   ========================================================================== */

:root {
	--poe-primary: #f26a21;
	--poe-blue: #255c87;
	--poe-text: #111111;
	--poe-bg: #ffffff;
	--poe-surface: #f5f5f5;
	--poe-border: #e3e3e3;
	--poe-link: var(--poe-blue);
	--poe-muted: #5b6068;
	--poe-container: 1140px;
	--poe-gutter: 20px;
	--poe-radius: 4px;
	--poe-font: "Roboto", "Helvetica Neue", Arial, system-ui, -apple-system, "Segoe UI", sans-serif;
	--poe-header-z: 1000;
}

:root[data-theme="dark"] {
	--poe-bg: #121316;
	--poe-surface: #1b1d21;
	--poe-text: #ececec;
	--poe-border: #2d3036;
	--poe-link: color-mix(in srgb, var(--poe-blue) 40%, #ffffff);
	--poe-muted: #a6abb3;
	color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
html.poe-lock, html.poe-lock body { overflow: hidden; }

body {
	margin: 0;
	background: var(--poe-bg);
	color: var(--poe-text);
	font-family: var(--poe-font);
	font-size: 16px;
	line-height: 1.5;
	overflow-x: clip;
	-webkit-font-smoothing: antialiased;
}

img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
a { color: var(--poe-link); }
h1, h2, h3, h4 { line-height: 1.2; }
ul, ol { padding-left: 1.25em; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }

:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--poe-primary) 75%, #000);
	outline-offset: 2px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0; border: 0;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
	white-space: nowrap;
}
.skip-link.screen-reader-text:focus {
	position: fixed !important;
	top: 8px; left: 8px; z-index: 100000;
	width: auto; height: auto; margin: 0; padding: 12px 18px;
	clip: auto; clip-path: none; overflow: visible;
	background: #fff; color: #000; border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

.poe-container {
	width: 100%;
	max-width: calc(var(--poe-container) + 2 * var(--poe-gutter));
	margin-inline: auto;
	padding-inline: var(--poe-gutter);
}
.poe-main { display: block; outline: 0; min-width: 0; }

/* Zonas (fundos cinza levemente mais largas que o conteúdo) */
.poe-zone { max-width: 1300px; margin-inline: auto; padding-block: 22px; }
.poe-zone--surface { background: var(--poe-surface); }
.poe-module { margin-block: 24px; }
.poe-module.poe-zone { margin-block: 24px; }

/* ---------- Barra de seção ---------- */
.poe-bar {
	margin: 0 0 16px;
	padding: 6px 12px;
	background: var(--bar, var(--accent, var(--poe-primary)));
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .05em;
	text-transform: uppercase;
	border-radius: 3px;
}

/* ---------- Botões ---------- */
.poe-more { margin-top: 22px; }
.poe-btn-outline {
	display: block;
	width: 100%;
	padding: 10px 16px;
	border: 1px solid var(--btn, var(--accent, var(--poe-primary)));
	border-radius: 999px;
	background: transparent;
	color: var(--btn, var(--accent, var(--poe-primary)));
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .05em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .15s, color .15s;
}
.poe-btn-outline:hover, .poe-btn-outline:focus-visible {
	background: var(--btn, var(--accent, var(--poe-primary)));
	color: #fff;
}
.poe-btn-primary,
.poe-comments .submit {
	display: inline-block;
	padding: 12px 28px;
	border: 0;
	border-radius: 999px;
	background: var(--poe-primary);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	transition: background-color .15s;
}
.poe-btn-primary:hover, .poe-comments .submit:hover { background: color-mix(in srgb, var(--poe-primary) 85%, #000); }

.poe-iconbtn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; padding: 0;
	border: 0; background: transparent; color: var(--poe-text);
	border-radius: 50%;
}
.poe-iconbtn:hover { background: rgba(0, 0, 0, .06); }
.poe-iconbtn .poe-icon { width: 24px; height: 24px; }

/* ---------- Topbar ---------- */
.poe-topbar { background: var(--poe-primary); color: #fff; }
.poe-topbar--slim { height: 8px; }
.poe-topbar__in {
	display: flex; align-items: center; justify-content: space-between;
	gap: 12px; min-height: 46px; padding-block: 6px;
}
.poe-apps { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.poe-pill {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 12px;
	background: #fff; color: #222;
	border-radius: 999px;
	font-size: 10px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; text-decoration: none;
}
.poe-pill .poe-icon { width: 16px; height: 16px; }
.poe-radio {
	display: inline-flex; align-items: center; gap: 8px;
	margin-left: auto; padding: 5px 6px 5px 12px;
	background: #fff; color: #222; border-radius: 8px;
	font-size: 11px; font-weight: 600; max-width: 100%;
}
.poe-radio .poe-icon { width: 16px; height: 16px; flex: none; }
.poe-radio__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.poe-radio__btn {
	padding: 5px 12px; border: 0; border-radius: 6px;
	background: var(--poe-primary); color: #fff;
	font-size: 11px; font-weight: 700; text-decoration: none; white-space: nowrap;
}
.poe-radio__btn:hover { background: color-mix(in srgb, var(--poe-primary) 85%, #000); }

/* ---------- Header ---------- */
.poe-header { position: relative; z-index: 30; background: var(--poe-bg); }
.poe-header--sticky { position: sticky; top: 0; z-index: var(--poe-header-z); }
.admin-bar .poe-header--sticky { top: 32px; }
.poe-header.is-stuck { box-shadow: 0 2px 10px rgba(0, 0, 0, .12); }

.poe-masthead { background: var(--poe-surface); }
.poe-masthead__in {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 48px;
	grid-template-areas: "burger logo toggle" "search search search";
	align-items: center;
	column-gap: 0;
	min-height: 56px;
}
.poe-burger { grid-area: burger; justify-self: start; margin-left: -8px; }
.poe-masthead__logo { grid-area: logo; justify-self: center; min-width: 0; max-width: 100%; text-align: center; }
.poe-searchtoggle { grid-area: toggle; justify-self: end; margin-right: -8px; }
.poe-masthead__search { grid-area: search; display: none; padding-bottom: 12px; }
.poe-header.poe-search-open .poe-masthead__search { display: block; }
.poe-masthead__actions { display: none; }

.poe-logo { display: inline-flex; align-items: center; max-width: 100%; color: var(--poe-text); text-decoration: none; }
.poe-logo__img { display: block; width: auto; height: auto; max-height: 40px; max-width: 100%; }
.poe-logo__img--dark { display: none; }
.poe-logo__text { font-size: 22px; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; color: var(--poe-blue); overflow-wrap: anywhere; }
:root[data-theme="dark"] .poe-logo__text { color: var(--poe-link); }
:root[data-theme="dark"] .poe-logo__img--dark { display: block; }
:root[data-theme="dark"] .poe-logo:has(.poe-logo__img--dark) .poe-logo__img:not(.poe-logo__img--dark) { display: none; }
.poe-logo__img--mob { display: block; }
.poe-logo__img--desk { display: none; }
.poe-logo--footer .poe-logo__img { max-height: 48px; }

.poe-searchform { position: relative; display: block; }
.poe-searchform__input {
	width: 100%; height: 42px; padding: 0 48px 0 18px;
	border: 1px solid var(--poe-border); border-radius: 999px;
	background: var(--poe-bg); color: var(--poe-text);
	font-size: 14px;
	-webkit-appearance: none; appearance: none;
}
.poe-searchform__input::placeholder { color: var(--poe-muted); opacity: 1; }
.poe-searchform__input:focus { border-color: var(--poe-primary); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--poe-primary) 25%, transparent); }
.poe-searchform__btn {
	position: absolute; top: 0; right: 4px; width: 42px; height: 42px;
	border: 0; background: transparent; color: var(--poe-primary); border-radius: 50%;
}

.poe-btn-edition {
	display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px;
	border: 1px solid var(--poe-primary); border-radius: 999px;
	background: var(--poe-bg); color: var(--poe-primary);
	font-size: 13px; font-weight: 500; text-decoration: none; white-space: nowrap;
}
.poe-btn-edition .poe-icon { width: 16px; height: 16px; }
.poe-btn-edition:hover { background: var(--poe-primary); color: #fff; }

/* ---------- Navegação: gaveta (mobile) ---------- */
.poe-nav {
	position: fixed; top: 0; left: 0; bottom: 0; z-index: 1100;
	display: flex; flex-direction: column;
	width: min(320px, 86vw);
	background: var(--poe-bg);
	overflow-y: auto; overscroll-behavior: contain;
	transform: translateX(-104%); visibility: hidden;
	transition: transform .25s ease, visibility 0s linear .25s;
	box-shadow: 4px 0 24px rgba(0, 0, 0, .25);
}
.admin-bar .poe-nav { top: 46px; }
.poe-nav-open .poe-nav { transform: none; visibility: visible; transition: transform .25s ease; }
.poe-nav-open .poe-header { z-index: 1200; }
.poe-overlay {
	position: fixed; inset: 0; z-index: 1150;
	background: rgba(0, 0, 0, .55);
	opacity: 0; transition: opacity .25s;
}
.poe-overlay.is-visible { opacity: 1; }

.poe-nav__head { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px 6px 20px; border-bottom: 1px solid var(--poe-border); }
.poe-nav__title { font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: 12px; color: var(--poe-muted); }
.poe-nav__in { padding-inline: 0; flex: 1 1 auto; }
.poe-nav__foot { display: grid; gap: 12px; padding: 16px 20px 24px; border-top: 1px solid var(--poe-border); }
.poe-nav__foot .poe-btn-edition { justify-content: center; }
.poe-nav__foot .poe-darktoggle { justify-self: start; }
.poe-apps--drawer { flex-direction: column; align-items: flex-start; }
.poe-apps--drawer .poe-pill { background: var(--poe-surface); }

.poe-menu { margin: 0; padding: 0; list-style: none; }
.poe-menu li { position: relative; margin: 0; }
.poe-menu > li { border-bottom: 1px solid var(--poe-border); }
.poe-menu a {
	display: block; padding: 14px 20px;
	color: var(--poe-text); font-size: 15px; font-weight: 500; text-decoration: none;
}
.poe-menu li.has-sub { display: flex; flex-wrap: wrap; align-items: stretch; }
.poe-menu li.has-sub > a { flex: 1 1 0; min-width: 0; }
.poe-submenu-toggle {
	flex: none; width: 48px; border: 0; background: transparent; color: var(--poe-text);
	display: inline-flex; align-items: center; justify-content: center;
}
.poe-submenu-toggle .poe-icon { width: 16px; height: 16px; transition: transform .15s; }
.is-open > .poe-submenu-toggle .poe-icon { transform: rotate(180deg); }
.poe-menu .sub-menu { display: none; flex-basis: 100%; margin: 0; padding: 0 0 8px; list-style: none; background: var(--poe-surface); }
.poe-menu li.is-open > .sub-menu { display: block; }
.poe-menu .sub-menu a { padding: 10px 20px 10px 36px; font-size: 14px; font-weight: 400; }
.poe-menu .sub-menu .sub-menu a { padding-left: 52px; }
.poe-menu a[aria-current="page"],
.poe-menu .current-menu-item > a,
.poe-menu .current-menu-ancestor > a { color: var(--poe-primary); font-weight: 700; }

/* ---------- Navegação: barra (desktop) ---------- */
@media (min-width: 1024px) {
	.poe-masthead__in {
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas: "logo search actions";
		column-gap: 28px;
		min-height: 76px;
		padding-block: 12px;
	}
	.poe-burger, .poe-searchtoggle { display: none; }
	.poe-masthead__logo { justify-self: start; text-align: left; }
	.poe-masthead__search { display: block; padding: 0; max-width: 640px; width: 100%; justify-self: center; }
	.poe-masthead__actions { display: flex; align-items: center; gap: 10px; grid-area: actions; }
	.poe-logo__img { max-height: 54px; }
	.poe-logo__img--mob { display: none; }
	.poe-logo__img--desk { display: block; }
	.poe-header.poe-search-open .poe-masthead__search { display: block; }

	.poe-nav {
		position: static; z-index: auto; display: block; width: auto;
		background: var(--poe-bg); overflow: visible;
		transform: none; visibility: visible; transition: none; box-shadow: none;
		border-bottom: 1px solid var(--poe-border);
	}
	.admin-bar .poe-nav { top: auto; }
	.poe-nav__head, .poe-nav__foot { display: none; }
	.poe-nav__in { padding-inline: var(--poe-gutter); }
	.poe-menu { display: flex; flex-wrap: wrap; justify-content: center; }
	.poe-menu > li { border-bottom: 0; }
	.poe-menu > li > a { padding: 16px 22px; font-size: 14px; position: relative; }
	.poe-menu > li > a::after {
		content: ""; position: absolute; left: 22px; right: 22px; bottom: 8px; height: 2px;
		background: var(--poe-primary); transform: scaleX(0); transition: transform .15s;
	}
	.poe-menu > li:hover > a::after,
	.poe-menu > li.current-menu-item > a::after,
	.poe-menu > li.current-menu-ancestor > a::after,
	.poe-menu > li > a[aria-current="page"]::after { transform: scaleX(1); }
	.poe-menu li.has-sub { flex-wrap: nowrap; }
	.poe-menu li.has-sub > a { flex: 0 1 auto; padding-right: 4px; }
	.poe-menu li.has-sub > a::after { right: 4px; }
	.poe-submenu-toggle { width: 22px; margin-left: -4px; margin-right: 6px; }
	.poe-submenu-toggle .poe-icon { width: 12px; height: 12px; }
	.poe-menu .sub-menu {
		position: absolute; top: 100%; left: 0; z-index: 60;
		min-width: 230px; padding: 8px 0;
		background: var(--poe-bg); border-radius: 4px;
		box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
	}
	.poe-menu li.has-sub:hover > .sub-menu,
	.poe-menu li.has-sub:focus-within > .sub-menu,
	.poe-menu li.has-sub.is-open > .sub-menu { display: block; }
	.poe-menu .sub-menu a { padding: 9px 18px; font-size: 13px; }
	.poe-menu .sub-menu .sub-menu { top: 0; left: 100%; }
	.poe-menu .sub-menu li.has-sub { flex-wrap: nowrap; }
	.poe-menu .sub-menu li.has-sub > a { flex: 1 1 auto; }
	.poe-overlay { display: none; }
}

@media (max-width: 1023.98px) {
	.poe-topbar__in { justify-content: center; }
	.poe-topbar .poe-apps { display: none; }
	.poe-radio { margin-inline: auto; }
	.poe-darktoggle { display: inline-flex; }
}
@media (max-width: 782px) {
	.admin-bar .poe-header--sticky { top: 46px; }
}

/* ---------- Cartões ---------- */
.poe-card { position: relative; margin: 0; min-width: 0; }
.poe-card__link { display: block; color: inherit; text-decoration: none; }
.poe-card__media { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 10; background: #dcdde0; border-radius: var(--poe-radius); }
.poe-img { display: block; }
.poe-card__media .poe-img,
.poe-article__media .poe-img--ph {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.poe-img--ph { background: #e4e5e8 url(../images/placeholder.svg) center / 44px no-repeat; }
:root[data-theme="dark"] .poe-img--ph { background-color: #26282d; }
.poe-card__body { display: block; }
.poe-card__title {
	margin: 0; color: var(--poe-link);
	font-size: 15px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere;
}
.poe-card__link:hover .poe-card__title,
.poe-card__link:focus-visible .poe-card__title { text-decoration: underline; }
.poe-card__excerpt { display: block; margin-top: 6px; color: var(--poe-muted); font-size: 13px; line-height: 1.45; }
.poe-card__sub { display: block; margin-top: 4px; color: var(--poe-muted); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.poe-cat-label {
	display: inline-block; margin-bottom: 4px;
	color: var(--poe-text); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; text-decoration: none;
}
.poe-cat-label--link:hover { color: var(--poe-primary); }

/* stack */
.poe-card--stack .poe-card__body { padding-top: 8px; }
.poe-card--stack .poe-card__title { font-size: 14px; }

/* overlay */
.poe-card--overlay .poe-card__link { position: relative; display: grid; overflow: hidden; border-radius: var(--poe-radius); }
.poe-card--overlay .poe-card__media,
.poe-card--overlay .poe-card__shade,
.poe-card--overlay .poe-card__body { grid-area: 1 / 1; }
.poe-card--overlay .poe-card__media { border-radius: 0; min-height: 190px; }
.poe-card--overlay .poe-card__shade { z-index: 1; background: linear-gradient(to top, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .55) 40%, rgba(0, 0, 0, 0) 75%); }
.poe-card--overlay .poe-card__body { position: relative; z-index: 2; align-self: end; padding: 18px 18px 16px; color: #fff; }
.poe-card--overlay .poe-card__title { color: #fff; font-size: 20px; line-height: 1.22; text-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.poe-card--overlay .poe-cat-label { padding: 2px 7px; background: var(--poe-primary); color: #fff; border-radius: 2px; margin-bottom: 8px; }
.poe-card--overlay .poe-card__excerpt { color: rgba(255, 255, 255, .88); }
.poe-card--dark .poe-card__title { font-size: 22px; }

/* mini */
.poe-card--mini .poe-card__link { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; align-items: start; }
.poe-card--mini .poe-card__media { aspect-ratio: 4 / 3; }
.poe-card--mini .poe-card__title { font-size: 13px; }

/* list */
.poe-card--list { padding: 11px 0; border-bottom: 1px solid var(--poe-border); }
.poe-card--list:last-of-type { border-bottom: 0; }
.poe-card--list .poe-card__title { font-size: 13px; }
.poe-card--accent .poe-card__title { color: var(--accent, var(--poe-primary)); }

/* vídeo */
.poe-card__play {
	position: absolute; right: 10px; bottom: 10px; z-index: 2;
	display: inline-flex; align-items: center; justify-content: center;
	width: 38px; height: 38px; border-radius: 50%;
	background: rgba(0, 0, 0, .65); color: #fff;
}
.poe-card__play .poe-icon { width: 18px; height: 18px; margin-left: 2px; }
.poe-card--video .poe-card__body { padding-top: 8px; }
.poe-card--video .poe-card__title { font-size: 13px; }
.poe-card--feature .poe-card__title { font-size: 17px; }

/* capas */
.poe-cover { margin: 0; }
.poe-cover__link { display: block; color: inherit; text-decoration: none; }
.poe-cover__media {
	position: relative; display: block; overflow: hidden; aspect-ratio: 420 / 580;
	background: #dcdde0; border-radius: 3px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
	transition: transform .2s;
}
.poe-cover__media .poe-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.poe-cover__link:hover .poe-cover__media { transform: translateY(-3px); }
.poe-cover__caption { display: grid; gap: 2px; margin-top: 10px; text-align: center; font-size: 12px; }
.poe-cover__title { font-weight: 700; color: var(--poe-text); }
.poe-cover__date { color: var(--poe-muted); }
.poe-covers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }

/* avatar */
.poe-avatar { display: block; width: 72px; height: 72px; margin-inline: auto; overflow: hidden; border-radius: 50%; background: var(--poe-border); }
.poe-avatar__img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.poe-avatar--lg { width: 96px; height: 96px; margin: 0; flex: none; }

/* ---------- Publicidade ---------- */
.poe-ad-wrap { margin-block: 20px; }
.poe-ad { display: flex; justify-content: center; max-width: 100%; overflow: hidden; }
.poe-ad a { display: block; max-width: 100%; }
.poe-ad img { display: block; max-width: 100%; height: auto; }
.poe-ad__code { max-width: 100%; overflow: hidden; }
.poe-ad__code iframe { max-width: 100%; }

/* ---------- Paginação ---------- */
.pagination { margin: 28px 0 8px; }
.pagination .nav-links, ul.page-numbers {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
	gap: 8px; margin: 0; padding: 0; list-style: none;
}
a.page-numbers, span.page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 34px; height: 34px; padding: 0 6px;
	border-radius: 999px; color: var(--poe-text);
	font-size: 13px; text-decoration: none;
}
a.page-numbers:hover { background: var(--poe-surface); }
span.page-numbers.current { background: var(--poe-primary); color: #fff; font-weight: 700; }
a.page-numbers.prev, a.page-numbers.next { padding: 0 12px; color: var(--poe-muted); gap: 4px; }
span.page-numbers.dots { min-width: 0; }

.poe-empty { padding: 24px 0; color: var(--poe-muted); }
.poe-empty__search { max-width: 520px; margin-top: 12px; }

/* ---------- Footer ---------- */
.poe-footer { margin-top: 32px; }
.poe-footer__band { background: var(--poe-primary); color: #fff; }
.poe-footer__band-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-block: 26px; }
.poe-footer__menu { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.poe-footer__menu a { color: #fff; font-size: 13px; text-decoration: none; }
.poe-footer__menu a:hover { text-decoration: underline; }
.poe-social { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 0 auto; padding: 0; list-style: none; }
.poe-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #fff; border-radius: 50%; }
.poe-social a:hover { background: rgba(255, 255, 255, .2); }
.poe-social .poe-icon { width: 18px; height: 18px; }
.poe-footer__base { background: var(--poe-bg); }
.poe-footer__base-in { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: center; justify-items: center; padding-block: 24px; text-align: center; }
.poe-footer__copy, .poe-footer__credit { margin: 0; font-size: 12px; color: var(--poe-text); }
.poe-footer__credit a { color: var(--poe-link); }
.poe-footer__base-in > :only-child { grid-column: 1 / -1; }

@media (min-width: 640px) {
	.poe-covers { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
	.poe-covers { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
	.poe-footer__base-in { grid-template-columns: 1fr 1fr 1fr; text-align: left; justify-items: stretch; }
	.poe-footer__copy { text-align: center; }
	.poe-footer__credit { text-align: right; }
	.poe-footer__logo { justify-self: start; }
}

@media (max-width: 480px) {
	:root { --poe-gutter: 16px; }
	.poe-card--overlay .poe-card__title { font-size: 18px; }
	.poe-card--mini .poe-card__link { grid-template-columns: 88px minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}