/*
Theme Name:   WikiPress Child
Theme URI:    https://example.com/wikipress-child
Description:  Child theme for WikiPress. Use this to safely customize styles, templates, and functions without editing the parent theme, so your changes survive WikiPress updates. Activate this theme instead of WikiPress and add your customizations here.
Author:       Phytosanitary
Author URI:   https://example.com
Template:     wikipress
Version:      1.1.1
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  wikipress-child
Tags:         blog, news, education, two-columns, left-sidebar, right-sidebar, custom-colors, custom-logo, custom-menu, translation-ready

WikiPress Child Theme, (C) 2026.
Distributed under the terms of the GNU GPL v2 or later.
This is a child theme of WikiPress (Template: wikipress).
*/

/* ============================================================
   WikiPress Child Theme - Custom Styles
   ------------------------------------------------------------
   Add your CSS overrides below. This file loads AFTER the
   parent theme's stylesheet (assets/css/main.css), so anything
   you write here wins over the parent without needing !important.

   The parent exposes reusable CSS custom properties on :root.
   The cleanest way to re-brand is to override those variables.
   Common ones (see parent assets/css/main.css for the full set):

     --wikipress-primary        Link / accent color        (#0645ad)
     --wikipress-primary-hover  Link hover color           (#043a7a)
     --wikipress-text           Body text color            (#202122)
     --wikipress-heading        Heading color              (#000000)
     --wikipress-bg             Page background            (#ffffff)
     --wikipress-bg-off         Off-white background       (#f8f9fa)
     --wikipress-border         Border color               (#a2a9b1)
     --wikipress-font-content   Article font stack         (Georgia serif)
     --wikipress-font-ui        UI font stack              (system sans)
     --wikipress-font-size      Base font size             (16px)
     --wikipress-content-max    Article max width          (780px)
   ============================================================ */

/* ---- Example: re-brand the accent color -------------------
   Uncomment and change the values to match your palette.

:root {
	--wikipress-primary: #2e7d32;
	--wikipress-primary-hover: #1b5e20;
}
------------------------------------------------------------ */

/* ---- Example: tweak article typography --------------------

:root {
	--wikipress-font-content: "Merriweather", Georgia, serif;
	--wikipress-font-size: 17px;
}
------------------------------------------------------------ */

/* ---- Add your custom rules below this line ---------------- */

/* ============================================================
   1812 History Homepage
   ============================================================ */

:root {
	--history-navy: #0a2532;
	--history-navy-deep: #061a24;
	--history-ink: #162329;
	--history-cream: #f6f0e4;
	--history-paper: #fbf8f1;
	--history-copper: #b98752;
	--history-red: #9e352f;
	--history-muted: #637076;
	--history-line: #ddd6c7;
	--history-serif: Georgia, "Times New Roman", Times, serif;
	--history-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--wikipress-primary: #8f302b;
	--wikipress-primary-hover: #6f211e;
	--wikipress-heading: #132127;
}

.wikipress-homepage {
	background: var(--history-paper);
	color: var(--history-ink);
}

.wikipress-homepage .site,
.wikipress-homepage .homepage-main {
	background: var(--history-paper);
	max-width: none;
}

.wikipress-homepage .content-wrapper {
	display: block;
	max-width: none;
}

.wikipress-homepage .homepage-main {
	font-family: var(--history-ui);
	overflow: hidden;
	padding: 0;
}

.wikipress-homepage .site-header {
	background: rgba(251, 248, 241, 0.94);
	border-bottom: 1px solid rgba(29, 48, 55, 0.12);
	box-shadow: 0 8px 30px rgba(2, 20, 28, 0.06);
}

.wikipress-homepage .site-header::before {
	background: linear-gradient(90deg, var(--history-red) 0 33%, var(--history-cream) 33% 66%, var(--history-navy) 66%);
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.wikipress-homepage .header-inner {
	max-width: 1240px;
	min-height: 78px;
	padding: 13px 30px 10px;
}

.wikipress-homepage .site-title {
	font-family: var(--history-serif);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.wikipress-homepage .site-title a {
	color: var(--history-navy);
}

.wikipress-homepage .site-description {
	color: #727b7d;
	font-family: var(--history-ui);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wikipress-homepage .primary-menu {
	justify-content: center;
}

.wikipress-homepage .primary-menu a {
	color: #25363c;
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.015em;
	padding: 9px 11px;
}

.wikipress-homepage .primary-menu a::after {
	background: var(--history-red);
}

.wikipress-homepage .search-toggle {
	border-color: #cfc8ba;
	border-radius: 50%;
	color: var(--history-navy);
	height: 40px;
	padding: 0;
	width: 40px;
}

.history-home h1,
.history-home h2,
.history-home h3 {
	border: 0;
	color: inherit;
	margin: 0;
	padding: 0;
}

.history-home svg {
	fill: none;
	height: 1.2em;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.6;
	width: 1.2em;
}

.history-container {
	margin: 0 auto;
	max-width: 1240px;
	width: calc(100% - 60px);
}

.history-hero {
	background: var(--history-navy-deep);
	color: #fff;
	isolation: isolate;
	min-height: 700px;
	overflow: hidden;
	position: relative;
}

.history-hero-image,
.history-hero-shade {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.history-hero-image {
	object-fit: cover;
	object-position: center center;
	z-index: 0;
}

.history-hero-shade {
	background:
		linear-gradient(90deg, rgba(5, 23, 33, 0.96) 0%, rgba(5, 23, 33, 0.84) 36%, rgba(5, 23, 33, 0.28) 70%, rgba(5, 23, 33, 0.12) 100%),
		linear-gradient(0deg, rgba(5, 23, 33, 0.55), transparent 48%);
	z-index: 1;
}

.history-hero::after {
	border: 1px solid rgba(255, 255, 255, 0.15);
	content: "";
	inset: 28px;
	pointer-events: none;
	position: absolute;
}

.history-hero-inner {
	display: flex;
	min-height: 700px;
	position: relative;
	z-index: 2;
}

.history-hero-copy {
	align-self: center;
	max-width: 720px;
	min-width: 0;
	padding: 86px 0 74px;
	width: 100%;
}

.history-eyebrow,
.history-kicker {
	align-items: center;
	display: flex;
	font-size: 0.72rem;
	font-weight: 800;
	gap: 10px;
	letter-spacing: 0.16em;
	line-height: 1.4;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.history-eyebrow {
	color: #e5c395;
}

.history-eyebrow span {
	background: var(--history-copper);
	height: 1px;
	width: 34px;
}

.history-hero h1 {
	color: #fff;
	font-family: var(--history-serif);
	font-size: clamp(3.8rem, 6.4vw, 6.7rem);
	font-weight: 400;
	letter-spacing: -0.055em;
	line-height: 0.91;
	text-wrap: balance;
}

.history-hero h1 em {
	color: #e5c395;
	font-weight: 400;
}

.history-hero-lede {
	color: #d8e0df;
	font-family: var(--history-serif);
	font-size: 1.22rem;
	line-height: 1.72;
	margin: 30px 0 0;
	max-width: 590px;
}

.history-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 34px;
}

.history-button {
	align-items: center;
	border: 1px solid transparent;
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: 800;
	gap: 12px;
	justify-content: center;
	letter-spacing: 0.08em;
	min-height: 52px;
	padding: 0 23px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.history-button:hover,
.history-button:focus {
	text-decoration: none;
	transform: translateY(-2px);
}

.history-button-primary {
	background: #f2e1c3;
	color: var(--history-navy);
}

.history-button-primary:hover,
.history-button-primary:focus {
	background: #fff0d4;
	color: var(--history-navy);
}

.history-button-ghost {
	border-color: rgba(255, 255, 255, 0.38);
	color: #fff;
}

.history-button-ghost:hover,
.history-button-ghost:focus {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.65);
	color: #fff;
}

.history-search {
	align-items: center;
	backdrop-filter: blur(12px);
	background: rgba(7, 32, 43, 0.76);
	border: 1px solid rgba(255, 255, 255, 0.24);
	display: flex;
	margin-top: 42px;
	max-width: 650px;
	padding: 7px;
}

.history-search-icon {
	color: #e5c395;
	display: inline-flex;
	margin-left: 12px;
}

.history-search input {
	background: transparent;
	border: 0;
	color: #fff;
	flex: 1;
	font-family: var(--history-ui);
	font-size: 0.94rem;
	min-height: 44px;
	min-width: 0;
	padding: 0 14px;
}

.history-search input::placeholder {
	color: #b9c4c6;
}

.history-search input:focus {
	outline: 1px dotted #e5c395;
	outline-offset: -5px;
}

.history-search button {
	background: var(--history-red);
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: var(--history-ui);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	min-height: 44px;
	padding: 0 20px;
	text-transform: uppercase;
}

.history-search button:hover,
.history-search button:focus {
	background: #b4433d;
}

.history-art-note {
	bottom: 44px;
	color: rgba(255, 255, 255, 0.65);
	font-size: 0.65rem;
	letter-spacing: 0.08em;
	margin: 0;
	position: absolute;
	right: 18px;
	text-transform: uppercase;
	writing-mode: vertical-rl;
}

.history-index-strip {
	background: var(--history-navy);
	color: #fff;
}

.history-index-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.history-index-grid > div {
	align-items: center;
	border-left: 1px solid rgba(255, 255, 255, 0.13);
	display: flex;
	gap: 14px;
	min-height: 92px;
	padding: 17px 28px;
}

.history-index-grid > div:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.13);
}

.history-index-grid strong {
	color: #e7c596;
	font-family: var(--history-serif);
	font-size: 1.55rem;
	font-weight: 400;
	white-space: nowrap;
}

.history-index-grid span {
	color: #b6c0c3;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	line-height: 1.4;
	text-transform: uppercase;
}

.history-section {
	padding: 104px 0;
}

.history-section-heading {
	align-items: flex-end;
	display: flex;
	gap: 40px;
	justify-content: space-between;
	margin-bottom: 46px;
}

.history-section-heading .history-kicker,
.history-people-copy .history-kicker,
.history-research-card .history-kicker {
	color: var(--history-red);
	margin-bottom: 14px;
}

.history-section-heading h2,
.history-people-copy h2,
.history-sources-heading h2,
.history-research-card h2 {
	color: var(--history-navy);
	font-family: var(--history-serif);
	font-size: clamp(2.35rem, 4vw, 3.75rem);
	font-weight: 400;
	letter-spacing: -0.04em;
	line-height: 1.02;
}

.history-section-heading > p {
	color: var(--history-muted);
	font-family: var(--history-serif);
	font-size: 1rem;
	font-style: italic;
	margin: 0 0 5px;
	max-width: 330px;
	text-align: right;
}

.history-essential-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.history-essential-card {
	background: rgba(255, 255, 255, 0.42);
	border-bottom: 1px solid var(--history-line);
	border-left: 1px solid var(--history-line);
	border-top: 1px solid var(--history-line);
	color: var(--history-ink);
	display: flex;
	flex-direction: column;
	min-height: 365px;
	padding: 25px 25px 28px;
	position: relative;
	text-decoration: none;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.history-essential-card:last-child {
	border-right: 1px solid var(--history-line);
}

.history-essential-card:hover,
.history-essential-card:focus {
	background: var(--history-navy);
	color: #fff;
	text-decoration: none;
	transform: translateY(-6px);
	z-index: 1;
}

.history-card-number {
	color: #9a9690;
	font-family: var(--history-serif);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
}

.history-card-icon {
	align-items: center;
	border: 1px solid #d4c8b7;
	color: var(--history-red);
	display: flex;
	height: 48px;
	justify-content: center;
	margin: 45px 0 23px;
	width: 48px;
}

.history-essential-card:hover .history-card-icon,
.history-essential-card:focus .history-card-icon {
	border-color: rgba(255, 255, 255, 0.26);
	color: #e7c596;
}

.history-essential-card h3 {
	font-family: var(--history-serif);
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.18;
}

.history-essential-card p {
	color: var(--history-muted);
	font-size: 0.86rem;
	line-height: 1.65;
	margin: 13px 0 24px;
}

.history-essential-card:hover p,
.history-essential-card:focus p {
	color: #bec9ca;
}

.history-card-link {
	align-items: center;
	color: var(--history-red);
	display: flex;
	font-size: 0.7rem;
	font-weight: 800;
	gap: 9px;
	letter-spacing: 0.08em;
	margin-top: auto;
	text-transform: uppercase;
}

.history-essential-card:hover .history-card-link,
.history-essential-card:focus .history-card-link {
	color: #e7c596;
}

.history-timeline {
	background: var(--history-navy-deep);
	color: #fff;
	overflow: hidden;
	position: relative;
}

.history-timeline::before {
	background-image: radial-gradient(rgba(255, 255, 255, 0.09) 0.7px, transparent 0.7px);
	background-size: 8px 8px;
	content: "";
	inset: 0;
	opacity: 0.22;
	position: absolute;
}

.history-timeline .history-container {
	position: relative;
}

.history-section-heading-light h2,
.history-section-heading-light > p {
	color: #fff;
}

.history-section-heading-light .history-kicker {
	color: #e7c596;
}

.history-timeline-track {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	position: relative;
}

.history-timeline-track::before {
	background: linear-gradient(90deg, var(--history-copper), rgba(185, 135, 82, 0.28));
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 7px;
}

.history-year {
	color: #fff;
	display: flex;
	flex-direction: column;
	min-height: 250px;
	padding: 0 22px 0 0;
	position: relative;
	text-decoration: none;
}

.history-year + .history-year {
	border-left: 1px solid rgba(255, 255, 255, 0.11);
	padding-left: 22px;
}

.history-year:hover,
.history-year:focus {
	color: #fff;
	text-decoration: none;
}

.history-year-dot {
	background: var(--history-navy-deep);
	border: 2px solid var(--history-copper);
	border-radius: 50%;
	height: 15px;
	margin-bottom: 26px;
	position: relative;
	transition: background-color 180ms ease, transform 180ms ease;
	width: 15px;
	z-index: 1;
}

.history-year:hover .history-year-dot,
.history-year:focus .history-year-dot {
	background: var(--history-copper);
	transform: scale(1.25);
}

.history-year-label {
	color: #e7c596;
	font-family: var(--history-serif);
	font-size: 1.55rem;
	line-height: 1.1;
}

.history-year-text {
	color: #aebcbf;
	font-size: 0.79rem;
	line-height: 1.65;
	margin-top: 13px;
}

.history-year-link {
	align-items: center;
	display: flex;
	font-size: 0.67rem;
	font-weight: 800;
	gap: 7px;
	letter-spacing: 0.1em;
	margin-top: auto;
	padding-top: 24px;
	text-transform: uppercase;
}

.history-text-link {
	align-items: center;
	color: var(--history-red);
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 800;
	gap: 9px;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}

.history-text-link:hover,
.history-text-link:focus {
	color: var(--history-navy);
	text-decoration: none;
}

.history-explore-layout {
	display: grid;
	gap: 70px;
	grid-template-columns: 1.18fr 0.82fr;
}

.history-theater-panel {
	background: #eee5d6;
	background-image: linear-gradient(rgba(10, 37, 50, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(10, 37, 50, 0.035) 1px, transparent 1px);
	background-size: 28px 28px;
	display: grid;
	gap: 50px;
	grid-template-columns: 0.85fr 1.15fr;
	min-height: 465px;
	padding: 46px;
	position: relative;
}

.history-theater-panel::before,
.history-theater-panel::after {
	border: 1px solid rgba(10, 37, 50, 0.12);
	content: "";
	pointer-events: none;
	position: absolute;
}

.history-theater-panel::before {
	inset: 12px;
}

.history-theater-panel::after {
	border-radius: 50%;
	height: 150px;
	left: 90px;
	top: 190px;
	width: 150px;
}

.history-theater-intro {
	position: relative;
	z-index: 1;
}

.history-large-icon {
	align-items: center;
	border: 1px solid rgba(10, 37, 50, 0.35);
	border-radius: 50%;
	color: var(--history-red);
	display: flex;
	height: 70px;
	justify-content: center;
	margin-bottom: 28px;
	width: 70px;
}

.history-large-icon svg {
	height: 30px;
	width: 30px;
}

.history-theater-intro h3 {
	color: var(--history-navy);
	font-family: var(--history-serif);
	font-size: 1.8rem;
	font-weight: 400;
}

.history-theater-intro p {
	color: #586368;
	font-size: 0.84rem;
	line-height: 1.75;
	margin: 16px 0 0;
}

.history-theater-list {
	align-content: center;
	display: grid;
	position: relative;
	z-index: 1;
}

.history-theater-list a {
	align-items: center;
	border-bottom: 1px solid rgba(10, 37, 50, 0.18);
	color: var(--history-navy);
	display: grid;
	font-size: 0.92rem;
	gap: 12px;
	grid-template-columns: 26px 1fr auto;
	min-height: 55px;
	text-decoration: none;
}

.history-theater-list a:first-child {
	border-top: 1px solid rgba(10, 37, 50, 0.18);
}

.history-theater-list a:hover,
.history-theater-list a:focus {
	color: var(--history-red);
	text-decoration: none;
}

.history-theater-list span {
	color: #888173;
	font-family: var(--history-serif);
	font-size: 0.7rem;
}

.history-list-label {
	color: var(--history-muted);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.history-featured-item {
	align-items: center;
	border-top: 1px solid var(--history-line);
	display: grid;
	gap: 18px;
	grid-template-columns: 34px 1fr 42px;
	min-height: 125px;
}

.history-featured-item:last-child {
	border-bottom: 1px solid var(--history-line);
}

.history-featured-number {
	color: #aaa296;
	font-family: var(--history-serif);
	font-size: 0.72rem;
}

.history-featured-item p {
	color: var(--history-red);
	font-size: 0.63rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.history-featured-item h3 {
	font-family: var(--history-serif);
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.25;
}

.history-featured-item h3 a {
	color: var(--history-navy);
	text-decoration: none;
}

.history-featured-item h3 a:hover,
.history-featured-item h3 a:focus {
	color: var(--history-red);
	text-decoration: underline;
}

.history-icon-link {
	align-items: center;
	border: 1px solid var(--history-line);
	color: var(--history-navy);
	display: flex;
	height: 40px;
	justify-content: center;
	text-decoration: none;
	transition: background-color 180ms ease, color 180ms ease;
	width: 40px;
}

.history-icon-link:hover,
.history-icon-link:focus {
	background: var(--history-navy);
	color: #fff;
	text-decoration: none;
}

.history-people {
	background: var(--history-cream);
}

.history-people-layout {
	display: grid;
	gap: 100px;
	grid-template-columns: 0.9fr 1.1fr;
}

.history-people-copy h2 {
	font-size: clamp(2.65rem, 4.6vw, 4.3rem);
}

.history-people-copy > p:not(.history-kicker) {
	color: #59656a;
	font-family: var(--history-serif);
	font-size: 1.05rem;
	line-height: 1.75;
	margin: 26px 0 32px;
}

.history-button-ink {
	background: var(--history-navy);
	color: #fff;
}

.history-button-ink:hover,
.history-button-ink:focus {
	background: var(--history-red);
	color: #fff;
}

.history-perspective-grid {
	border-left: 1px solid #cfc5b4;
	border-top: 1px solid #cfc5b4;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.history-perspective-grid a {
	border-bottom: 1px solid #cfc5b4;
	border-right: 1px solid #cfc5b4;
	color: var(--history-navy);
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr auto;
	min-height: 140px;
	padding: 22px;
	text-decoration: none;
	transition: background-color 180ms ease, color 180ms ease;
}

.history-perspective-grid a:hover,
.history-perspective-grid a:focus {
	background: var(--history-navy);
	color: #fff;
	text-decoration: none;
}

.history-perspective-grid span {
	color: #988c7d;
	font-family: var(--history-serif);
	font-size: 0.68rem;
	grid-column: 1 / -1;
}

.history-perspective-grid strong {
	align-self: end;
	font-family: var(--history-serif);
	font-size: 1.28rem;
	font-weight: 400;
}

.history-perspective-grid svg {
	align-self: end;
}

.history-sources {
	background: #0b2732;
	color: #fff;
	position: relative;
}

.history-sources::before {
	border: 1px solid rgba(231, 197, 150, 0.13);
	content: "";
	inset: 20px;
	pointer-events: none;
	position: absolute;
}

.history-sources-heading {
	align-items: center;
	display: grid;
	gap: 30px;
	grid-template-columns: 100px 1fr auto;
	position: relative;
}

.history-source-seal {
	align-items: center;
	border: 1px solid #b98752;
	border-radius: 50%;
	color: #e7c596;
	display: flex;
	height: 90px;
	justify-content: center;
	width: 90px;
}

.history-source-seal svg {
	height: 34px;
	width: 34px;
}

.history-sources-heading .history-kicker {
	color: #e7c596;
	margin-bottom: 13px;
}

.history-sources-heading h2 {
	color: #fff;
	font-size: clamp(2.3rem, 4vw, 3.45rem);
}

.history-sources-heading > div:nth-child(2) > p:last-child {
	color: #aebdc0;
	font-family: var(--history-serif);
	font-size: 0.98rem;
	line-height: 1.7;
	margin: 18px 0 0;
	max-width: 710px;
}

.history-button-parchment {
	border-color: rgba(231, 197, 150, 0.5);
	color: #e7c596;
}

.history-button-parchment:hover,
.history-button-parchment:focus {
	background: #e7c596;
	color: var(--history-navy);
}

.history-source-grid {
	border-left: 1px solid rgba(255, 255, 255, 0.15);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 58px;
	position: relative;
}

.history-source-card {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	display: flex;
	flex-direction: column;
	min-height: 245px;
	padding: 28px;
}

.history-source-card > p {
	color: #e7c596;
	font-size: 0.64rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.history-source-card h3 {
	font-family: var(--history-serif);
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.28;
}

.history-source-card h3 a {
	color: #fff;
	text-decoration: none;
}

.history-source-card h3 a:hover,
.history-source-card h3 a:focus {
	color: #e7c596;
	text-decoration: underline;
}

.history-source-card > a {
	align-items: center;
	color: #b8c5c7;
	display: flex;
	font-size: 0.66rem;
	font-weight: 800;
	gap: 8px;
	letter-spacing: 0.1em;
	margin-top: auto;
	text-decoration: none;
	text-transform: uppercase;
}

.history-source-card > a:hover,
.history-source-card > a:focus {
	color: #e7c596;
}

.history-research-layout {
	display: grid;
	gap: 80px;
	grid-template-columns: 1.15fr 0.85fr;
}

.history-recent .history-section-heading {
	margin-bottom: 24px;
}

.history-recent-list {
	border-top: 1px solid var(--history-line);
}

.history-recent-list article {
	align-items: center;
	border-bottom: 1px solid var(--history-line);
	display: grid;
	gap: 20px;
	grid-template-columns: 100px 1fr auto;
	min-height: 98px;
}

.history-recent-list time {
	color: var(--history-muted);
	font-size: 0.67rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.history-recent-list h3 {
	font-family: var(--history-serif);
	font-size: 1.17rem;
	font-weight: 400;
	line-height: 1.3;
}

.history-recent-list h3 a {
	color: var(--history-navy);
	text-decoration: none;
}

.history-recent-list h3 a:hover,
.history-recent-list h3 a:focus {
	color: var(--history-red);
	text-decoration: underline;
}

.history-recent-list article > svg {
	color: var(--history-red);
}

.history-research-card {
	background: #eee5d6;
	border-top: 4px solid var(--history-red);
	padding: 42px;
}

.history-research-card h2 {
	font-size: 2.5rem;
	margin-bottom: 28px;
}

.history-research-card nav {
	border-top: 1px solid #cdc2b0;
}

.history-research-card nav a {
	align-items: center;
	border-bottom: 1px solid #cdc2b0;
	color: var(--history-navy);
	display: grid;
	font-size: 0.79rem;
	font-weight: 800;
	gap: 13px;
	grid-template-columns: 30px 1fr auto;
	letter-spacing: 0.05em;
	min-height: 62px;
	text-decoration: none;
	text-transform: uppercase;
}

.history-research-card nav a > span {
	color: var(--history-red);
	display: inline-flex;
}

.history-research-card nav a:hover,
.history-research-card nav a:focus {
	color: var(--history-red);
	text-decoration: none;
}

.history-research-note {
	color: #6b706d;
	font-family: var(--history-serif);
	font-size: 0.9rem;
	font-style: italic;
	line-height: 1.65;
	margin: 25px 0 0;
}

.history-principles {
	background: #ece4d8;
	border-top: 1px solid #d5caba;
	padding: 42px 0;
}

.history-principles-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.history-principles-grid > div {
	align-items: center;
	border-left: 1px solid #ccc0ae;
	display: flex;
	gap: 17px;
	padding: 0 32px;
}

.history-principles-grid > div:last-child {
	border-right: 1px solid #ccc0ae;
}

.history-principles-grid > div > span {
	color: var(--history-red);
	display: inline-flex;
}

.history-principles-grid p {
	color: #697174;
	font-size: 0.72rem;
	line-height: 1.45;
	margin: 0;
}

.history-principles-grid strong {
	color: var(--history-navy);
	display: block;
	font-size: 0.74rem;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.wikipress-homepage .site-footer {
	background: #061821;
	margin-top: 0;
}

@media (max-width: 1080px) {
	.history-essential-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.history-essential-card:nth-child(2) {
		border-right: 1px solid var(--history-line);
	}

	.history-essential-card:nth-child(n + 3) {
		border-top: 0;
	}

	.history-timeline-track {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 50px;
	}

	.history-timeline-track::before {
		display: none;
	}

	.history-year {
		border-top: 1px solid rgba(185, 135, 82, 0.45);
		min-height: 220px;
		padding-top: 0;
	}

	.history-year + .history-year {
		padding-left: 20px;
	}

	.history-year-dot {
		margin-top: -7px;
	}

	.history-explore-layout,
	.history-people-layout,
	.history-research-layout {
		gap: 50px;
	}

	.history-theater-panel {
		grid-template-columns: 1fr;
	}

	.history-sources-heading {
		grid-template-columns: 80px 1fr;
	}

	.history-sources-heading .history-button {
		grid-column: 2;
		justify-self: start;
	}
}

@media (max-width: 820px) {
	.wikipress-homepage .header-inner {
		min-height: 68px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.history-container {
		width: calc(100% - 36px);
	}

	.history-hero,
	.history-hero-inner {
		min-height: 650px;
	}

	.history-hero-image {
		object-position: 62% center;
	}

	.history-hero-shade {
		background: linear-gradient(90deg, rgba(5, 23, 33, 0.95) 0%, rgba(5, 23, 33, 0.78) 65%, rgba(5, 23, 33, 0.38) 100%);
	}

	.history-hero::after {
		inset: 14px;
	}

	.history-hero-copy {
		max-width: 630px;
		padding: 72px 8px 62px;
	}

	.history-hero h1 {
		font-size: clamp(3.3rem, 11vw, 5rem);
	}

	.history-art-note {
		display: none;
	}

	.history-index-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.history-index-grid > div:nth-child(2) {
		border-right: 1px solid rgba(255, 255, 255, 0.13);
	}

	.history-index-grid > div:nth-child(n + 3) {
		border-top: 1px solid rgba(255, 255, 255, 0.13);
	}

	.history-section {
		padding: 76px 0;
	}

	.history-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 15px;
		margin-bottom: 34px;
	}

	.history-section-heading > p {
		text-align: left;
	}

	.history-explore-layout,
	.history-people-layout,
	.history-research-layout {
		grid-template-columns: 1fr;
	}

	.history-people-layout {
		gap: 45px;
	}

	.history-source-grid {
		grid-template-columns: 1fr;
	}

	.history-source-card {
		min-height: 200px;
	}

	.history-principles-grid {
		grid-template-columns: 1fr;
	}

	.history-principles-grid > div,
	.history-principles-grid > div:last-child {
		border-bottom: 1px solid #ccc0ae;
		border-left: 0;
		border-right: 0;
		padding: 20px 0;
	}

	.history-principles-grid > div:last-child {
		border-bottom: 0;
	}
}

@media (max-width: 580px) {
	.history-hero,
	.history-hero-inner {
		min-height: 700px;
	}

	.history-hero-image {
		object-position: 69% center;
	}

	.history-hero-shade {
		background: linear-gradient(180deg, rgba(5, 23, 33, 0.88), rgba(5, 23, 33, 0.82));
	}

	.history-hero-copy {
		max-width: calc(100vw - 52px);
		padding-left: 0;
		padding-right: 0;
		padding-top: 64px;
		width: calc(100vw - 52px);
	}

	.history-eyebrow {
		font-size: 0.64rem;
	}

	.history-hero h1 {
		font-size: clamp(3.05rem, 16vw, 4.3rem);
		line-height: 0.94;
	}

	.history-hero h1 em {
		display: block;
		font-size: 0.78em;
		line-height: 1;
	}

	.history-eyebrow {
		display: block;
		line-height: 1.65;
		max-width: 290px;
	}

	.history-eyebrow span {
		display: none;
	}

	.history-hero-lede {
		font-size: 1.05rem;
		line-height: 1.6;
		margin-top: 23px;
		max-width: 100%;
	}

	.history-hero-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.history-button {
		width: 100%;
	}

	.history-search {
		flex-wrap: wrap;
		margin-top: 28px;
		width: 100%;
	}

	.history-search button {
		margin-top: 2px;
		padding: 0 13px;
		width: 100%;
	}

	.history-index-grid {
		grid-template-columns: 1fr;
	}

	.history-index-grid > div,
	.history-index-grid > div:nth-child(2),
	.history-index-grid > div:last-child {
		border-left: 0;
		border-right: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.13);
		min-height: 72px;
		padding-left: 8px;
	}

	.history-index-grid > div:first-child {
		border-top: 0;
	}

	.history-section {
		padding: 60px 0;
	}

	.history-section-heading h2,
	.history-people-copy h2,
	.history-sources-heading h2,
	.history-research-card h2 {
		font-size: 2.35rem;
	}

	.history-essential-grid,
	.history-timeline-track,
	.history-perspective-grid {
		grid-template-columns: 1fr;
	}

	.history-essential-card,
	.history-essential-card:nth-child(2),
	.history-essential-card:nth-child(n + 3),
	.history-essential-card:last-child {
		border-left: 1px solid var(--history-line);
		border-right: 1px solid var(--history-line);
		border-top: 0;
		min-height: 310px;
	}

	.history-essential-card:first-child {
		border-top: 1px solid var(--history-line);
	}

	.history-card-icon {
		margin-top: 28px;
	}

	.history-timeline-track {
		row-gap: 42px;
	}

	.history-year,
	.history-year + .history-year {
		border-left: 0;
		min-height: 185px;
		padding-left: 0;
	}

	.history-theater-panel {
		gap: 34px;
		padding: 35px 28px;
	}

	.history-featured-item {
		grid-template-columns: 25px 1fr;
		padding: 14px 0;
	}

	.history-icon-link {
		display: none;
	}

	.history-sources::before {
		inset: 10px;
	}

	.history-sources-heading {
		grid-template-columns: 1fr;
	}

	.history-source-seal {
		height: 68px;
		width: 68px;
	}

	.history-sources-heading .history-button {
		grid-column: 1;
	}

	.history-source-card {
		padding: 24px;
	}

	.history-recent-list article {
		align-items: start;
		gap: 7px;
		grid-template-columns: 1fr auto;
		padding: 18px 0;
	}

	.history-recent-list time {
		grid-column: 1;
	}

	.history-recent-list h3 {
		grid-column: 1;
	}

	.history-recent-list article > svg {
		grid-column: 2;
		grid-row: 1 / 3;
	}

	.history-research-card {
		padding: 30px 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.history-button,
	.history-essential-card,
	.history-year-dot,
	.history-icon-link,
	.history-perspective-grid a {
		transition: none;
	}
}