/*
 * AltWire theme styles. Colours, fonts and widths are custom properties at
 * the top (theme.json gives the editor the same palette). Mobile first.
 */

/* ------------------------------------------------------------------ fonts */
@font-face { font-family: "Oswald"; src: url(fonts/oswald-normal-400-700.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "PT Sans"; src: url(fonts/pt-sans-normal-400.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "PT Sans"; src: url(fonts/pt-sans-normal-700.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "PT Sans"; src: url(fonts/pt-sans-italic-400.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Roboto Slab"; src: url(fonts/roboto-slab-normal-400-700.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

/* ----------------------------------------------------------------- tokens */
:root {
	--aw-ink: #191919;
	--aw-ink-2: #5b5b5b;
	--aw-paper: #fff;
	--aw-purple: #311451;
	--aw-purple-2: #4a2377;
	--aw-purple-ink: var(--aw-purple); /* purple used as text; lighter in dark mode */
	--aw-field-border: #c9c9d1;
	--aw-mist: #ecf3fa;
	--aw-gold: #dbaf02;
	--aw-line: #e3e3e8;
	--aw-link: #191eb3; /* the site's link blue */
	--aws-accent: var(--aw-gold);

	--aw-head: "Oswald", "Arial Narrow", Arial, sans-serif;
	--aw-ui: "PT Sans", "Helvetica Neue", Arial, sans-serif;
	--aw-read: "Roboto Slab", Georgia, serif;

	--aw-wide: 1280px;
	--aw-text: 720px;
	--aw-gutter: 16px;
	--aw-radius: 4px;
}
@media (min-width: 700px) { :root { --aw-gutter: 24px; } }

/* GeneratePress's global colours, which older posts and blocks reference. */
:root {
	--contrast: #191919;
	--contrast-2: #5b5b5b;
	--contrast-3: #b2b2be;
	--base: #f0f0f0;
	--base-2: #f7f8f9;
	--base-3: #fff;
	--accent: #311451;
	--accent-2: #ecf3fa;
	--accent-3: #dbaf02;
}

/* ------------------------------------------------------------------- base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 80px; }
body { margin: 0; background: var(--aw-paper); color: var(--aw-ink); font: 400 17px/1.55 var(--aw-ui); overflow-wrap: break-word; }
img, svg, video, iframe { max-width: 100%; }
img, video { height: auto; }
a { color: var(--aw-link); text-underline-offset: 2px; }
a:hover { color: var(--aw-purple-2); }
:focus-visible { outline: 3px solid var(--aw-gold); outline-offset: 2px; }
h1, h2, h3, h4, h5, h6 { font-family: var(--aw-head); font-weight: 600; line-height: 1.15; color: var(--aw-ink); margin: 1.6em 0 0.5em; }
h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3rem); }
h2 { font-size: clamp(1.45rem, 1.2rem + 1vw, 1.9rem); }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.1rem; }
p, ul, ol, figure, blockquote, table, pre { margin: 0 0 1.1em; }
figure { margin-left: 0; margin-right: 0; }
hr { border: 0; border-top: 1px solid var(--aw-line); margin: 2rem 0; }
table { border-collapse: collapse; width: 100%; }
th, td { border-bottom: 1px solid var(--aw-line); padding: 0.5em 0.6em; text-align: left; }
input, select, textarea, button { font: inherit; color: inherit; }
input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="password"], textarea, select {
	border: 1px solid var(--aw-field-border); border-radius: var(--aw-radius); background: var(--aw-paper); color: var(--aw-ink); padding: 0.55em 0.7em; max-width: 100%;
}
button, input[type="submit"], .wp-element-button, .wp-block-button__link {
	border: 0; border-radius: var(--aw-radius); background: var(--aw-purple); color: #fff; padding: 0.6em 1.1em; font-family: var(--aw-head); font-weight: 500; letter-spacing: 0.03em; text-transform: uppercase; cursor: pointer; text-decoration: none;
}
button:hover, input[type="submit"]:hover, .wp-block-button__link:hover { background: var(--aw-purple-2); color: #fff; }

.aw-sr, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.aw-skip { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--aw-gold); color: var(--aw-ink); padding: 0.6em 1em; font-weight: 700; }
.aw-skip:focus { left: 8px; top: 8px; }
.aw-wrap { width: 100%; max-width: calc(var(--aw-wide) + 2 * var(--aw-gutter)); margin-inline: auto; padding-inline: var(--aw-gutter); }

/* ----------------------------------------------------------------- header */
.aw-header { position: sticky; top: 0; z-index: 50; background: var(--aw-paper); border-bottom: 4px solid var(--aw-gold); }
.admin-bar .aw-header { top: 46px; }
@media (min-width: 783px) { .admin-bar .aw-header { top: 32px; } }
.aw-header-inner { display: flex; align-items: center; gap: 1rem; min-height: 60px; }
.aw-brand { flex: 0 1 auto; min-width: 0; }
.aw-brand .custom-logo-link { display: block; }
.aw-brand img { display: block; width: auto; height: 34px; max-width: 220px; object-fit: contain; object-position: left center; }
.aw-wordmark { font: 700 1.6rem/1 var(--aw-head); color: var(--aw-ink); text-decoration: none; text-transform: uppercase; letter-spacing: 0.02em; }
.aw-menu-toggle { margin-left: auto; background: none; color: var(--aw-ink); padding: 10px; width: 44px; height: 44px; display: grid; place-items: center; }
.aw-menu-toggle:hover { background: var(--aw-mist); color: var(--aw-ink); }
.aw-burger, .aw-burger::before, .aw-burger::after { display: block; width: 22px; height: 2px; background: currentColor; border-radius: 1px; transition: transform 0.2s, opacity 0.2s; }
.aw-burger { position: relative; }
.aw-burger::before, .aw-burger::after { content: ""; position: absolute; left: 0; }
.aw-burger::before { top: -7px; }
.aw-burger::after { top: 7px; }
.aw-menu-toggle[aria-expanded="true"] .aw-burger { background: transparent; }
.aw-menu-toggle[aria-expanded="true"] .aw-burger::before { transform: translateY(7px) rotate(45deg); }
.aw-menu-toggle[aria-expanded="true"] .aw-burger::after { transform: translateY(-7px) rotate(-45deg); }

.aw-nav { display: none; }
.aw-nav.is-open { display: block; position: absolute; left: 0; right: 0; top: 100%; background: var(--aw-paper); border-bottom: 4px solid var(--aw-gold); padding: 0.5rem var(--aw-gutter) 1rem; max-height: calc(100vh - 64px); overflow-y: auto; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); }
.aw-menu { list-style: none; margin: 0; padding: 0; }
.aw-menu a { display: block; padding: 0.7rem 0; font: 500 1.05rem/1.2 var(--aw-head); text-transform: uppercase; letter-spacing: 0.04em; color: var(--aw-ink); text-decoration: none; }
.aw-menu > li + li { border-top: 1px solid var(--aw-line); }
.aw-menu .sub-menu { list-style: none; margin: 0 0 0.5rem; padding: 0 0 0 1rem; }
.aw-menu .sub-menu a { font-size: 0.95rem; padding: 0.45rem 0; color: var(--aw-ink-2); }
.aw-menu .current-menu-item > a, .aw-menu .current-menu-ancestor > a, .aw-menu .current-cat > a { color: var(--aw-purple-ink); }
.aw-search { display: flex; margin-top: 0.75rem; }
.aw-search input { flex: 1; min-width: 0; border-radius: var(--aw-radius) 0 0 var(--aw-radius); border-right: 0; }
.aw-search button { border-radius: 0 var(--aw-radius) var(--aw-radius) 0; padding: 0 0.8rem; display: grid; place-items: center; }

@media (min-width: 1000px) {
	.aw-header-inner { min-height: 72px; gap: 2rem; }
	.aw-brand img { height: 42px; max-width: 260px; }
	.aw-menu-toggle { display: none; }
	.aw-nav, .aw-nav.is-open { display: flex; align-items: center; gap: 1.25rem; flex: 1; position: static; padding: 0; border: 0; box-shadow: none; max-height: none; overflow: visible; background: none; }
	.aw-menu { display: flex; flex-wrap: wrap; gap: 0 1.35rem; }
	.aw-menu > li { position: relative; }
	.aw-menu > li + li { border-top: 0; }
	.aw-menu > li > a { padding: 1.55rem 0 1.35rem; font-size: 1rem; border-bottom: 3px solid transparent; }
	.aw-menu > li > a:hover, .aw-menu > .current-menu-item > a, .aw-menu > .current-menu-ancestor > a { border-bottom-color: var(--aw-purple); color: var(--aw-purple-ink); }
	.aw-menu .sub-menu { display: none; position: absolute; top: 100%; left: -1rem; min-width: 220px; margin: 0; padding: 0.4rem 0; background: var(--aw-paper); border-top: 4px solid var(--aw-gold); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.14); }
	.aw-menu li:hover > .sub-menu, .aw-menu li:focus-within > .sub-menu { display: block; }
	.aw-menu .sub-menu a { padding: 0.5rem 1rem; color: var(--aw-ink); }
	.aw-menu .sub-menu a:hover { background: var(--aw-mist); }
	.aw-search { margin: 0 0 0 auto; width: 240px; }
}

/* ----------------------------------------------------------- page layout */
.aw-main { display: block; min-height: 60vh; }
.aw-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; padding-block: 1.5rem 3rem; }
@media (min-width: 1000px) {
	.aw-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 3rem; padding-block: 2rem 4rem; }
	.aw-sidebar-inner { position: sticky; top: calc(72px + 4px + 1.5rem); }
	.admin-bar .aw-sidebar-inner { top: calc(32px + 72px + 4px + 1.5rem); }
}

/* --------------------------------------------------------- kicker, byline */
.aw-kicker { display: inline-block; font: 600 0.78rem/1.2 var(--aw-head); text-transform: uppercase; letter-spacing: 0.08em; color: var(--aw-purple-ink); text-decoration: none; margin-bottom: 0.4rem; }
.aw-kicker:hover { text-decoration: underline; }
.aw-byline { display: block; font-size: 0.82rem; color: var(--aw-ink-2); }
.aw-byline a { color: inherit; font-weight: 700; text-decoration: none; }
.aw-byline a:hover { color: var(--aw-purple-ink); text-decoration: underline; }

/* ------------------------------------------------------------------ cards */
.aw-thumb { display: block; position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--aw-radius); background: var(--aw-mist); }
.aw-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.aw-thumb-empty { background: linear-gradient(135deg, var(--aw-purple), #1d0b31); }
.aw-thumb-empty::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0 46%, var(--aw-gold) 46% 54%, transparent 54%) center / 34% 3px no-repeat; opacity: 0.8; }
.aw-card { position: relative; min-width: 0; }
.aw-card-media { display: block; margin-bottom: 0.7rem; }
.aw-card:hover .aw-thumb img { transform: scale(1.03); }
.aw-card-title { margin: 0 0 0.4rem; font-size: 1.2rem; line-height: 1.2; font-weight: 600; }
.aw-card-title a { color: var(--aw-ink); text-decoration: none; }
.aw-card-title a:hover { color: var(--aw-purple-ink); text-decoration: underline; text-decoration-thickness: 2px; }
.aw-card-excerpt { margin: 0 0 0.5rem; color: var(--aw-ink-2); font-size: 0.95rem; line-height: 1.45; }

.aw-card-lead { margin-bottom: 2rem; }
.aw-card-lead .aw-thumb { aspect-ratio: 16 / 9; }
.aw-card-lead .aw-card-title { font-size: clamp(1.6rem, 1.2rem + 1.8vw, 2.4rem); line-height: 1.1; }
.aw-card-lead .aw-card-excerpt { font-size: 1.05rem; color: var(--aw-ink); }

.aw-card-row { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 0.9rem; align-items: start; }
.aw-card-row .aw-card-media { margin: 0; }
.aw-card-row .aw-thumb { aspect-ratio: 4 / 3; }
.aw-card-row .aw-card-title { font-size: 1.05rem; }
.aw-card-row .aw-kicker { margin-bottom: 0.2rem; }

.aw-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.75rem 1.5rem; }
@media (min-width: 560px) { .aw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) {
	.aw-layout .aw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aw-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.aw-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1200px) { .aw-layout .aw-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Review stars on cards and in the article byline (confirmed scores from AltWire Search). */
.aw-card-score { display: flex; align-items: center; gap: 0.35rem; margin: -0.1rem 0 0.35rem; font-size: 0.85rem; }
.aw-card-score .aws-stars { font-size: 0.95rem; }
.aw-card-score-num { font: 700 0.8rem/1 var(--aw-ui); color: var(--aw-ink); }
.aw-article-score { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.85rem; color: var(--aw-ink-2); }
.aw-article-score strong { color: var(--aw-ink); }
.aw-article .aws-score { max-width: var(--aw-text); font-family: var(--aw-ui); }
.aw-article .aws-score-product { font-family: var(--aw-head); font-weight: 600; font-size: 1.3rem; }
.aw-article .aws-score-num { font-family: var(--aw-head); }

/* Trending badge (AltWire Search spike detection) on any card. */
.aw-trending { display: inline-block; margin: 0 0.45rem 0.35rem 0; padding: 0.12rem 0.4rem; border-radius: 3px; background: var(--aw-gold); color: var(--aw-ink); font: 700 0.64rem/1.3 var(--aw-ui); letter-spacing: 0.07em; text-transform: uppercase; vertical-align: 0.1em; }

.aw-trending.aw-trending-archive { background: var(--aw-paper); color: var(--aw-purple-ink); box-shadow: inset 0 0 0 1.5px var(--aw-purple); }
.aw-home-podcast .aw-trending.aw-trending-archive { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px #fff; }
/* Article page: the badge, and for old stories a line on why they're trending (Altus or the editor). */
.aw-article-head .aws-trending-note { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.3rem 0.5rem; margin: 0 0 0.7rem; padding: 0.55rem 0.75rem; border-left: 3px solid var(--aw-gold); background: var(--aw-mist); font: 0.92rem/1.45 var(--aw-ui); color: var(--aw-ink-2); }
.aw-article-head .aws-trending-note .aw-trending { margin: 0; }
.aw-article-head .aws-trending-note:not(:has(.aws-trending-why)) { display: block; padding: 0; border: 0; background: none; }

/* Home: Trending now. */
.aw-trending-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem 1.5rem; }
@media (min-width: 760px) { .aw-trending-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .aw-trending-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.aw-trending-item { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); align-items: start; gap: 0.4rem; }
.aw-trending-rank { font: 700 2rem/1 var(--aw-head); color: var(--aw-gold); -webkit-text-stroke: 1px var(--aw-ink); paint-order: stroke fill; }
.aw-trending-item .aw-card-row { grid-template-columns: 92px minmax(0, 1fr); }
@media (min-width: 1100px) { .aw-trending-item .aw-card-row { grid-template-columns: minmax(0, 1fr); } .aw-trending-item .aw-card-row .aw-thumb { aspect-ratio: 16 / 10; } }

/* Related reading after articles (markup from AltWire Search). */
.aw-article .aws-related { max-width: var(--aw-text); }
.aw-article .aws-related-title { padding-bottom: 0.4rem; border-bottom: 3px solid var(--aw-ink); }
.aw-article .aws-related-name { font-family: var(--aw-head); font-weight: 500; font-size: 1.02rem; }
.aw-article .aws-related-kicker { color: var(--aw-purple-ink); opacity: 1; font-family: var(--aw-head); }

/* Search suggestions: under the header search on wide screens, in the flow of the phone menu. */
.aw-search { position: relative; }
.aw-nav .aws-suggest { left: auto; right: 0; width: min(420px, 92vw); }
@media (max-width: 999px) { .aw-nav .aws-suggest { position: static; width: 100%; min-width: 0; margin-top: 0.4rem; box-shadow: none; } .aw-search { flex-wrap: wrap; } }

/* Plugins hub (category-plugin-reviews.php). */
.aw-hub { padding-block: 1.5rem 3rem; }
.aw-hub-head { border-bottom: 0; margin-bottom: 0.5rem; }
.aw-hub-eyebrow { margin: 0 0 0.3rem; font: 600 0.8rem/1 var(--aw-head); letter-spacing: 0.12em; text-transform: uppercase; color: var(--aw-purple-ink); }
.aw-hub-disclosure { margin: -0.25rem 0 0.75rem; font-size: 0.8rem; font-style: italic; color: var(--aw-ink-2); }
.aw-subcats .aw-count { display: inline-block; min-width: 1.4em; margin-left: 0.25rem; padding: 0 0.35em; border-radius: 999px; background: var(--aw-mist); font-size: 0.75rem; text-align: center; }
.aw-hub-deals { background: linear-gradient(180deg, color-mix(in srgb, var(--aw-gold) 14%, var(--aw-paper)), var(--aw-paper) 70%); border-radius: var(--aw-radius); padding-inline: 1rem; }
.aw-hub-type { scroll-margin-top: 90px; }

/* --------------------------------------------------------------- archives */
/* Breadcrumbs: Home › Reviews › Hardware Reviews › Synths & Keyboards */
.aw-crumbs ol { display: flex; flex-wrap: wrap; gap: 0.15rem 0; margin: 0 0 0.5rem; padding: 0; list-style: none; font: 600 0.78rem/1.3 var(--aw-head); text-transform: uppercase; letter-spacing: 0.06em; }
.aw-crumbs li:not(:last-child)::after { content: "›"; margin: 0 0.45rem; color: var(--aw-ink-2); } /* after, so a wrapped line never starts with one */
.aw-crumbs a { color: var(--aw-purple-ink); text-decoration: none; }
.aw-crumbs a:hover { text-decoration: underline; }
.aw-crumbs [aria-current] { color: var(--aw-ink-2); }
.aw-archive-head { margin-bottom: 1.75rem; padding-bottom: 1rem; border-bottom: 1px solid var(--aw-line); }
.aw-archive-title { margin: 0 0 0.4rem; text-transform: uppercase; letter-spacing: 0.01em; }
.aw-archive-title::after { content: ""; display: block; width: 56px; height: 4px; margin-top: 0.45rem; background: var(--aw-gold); }
.aw-archive-desc { color: var(--aw-ink-2); max-width: var(--aw-text); }
.aw-archive-desc p:last-child { margin-bottom: 0; }
.aw-subcats { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.9rem; }
.aw-subcats a { padding: 0.3rem 0.75rem; border: 1px solid var(--aw-line); border-radius: 999px; font: 500 0.85rem/1.2 var(--aw-head); text-transform: uppercase; letter-spacing: 0.04em; color: var(--aw-ink); text-decoration: none; }
.aw-topic-artists { align-items: center; }
.aw-topic-label { font: 600 0.8rem/1 var(--aw-head); text-transform: uppercase; letter-spacing: 0.06em; color: var(--aw-ink-2); margin-right: 0.15rem; }
.aw-topic-artists a { text-transform: none; letter-spacing: 0; font-size: 0.9rem; }
.aw-topic-best { margin-bottom: 2rem; }
.aw-subcats a:hover { border-color: var(--aw-purple); color: var(--aw-purple-ink); }
.aw-empty { color: var(--aw-ink-2); }
.aw-pagination { margin-top: 2.5rem; }
.aw-pagination ul { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; margin: 0; padding: 0; }
.aw-pagination a, .aw-pagination span { display: block; min-width: 44px; padding: 0.6rem 0.8rem; text-align: center; border: 1px solid var(--aw-line); border-radius: var(--aw-radius); font: 500 0.95rem/1 var(--aw-head); color: var(--aw-ink); text-decoration: none; }
.aw-pagination a:hover { border-color: var(--aw-purple); color: var(--aw-purple-ink); }
.aw-pagination .current { background: var(--aw-purple); border-color: var(--aw-purple); color: #fff; }
.aw-pagination .dots { border: 0; }

/* ------------------------------------------------------------------- home */
.aw-home-top { display: grid; gap: 1.5rem; padding-block: 1.5rem 1rem; }
.aw-home-top .aw-card-lead { margin: 0; }
.aw-home-more { display: grid; gap: 1.1rem; align-content: start; }
.aw-home-more .aw-card + .aw-card { padding-top: 1.1rem; border-top: 1px solid var(--aw-line); }
@media (min-width: 1000px) {
	.aw-home-top { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 2.5rem; padding-top: 2rem; }
}
/* Big story (Customize → Home page): one story across the whole top. */
.aw-home-big { background: #111; color: #fff; }
.aw-big { position: relative; }
.aw-big-media { display: block; }
.aw-big-media .aw-thumb { display: block; aspect-ratio: 16 / 9; max-height: 80vh; overflow: hidden; background: #111; }
.aw-big-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.aw-big-body { padding-block: 1.25rem 1.75rem; }
.aw-big .aw-kicker { color: var(--aw-gold); }
.aw-big-eyebrow { margin: 0 0 0.5rem; font: 600 0.85rem/1 var(--aw-head); letter-spacing: 0.22em; text-transform: uppercase; color: #d8d8d8; }
.aw-big-title { margin: 0 0 0.6rem; color: #fff; text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45); font: 700 clamp(2rem, 1.1rem + 3.6vw, 4.2rem)/1.04 var(--aw-head); max-width: 22ch; }
.aw-big-title a { color: inherit; text-decoration: none; }
.aw-big-title a:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.aw-big-excerpt { margin: 0 0 0.75rem; max-width: 62ch; font-size: 1.1rem; color: rgba(255, 255, 255, 0.88); }
.aw-big .aw-byline, .aw-big .aw-byline a { color: rgba(255, 255, 255, 0.75); }
@media (min-width: 900px) {
	.aw-big-media .aw-thumb { aspect-ratio: 21 / 9; }
	.aw-big-body { position: absolute; left: 0; right: 0; bottom: 0; padding-block: 6rem 2.25rem; background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0) 100%); max-width: none; padding-inline: max(var(--aw-gutter), calc((100% - var(--aw-wide)) / 2)); }
}
.aw-home-big.is-memorial { background: #0b0b0b; }
.aw-home-big.is-memorial img { filter: grayscale(1) contrast(1.05); }
.aw-home-big.is-memorial .aw-big-title { font-family: var(--aw-read); font-weight: 400; letter-spacing: -0.01em; }
.aw-home-strip { padding-block: 1.5rem 0.5rem; }
.aw-home-strip .aw-grid { margin: 0; }
@media (max-width: 699px) { .aw-home-strip .aw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .aw-home-strip .aw-card-title { font-size: 0.98rem; } }

/* Busy week: a lead, two beside it, six compact ones below. */
.aw-home-side { display: grid; gap: 1.25rem; align-content: start; }
.aw-home-side .aw-thumb { aspect-ratio: 16 / 9; }
.aw-home-side .aw-card + .aw-card { padding-top: 1.25rem; border-top: 1px solid var(--aw-line); }
.aw-home-rows { display: grid; gap: 1.1rem 2rem; padding-top: 1.25rem; border-top: 3px solid var(--aw-ink); }
@media (min-width: 640px) { .aw-home-rows { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) {
	.aw-home-busy .aw-home-rows { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.aw-home-section { padding-block: 2rem; }
.aw-home-section + .aw-home-section { border-top: 1px solid var(--aw-line); }
.aw-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; border-bottom: 3px solid var(--aw-ink); }
.aw-section-title { margin: 0; padding: 0 0 0.35rem; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0.02em; position: relative; }
.aw-section-title::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background: var(--aw-gold); }
.aw-section-title a { color: inherit; text-decoration: none; }
.aw-section-more { font: 500 0.85rem/1 var(--aw-head); text-transform: uppercase; letter-spacing: 0.05em; color: var(--aw-purple-ink); text-decoration: none; white-space: nowrap; }
.aw-section-more:hover { text-decoration: underline; }
.aw-home-podcast { background: var(--aw-purple); color: #fff; padding-block: 2rem; margin-block: 1rem; }
.aw-home-podcast .aw-section-head { border-bottom-color: rgba(255, 255, 255, 0.35); }
.aw-home-podcast .aw-section-title, .aw-home-podcast .aw-card-title a, .aw-home-podcast .aw-section-more { color: #fff; }
.aw-home-podcast .aw-kicker { color: var(--aw-gold); }
.aw-home-podcast .aw-byline { color: rgba(255, 255, 255, 0.75); }

/* ---------------------------------------------------------------- article */
.aw-article-head { margin-bottom: 1.5rem; }
.aw-article-title { margin: 0.1rem 0 0.75rem; line-height: 1.08; }
.aw-dek { font: 400 1.2rem/1.45 var(--aw-ui); color: var(--aw-ink-2); margin: 0 0 1rem; max-width: var(--aw-text); }
.aw-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.75rem; margin: 0; padding-top: 0.75rem; border-top: 1px solid var(--aw-line); }
.aw-avatar { width: 40px; height: 40px; border-radius: 50%; }
.aw-comment-count { margin-left: auto; font-size: 0.82rem; color: var(--aw-ink-2); }
.aw-404-joke { font: 600 1.4rem/1.3 var(--aw-head); margin: 0.5rem 0; }
.aw-article-image { margin: 0 0 2rem; }
.aw-article-image img { display: block; width: 100%; height: auto; max-height: 80vh; object-fit: contain; border-radius: var(--aw-radius); background: var(--aw-mist); }
.aw-article-image figcaption, .aw-content figcaption, .wp-caption-text { margin-top: 0.45rem; font-size: 0.82rem; line-height: 1.4; color: var(--aw-ink-2); }

.aw-content { max-width: var(--aw-text); font: 400 1.08rem/1.75 var(--aw-read); }
.aw-content > * { margin-block: 0 1.3em; }
.aw-content h2, .aw-content h3, .aw-content h4 { margin-top: 1.9em; }
.aw-content a { color: var(--aw-link); text-decoration-thickness: 1px; }
.aw-content a:hover { text-decoration-thickness: 2px; }
.aw-content ul, .aw-content ol { padding-left: 1.4em; }
.aw-content li + li { margin-top: 0.35em; }
.aw-content blockquote:not([class*="twitter"]):not([class*="instagram"]), .aw-content .wp-block-quote { margin-inline: 0; padding: 0.2em 0 0.2em 1.2em; border-left: 4px solid var(--aw-gold); font-style: normal; }
.aw-content .wp-block-pullquote { border-block: 4px solid var(--aw-gold); padding: 1.5em 0; font: 600 1.45rem/1.3 var(--aw-head); text-align: center; }
.aw-content img { border-radius: 2px; }
.aw-content .alignleft { float: left; margin: 0.3em 1.5em 1em 0; max-width: 50%; }
.aw-content .alignright { float: right; margin: 0.3em 0 1em 1.5em; max-width: 50%; }
.aw-content .aligncenter { margin-inline: auto; display: block; }
.aw-content .wp-caption { max-width: 100%; }
.aw-content::after { content: ""; display: table; clear: both; }
.aw-content iframe { display: block; max-width: 100%; }
.aw-content .wp-block-embed iframe { width: 100%; }
.aw-content pre, .aw-content code { font-size: 0.9em; }
.aw-content pre { overflow-x: auto; background: var(--aw-mist); padding: 1em; border-radius: var(--aw-radius); }
.aw-content table { font: 0.95rem/1.45 var(--aw-ui); display: block; overflow-x: auto; }
@media (max-width: 559px) { .aw-content .alignleft, .aw-content .alignright { float: none; margin: 0 0 1em; max-width: 100%; } }

/* Buttons keep their own colours inside articles (the link colour above would win otherwise). */
.aw-content .wp-block-button__link, .aw-content .wp-element-button { color: #fff; text-decoration: none; background-color: var(--aw-purple); font-family: var(--aw-head); font-weight: 500; letter-spacing: 0.03em; text-transform: uppercase; border-radius: var(--aw-radius); padding: 0.6em 1.1em; }
.aw-content .wp-block-button__link:hover { color: #fff; background: var(--aw-purple-2); }
/* Dark sections (Cover, groups with their own colours): headings and links follow the section's text colour. */
.wp-block-cover :is(h1, h2, h3, h4, h5, h6), .has-text-color :is(h1, h2, h3, h4, h5, h6) { color: inherit; }
.wp-block-cover a:not(.wp-element-button), .has-background.has-text-color a:not(.wp-element-button) { color: inherit; text-decoration: underline; }
.aw-content .wp-block-group.has-background, .aw-content .wp-block-cover { padding: clamp(1.25rem, 4vw, 2.5rem); border-radius: var(--aw-radius); }

/* A portrait as a section's background, fading into the text (Ed Oswald's memorial page).
   Wide screens: photo on the left fading right. Phones: photo on top fading down. */
.aw-content .wp-block-cover.aw-fade-portrait { background: #121212; padding: 0; min-height: 0; overflow: hidden; }
.wp-block-cover.aw-fade-portrait .wp-block-cover__image-background { width: 50%; right: auto; object-fit: cover; }
/* Doubled class: WordPress's own cover rules set the content width and margins with high specificity. */
.wp-block-cover.aw-fade-portrait.aw-fade-portrait .wp-block-cover__inner-container { width: 54%; max-width: 54%; margin: 0 0 0 auto; padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3.5rem) clamp(2rem, 5vw, 4rem) 0; }
.aw-fade-portrait h2:first-child { margin-top: 0; }
.aw-fade-portrait h2:first-child::after { content: ""; display: block; width: 64px; height: 4px; margin-top: 0.6rem; background: var(--aw-gold); }
@media (max-width: 759px) {
	.wp-block-cover.aw-fade-portrait .wp-block-cover__image-background { width: 100%; height: 440px; bottom: auto; object-position: 50% 20% !important; }
	.wp-block-cover.aw-fade-portrait .wp-block-cover__background { background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0, rgba(18, 18, 18, 0.15) 220px, #121212 430px) !important; }
	.wp-block-cover.aw-fade-portrait.aw-fade-portrait .wp-block-cover__inner-container { width: 100%; max-width: 100%; margin: 0; padding: 330px 1.25rem 2rem; }
}

/* Cirrusly Affiliate Boxes in AltWire's colours (the plugin sets its own inline; these win). */
.aw-content .cab { --cab-accent: var(--aw-purple) !important; --cab-background: var(--aw-paper) !important; --cab-text: var(--aw-ink) !important; --cab-button-text: #fff !important; border-top-color: var(--aw-gold); border-radius: var(--aw-radius); font-family: var(--aw-ui); }
.aw-content .cab .cab__product-title { font-family: var(--aw-head); font-weight: 600; letter-spacing: 0; }
.aw-content .cab .cab__button { font-family: var(--aw-head); font-weight: 500; letter-spacing: 0.03em; text-transform: uppercase; color: #fff; text-decoration: none; }
/* Reviews already open with AltWire's disclosure, so the box's own line is hidden there,
   except when the box has Amazon links (Amazon's Associates statement must stay). */
.aw-content:has(.altwire-disclosure) .cab:not(:has(a[href*="amazon."], a[href*="amzn."])) .cab__disclosure { display: none; }

/* Pages: wide and full blocks break out of the reading width. */
.aw-page { padding-block: 2rem 4rem; }
.aw-page .aw-article-head, .aw-page .aw-content, .aw-page .aw-comments { max-width: var(--aw-text); margin-inline: auto; }
.aw-page .aw-content .alignwide { width: min(var(--aw-wide), calc(100vw - 2 * var(--aw-gutter))); max-width: none; margin-inline: calc(50% - min(var(--aw-wide), calc(100vw - 2 * var(--aw-gutter))) / 2); }
.aw-page .aw-content .alignfull { width: 100vw; max-width: none; margin-inline: calc(50% - 50vw); }
body { overflow-x: clip; }

.aw-article-foot { max-width: var(--aw-text); margin: 2rem 0; }
.aw-tags { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0; }
.aw-tags a { padding: 0.3rem 0.7rem; background: var(--aw-mist); border-radius: 999px; font-size: 0.85rem; color: var(--aw-ink); text-decoration: none; }
.aw-tags a:hover { background: var(--aw-purple); color: #fff; }
.aw-page-links { font-family: var(--aw-head); margin-top: 1.5rem; }

/* SimpleTOC: a quiet box. */
.aw-content .simpletoc { background: var(--aw-mist); padding: 1rem 1.25rem; border-radius: var(--aw-radius); font: 0.95rem/1.5 var(--aw-ui); }
.aw-content .simpletoc-title { margin-top: 0; font-size: 1.05rem; text-transform: uppercase; }

/* --------------------------------------------------------------- comments */
.aw-comments, #wpdcom { max-width: var(--aw-text); margin-top: 3rem; }
.aw-comments-title { margin-top: 0; }
.aw-comment-list { list-style: none; padding: 0; }
.aw-comment-list .comment { padding: 1rem 0; border-top: 1px solid var(--aw-line); }
.aw-comment-list .children { list-style: none; padding-left: 1.25rem; }
.comment-form label { display: block; font-weight: 700; font-size: 0.9rem; margin-bottom: 0.25rem; }
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; }

/* wpDiscuz in the site's design language: section heading like the home page's,
   the site's fonts and fields, purple buttons, quiet meta. Its own stylesheet
   (and the colours set in its options) is specific, hence the body #wpdcom prefix. */
body #wpdcom { font-family: var(--aw-ui); color: var(--aw-ink); }
body #wpdcom .wpd-form-wrap { border: 0; padding: 0; }
body #wpdcom .wpd-form-head { border-bottom: 0; padding: 0 0 0.6rem; margin: 0; }
body #wpdcom .wpd-sbs-toggle, body #wpdcom .wpd-auth .wpd-login, body #wpdcom .wpd-auth .wpd-login a { font: 600 0.85rem/1.4 var(--aw-ui); color: var(--aw-ink-2); }
body #wpdcom .wpd-auth .wpd-login a:hover, body #wpdcom .wpd-sbs-toggle:hover { color: var(--aw-purple-ink); }
body #wpdcom .wpd-form .wpd-avatar img, body #wpdcom .wpd-avatar img { border-radius: 50%; border: 0; box-shadow: none; }
body #wpdcom .ql-container, body #wpdcom .ql-toolbar, body #wpdcom .wpd-form .wpdiscuz-textarea-wrap { border-color: var(--aw-field-border); }
body #wpdcom .wpd-form .wpdiscuz-textarea-wrap { border-radius: var(--aw-radius); background: var(--aw-paper); }
body #wpdcom .ql-editor { font: 1rem/1.55 var(--aw-ui); color: var(--aw-ink); min-height: 72px; }
body #wpdcom .ql-editor.ql-blank::before { font-style: normal; color: var(--aw-ink-2); }
body #wpdcom .ql-toolbar { background: var(--aw-mist); }
body #wpdcom .wpd-form-col-left .wpdiscuz-item input, body #wpdcom .wpd-form-col-right .wpdiscuz-item input, body #wpdcom .wpdiscuz-item input[type="text"], body #wpdcom .wpdiscuz-item input[type="email"], body #wpdcom .wpdiscuz-item input[type="url"] { font: 0.95rem var(--aw-ui); color: var(--aw-ink); background: var(--aw-paper); border: 1px solid var(--aw-field-border); border-radius: var(--aw-radius); }
body #wpdcom .wpd-field-icon { color: var(--aw-ink-2); }
body #wpdcom .wpd-prim-button, body #wpdcom input.wc_comm_submit, body #wpdcom .wc_comm_submit { background: var(--aw-purple) !important; color: #fff !important; border: 0; border-radius: var(--aw-radius); font: 500 0.95rem/1 var(--aw-head); letter-spacing: 0.03em; text-transform: uppercase; padding: 0.7em 1.2em; box-shadow: none; }
body #wpdcom .wpd-prim-button:hover, body #wpdcom .wc_comm_submit:hover { background: var(--aw-purple-2) !important; }
body #wpdcom .wpd-form .wpdiscuz-textarea-foot + p, body #wpdcom .apbct-trusted-text--div, body #wpdcom .apbct-trusted-text--div a { font-size: 0.75rem; color: var(--aw-ink-2); }

/* "4 Comments" as a section heading. */
body #wpdcom .wpd-thread-head { border-bottom: 3px solid var(--aw-ink); margin-top: 2rem; }
body #wpdcom .wpd-thread-head .wpd-thread-info { font: 600 1.5rem/1.2 var(--aw-head); text-transform: uppercase; letter-spacing: 0.02em; color: var(--aw-ink); border-bottom: 3px solid var(--aw-gold); margin-bottom: -3px; padding: 0 0 0.35rem; }
body #wpdcom .wpd-thread-head .wpd-thread-info .wpdtc { font-size: inherit; color: inherit; }
body #wpdcom .wpd-thread-filter .wpd-filter { border-bottom: 3px solid transparent; margin-bottom: -3px; color: var(--aw-ink-2); }
body #wpdcom .wpd-thread-filter .wpd-filter.wpd-active, body #wpdcom .wpd-thread-filter .wpd-filter:hover { border-bottom-color: var(--aw-purple-ink); color: var(--aw-purple-ink); }
body #wpdcom .wpd-thread-filter .wpdf-reacted, body #wpdcom .wpd-thread-filter .wpdf-hottest { border-bottom-color: transparent; color: var(--aw-ink-2); }
body #wpdcom .wpd-thread-filter .wpdf-sorting { font: 600 0.85rem var(--aw-ui); }
body #wpdcom .wpd-thread-filter .wpdf-sorting, body #wpdcom .wpdiscuz-sort-button { color: var(--aw-ink-2); font-family: var(--aw-ui); }
body #wpdcom .wpd-thread-filter .wpdf-sorting i { color: var(--aw-ink-2); }
body #wpdcom .wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-buttons { background: var(--aw-paper); border: 1px solid var(--aw-line); border-radius: var(--aw-radius); }

/* Comments. Names in one colour (wpDiscuz colours them by role); staff get a label instead. */
body #wpdcom .wpd-thread-list .wpd-comment { border-bottom: 1px solid var(--aw-line); }
body #wpdcom .wpd-thread-list .wpd-comment .wpd-comment { border-bottom: 0; }
body #wpdcom .wpd-comment .wpd-comment-wrap { padding-block: 1rem 0.6rem; }
body #wpdcom .wpd-comment .wpd-avatar img { width: 48px; height: 48px; }
body #wpdcom .wpd-comment-wrap .wpd-comment-author, body #wpdcom .wpd-comment-wrap .wpd-comment-author a { font: 600 1.05rem/1.3 var(--aw-head); letter-spacing: 0.01em; color: var(--aw-ink); text-decoration: none; }
body #wpdcom .wpd-comment-date, body #wpdcom .wpd-comment-date i { font-size: 0.8rem; color: var(--aw-ink-2); }
body #wpdcom .wpd-comment-text, body #wpdcom .wpd-comment-text p { font: 1rem/1.6 var(--aw-read); color: var(--aw-ink); }
body #wpdcom .wpd-comment-text a { color: var(--aw-link); }
body #wpdcom .wpd-comment-footer, body #wpdcom .wpd-comment-footer .wpd-vote-result, body #wpdcom .wpd-reply-button span { font: 600 0.85rem var(--aw-ui); color: var(--aw-ink-2); }
body #wpdcom .wpd-comment-footer svg { fill: var(--aw-ink-2); }
body #wpdcom .wpd-reply-button:hover span, body #wpdcom .wpd-vote-up:hover svg, body #wpdcom .wpd-vote-down:hover svg, body #wpdcom .wpd-reply-button:hover svg { color: var(--aw-purple-ink); fill: var(--aw-purple-ink); }
body #wpdcom .wpd-comment .wpd-reply .wpd-comment-wrap, body #wpdcom .wpd_comment_level-2, body #wpdcom .wpd_comment_level-3 { border-left: 2px solid var(--aw-line); }
body #wpdcom .wpd-blog-administrator .wpd-comment-label, body #wpdcom .wpd-blog-editor .wpd-comment-label, body #wpdcom .wpd-blog-author .wpd-comment-label { background: var(--aw-purple); color: #fff; border: 0; border-radius: 3px; font: 700 0.64rem/1.3 var(--aw-ui); letter-spacing: 0.07em; text-transform: uppercase; }
body #wpdcom .wpd-load-more-submit-wrap .wpd-load-more-submit { background: var(--aw-paper) !important; color: var(--aw-purple-ink) !important; box-shadow: inset 0 0 0 1.5px var(--aw-purple-ink); }
body #wpdcom .wpd-load-more-submit-wrap .wpd-load-more-submit:hover { background: var(--aw-purple) !important; color: #fff !important; }
body #wpdcom .wpd-comment .wpd-comment-right .wpd-reply-to, body #wpdcom .wpd-comment .wpd-comment-right .wpd-reply-to a { color: var(--aw-ink-2); font-size: 0.8rem; }
body #wpdcom .wpd-comment .wpd-comment-right .wpd-reply-to a:hover { color: var(--aw-purple-ink); }
body #wpdcom .wpd-thread-list .wpd-reply, body #wpdcom .wpd-thread-list .wpd-comment .wpd-reply { border-left-color: var(--aw-line); }
body #wpdcom .apbct-trusted-text--label, body #wpdcom .apbct-trusted-text--label a { font-size: 0.75rem; color: var(--aw-ink-2); }
body #wpdcom ~ .by-wpdiscuz, body .by-wpdiscuz { border-top-color: var(--aw-line); color: var(--aw-ink-2); }

/* ---------------------------------------------------------------- sidebar */
.aw-sidebar .widget { margin-bottom: 2rem; }
.aw-sidebar .widget-title, .aw-sidebar .aws-popular-title, .aw-sidebar .wp-block-heading { margin: 0 0 0.85rem; padding-bottom: 0.4rem; font-size: 1.15rem; text-transform: uppercase; letter-spacing: 0.03em; border-bottom: 3px solid var(--aw-ink); }
.aw-sidebar a { color: var(--aw-ink); text-decoration: none; }
.aw-sidebar a:hover { color: var(--aw-purple-ink); text-decoration: underline; }
.aw-sidebar ul { list-style: none; padding: 0; }
.aw-sidebar ul li { padding: 0.4rem 0; border-top: 1px solid var(--aw-line); }
.aw-sidebar ul li:first-child { border-top: 0; }
.aw-sidebar .aws-popular-name { font-family: var(--aw-head); font-weight: 500; }

/* ---------------------------------------------------------------- 404 etc. */
.aw-404 { padding-block: 2rem 4rem; }
.aw-searchform { display: flex; max-width: 520px; margin-bottom: 2.5rem; }
.aw-searchform input { flex: 1; min-width: 0; border-radius: var(--aw-radius) 0 0 var(--aw-radius); }
.aw-searchform button { border-radius: 0 var(--aw-radius) var(--aw-radius) 0; }

/* ---------------------------------------------------------- AltWire Top 10 */
.aw-top10 { padding-block: 2.25rem 1rem; border-top: 1px solid var(--aw-line); }
.aw-top10 .aws-popular { margin: 0; }
.aw-top10 .aws-popular-title { font-size: 1.6rem; padding-bottom: 0.4rem; margin-bottom: 1.25rem; border-bottom: 3px solid var(--aw-ink); }
.aw-top10 .aws-popular-name { font-family: var(--aw-head); font-weight: 500; font-size: 1.05rem; }

/* ----------------------------------------------------------------- footer */
.aw-footer { margin-top: 2rem; background: var(--aw-purple); color: rgba(255, 255, 255, 0.85); font-size: 0.95rem; }
.aw-footer a { color: #fff; }
.aw-footer a:hover { color: var(--aw-gold); }
.aw-footer-cols { display: grid; gap: 2rem; padding-block: 2.5rem 1rem; }
@media (min-width: 760px) { .aw-footer-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.aw-footer .widget-title, .aw-footer h2, .aw-footer h3 { color: #fff; font-size: 1.05rem; text-transform: uppercase; letter-spacing: 0.04em; margin: 0 0 0.75rem; }
.aw-footer ul { list-style: none; padding: 0; }
.aw-footer ul li { padding: 0.2rem 0; }
.aw-footer-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; padding-block: 1.5rem 2rem; border-top: 1px solid rgba(255, 255, 255, 0.15); }
.aw-footer-brand img { display: block; height: 30px; width: auto; }
.aw-footer-logo-invert img { filter: brightness(0) invert(1); }
.aw-footer-brand .aw-wordmark { color: #fff; font-size: 1.3rem; }
.aw-social { display: flex; gap: 0.35rem; list-style: none; margin: 0; padding: 0; }
.aw-social a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #fff; background: rgba(255, 255, 255, 0.1); transition: background-color 0.15s, color 0.15s; }
.aw-social a:hover, .aw-social a:focus-visible { background: var(--aw-gold); color: var(--aw-ink); }
.aw-social svg { width: 18px; height: 18px; }
.aw-footer-menu { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; list-style: none; margin: 0; padding: 0; }
.aw-footer-menu a { text-decoration: none; font: 500 0.85rem/1.6 var(--aw-head); text-transform: uppercase; letter-spacing: 0.05em; }
.aw-footer-notes { width: 100%; font-size: 0.85rem; }
.aw-footer-notes p { margin: 0 0 0.35rem; }
.aw-footer-notes a { color: var(--aw-gold); }
.aw-footer-notes a:hover { color: #fff; }
.aw-copyright { color: rgba(255, 255, 255, 0.65); font-size: 0.8rem; }

/* Tag cloud widgets (from the old site CSS). */
.wp-block-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
.wp-block-tag-cloud a { border-radius: 3px; padding: 4px 10px; border: 1px solid var(--aw-ink); color: var(--aw-ink); text-decoration: none; font-size: 0.85rem !important; }
.wp-block-tag-cloud a:hover { background: var(--aw-purple); border-color: var(--aw-purple); color: #fff; }
.aw-footer .wp-block-tag-cloud a { border-color: rgba(255, 255, 255, 0.5); color: #fff; }

/* ------------------------------------------------------- AltWire Search */
.aws-page { padding-block: 1.5rem 3rem; }
.aws-box, .aws-media-box { font-family: var(--aw-ui); }

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

/* ----------------------------------------------------- video vault (page-videos.php) */
/* A compact heading: name and one line of intro, search, then the categories, so videos start high. */
.aw-vault-head { display: grid; gap: 0.75rem; padding-block: 1.1rem 0.9rem; }
.aw-vault-name { margin: 0; font-size: 1.75rem; line-height: 1.1; text-transform: uppercase; letter-spacing: 0.01em; }
.aw-vault-desc, .aw-vault-desc p, .aw-vault-desc .has-text-align-center { margin: 0.2rem 0 0; font-size: 0.95rem; line-height: 1.45; color: var(--aw-ink-2); text-align: left; }
.aw-vault-head .awv-search { max-width: none; margin: 0; }
.aw-vault-head .awv-search input { padding-block: 8px; }
.aw-vault-head .awv-search button { padding-block: 8px; }
.aw-vault-cats { margin: 0; }
@media (max-width: 699px) {
	/* One swipeable row of categories instead of two wrapped rows. */
	.aw-vault-cats { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--aw-gutter)); padding-inline: var(--aw-gutter); scrollbar-width: none; }
	.aw-vault-cats a { flex: none; }
	.aw-vault-desc { display: none; }
}
@media (min-width: 700px) {
	.aw-vault-head { grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); align-items: end; column-gap: 2rem; }
	.aw-vault-cats { grid-column: 1 / -1; }
}
.aw-subcats a[aria-current] { background: var(--aw-purple); border-color: var(--aw-purple); color: #fff; }
.aw-vault-stage { margin-block: 0.25rem 1rem; padding-block: 1.5rem 1.75rem; }
.aw-vault-feature { display: grid; gap: 1.25rem; }
.aw-vault-screen { display: grid; gap: 0.9rem; align-content: start; }
.aw-vault-screen .awv-player { margin: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); }
.aw-vault-caption .aw-kicker { color: var(--aw-gold); }
.aw-vault-title { margin: 0.15rem 0 0.4rem; font-size: clamp(1.3rem, 1.05rem + 1vw, 1.75rem); line-height: 1.15; }
.aw-vault-title a { color: #fff; text-decoration: none; }
.aw-vault-title a:hover { text-decoration: underline; text-decoration-color: var(--aw-gold); }
.aw-vault-dek { margin: 0 0 0.4rem; max-width: 60ch; font-size: 0.95rem; color: rgba(255, 255, 255, 0.85); }
.aw-vault-also { display: grid; gap: 1rem; align-content: start; }
.aw-vault-also .aw-card + .aw-card { padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.18); }
.aw-vault-also .aw-card-row { grid-template-columns: 150px minmax(0, 1fr); }
.aw-vault-also .aw-card-row .aw-thumb { aspect-ratio: 16 / 9; }
.aw-vault-also .aw-card-title a { color: #fff; }
.aw-vault-also .awv-play { width: 34px; height: 34px; margin: -17px 0 0 -17px; }
.aw-vault-also .awv-play::after { left: 13px; top: 10px; border-width: 7px 0 7px 11px; }
@media (min-width: 900px) {
	/* Player and caption side by side, so the band is about one video tall. */
	.aw-vault-screen { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.5rem; align-items: center; }
}
@media (min-width: 1200px) {
	.aw-vault-feature { grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); gap: 2rem; }
	.aw-vault-screen { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); }
}
.aw-vault-results .aw-empty { margin: 0 0 1rem; }
/* Category sections: the category is the heading, so cards skip it; two across on phones. */
.aw-vault-section .aw-kicker { display: none; }
@media (max-width: 559px) {
	.aw-vault-section .aw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 0.9rem; }
	.aw-vault-section .aw-card-title { font-size: 0.98rem; }
	.aw-vault-section .awv-duration { font-size: 11px; }
	.aw-vault-also .aw-card-row { grid-template-columns: 120px minmax(0, 1fr); }
}

/* ----------------------------------------------------- podcast (page-altwire-podcast.php) */
.aw-pod-head { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 1rem; align-items: start; padding-block: 1.1rem 1rem; }
.aw-pod-cover { width: 96px; height: 96px; object-fit: cover; border-radius: var(--aw-radius); }
.aw-pod-meta { margin: 0.25rem 0 0; font: 500 0.85rem/1.3 var(--aw-head); text-transform: uppercase; letter-spacing: 0.04em; color: var(--aw-purple-ink); }
.aw-pod-desc { margin: 0.4rem 0 0; max-width: 72ch; font-size: 0.95rem; line-height: 1.5; color: var(--aw-ink-2); }
.aw-pod-listen { align-items: center; margin-top: 0.75rem; }
.aw-pod-listen-label { font: 500 0.8rem/1 var(--aw-head); text-transform: uppercase; letter-spacing: 0.05em; color: var(--aw-ink-2); margin-right: 0.15rem; }
.aw-pod-listen a.aw-pod-support { background: var(--aw-gold); border-color: var(--aw-gold); color: var(--aw-ink); }
@media (min-width: 700px) {
	.aw-pod-head { grid-template-columns: 140px minmax(0, 1fr); gap: 1.5rem; }
	.aw-pod-cover { width: 140px; height: 140px; }
}
@media (max-width: 699px) {
	.aw-pod-desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.aw-pod-listen { grid-column: 1 / -1; }
}
.aw-pod-feature { display: grid; gap: 1.25rem; }
.aw-pod-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--aw-radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); }
.aw-pod-now .aw-pod-when { margin: 0; color: var(--aw-gold); }
.aw-pod-audio { display: block; width: 100%; max-width: 560px; margin: 0.6rem 0 0.4rem; }
.aw-pod-notes { margin: 0; font: 500 0.85rem/1 var(--aw-head); text-transform: uppercase; letter-spacing: 0.05em; }
.aw-pod-notes a { color: #fff; }
@media (min-width: 700px) {
	.aw-pod-feature { grid-template-columns: 320px minmax(0, 1fr); gap: 1.75rem; align-items: center; }
}
@media (min-width: 1000px) {
	.aw-pod-feature { grid-template-columns: 440px minmax(0, 1fr); gap: 2.25rem; }
}
.aw-pod-media { position: relative; display: block; }
.aw-pod-play { position: absolute; right: 10px; bottom: 10px; /* guest names sit bottom-left in the art */ width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--aw-purple); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); cursor: pointer; }
.aw-pod-play::after { content: ""; position: absolute; left: 17px; top: 13px; border-style: solid; border-width: 9px 0 9px 14px; border-color: transparent transparent transparent #fff; }
.aw-pod-play:hover, .aw-pod-play:focus-visible, .aw-pod-play.is-playing { background: var(--aw-gold); }
.aw-pod-play.is-playing::after { border-left-color: var(--aw-ink); }
.aw-pod-play:focus-visible { outline: 3px solid var(--aw-ink); outline-offset: 2px; }
.aw-pod-card .aw-thumb { aspect-ratio: 3 / 2; } /* episode art is 3:2 */
@media (max-width: 559px) {
	.aw-pod-episodes .aw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 0.9rem; }
	.aw-pod-episodes .aw-card-title { font-size: 0.98rem; }
	.aw-pod-play { right: 6px; bottom: 6px; width: 34px; height: 34px; }
	.aw-pod-play::after { left: 13px; top: 10px; border-width: 7px 0 7px 11px; }
}


/* ---------------------------------------------------------------- dark mode
   Set before the page draws by a small script in <head> (functions.php): the
   reader's choice from the header button, else the device's setting. Purple
   stays the brand colour for bands, buttons and the footer; text on the page
   turns light, purple text turns lavender, panels turn charcoal. */
:root[data-theme="dark"] {
	color-scheme: dark;
	--aw-ink: #e9e9ee;
	--aw-ink-2: #a9a9b6;
	--aw-paper: #131316;
	--aw-purple-ink: #c9b2f2;
	--aw-mist: #1e1e25;
	--aw-line: #2e2e36;
	--aw-link: #9db0ff;
	--aw-field-border: #3d3d47;
	/* GeneratePress colours that older posts and converted pages use */
	--contrast: #e9e9ee;
	--contrast-2: #a9a9b6;
	--contrast-3: #5c5c68;
	--base: #1b1b20;
	--base-2: #17171b;
	--base-3: #131316;
	--accent-2: #1e1e25;
}
.aw-theme-toggle { flex: none; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--aw-ink); cursor: pointer; }
.aw-theme-toggle:hover, .aw-theme-toggle:focus-visible { background: var(--aw-mist); color: var(--aw-ink); }
.aw-theme-toggle .aw-sun { display: none; }
[data-theme="dark"] .aw-theme-toggle .aw-sun { display: block; }
[data-theme="dark"] .aw-theme-toggle .aw-moon { display: none; }
[data-theme="dark"] .aw-trending.aw-trending-archive { box-shadow: inset 0 0 0 1.5px var(--aw-purple-ink); }
@media (min-width: 1000px) { .aw-theme-toggle { margin-left: -1rem; } }
/* Logo: the white logo in the header (the one the footer uses), else the normal one turned white. */
.aw-logo-dark { display: none; }
[data-theme="dark"] .aw-brand .aw-logo-dark { display: block; }
[data-theme="dark"] .aw-brand .aw-logo-dark ~ .custom-logo-link,
[data-theme="dark"] .aw-brand .custom-logo-link:has(~ .aw-logo-dark) { display: none; }
[data-theme="dark"] .aw-brand:not(:has(.aw-logo-dark)) img { filter: brightness(0) invert(1); }
[data-theme="dark"] .aw-wordmark { color: var(--aw-ink); }
/* Bars and badges that sit on dark backgrounds keep a dark background. */
[data-theme="dark"] .awb { background: #24242b; }
[data-theme="dark"] .aw-thumb-empty, [data-theme="dark"] .awv-thumb { background-color: #24242b; }
/* AltWire Search: the suggestions list. */
[data-theme="dark"] .aws-suggest { background: #1b1b21; color: var(--aw-ink); border-color: var(--aw-line); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); }
[data-theme="dark"] .aws-suggest-item[aria-selected="true"], [data-theme="dark"] .aws-suggest-item:hover, [data-theme="dark"] .aws-suggest-all[aria-selected="true"], [data-theme="dark"] .aws-suggest-all:hover { background: #2a2a33; color: var(--aw-ink); }
[data-theme="dark"] .aws-suggest-all { border-top-color: var(--aw-line); color: var(--aw-purple-ink); }
[data-theme="dark"] .aws-pros li::before { color: #6fd08c; }
[data-theme="dark"] .aws-cons li::before { color: #ff8a80; }
/* AltWire Videos */
[data-theme="dark"] .awv-card-date, [data-theme="dark"] .awv-pick-time { color: var(--aw-ink-2); }
[data-theme="dark"] .awv-search input { background: var(--aw-paper); color: var(--aw-ink); border-color: var(--aw-field-border); }
/* Comments (wpDiscuz) */
[data-theme="dark"] #wpdcom, [data-theme="dark"] #wpdcom .wpd-comment-text, [data-theme="dark"] #wpdcom .wpd-comment-author, [data-theme="dark"] #wpdcom .wpd-thread-info, [data-theme="dark"] #wpdcom .wpd-comment-date, [data-theme="dark"] #wpdcom .wpd-comment-text p { color: var(--aw-ink); }
[data-theme="dark"] #wpdcom .wpd-form-wrap, [data-theme="dark"] #wpdcom .wpd-thread-head, [data-theme="dark"] #wpdcom .wpd-comment, [data-theme="dark"] #wpdcom .wpd-blog-guest, [data-theme="dark"] #wpdcom .wpd-blog-subscriber, [data-theme="dark"] #wpdcom .wpd-blog-administrator, [data-theme="dark"] #wpdcom .wpd-blog-editor, [data-theme="dark"] #wpdcom .wpd-blog-author { background: transparent; }
[data-theme="dark"] #wpdcom textarea, [data-theme="dark"] #wpdcom input[type="text"], [data-theme="dark"] #wpdcom input[type="email"], [data-theme="dark"] #wpdcom input[type="url"], [data-theme="dark"] #wpdcom .ql-container, [data-theme="dark"] #wpdcom .ql-toolbar, [data-theme="dark"] #wpdcom .ql-editor { background: var(--aw-mist) !important; color: var(--aw-ink) !important; border-color: var(--aw-line) !important; }
[data-theme="dark"] #wpdcom .ql-editor.ql-blank::before { color: var(--aw-ink-2); }
[data-theme="dark"] #wpdcom .ql-toolbar button svg .ql-stroke { stroke: var(--aw-ink-2); }
[data-theme="dark"] #wpdcom .ql-toolbar button svg .ql-fill { fill: var(--aw-ink-2); }
[data-theme="dark"] #wpdcom .wpd-comment-wrap { border-color: var(--aw-line); }
/* Pictures with a white box behind them read better slightly dimmed on a dark page. */
[data-theme="dark"] .aw-content img:not([src*=".jpg"]):not([src*=".jpeg"]):not([src*=".webp"]):not([src*=".avif"]) { filter: brightness(0.92); }

.aw-404-title { margin: 2rem 0 1rem; font-size: 1.3rem; }