/* ==========================================================================
   Aviagame — the long-form layout (structure/article.php): pages, posts and
   the selectable "Text Page" template.

   Two columns on a wide screen: head and copy on the left, a sticky contents
   rail on the right. Below the breakpoint the rail drops between the head and
   the copy, where it still works as a jump menu.

   STATE: structure only — the old visual layer is gone. The accordion, the
   contents card and the rich-text rules live in main.css, shared with the
   landing template.
   ========================================================================== */

.aviagame-entry { padding-block: 32px 64px; }

/* One column. The contents used to sit in a sticky rail beside the copy; it is
   now a block at the top of the article, so there is nothing to reserve space
   for and the measure can be wider. */
.aviagame-entry__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		'head'
		'main'
		'sign';
	align-items: start;
	row-gap: 32px;
}

.aviagame-entry__head { grid-area: head; }
.aviagame-entry__main { grid-area: main; }
.aviagame-entry .aviagame-author { grid-area: sign; }

.aviagame-entry__head > * + * { margin-top: 16px; }

.aviagame-entry__kicker {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aviagame-entry__term {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid var(--aviagame-line);
	border-radius: 999px;
	font-size: 13px;
}

.aviagame-entry__title {
	margin: 0;
	font-size: clamp(28px, 4.4vw, 46px);
	line-height: 1.15;
}

.aviagame-entry__lead { color: var(--aviagame-ink-2); font-size: 18px; }

/* --- The metadata chips under the title ---------------------------------- */

.aviagame-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 24px;
	padding-block: 16px;
	border-block: 1px solid var(--aviagame-line);
}

.aviagame-fact {
	display: flex;
	align-items: center;
	gap: 10px;
}

.aviagame-fact__icon {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--aviagame-panel);
}

.aviagame-fact__icon svg { width: 18px; height: 18px; }

.aviagame-fact__icon--face {
	overflow: hidden;
	background: var(--aviagame-panel);
}

.aviagame-fact__icon--face img { width: 100%; height: 100%; object-fit: cover; }

.aviagame-fact__body { display: flex; flex-direction: column; }
.aviagame-fact__key { font-size: 12px; color: var(--aviagame-muted); }
.aviagame-fact__val { font-size: 14px; }

.aviagame-fact__pulse {
	flex: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: currentColor;
}

/* --- Cover image ---------------------------------------------------------- */

.aviagame-entry__cover { margin: 0; }

.aviagame-entry__cover-img {
	width: 100%;
	height: auto;
	border-radius: var(--aviagame-radius-lg);
}

.aviagame-entry__cover-caption {
	margin-top: 8px;
	font-size: 13px;
	color: var(--aviagame-muted);
}

/* --- Body ----------------------------------------------------------------- */

.aviagame-entry__main > .aviagame-toc { margin-bottom: 32px; }

/* No side rail any more — the contents block sits at the top of the article, so
   the text has the whole column. The cap is only there to keep a line from
   running past a comfortable measure on a wide screen. */
.aviagame-entry__body { max-width: 1000px; }

/* The FAQ that closes an article sits inside the body, so it needs the gap the
   rich-text flow would otherwise give it. */
.aviagame-entry__body .aviagame-faq { margin-top: 40px; }

/* --- Author page (author.php) --------------------------------------------- */

.aviagame-author-page { padding-block: 32px 64px; }

.aviagame-author-page__head {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.aviagame-author-page__avatar {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 50%;
	background: var(--aviagame-panel);
}

.aviagame-author-page__avatar img { width: 100%; height: 100%; object-fit: cover; }

.aviagame-author-page__intro > * + * { margin-top: 8px; }

.aviagame-author-page__eyebrow {
	font-size: 13px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--aviagame-muted);
}

.aviagame-author-page__name { margin: 0; font-size: clamp(26px, 4vw, 40px); }
.aviagame-author-page__role { color: var(--aviagame-muted); }

.aviagame-author-page__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.aviagame-author-page__bio { max-width: 780px; margin-bottom: 40px; }

.aviagame-author-page__list-title { margin-bottom: 20px; font-size: clamp(22px, 3vw, 30px); }

.aviagame-author-page__empty { color: var(--aviagame-muted); }

/* --- Responsive ----------------------------------------------------------- */

@media (max-width: 1023px) {
}

@media (max-width: 767px) {
	.aviagame-entry { padding-block: 24px 48px; }
	.aviagame-facts { gap: 12px 16px; }
	.aviagame-author-page__avatar { width: 88px; height: 88px; }
}