/*
Theme Name: Militer.org — WikiPress Child
Description: An independent Indonesian military reference, with editorial archives and accessible reading layouts.
Author: Militer.org
Template: wikipress
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: wikipress-child
*/

:root {
	--ink:#172b34;
	--olive:#546044;
	--olive-dark:#3b4830;
	--muted:#65706d;
	--paper:#fafaf6;
	--sand:#eeeee5;
	--line:#dedfd5;
	--white:#fff;
	--serif:Georgia,'Times New Roman',serif;
	--mono:'Cascadia Code',Consolas,monospace;
	--sans:Inter,'Segoe UI',Arial,sans-serif;
	--wikipress-primary:#546044;
	--wikipress-primary-hover:#3b4830;
	--wikipress-font-ui:var(--sans);
	--wikipress-font-content:var(--sans)
}

* {
	box-sizing:border-box
}
html {
	scroll-behavior:smooth;
	scroll-padding-top:30px
}
body {
	margin:0;
	background:var(--paper);
	color:var(--ink);
	font-family:var(--sans);
	font-size:15px;
	line-height:1.65;
	-webkit-font-smoothing:antialiased
}
h1,h2,h3,h4,p,figure {
	margin:0
}
h1,h2,h3,h4 {
	line-height:1.2;
	letter-spacing:-.035em
}
h1,h2,h3 {
	font-weight:600
}
a {
	color:inherit;
	text-decoration:none;
	text-underline-offset:4px
}
a:hover {
	color:var(--olive)
}
button,input,select,textarea {
	font:inherit
}
button,select,summary {
	cursor:pointer
}
button {
	color:inherit
}
img {
	max-width:100%;
	height:auto
}
svg {
	vertical-align:middle;
	flex-shrink:0
}
button {
	border:0
}
ul,ol {
	padding-left:1.35em
}
::selection {
	background:#d9dfcc;
	color:var(--ink)
}
:focus-visible {
	outline:3px solid #a27638;
	outline-offset:4px
}
button:disabled {
	cursor:default
}
[hidden] {
	display:none!important
}
.container {
	width:min(1240px,calc(100% - 96px));
	margin-inline:auto
}
.icon {
	width:21px;
	height:21px
}
.screen-reader-text {
	border:0;
	clip:rect(1px,1px,1px,1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	word-wrap:normal!important
}
.skip-link:focus {
	clip:auto;
	clip-path:none;
	left:12px;
	top:12px;
	width:auto;
	height:auto;
	padding:12px 20px;
	background:var(--white);
	z-index:9999
}
.eyebrow {
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:var(--olive);
	font:600 10px/1.5 var(--sans);
	letter-spacing:.13em;
	text-transform:uppercase
}
.subtle {
	color:var(--muted);
	font-size:12px
}
.text-link {
	display:inline-flex;
	align-items:center;
	gap:13px;
	font-size:12px;
	font-weight:600
}
.text-link .icon {
	width:18px
}
.button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:24px;
	background:var(--olive);
	color:#fff;
	padding:15px 21px;
	font-size:12px;
	font-weight:600;
	min-height:48px;
	border:1px solid var(--olive);
	border-radius:2px;
	transition:background .18s,color .18s
}
.button:hover {
	background:var(--olive-dark);
	color:#fff
}
.button-outline {
	background:transparent;
	color:var(--ink);
	border-color:#a7ad98
}
.icon-button {
	display:grid;
	place-items:center;
	background:transparent;
	width:42px;
	height:42px;
	border-radius:2px
}
.icon-button:hover {
	background:var(--sand)
}

/* Masthead */
.site-header {
	position:relative;
	background:var(--paper);
	z-index:10
}
.utility-bar {
	border-bottom:1px solid var(--line);
	font-size:9px;
	letter-spacing:.12em;
	color:var(--muted)
}
.utility-bar .container {
	display:flex;
	justify-content:space-between;
	align-items:center;
	min-height:32px
}
.utility-bar a {
	display:inline-flex;
	align-items:center;
	gap:10px;
	font-size:10px;
	letter-spacing:0
}
.utility-bar .icon {
	width:14px;
	height:14px
}
.header-main {
	display:flex;
	align-items:center;
	min-height:100px;
	gap:34px
}
.brand {
	display:inline-flex;
	align-items:center;
	gap:11px;
	flex-shrink:0;
	line-height:1;
	font-size:35px;
	font-weight:750;
	letter-spacing:-.065em
}
.brand-domain {
	font-weight:400;
	color:var(--olive)
}
.brand small {
	display:block;
	margin-top:9px;
	font-size:7px;
	letter-spacing:.17em;
	font-weight:500;
	color:var(--muted)
}
.brand-mark {
	width:40px;
	height:45px;
	display:grid;
	place-items:center
}
.brand-mark .icon {
	width:40px;
	height:40px;
	stroke-width:1
}
.primary-navigation {
	margin-left:auto
}
.nav-links {
	list-style:none;
	display:flex;
	gap:29px;
	padding:0;
	margin:0;
	align-items:center
}
.nav-links>li {
	position:relative
}
.nav-links a {
	display:block;
	font-size:12px;
	font-weight:600;
	padding:19px 0
}
.nav-links a[aria-current],.nav-links .current-menu-item>a {
	color:var(--olive);
	box-shadow:0 2px 0 var(--olive)
}
.nav-links .sub-menu {
	display:none;
	list-style:none;
	position:absolute;
	left:-16px;
	top:100%;
	min-width:210px;
	background:var(--white);
	box-shadow:0 5px 20px #172b3414;
	border:1px solid var(--line);
	padding:8px 16px
}
.nav-links li:hover>.sub-menu,.nav-links li:focus-within>.sub-menu {
	display:block
}
.nav-links .sub-menu a {
	padding:9px 0
}
.search-toggle {
	border-left:1px solid var(--line);
	border-radius:0;
	padding-left:20px;
	width:54px
}
.menu-button {
	display:none
}
.header-search {
	padding-bottom:22px
}
.header-search .search-box {
	max-width:760px;
	margin-left:auto
}

/* Hero / original conceptual illustration */
.home-hero {
	background:linear-gradient(100deg,#f3f3eb 0%,#efefe5 64%,#e8ebdf 100%);
	border-top:1px solid var(--line);
	padding:58px 0 26px;
	overflow:hidden
}
.hero-grid {
	display:grid;
	grid-template-columns:1.08fr 1fr;
	gap:35px;
	align-items:center
}
.hero-copy {
	padding:0 0 8px
}
.hero-eyebrow {
	font-size:9px;
	letter-spacing:.16em;
	margin-bottom:24px
}
.hero-eyebrow>span,.art-dot {
	width:6px;
	height:6px;
	display:inline-block;
	background:var(--olive);
	border-radius:50%
}
.hero-copy h1 {
	font-size:clamp(42px,4.5vw,64px);
	letter-spacing:-.055em;
	font-weight:550;
	line-height:1.1
}
.hero-copy h1 em {
	font-family:var(--serif);
	font-weight:400;
	color:var(--olive)
}
.hero-copy>p {
	font-size:13px;
	line-height:1.85;
	color:#5e6861;
	max-width:435px;
	margin-top:23px
}
.hero-actions {
	display:flex;
	gap:24px;
	align-items:center;
	flex-wrap:wrap;
	margin-top:27px
}
.hero-actions .text-link {
	font-size:11px;
	gap:9px
}
.hero-art {
	position:relative;
	align-self:stretch;
	display:flex;
	align-items:center;
	min-height:410px
}
.hero-art img {
	width:100%;
	mix-blend-mode:multiply;
	aspect-ratio:640/520;
	object-fit:contain
}
.art-coordinate {
	position:absolute;
	font-family:var(--mono);
	font-size:8px;
	letter-spacing:.08em;
	color:#617058;
	z-index:1
}
.coordinate-top {
	left:16px;
	top:16px
}
.art-caption {
	position:absolute;
	bottom:17px;
	left:17px;
	right:17px;
	display:flex;
	align-items:center;
	gap:9px;
	color:#53614b;
	font:8px var(--mono)
}
.art-caption>span:last-child {
	margin-left:auto;
	font-size:6px
}
.art-corner {
	position:absolute;
	width:24px;
	height:24px;
	border:solid #819070;
	z-index:1
}
.art-corner-tl {
	top:0;
	left:0;
	border-width:1px 0 0 1px
}
.art-corner-br {
	bottom:0;
	right:0;
	border-width:0 1px 1px 0
}
.hero-search-wrap {
	margin-top:40px;
	display:flex;
	align-items:center;
	gap:28px
}
.search-box {
	display:flex;
	align-items:center;
	gap:14px;
	background:var(--white);
	border:1px solid #d0d4c6;
	border-radius:3px;
	min-width:0;
	padding:7px 8px 7px 18px;
	box-shadow:0 2px 3px #172b3403
}
.search-box>.icon {
	color:var(--olive);
	width:19px
}
.search-box input {
	min-width:0;
	flex:1;
	width:100%;
	border:0;
	padding:9px 0;
	background:transparent;
	font-size:12px;
	outline-offset:0
}
.search-box input::placeholder {
	color:#7c8377
}
.search-box button {
	display:inline-flex;
	align-items:center;
	gap:26px;
	justify-content:center;
	background:var(--ink);
	color:white;
	padding:11px 17px;
	font-size:11px;
	min-height:40px;
	border-radius:2px
}
.search-box button:hover {
	background:var(--olive-dark)
}
.search-box button .icon {
	width:16px
}
.hero-search-wrap .search-box {
	flex:1.25
}
.search-suggestions {
	display:flex;
	align-items:center;
	gap:9px;
	font-size:10px;
	flex:1
}
.search-suggestions>span {
	margin-right:4px;
	color:var(--muted);
	white-space:nowrap
}
.search-suggestions a {
	padding:3px 10px;
	border:1px solid #cdd2c0;
	border-radius:2px;
	color:#5e684f
}
.search-suggestions a:hover {
	background:#dce2d2
}
.reference-strip {
	border-bottom:1px solid var(--line);
	background:#f7f7f1
}
.reference-strip .container {
	display:flex;
	justify-content:space-between;
	gap:22px;
	padding-block:17px
}
.reference-strip span {
	display:flex;
	align-items:center;
	gap:10px;
	font-size:10px;
	color:var(--muted)
}
.reference-strip .icon {
	width:16px;
	height:16px;
	color:var(--olive)
}

/* Editorial sections */
.section {
	padding-block:58px
}
.section-heading {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	margin-bottom:27px
}
.section-heading>div {
	display:flex;
	align-items:center;
	gap:16px
}
.section-heading h2 {
	font-size:26px;
	letter-spacing:-.035em;
	font-weight:550
}
.section-number {
	font:10px var(--mono);
	color:#849071;
	border:1px solid var(--line);
	border-radius:2px;
	width:26px;
	height:26px;
	display:grid;
	place-items:center;
	flex-shrink:0
}
.section-heading>.text-link {
	font-size:10px;
	white-space:nowrap
}
.start-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	border:1px solid var(--line);
	border-radius:3px
}
.start-card {
	display:flex;
	align-items:flex-start;
	padding:23px 21px;
	gap:15px;
	transition:background .18s
}
.start-card+.start-card {
	border-left:1px solid var(--line)
}
.start-card:hover {
	background:var(--sand)
}
.start-number {
	font:11px var(--mono);
	color:#8a907e;
	margin-top:2px
}
.start-card .eyebrow {
	font-size:8px
}
.start-card h3 {
	font-size:15px;
	letter-spacing:-.02em;
	line-height:1.5;
	font-weight:600;
	margin:8px 0 10px
}
.start-card>.icon {
	margin-left:auto;
	width:16px;
	height:16px
}
.start-card .subtle {
	font-size:10px
}
.domain-section {
	background:var(--sand);
	border-block:1px solid var(--line)
}
.domain-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:21px
}
.domain-card {
	background:#f8f8f2;
	border:1px solid #d8ddce;
	border-radius:3px;
	overflow:hidden;
	transition:transform .2s,border-color .2s
}
.domain-card:hover {
	transform:translateY(-3px);
	border-color:#849071
}
.domain-top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:19px 22px;
	font-size:9px;
	color:var(--muted)
}
.domain-top .eyebrow {
	font-size:8px
}
.domain-illustration {
	height:100px;
	display:grid;
	place-items:center;
	background:radial-gradient(ellipse,#dce2d1 0,transparent 64%)
}
.domain-illustration>.icon {
	width:90px;
	height:70px;
	stroke-width:.7;
	color:#627354
}
.domain-card:nth-child(2) .domain-illustration>.icon {
	color:#5d7279
}
.domain-card:nth-child(3) .domain-illustration>.icon {
	width:90px;
	height:90px;
	transform:rotate(35deg);
	color:#657682
}
.domain-bottom {
	display:flex;
	align-items:flex-end;
	gap:24px;
	padding:17px 22px 23px
}
.domain-bottom h3 {
	font:500 31px var(--serif);
	letter-spacing:-.03em;
	margin-bottom:7px
}
.domain-bottom p {
	font-size:10px;
	color:var(--muted);
	line-height:1.75;
	max-width:235px
}
.round-arrow {
	width:31px;
	height:31px;
	border:1px solid #d5dac9;
	border-radius:50%;
	display:grid;
	place-items:center;
	flex-shrink:0
}
.round-arrow .icon {
	width:15px
}
.cards-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:24px
}
.reference-card {
	border:1px solid var(--line);
	border-radius:3px;
	background:var(--white);
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-width:0;
	transition:border-color .2s,transform .2s
}
.reference-card:hover {
	border-color:#a6b197;
	transform:translateY(-2px)
}
.card-visual {
	height:190px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
	background:#e8ebdf;
	color:#69765e;
	border-bottom:1px solid var(--line)
}
.card-visual>img {
	width:100%;
	height:100%;
	object-fit:cover
}
.visual-air {
	background:#e8edf0;
	color:#657884
}
.visual-sea {
	background:#e5ebea;
	color:#607b7a
}
.visual-grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(#6377530a 1px,transparent 1px),linear-gradient(90deg,#6377530a 1px,transparent 1px);
	background-size:20px 20px
}
.card-visual .platform-art {
	width:130px;
	height:110px;
	stroke-width:.65
}
.visual-air .platform-art {
	transform:rotate(32deg);
	width:100px;
	height:130px
}
.visual-caption {
	position:absolute;
	bottom:15px;
	left:20px;
	font:7px var(--mono);
	letter-spacing:.1em
}
.card-body {
	padding:24px;
	display:flex;
	flex-direction:column;
	flex:1
}
.card-body .eyebrow {
	font-size:8px
}
.card-body h3 {
	font-size:19px;
	line-height:1.4;
	letter-spacing:-.03em;
	margin:10px 0 11px;
	font-weight:600
}
.card-body>p {
	font-size:11px;
	line-height:1.85;
	color:var(--muted);
	margin-bottom:21px
}
.card-bottom {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin-top:auto;
	padding-top:15px;
	border-top:1px solid #eeeee7;
	color:var(--muted);
	font-size:9px
}
.card-bottom a {
	display:grid;
	place-items:center;
	min-width:30px;
	min-height:28px;
	color:var(--olive)
}
.card-bottom .icon {
	width:18px
}
.section-note {
	text-align:center;
	color:var(--muted);
	font-size:10px;
	margin-top:24px
}
.comparison-section {
	background:var(--ink);
	color:#f5f5ed;
	padding-block:58px
}
.comparison-grid {
	display:grid;
	grid-template-columns:.8fr 1.2fr;
	gap:90px;
	align-items:center
}
.comparison-section .eyebrow {
	color:#b7c49c;
	font-size:8px
}
.comparison-section h2 {
	font:400 37px/1.15 var(--serif);
	letter-spacing:-.03em;
	margin:17px 0
}
.comparison-section p {
	font-size:11px;
	line-height:1.9;
	color:#b0bdbb;
	max-width:315px
}
.comparison-section .text-link {
	margin-top:24px;
	font-size:10px;
	color:#dce3d3
}
.comparison-list>a {
	display:flex;
	gap:20px;
	align-items:center;
	border-bottom:1px solid #ffffff20;
	padding:21px 0
}
.comparison-list>a:first-child {
	border-top:1px solid #ffffff20
}
.comparison-list>a>span {
	width:40px;
	height:40px;
	background:#ffffff08;
	display:grid;
	place-items:center;
	color:#becba9;
	flex-shrink:0;
	border:1px solid #ffffff13;
	border-radius:2px
}
.comparison-list>a>.icon {
	margin-left:auto;
	width:17px;
	color:#b7c49c
}
.comparison-list h3 {
	font-size:15px;
	font-weight:500;
	line-height:1.5;
	letter-spacing:-.02em;
	margin-top:4px
}
.comparison-list a:hover h3 {
	color:#c9d4b8
}
.latest-grid {
	display:grid;
	grid-template-columns:1.65fr 1fr;
	gap:60px
}
.latest-list>article {
	display:flex;
	align-items:center;
	gap:23px;
	padding:23px 0;
	border-bottom:1px solid var(--line)
}
.latest-list>article:first-child {
	padding-top:0
}
.latest-list time {
	display:flex;
	flex-direction:column;
	align-items:center;
	min-width:60px;
	color:var(--muted);
	font:9px var(--mono);
	line-height:1.8;
	border-right:1px solid var(--line);
	padding-right:18px;
	white-space:nowrap
}
.latest-list time strong {
	font:400 31px/1.1 var(--serif);
	color:var(--ink);
	margin-bottom:4px
}
.latest-list .eyebrow {
	font-size:8px
}
.latest-list h3 {
	font-size:17px;
	line-height:1.45;
	letter-spacing:-.025em;
	margin:6px 0
}
.latest-list .subtle {
	font-size:9px
}
.latest-list>article>a {
	margin-left:auto;
	color:var(--olive)
}
.latest-list>article>a .icon {
	width:18px
}
.dictionary-promo {
	padding:29px;
	background:#edeee3;
	border:1px solid #d9ddcc;
	border-radius:3px;
	display:flex;
	flex-direction:column;
	align-items:flex-start
}
.dictionary-promo>.eyebrow {
	font-size:9px
}
.dictionary-aa {
	display:block;
	font:400 75px/.95 var(--serif);
	letter-spacing:-.08em;
	color:var(--olive);
	margin:28px 0 22px
}
.dictionary-aa>span {
	color:#a5ae95;
	font-size:43px;
	margin-left:15px
}
.dictionary-promo h3 {
	font-size:25px;
	line-height:1.2;
	margin-bottom:13px
}
.dictionary-promo p {
	font-size:11px;
	color:var(--muted);
	line-height:1.9;
	margin-bottom:24px;
	max-width:280px
}
.dictionary-promo .button {
	font-size:10px;
	margin-top:auto;
	min-height:42px;
	padding:9px 15px
}
.context-section {
	background:#f1f2eb;
	border-block:1px solid var(--line)
}
.context-section .card-body h3 {
	font-size:18px
}
.trust-section {
	padding-block:65px;
	display:grid;
	grid-template-columns:140px 1fr;
	gap:40px;
	align-items:center;
	max-width:900px
}
.trust-icon {
	width:130px;
	height:130px;
	background:#f1f2e9;
	display:grid;
	place-items:center;
	border:1px solid var(--line);
	border-radius:50%;
	outline:1px solid var(--line);
	outline-offset:-14px
}
.trust-icon .icon {
	width:70px;
	height:70px;
	stroke-width:.6;
	color:var(--olive)
}
.trust-section h2 {
	font:400 32px var(--serif);
	margin:12px 0
}
.trust-section p {
	font-size:11px;
	color:var(--muted);
	line-height:1.9
}
.trust-links {
	display:flex;
	gap:28px;
	margin-top:20px
}
.trust-links .text-link {
	font-size:10px
}

/* Footer */
.site-footer {
	background:#172b34;
	color:#c1cbc8;
	padding-top:53px
}
.footer-grid {
	display:grid;
	grid-template-columns:1.65fr 1fr 1fr 1.2fr;
	gap:46px;
	padding-bottom:45px
}
.site-footer .brand {
	color:#f5f5ed;
	font-size:32px
}
.site-footer .brand-domain {
	color:#afbc95
}
.site-footer .brand-mark .icon {
	width:35px;
	height:35px
}
.footer-about>p {
	font-size:11px;
	margin-top:17px;
	color:#dce2d9
}
.footer-about .footer-description {
	font-size:10px;
	color:#9cadaa;
	max-width:265px;
	line-height:1.9;
	margin-top:10px
}
.independent-label {
	display:flex;
	align-items:center;
	gap:6px;
	font-size:8px;
	color:#a8b4ae;
	margin-top:20px
}
.independent-label>span {
	width:4px;
	height:4px;
	background:#b5c29a;
	border-radius:50%
}
.footer-grid nav h2 {
	font-size:11px;
	font-weight:500;
	letter-spacing:0;
	color:#f1f2e9;
	margin:7px 0 21px
}
.footer-grid ul {
	list-style:none;
	padding:0;
	margin:0;
	display:grid;
	gap:11px;
	font-size:10px
}
.site-footer a:hover {
	color:#e1e6d3
}
.footer-bottom {
	display:flex;
	justify-content:space-between;
	border-top:1px solid #ffffff18;
	font-size:8px;
	padding-block:21px;
	color:#9cadaa
}
.footer-bottom>div {
	display:flex;
	gap:24px
}
.footer-bottom .back-top {
	margin-left:25px
}

/* Archive / directories */
.breadcrumbs {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	font-size:10px;
	color:var(--muted);
	line-height:1.9
}
.breadcrumbs [aria-current] {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:480px
}
.archive-hero {
	background:#eeefe6;
	border-block:1px solid var(--line);
	padding:22px 0 43px
}
.archive-intro {
	display:flex;
	gap:70px;
	justify-content:space-between;
	align-items:center;
	margin-top:31px
}
.archive-intro h1 {
	font-size:50px;
	letter-spacing:-.05em;
	margin:10px 0 17px;
	font-weight:550
}
.title-period {
	color:var(--olive)
}
.archive-description {
	font-size:13px;
	line-height:1.9;
	color:var(--muted);
	max-width:690px
}
.archive-symbol {
	color:#748163;
	opacity:.5;
	margin-right:26px
}
.archive-symbol>.icon {
	width:115px;
	height:115px;
	stroke-width:.7
}
.archive-symbol:not(:has(svg)) {
	font:80px var(--serif);
	letter-spacing:-.07em
}
.archive-hero .search-box {
	margin-top:25px;
	max-width:730px
}
.archive-content {
	padding-top:32px;
	padding-bottom:60px
}
.directory-filters {
	display:flex;
	align-items:flex-end;
	gap:12px;
	padding:23px;
	background:#f0f1e9;
	border:1px solid var(--line);
	border-radius:3px;
	flex-wrap:wrap
}
.directory-filters label {
	display:flex;
	flex-direction:column;
	gap:7px;
	flex:1;
	min-width:115px
}
.directory-filters label>span {
	font-size:10px;
	font-weight:600;
	color:#5f6a59
}
.directory-filters input,.directory-filters select {
	height:43px;
	padding:9px 11px;
	border:1px solid #d3d8ca;
	border-radius:2px;
	width:100%;
	background:var(--white);
	color:var(--ink);
	font-size:11px
}
.directory-filters .filter-search {
	flex:1.5;
	min-width:190px
}
.directory-filters .button {
	min-height:43px;
	gap:15px;
	padding:9px 13px;
	font-size:10px
}
.filter-reset {
	font-size:10px;
	padding:11px 4px;
	text-decoration:underline
}
.topic-navigation {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	padding-bottom:5px
}
.topic-navigation a {
	padding:8px 17px;
	border:1px solid var(--line);
	border-radius:2px;
	font-size:11px
}
.topic-navigation a[aria-current],.topic-navigation a:hover {
	background:var(--olive);
	color:white;
	border-color:var(--olive)
}
.results-toolbar {
	display:flex;
	justify-content:space-between;
	gap:15px;
	align-items:center;
	font-size:11px;
	color:var(--muted);
	margin:30px 0 24px
}
.results-toolbar strong {
	font-weight:600;
	color:var(--ink)
}
.results-toolbar>span {
	font:9px var(--mono)
}
.archive-cards {
	row-gap:28px
}
.archive-note {
	display:flex;
	gap:17px;
	align-items:center;
	margin-top:43px;
	padding:21px 24px;
	border:1px solid var(--line);
	border-radius:2px;
	background:#f0f2e9
}
.archive-note>.icon {
	color:var(--olive)
}
.archive-note p {
	font-size:11px;
	line-height:1.8;
	color:var(--muted)
}
.archive-note a {
	color:var(--olive);
	text-decoration:underline
}
.pagination {
	margin-top:40px
}
.pagination .nav-links {
	justify-content:center;
	gap:7px;
	flex-wrap:wrap
}
.page-numbers {
	padding:9px 14px;
	border:1px solid var(--line);
	font-size:11px;
	border-radius:2px;
	min-height:38px
}
.pagination .nav-links a {
	padding:9px 14px;
	font-weight:400
}
.page-numbers.current {
	background:var(--olive);
	color:white;
	border-color:var(--olive)
}
.empty-state {
	text-align:center;
	padding:65px 20px;
	max-width:760px;
	margin:auto
}
.empty-state>.icon {
	width:45px;
	height:45px;
	color:var(--olive);
	stroke-width:1;
	margin-bottom:22px
}
.empty-state h2 {
	font-size:28px
}
.empty-state p {
	color:var(--muted);
	font-size:13px;
	margin:15px 0 27px
}
.empty-state .search-box {
	max-width:560px;
	margin-inline:auto
}
.alphabet-nav {
	display:flex;
	gap:4px;
	flex-wrap:wrap;
	border-block:1px solid var(--line);
	padding:14px 0;
	margin-bottom:35px
}
.alphabet-nav a,.alphabet-nav>span {
	width:34px;
	height:34px;
	display:grid;
	place-items:center;
	font:13px var(--mono);
	border-radius:2px
}
.alphabet-nav a {
	background:var(--sand);
	color:var(--olive)
}
.alphabet-nav a:hover {
	background:var(--olive);
	color:white
}
.alphabet-nav>span {
	color:#b4bbad
}
.glossary-group {
	display:grid;
	grid-template-columns:72px 1fr;
	gap:28px;
	margin-bottom:40px;
	scroll-margin-top:24px
}
.glossary-group>h2 {
	font:400 58px/1 var(--serif);
	color:#899575;
	border-top:1px solid var(--line);
	padding-top:20px
}
.glossary-group>div {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px 30px
}
.glossary-entry {
	border-top:1px solid var(--line);
	padding:23px 0
}
.glossary-entry h3 {
	font-size:23px;
	font-weight:550;
	margin-bottom:10px
}
.glossary-entry p {
	font-size:12px;
	color:var(--muted);
	line-height:1.9;
	max-width:460px
}
.glossary-entry>.text-link {
	font-size:10px;
	margin-top:15px
}

/* Article / page reading system */
.reading-main {
	padding-top:23px
}
.reading-header {
	padding:36px 0 30px;
	max-width:950px
}
.reading-header>.eyebrow {
	font-size:10px
}
.reading-header h1 {
	font-size:clamp(31px,3.3vw,47px);
	line-height:1.17;
	letter-spacing:-.045em;
	font-weight:550;
	margin-top:13px;
	text-wrap:balance
}
.reading-meta {
	display:flex;
	align-items:center;
	gap:10px;
	color:var(--muted);
	font-size:10px;
	margin-top:22px;
	flex-wrap:wrap
}
.reading-meta a {
	color:var(--ink);
	font-weight:600
}
.author-avatar {
	width:29px;
	height:29px;
	display:flex;
	border-radius:50%;
	overflow:hidden
}
.author-avatar img {
	width:100%;
	height:100%
}
.meta-separator {
	color:#bdc4b6;
	margin-inline:4px
}
.modified-date {
	font-size:10px;
	color:var(--muted);
	margin-top:11px
}
.reading-layout {
	display:grid;
	grid-template-columns:minmax(0,790px) minmax(210px,1fr);
	gap:70px;
	align-items:start;
	border-top:1px solid var(--line);
	padding-top:30px
}
.reading-content {
	min-width:0
}
.reading-sidebar {
	min-width:0;
	align-self:stretch
}
.sidebar-sticky {
	position:sticky;
	top:24px
}
.summary-box {
	border:1px solid #dce1d1;
	border-left:3px solid var(--olive);
	padding:23px 26px;
	background:#f0f2e8;
	margin-bottom:26px;
	border-radius:2px
}
.summary-box>.eyebrow {
	font-size:9px;
	letter-spacing:.12em
}
.summary-box .icon {
	width:16px;
	height:16px
}
.summary-box>div {
	font-size:15px;
	line-height:1.9;
	margin-top:12px;
	color:#3a4d42
}
.summary-box p+p {
	margin-top:13px
}
.toc-panel {
	border-top:2px solid var(--olive);
	margin-bottom:28px
}
.toc-panel summary {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:17px 0;
	font-size:12px;
	font-weight:650;
	list-style:none
}
.toc-panel summary::-webkit-details-marker {
	display:none
}
.toc-panel ol {
	list-style:none;
	margin:0;
	padding:0;
	max-height:58vh;
	overflow:auto;
	scrollbar-width:thin
}
.toc-panel li {
	border-left:1px solid var(--line)
}
.toc-panel a {
	display:block;
	padding:7px 15px;
	font-size:11px;
	color:var(--muted);
	line-height:1.7;
	border-left:2px solid transparent;
	margin-left:-1px
}
.toc-panel .toc-level-3 a {
	padding-left:26px;
	font-size:10px
}
.toc-panel a:hover,.toc-panel a.is-current {
	color:var(--olive-dark);
	background:#eef0e6;
	border-left-color:var(--olive)
}
.sidebar-note {
	background:#f0f1e9;
	border:1px solid var(--line);
	padding:20px
}
.sidebar-note>.icon {
	color:var(--olive);
	width:23px;
	height:23px
}
.sidebar-note h3 {
	font:400 21px var(--serif);
	margin:12px 0 10px
}
.sidebar-note p {
	font-size:10px;
	line-height:1.9;
	color:var(--muted)
}
.sidebar-note .text-link {
	font-size:9px;
	margin-top:17px;
	gap:7px
}
.sidebar-note .text-link .icon {
	width:15px
}
.facts-panel {
	border:1px solid var(--line);
	border-radius:2px;
	margin-bottom:29px;
	background:var(--white)
}
.facts-panel>summary {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:17px 20px;
	font-size:12px;
	font-weight:600;
	list-style:none
}
.facts-panel>summary::-webkit-details-marker {
	display:none
}
.facts-panel>summary>span {
	font-size:10px;
	font-weight:400;
	color:var(--muted);
	display:flex;
	gap:18px;
	align-items:center
}
.facts-panel>summary>span>span {
	font-size:20px
}
.facts-panel[open]>summary {
	border-bottom:1px solid var(--line)
}
.table-scroll {
	overflow:auto;
	max-width:100%
}
.facts-panel table {
	width:100%;
	border-collapse:collapse;
	text-align:left;
	font-size:11px
}
.facts-panel th,.facts-panel td {
	padding:11px 20px;
	vertical-align:top;
	border-bottom:1px solid #eceee4;
	line-height:1.8
}
.facts-panel th {
	font-weight:500;
	color:#54604f;
	width:36%;
	background:#f9faf6
}
.facts-panel td {
	overflow-wrap:anywhere
}
.facts-note {
	font-size:9px;
	padding:12px 20px;
	color:var(--muted)
}
.reading-image {
	margin:0 0 26px
}
.reading-image img {
	display:block;
	width:100%;
	max-height:500px;
	object-fit:cover;
	border-radius:2px
}
.reading-image figcaption {
	font-size:10px;
	color:var(--muted);
	line-height:1.8;
	padding:9px 0;
	border-bottom:1px solid var(--line)
}
.article-prose {
	font-size:16px;
	line-height:1.95;
	color:#36464b;
	overflow-wrap:break-word
}
.article-prose p {
	margin-bottom:23px
}
.article-prose h2 {
	font-size:28px;
	font-weight:550;
	line-height:1.3;
	margin:43px 0 19px;
	color:var(--ink);
	scroll-margin-top:28px;
	letter-spacing:-.035em
}
.article-prose>h2:first-child {
	margin-top:10px
}
.article-prose h3 {
	font-size:21px;
	font-weight:600;
	line-height:1.4;
	margin:31px 0 15px;
	color:var(--ink);
	scroll-margin-top:28px
}
.article-prose h4 {
	font-size:18px;
	margin:27px 0 13px
}
.article-prose a,.references-panel a,.related-terms-panel a {
	color:var(--olive-dark);
	text-decoration:underline;
	overflow-wrap:anywhere
}
.article-prose ul,.article-prose ol {
	margin:15px 0 26px;
	padding-left:24px
}
.article-prose li {
	padding-left:6px;
	margin-bottom:9px
}
.article-prose li::marker {
	color:var(--olive)
}
.article-prose strong {
	font-weight:650;
	color:var(--ink)
}
.article-prose blockquote {
	border-left:3px solid #97a381;
	background:#f0f2e9;
	margin:28px 0;
	padding:21px 26px;
	font:19px/1.8 var(--serif);
	color:var(--olive-dark)
}
.article-prose blockquote p:last-child {
	margin-bottom:0
}
.article-prose hr {
	border:0;
	border-top:1px solid var(--line);
	margin:36px 0
}
.article-prose table {
	border-collapse:collapse;
	width:100%;
	font-size:12px;
	line-height:1.8;
	margin:20px 0
}
.article-prose table th,.article-prose table td {
	border:1px solid var(--line);
	padding:12px 14px;
	text-align:left;
	vertical-align:top
}
.article-prose table th {
	background:#ebeee2;
	font-weight:600
}
.article-prose table tbody tr:nth-child(even) {
	background:#f2f4ec
}
.article-prose .wp-block-table,.article-prose .prose-table-scroll {
	overflow-x:auto;
	margin:25px 0
}
.article-prose .prose-table-scroll table,.article-prose .wp-block-table table {
	margin:0;
	min-width:500px
}
.article-prose figure {
	margin:25px 0
}
.article-prose figcaption {
	font-size:11px;
	color:var(--muted);
	line-height:1.8;
	margin-top:8px
}
.article-prose pre {
	overflow-x:auto;
	background:var(--sand);
	padding:20px;
	font-size:12px
}
.article-prose code {
	font-family:var(--mono);
	font-size:.85em
}
.references-panel {
	margin-top:40px;
	padding:26px;
	background:#eef0e7;
	border:1px solid var(--line);
	border-radius:2px;
	scroll-margin-top:24px
}
.references-panel h2 {
	font-size:25px;
	margin-top:8px;
	margin-bottom:20px;
	font-weight:550
}
.references-panel ol {
	font-size:11px;
	line-height:1.9;
	margin:0;
	padding-left:20px;
	color:#52604d
}
.references-panel li {
	padding-left:6px;
	margin-bottom:13px;
	overflow-wrap:anywhere
}
.references-panel li:last-child {
	margin-bottom:0
}
.article-faq,.related-terms-panel {
	margin-top:37px
}
.article-faq>h2,.related-terms-panel h2 {
	font-size:25px;
	margin-bottom:20px;
	font-weight:550
}
.article-faq details,.wpaw-faq-item {
	border:1px solid var(--line);
	padding:17px 20px;
	margin-bottom:10px;
	background:#f6f7f1
}
.article-faq details>summary,.wpaw-faq-item>summary {
	font-size:13px;
	font-weight:600
}
.article-faq details p {
	font-size:13px;
	line-height:1.9;
	margin-top:15px
}
.related-terms-panel dl {
	font-size:13px
}
.related-terms-panel dt {
	font-weight:600;
	margin-top:17px
}
.related-terms-panel dd {
	margin:5px 0 0;
	color:var(--muted);
	line-height:1.9
}
.article-end {
	border-block:1px solid var(--line);
	padding:23px 0;
	margin:39px 0 25px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px
}
.article-end>div {
	display:flex;
	gap:15px;
	align-items:center
}
.article-end>div>.icon {
	color:var(--olive);
	width:28px;
	height:28px;
	stroke-width:1
}
.article-end p {
	font-size:10px;
	color:var(--muted);
	line-height:1.9
}
.article-end p a {
	color:var(--olive);
	font-weight:600
}
.copy-link {
	display:flex;
	align-items:center;
	gap:8px;
	white-space:nowrap;
	padding:10px 12px;
	background:#edf0e5;
	border:1px solid var(--line);
	font-size:10px;
	border-radius:2px
}
.copy-link>.icon {
	width:14px;
	height:14px
}
.adjacent-posts {
	display:flex;
	gap:40px;
	margin-bottom:40px;
	justify-content:space-between
}
.adjacent-posts>div {
	flex:1;
	max-width:45%
}
.adjacent-posts>div+div {
	text-align:right
}
.adjacent-posts span {
	font-size:8px;
	letter-spacing:.12em;
	color:var(--muted);
	display:block;
	margin-bottom:10px
}
.adjacent-posts a {
	font-size:12px;
	line-height:1.7
}
.related-section {
	border-top:1px solid var(--line);
	margin-top:28px
}
.policy-nav {
	border-top:1px solid var(--line);
	padding-top:20px
}
.policy-nav>.eyebrow {
	font-size:9px;
	margin-bottom:13px
}
.policy-nav a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
	font-size:11px;
	border-bottom:1px solid var(--line);
	padding:12px 0
}
.policy-nav .icon {
	width:14px;
	height:14px
}
.policy-nav a[aria-current] {
	color:var(--olive);
	font-weight:650
}
.wiki-page .reading-header {
	max-width:790px
}
.wiki-page .reading-layout {
	margin-bottom:60px
}
.error-main {
	padding-block:35px 65px
}
.error-code {
	font:100px/1 var(--serif);
	color:#9ba78a;
	display:block;
	margin-bottom:15px
}
.error-main h1 {
	font-size:36px;
	margin-top:12px
}
.error-main .hero-actions {
	justify-content:center
}
.page-links {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	font-size:12px;
	margin-top:25px
}
.comments-area {
	margin:35px 0
}
.comments-area h2 {
	font-size:24px;
	margin-bottom:20px
}
.comments-area input:not([type=checkbox]),.comments-area textarea {
	width:100%;
	border:1px solid var(--line);
	background:var(--white);
	padding:11px 14px;
	border-radius:2px
}
.comments-area label {
	font-size:12px;
	display:block
}
.comments-area p {
	font-size:12px;
	line-height:1.8;
	margin:15px 0
}
.comments-area input[type=submit] {
	width:auto;
	background:var(--olive);
	color:white;
	cursor:pointer
}
.comment-list {
	list-style:none;
	padding:0
}
.comment-list .comment {
	border-top:1px solid var(--line);
	padding:20px 0
}
.comment-author .avatar {
	float:left;
	margin-right:12px
}
.comment-metadata {
	font-size:10px;
	color:var(--muted)
}
.comment-content {
	font-size:13px;
	margin-top:16px
}
.comment-reply-link {
	font-size:11px;
	text-decoration:underline
}
.comment-list .children {
	list-style:none
}
.logged-in-as {
	font-size:11px
}
.post-password-form input {
	border:1px solid var(--line);
	padding:10px;
	max-width:100%
}

@media(min-width:1500px) {
	.home-hero {
		padding-top:68px;
		padding-bottom:32px
	}
	.hero-grid {
		gap:60px
	}
	.hero-copy h1 {
		font-size:68px
	}
	.hero-copy>p {
		font-size:14px
	}
	.hero-art {
		min-height:440px
	}

}

@media(max-width:1100px) {
	.container {
		width:calc(100% - 64px)
	}
	.header-main {
		gap:24px
	}
	.nav-links {
		gap:22px
	}
	.hero-grid {
		gap:18px;
		grid-template-columns:1.08fr 1fr
	}
	.hero-copy h1 {
		font-size:52px
	}
	.hero-actions {
		gap:18px
	}
	.hero-actions .button {
		gap:14px;
		padding:13px 16px
	}
	.hero-actions .text-link {
		font-size:10px
	}
	.hero-search-wrap {
		gap:18px
	}
	.search-suggestions {
		gap:6px;
		flex-wrap:wrap
	}
	.search-suggestions>span {
		width:100%
	}
	.section-heading h2 {
		font-size:23px
	}
	.start-card {
		padding:19px 16px;
		gap:10px
	}
	.start-card h3 {
		font-size:13px
	}
	.domain-grid,.cards-grid {
		gap:18px
	}
	.domain-bottom {
		gap:13px;
		padding-inline:18px
	}
	.domain-top {
		padding-inline:18px
	}
	.card-body {
		padding:20px
	}
	.card-body h3 {
		font-size:17px
	}
	.comparison-grid {
		gap:55px
	}
	.latest-grid {
		gap:35px
	}
	.footer-grid {
		gap:26px
	}
	.reading-layout {
		gap:40px;
		grid-template-columns:minmax(0,1fr) 235px
	}
	.reading-header {
		max-width:850px
	}
	.reading-header h1 {
		font-size:42px
	}
	.article-prose {
		font-size:15px
	}
	.trust-section {
		max-width:850px
	}
	.directory-filters label {
		min-width:130px
	}

}

@media(max-width:800px) {
	.container {
		width:calc(100% - 40px)
	}
	.utility-bar .container {
		min-height:28px
	}
	.utility-bar {
		font-size:8px
	}
	.utility-bar a {
		font-size:8px
	}
	.header-main {
		min-height:83px;
		gap:12px
	}
	.brand {
		font-size:31px
	}
	.brand-mark,.brand-mark .icon {
		width:34px;
		height:34px
	}
	.brand small {
		font-size:6px
	}
	.menu-button {
		display:grid;
		margin-left:auto
	}
	.search-toggle {
		width:42px;
		padding-left:10px
	}
	.primary-navigation {
		display:none;
		position:absolute;
		top:100%;
		left:0;
		right:0;
		background:var(--paper);
		border-block:1px solid var(--line);
		padding:15px 20px;
		box-shadow:0 10px 15px #172b340c
	}
	.primary-navigation.is-open {
		display:block
	}
	.nav-links {
		display:block
	}
	.nav-links a {
		padding:13px;
		font-size:14px
	}
	.nav-links a[aria-current] {
		box-shadow:none;
		background:var(--sand)
	}
	.nav-links .sub-menu {
		position:static;
		display:block;
		box-shadow:none;
		border:0;
		background:transparent;
		padding:0 0 0 22px
	}
	.header-search {
		padding-block:0 16px
	}
	.hero-grid {
		grid-template-columns:1.05fr .95fr;
		gap:18px
	}
	.home-hero {
		padding-top:35px
	}
	.hero-eyebrow {
		font-size:7px;
		letter-spacing:.1em;
		margin-bottom:18px
	}
	.hero-copy h1 {
		font-size:39px
	}
	.hero-copy>p {
		font-size:11px;
		line-height:1.9;
		margin-top:18px
	}
	.hero-actions {
		gap:14px;
		margin-top:20px
	}
	.hero-actions .button {
		font-size:10px;
		padding:10px 14px;
		min-height:41px
	}
	.hero-actions .text-link {
		font-size:9px
	}
	.hero-art {
		min-height:310px
	}
	.art-caption {
		font-size:6px;
		left:10px;
		right:10px
	}
	.art-caption>span:last-child {
		display:none
	}
	.coordinate-top {
		font-size:6px;
		left:10px;
		top:10px
	}
	.hero-search-wrap {
		margin-top:27px
	}
	.hero-search-wrap .search-box {
		flex:1.7
	}
	.search-suggestions {
		flex:1
	}
	.reference-strip .container {
		gap:15px;
		padding-block:13px
	}
	.reference-strip span {
		font-size:8px;
		gap:6px
	}
	.reference-strip .icon {
		width:14px
	}
	.section {
		padding-block:40px
	}
	.section-heading {
		margin-bottom:22px;
		gap:15px
	}
	.section-heading h2 {
		font-size:21px
	}
	.section-heading>div {
		gap:10px
	}
	.section-number {
		width:22px;
		height:22px;
		font-size:8px
	}
	.section-heading>.text-link {
		font-size:9px;
		gap:6px
	}
	.start-card {
		padding:17px 13px;
		gap:8px
	}
	.start-card>.icon {
		display:none
	}
	.start-card .eyebrow {
		font-size:7px
	}
	.start-card h3 {
		font-size:12px
	}
	.start-number {
		font-size:9px
	}
	.domain-grid,.cards-grid {
		gap:13px
	}
	.domain-top {
		padding:14px 13px;
		flex-wrap:wrap;
		gap:5px
	}
	.domain-top .eyebrow {
		font-size:7px
	}
	.domain-top>span:last-child {
		font-size:8px
	}
	.domain-illustration {
		height:80px
	}
	.domain-illustration>.icon {
		width:65px;
		height:55px
	}
	.domain-card:nth-child(3) .domain-illustration>.icon {
		width:65px;
		height:65px
	}
	.domain-bottom {
		padding:13px 13px 17px;
		gap:8px
	}
	.domain-bottom h3 {
		font-size:25px
	}
	.domain-bottom p {
		font-size:9px
	}
	.round-arrow {
		width:24px;
		height:24px
	}
	.round-arrow .icon {
		width:12px
	}
	.card-visual {
		height:140px
	}
	.card-visual .platform-art {
		width:95px;
		height:80px
	}
	.visual-caption {
		font-size:6px;
		left:12px;
		bottom:10px
	}
	.card-body {
		padding:16px
	}
	.card-body h3 {
		font-size:15px;
		line-height:1.4
	}
	.card-body>p {
		font-size:10px
	}
	.card-body .eyebrow {
		font-size:7px
	}
	.card-bottom {
		font-size:8px;
		gap:4px
	}
	.comparison-section {
		padding-block:40px
	}
	.comparison-grid {
		gap:30px
	}
	.comparison-section h2 {
		font-size:30px
	}
	.comparison-list>a {
		gap:13px;
		padding-block:17px
	}
	.comparison-list h3 {
		font-size:13px
	}
	.comparison-list>a>span {
		width:30px;
		height:30px
	}
	.comparison-list>a>span>.icon {
		width:16px
	}
	.comparison-section p {
		font-size:10px
	}
	.latest-grid {
		gap:25px;
		grid-template-columns:1.5fr 1fr
	}
	.latest-list>article {
		gap:14px;
		padding-block:18px
	}
	.latest-list h3 {
		font-size:14px
	}
	.latest-list time {
		padding-right:12px;
		min-width:48px;
		font-size:7px
	}
	.latest-list time strong {
		font-size:26px
	}
	.latest-list>article>a {
		display:none
	}
	.dictionary-promo {
		padding:20px
	}
	.dictionary-aa {
		font-size:58px
	}
	.dictionary-aa>span {
		font-size:30px;
		margin-left:10px
	}
	.dictionary-promo h3 {
		font-size:22px
	}
	.dictionary-promo p {
		font-size:10px
	}
	.dictionary-promo .button {
		font-size:8px;
		gap:10px
	}
	.trust-section {
		padding-block:45px;
		grid-template-columns:95px 1fr;
		gap:25px
	}
	.trust-icon {
		width:90px;
		height:90px;
		outline-offset:-10px
	}
	.trust-icon .icon {
		width:50px;
		height:50px
	}
	.trust-section h2 {
		font-size:28px
	}
	.trust-links {
		gap:20px
	}
	.trust-links .text-link {
		font-size:9px
	}
	.footer-grid {
		grid-template-columns:1.5fr 1fr 1fr;
		gap:30px
	}
	.footer-about {
		grid-row:span 2
	}
	.footer-grid>nav:last-child {
		grid-column:2/4
	}
	.footer-grid>nav:last-child ul {
		grid-template-columns:1fr 1fr
	}
	.footer-bottom>div {
		gap:16px
	}
	.footer-bottom .back-top {
		margin-left:5px
	}
	.archive-intro {
		gap:30px
	}
	.archive-intro h1 {
		font-size:42px
	}
	.archive-description {
		font-size:12px
	}
	.archive-symbol {
		margin-right:0
	}
	.archive-symbol>.icon {
		width:85px;
		height:85px
	}
	.reading-header {
		padding-top:28px
	}
	.reading-header h1 {
		font-size:36px
	}
	.reading-layout {
		gap:28px;
		grid-template-columns:minmax(0,1fr) 190px
	}
	.article-prose {
		font-size:14px;
		line-height:1.95
	}
	.article-prose h2 {
		font-size:24px
	}
	.article-prose h3 {
		font-size:19px
	}
	.summary-box {
		padding:19px
	}
	.summary-box>div {
		font-size:13px
	}
	.toc-panel a {
		font-size:10px;
		padding-inline:11px
	}
	.toc-panel .toc-level-3 a {
		font-size:9px;
		padding-left:20px
	}
	.sidebar-note {
		padding:16px
	}
	.sidebar-note h3 {
		font-size:19px
	}
	.sidebar-note p {
		font-size:9px
	}
	.article-end {
		align-items:flex-start;
		flex-direction:column;
		gap:16px
	}
	.article-end .copy-link {
		align-self:flex-end
	}
	.references-panel {
		padding:21px
	}
	.glossary-group {
		grid-template-columns:55px 1fr;
		gap:20px
	}
	.glossary-group>h2 {
		font-size:45px
	}
	.glossary-entry h3 {
		font-size:21px
	}
	.glossary-entry p {
		font-size:11px
	}
	.alphabet-nav a,.alphabet-nav>span {
		width:30px;
		height:32px;
		font-size:11px
	}

}

@media(max-width:600px) {
	.container {
		width:calc(100% - 36px)
	}
	.utility-bar a {
		display:none
	}
	.utility-bar .container {
		justify-content:center;
		font-size:7px;
		min-height:25px
	}
	.header-main {
		min-height:77px
	}
	.brand {
		font-size:29px;
		gap:7px
	}
	.brand small {
		font-size:5.5px;
		letter-spacing:.13em
	}
	.brand-mark,.brand-mark .icon {
		width:31px;
		height:31px
	}
	.header-main .icon-button {
		width:37px;
		height:37px
	}
	.header-main .icon-button .icon {
		width:21px;
		height:21px
	}
	.hero-grid {
		display:block
	}
	.home-hero {
		padding-top:31px;
		padding-bottom:20px
	}
	.hero-eyebrow {
		font-size:8px;
		margin-bottom:19px
	}
	.hero-copy h1 {
		font-size:48px;
		line-height:1.06
	}
	.hero-copy>p {
		font-size:12px;
		max-width:100%;
		margin-top:20px;
		line-height:1.9
	}
	.hero-actions {
		gap:16px;
		margin-top:23px
	}
	.hero-actions .button {
		font-size:11px;
		padding:12px 15px;
		gap:12px;
		min-height:45px
	}
	.hero-actions .text-link {
		font-size:9px;
		gap:7px
	}
	.hero-art {
		height:265px;
		min-height:0;
		max-width:480px;
		margin:28px auto 0;
		overflow:hidden
	}
	.hero-art img {
		height:100%;
		object-fit:cover;
		object-position:center;
		aspect-ratio:auto
	}
	.hero-art .coordinate-top {
		font-size:7px;
		top:12px;
		left:12px
	}
	.art-caption {
		bottom:13px;
		left:13px;
		right:13px;
		font-size:7px
	}
	.art-caption>span:last-child {
		display:block;
		font-size:5px
	}
	.hero-search-wrap {
		display:block;
		margin-top:24px
	}
	.hero-search-wrap .search-box {
		width:100%
	}
	.search-box {
		padding-left:12px;
		gap:9px
	}
	.search-box input {
		font-size:11px;
		padding-block:10px
	}
	.search-box button {
		padding:9px 12px;
		gap:13px;
		font-size:10px;
		min-height:36px
	}
	.search-box>.icon {
		width:17px
	}
	.search-suggestions {
		gap:6px;
		margin-top:12px;
		font-size:9px
	}
	.search-suggestions>span {
		width:auto
	}
	.search-suggestions a {
		padding:2px 7px
	}
	.reference-strip .container {
		justify-content:center;
		flex-wrap:wrap;
		gap:7px 19px;
		padding-block:13px
	}
	.reference-strip span {
		font-size:8px
	}
	.reference-strip span:last-child {
		display:none
	}
	.section {
		padding-block:35px
	}
	.section-heading {
		align-items:flex-start;
		gap:14px;
		margin-bottom:21px
	}
	.section-heading>div {
		align-items:flex-start;
		gap:9px
	}
	.section-heading h2 {
		font-size:22px;
		line-height:1.3
	}
	.section-number {
		margin-top:3px;
		width:22px;
		height:22px
	}
	.section-heading>.text-link {
		font-size:8px;
		gap:5px;
		white-space:normal;
		text-align:right;
		flex-shrink:0;
		max-width:92px;
		margin-top:5px;
		line-height:1.6
	}
	.section-heading>.text-link .icon {
		width:13px
	}
	.start-grid {
		grid-template-columns:1fr
	}
	.start-card {
		padding:20px;
		gap:16px;
		align-items:center
	}
	.start-card+.start-card {
		border-left:0;
		border-top:1px solid var(--line)
	}
	.start-card .eyebrow {
		font-size:8px
	}
	.start-card h3 {
		font-size:15px;
		margin-block:6px 7px
	}
	.start-card .subtle {
		font-size:9px
	}
	.start-card>.icon {
		display:block;
		width:17px;
		height:17px
	}
	.start-number {
		font-size:10px;
		align-self:flex-start;
		margin-top:3px
	}
	.domain-grid {
		grid-template-columns:1fr;
		gap:13px
	}
	.domain-card {
		position:relative;
		min-height:150px
	}
	.domain-top {
		padding:17px 20px
	}
	.domain-top .eyebrow {
		font-size:8px
	}
	.domain-top>span:last-child {
		font-size:9px
	}
	.domain-illustration {
		position:absolute;
		right:20px;
		top:47px;
		width:95px;
		height:85px
	}
	.domain-illustration>.icon {
		width:80px;
		height:60px
	}
	.domain-card:nth-child(3) .domain-illustration>.icon {
		width:65px;
		height:75px
	}
	.domain-bottom {
		padding:0 20px 21px;
		max-width:calc(100% - 105px);
		gap:10px
	}
	.domain-bottom h3 {
		font-size:29px;
		margin-bottom:5px
	}
	.domain-bottom p {
		font-size:10px;
		max-width:220px
	}
	.domain-bottom .round-arrow {
		display:none
	}
	.cards-grid {
		grid-template-columns:1fr;
		gap:18px
	}
	.card-visual {
		height:190px
	}
	.card-visual .platform-art {
		width:135px;
		height:110px
	}
	.visual-air .platform-art {
		width:100px;
		height:140px
	}
	.visual-caption {
		font-size:7px;
		left:20px;
		bottom:15px
	}
	.card-body {
		padding:22px
	}
	.card-body .eyebrow {
		font-size:9px
	}
	.card-body h3 {
		font-size:21px;
		margin:10px 0 12px
	}
	.card-body>p {
		font-size:12px;
		line-height:1.85;
		margin-bottom:20px
	}
	.card-bottom {
		font-size:10px
	}
	.section-note {
		font-size:9px;
		line-height:1.8;
		margin-top:20px
	}
	.comparison-section {
		padding-block:37px
	}
	.comparison-grid {
		grid-template-columns:1fr;
		gap:29px
	}
	.comparison-section h2 {
		font-size:37px
	}
	.comparison-section p {
		font-size:12px;
		max-width:360px
	}
	.comparison-section .text-link {
		font-size:11px;
		margin-top:19px
	}
	.comparison-list>a {
		padding-block:19px;
		gap:15px
	}
	.comparison-list h3 {
		font-size:15px
	}
	.comparison-list .eyebrow {
		font-size:8px
	}
	.comparison-list>a>span {
		width:35px;
		height:35px
	}
	.latest-grid {
		grid-template-columns:1fr;
		gap:27px
	}
	.latest-list h3 {
		font-size:17px
	}
	.latest-list>article {
		padding-block:21px;
		gap:18px
	}
	.latest-list time {
		font-size:8px;
		min-width:53px
	}
	.latest-list time strong {
		font-size:30px
	}
	.latest-list .eyebrow {
		font-size:8px
	}
	.latest-list .subtle {
		font-size:10px
	}
	.dictionary-promo {
		padding:25px;
		position:relative;
		overflow:hidden
	}
	.dictionary-promo h3 {
		font-size:28px;
		margin-top:22px
	}
	.dictionary-promo p {
		font-size:12px;
		max-width:270px;
		position:relative
	}
	.dictionary-aa {
		position:absolute;
		right:20px;
		top:5px;
		font-size:65px;
		opacity:.2
	}
	.dictionary-aa>span {
		font-size:32px
	}
	.dictionary-promo .button {
		font-size:11px;
		gap:24px;
		min-height:43px
	}
	.trust-section {
		display:block;
		text-align:center;
		padding-block:40px
	}
	.trust-icon {
		width:75px;
		height:75px;
		margin:0 auto 24px;
		outline-offset:-8px
	}
	.trust-icon .icon {
		width:42px;
		height:42px
	}
	.trust-section h2 {
		font-size:31px;
		line-height:1.2;
		margin-block:13px
	}
	.trust-section p {
		font-size:12px;
		line-height:1.9
	}
	.trust-links {
		justify-content:center;
		flex-wrap:wrap;
		gap:13px 22px;
		margin-top:22px
	}
	.trust-links .text-link {
		font-size:10px
	}
	.site-footer {
		padding-top:36px
	}
	.footer-grid {
		grid-template-columns:1fr 1fr;
		gap:30px 20px;
		padding-bottom:29px
	}
	.footer-about {
		grid-column:1/3;
		grid-row:auto;
		padding-bottom:5px
	}
	.footer-about .footer-description {
		max-width:330px;
		font-size:11px
	}
	.footer-about>p {
		font-size:12px
	}
	.independent-label {
		font-size:9px;
		margin-top:15px
	}
	.footer-grid nav h2 {
		font-size:12px;
		margin-bottom:16px
	}
	.footer-grid ul {
		font-size:11px;
		gap:11px
	}
	.footer-grid>nav:last-child {
		grid-column:1/3
	}
	.footer-bottom {
		flex-direction:column;
		gap:15px;
		font-size:9px;
		padding-block:21px
	}
	.footer-bottom>div {
		gap:19px;
		flex-wrap:wrap
	}
	.footer-bottom .back-top {
		margin-left:auto
	}
	.archive-hero {
		padding:18px 0 30px
	}
	.breadcrumbs {
		font-size:9px;
		gap:6px
	}
	.breadcrumbs [aria-current] {
		max-width:230px
	}
	.archive-intro {
		margin-top:25px;
		gap:15px;
		align-items:flex-start
	}
	.archive-intro .eyebrow {
		font-size:8px
	}
	.archive-intro h1 {
		font-size:37px;
		line-height:1.1;
		margin-block:13px 16px;
		overflow-wrap:anywhere
	}
	.archive-description {
		font-size:12px
	}
	.archive-symbol {
		display:none
	}
	.archive-content {
		padding-top:24px;
		padding-bottom:35px
	}
	.directory-filters {
		gap:13px;
		padding:17px
	}
	.directory-filters label {
		flex:1;
		min-width:calc(50% - 15px)
	}
	.directory-filters label>span {
		font-size:10px
	}
	.directory-filters .filter-search {
		min-width:100%;
		flex:1
	}
	.directory-filters input,.directory-filters select {
		font-size:12px;
		height:44px
	}
	.directory-filters .button {
		flex:1;
		min-height:44px;
		font-size:11px
	}
	.filter-reset {
		padding-inline:16px;
		font-size:11px
	}
	.topic-navigation {
		gap:7px
	}
	.topic-navigation a {
		font-size:10px;
		padding:7px 12px
	}
	.results-toolbar {
		margin-block:25px 20px;
		font-size:10px
	}
	.results-toolbar>span {
		font:8px/1.7 var(--sans);
		text-align:right;
		max-width:145px
	}
	.archive-note {
		padding:18px;
		align-items:flex-start;
		margin-top:30px;
		gap:12px
	}
	.archive-note>.icon {
		margin-top:3px;
		width:18px
	}
	.archive-note p {
		font-size:10px
	}
	.alphabet-nav {
		gap:5px;
		padding-block:13px;
		margin-bottom:28px
	}
	.alphabet-nav a,.alphabet-nav>span {
		width:29px;
		height:31px;
		font-size:12px
	}
	.glossary-group {
		grid-template-columns:35px 1fr;
		gap:16px;
		margin-bottom:20px
	}
	.glossary-group>h2 {
		font-size:38px;
		padding-top:20px
	}
	.glossary-group>div {
		grid-template-columns:1fr;
		gap:0
	}
	.glossary-entry {
		padding:20px 0
	}
	.glossary-entry h3 {
		font-size:23px
	}
	.glossary-entry p {
		font-size:12px
	}
	.glossary-entry>.text-link {
		font-size:10px
	}
	.reading-main {
		padding-top:18px
	}
	.reading-header {
		padding:29px 0 25px
	}
	.reading-header>.eyebrow {
		font-size:9px
	}
	.reading-header h1 {
		font-size:33px;
		line-height:1.17;
		margin-top:13px;
		text-wrap:initial
	}
	.reading-meta {
		gap:7px;
		font-size:9px;
		line-height:1.8;
		margin-top:20px
	}
	.author-avatar {
		width:26px;
		height:26px
	}
	.meta-separator {
		margin-inline:2px
	}
	.reading-layout {
		display:flex;
		flex-direction:column;
		gap:23px;
		padding-top:23px
	}
	.reading-sidebar {
		order:-1;
		align-self:stretch
	}
	.sidebar-sticky {
		position:static
	}
	.reading-sidebar .sidebar-note,.reading-sidebar .policy-nav {
		display:none
	}
	.toc-panel {
		margin:0;
		border:1px solid var(--line);
		background:#f2f4eb
	}
	.toc-panel>summary {
		padding:14px 17px;
		font-size:11px
	}
	.toc-panel ol {
		padding:0 17px 15px;
		max-height:240px
	}
	.toc-panel a {
		font-size:11px;
		padding:6px 14px
	}
	.toc-panel .toc-level-3 a {
		font-size:10px;
		padding-left:25px
	}
	.reading-content {
		width:100%
	}
	.summary-box {
		padding:20px;
		margin-bottom:22px
	}
	.summary-box>div {
		font-size:14px;
		line-height:1.9
	}
	.summary-box>.eyebrow {
		font-size:9px
	}
	.article-prose {
		font-size:15px;
		line-height:1.95
	}
	.article-prose h2 {
		font-size:25px;
		line-height:1.35;
		margin:33px 0 17px
	}
	.article-prose h3 {
		font-size:20px;
		line-height:1.4;
		margin:26px 0 14px
	}
	.article-prose p {
		margin-bottom:21px
	}
	.article-prose blockquote {
		padding:18px 21px;
		font-size:18px
	}
	.article-prose table {
		font-size:11px
	}
	.article-prose table th,.article-prose table td {
		padding:10px 12px
	}
	.facts-panel>summary {
		font-size:11px;
		padding:15px 17px
	}
	.facts-panel>summary>span {
		font-size:9px;
		gap:12px
	}
	.facts-panel th,.facts-panel td {
		padding:10px 13px;
		font-size:10px
	}
	.references-panel {
		margin-top:30px;
		padding:21px
	}
	.references-panel h2 {
		font-size:24px
	}
	.references-panel ol {
		font-size:11px
	}
	.article-end {
		margin-top:30px
	}
	.article-end p {
		font-size:10px
	}
	.article-end>div {
		gap:10px
	}
	.article-end>div>.icon {
		width:25px;
		height:25px
	}
	.adjacent-posts {
		gap:23px
	}
	.adjacent-posts a {
		font-size:11px
	}
	.adjacent-posts span {
		font-size:7px
	}
	.reading-sidebar:has(.toc-panel:only-child) {
		margin-bottom:0
	}
	.reading-sidebar:has(.policy-nav):not(:has(.toc-panel)) {
		display:none
	}
	.related-section {
		padding-top:32px
	}
	.error-main {
		padding-block:15px 35px
	}
	.empty-state {
		padding:40px 0
	}
	.empty-state h2 {
		font-size:26px
	}
	.error-main h1 {
		font-size:32px
	}
	.error-code {
		font-size:85px
	}
	.empty-state p {
		font-size:12px
	}
	.wiki-page .reading-layout {
		margin-bottom:35px
	}
	.wp-block-columns {
		flex-wrap:wrap!important
	}

}

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

}

@media print {
	.utility-bar,.primary-navigation,.search-toggle,.menu-button,.header-search,.reading-sidebar,.related-section,.site-footer,.article-end,.adjacent-posts,.comments-area {
		display:none!important
	}
	.container {
		width:100%;
		max-width:none
	}
	.reading-layout {
		display:block
	}
	.reading-header h1 {
		font-size:30px
	}
	.article-prose {
		font-size:11pt
	}
	.header-main {
		min-height:70px
	}
	.summary-box,.references-panel {
		break-inside:avoid
	}
	body {
		background:white;
		color:black
	}
	.facts-panel>summary {
		display:none
	}
	.facts-panel:not([open])>*:not(summary) {
		display:block!important
	}

}

/* Reading comfort at desktop and phone sizes. */
.page-pending {
	border:1px solid var(--line);
	background:#f0f2e9;
	border-radius:3px;
	padding:36px;
	min-height:300px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center
}
.page-pending>.icon {
	width:30px;
	height:30px;
	color:var(--olive);
	margin-bottom:20px
}
.page-pending>.eyebrow {
	font-size:9px
}
.page-pending h2 {
	font:400 30px/1.3 var(--serif);
	margin:10px 0 15px
}
.page-pending p {
	font-size:14px;
	color:var(--muted);
	line-height:1.9;
	max-width:520px
}
.page-pending .text-link {
	margin-top:23px;
	font-size:12px
}

@media(min-width:801px) {
	.hero-copy>p {
		font-size:15px
	}
	.hero-eyebrow {
		font-size:10px
	}
	.nav-links a {
		font-size:13px
	}
	.hero-actions .text-link {
		font-size:12px
	}
	.hero-actions .button {
		font-size:13px
	}
	.search-box input {
		font-size:13px
	}
	.search-suggestions {
		font-size:11px
	}
	.reference-strip span {
		font-size:11px
	}
	.section-heading>.text-link {
		font-size:12px
	}
	.start-card h3 {
		font-size:17px
	}
	.start-card .eyebrow {
		font-size:9px
	}
	.start-card .subtle {
		font-size:11px
	}
	.domain-top {
		font-size:10px
	}
	.domain-top .eyebrow {
		font-size:9px
	}
	.domain-bottom p {
		font-size:12px
	}
	.card-body h3 {
		font-size:21px
	}
	.card-body>p {
		font-size:13px
	}
	.card-body .eyebrow {
		font-size:9px
	}
	.card-bottom {
		font-size:11px
	}
	.section-note {
		font-size:12px
	}
	.comparison-section p {
		font-size:13px
	}
	.comparison-list h3 {
		font-size:17px
	}
	.comparison-section .text-link {
		font-size:12px
	}
	.comparison-section .eyebrow {
		font-size:9px
	}
	.latest-list h3 {
		font-size:19px
	}
	.latest-list .eyebrow {
		font-size:9px
	}
	.latest-list .subtle {
		font-size:11px
	}
	.dictionary-promo p {
		font-size:13px
	}
	.dictionary-promo .button {
		font-size:12px
	}
	.context-section .card-body h3 {
		font-size:21px
	}
	.trust-section p {
		font-size:13px
	}
	.trust-links .text-link {
		font-size:12px
	}
	.footer-grid ul {
		font-size:12px
	}
	.footer-grid nav h2 {
		font-size:13px
	}
	.footer-about>p {
		font-size:13px
	}
	.footer-about .footer-description {
		font-size:12px
	}
	.independent-label {
		font-size:10px
	}
	.footer-bottom {
		font-size:10px
	}
	.archive-description {
		font-size:15px
	}
	.directory-filters input,.directory-filters select {
		font-size:13px
	}
	.directory-filters label>span {
		font-size:11px
	}
	.directory-filters .button {
		font-size:12px
	}
	.filter-reset {
		font-size:12px
	}
	.results-toolbar {
		font-size:13px
	}
	.results-toolbar>span {
		font-size:10px
	}
	.archive-note p {
		font-size:13px
	}
	.glossary-entry p {
		font-size:14px
	}
	.glossary-entry>.text-link {
		font-size:12px
	}
	.toc-panel a {
		font-size:12px
	}
	.toc-panel .toc-level-3 a {
		font-size:11px
	}
	.sidebar-note p {
		font-size:12px
	}
	.sidebar-note .text-link {
		font-size:11px
	}
	.reading-meta {
		font-size:12px
	}
	.references-panel ol {
		font-size:13px
	}
	.article-end p {
		font-size:12px
	}
	.copy-link {
		font-size:11px
	}
	.policy-nav a {
		font-size:13px
	}
	.archive-note {
		align-items:flex-start
	}
	.archive-note>.icon {
		margin-top:3px
	}

}

@media(max-width:600px) {
	.hero-copy>p {
		font-size:14px
	}
	.hero-actions .text-link {
		font-size:10px
	}
	.reference-strip span {
		font-size:9px
	}
	.start-card h3 {
		font-size:16px
	}
	.domain-bottom p {
		font-size:12px
	}
	.card-body>p {
		font-size:14px
	}
	.comparison-section p {
		font-size:14px
	}
	.dictionary-promo p {
		font-size:14px
	}
	.trust-section p {
		font-size:14px
	}
	.archive-description {
		font-size:14px
	}
	.glossary-entry p {
		font-size:14px
	}
	.archive-note p {
		font-size:12px
	}
	.toc-panel a {
		font-size:12px
	}
	.sidebar-note p {
		font-size:12px
	}
	.article-end p {
		font-size:11px
	}
	.page-pending {
		padding:25px;
		min-height:320px
	}
	.page-pending h2 {
		font-size:28px
	}
	.page-pending p {
		font-size:14px
	}

}

@media(max-width:800px) {
	html:not(.js) .header-main {
		flex-wrap:wrap;
		padding-block:18px
	}
	html:not(.js) .primary-navigation {
		display:block;
		position:static;
		order:3;
		flex-basis:100%;
		box-shadow:none;
		padding:8px 0 0;
		border-bottom:0
	}
	html:not(.js) .nav-links {
		display:flex;
		flex-wrap:wrap;
		gap:4px 18px
	}
	html:not(.js) .nav-links a {
		padding:8px 0;
		font-size:12px
	}
	html:not(.js) .menu-button,html:not(.js) .search-toggle {
		display:none
	}

}

@media(max-width:600px) {
	.hero-copy h1 {
		font-size:44px
	}

}

.toc-panel summary>span {
	font-size:0
}
.toc-panel summary>span::after {
	content:'+';
	font-size:16px;
	font-weight:400
}
.toc-panel[open] summary>span::after {
	content:'−'
}
.facts-panel[open]>summary>span>span {
	font-size:0
}
.facts-panel[open]>summary>span>span::after {
	content:'−';
	font-size:20px
}