/*
Theme Name: Everything Xiaomi — Yorker
Theme URI: https://everythingxiaomi.com/
Description: A modern standalone editorial theme for Everything Xiaomi, part of Yorker Media. Integrates with Arena Products Store and the Yorker portfolio platform.
Author: Yorker Media
Author URI: https://yorkermedia.com/
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: ex-yorker
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --ex-paper: #ffffff;
  --ex-panel: #f3f5f6;
  --ex-ink: #171a1d;
  --ex-muted: #5e666c;
  --ex-line: #dfe3e6;
  --ex-line-dark: #b6bdc2;
  --ex-accent: #ff5100;
  --ex-link: #ba3900;
  --ex-dark: #171b1e;
  --ex-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ex-display: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  --ex-text: Georgia, "Times New Roman", serif;
  --ex-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  /* Portfolio phase components read these aliases; their hooks own placement. */
  --ym-p1-display: var(--ex-display);
  --ym-p1-text: var(--ex-sans);
  --ym-p1-panel: var(--ex-panel);
  --ym-p1-paper: var(--ex-paper);
  --ym-p1-ink: var(--ex-ink);
  --ym-p1-muted: var(--ex-muted);
  --ym-p1-rule: var(--ex-line);
  --ym-p1-rule-dark: var(--ex-line-dark);
  --ym-p1-label: var(--ex-mono);
  --ym-p1-blue: var(--ex-link);
  --ym-p1-amber: var(--ex-accent);
  --ym-p1-violet: #584086;
  --ym-aawp-surface: var(--ex-paper);
  --ym-aawp-panel: var(--ex-panel);
  --ym-aawp-ink: var(--ex-ink);
  --ym-aawp-muted: var(--ex-muted);
  --ym-aawp-line: var(--ex-line);
  --ym-aawp-line-soft: #edf0f2;
  --ym-aawp-label: var(--ex-mono);
  --ym-aawp-link: var(--ex-link);
  --ym-p3-top-offset: 0px;
  --rk-top-offset: 0px;
}

html { font-size: 100%; scroll-behavior: smooth; }
body.ex-site { background: var(--ex-paper); color: var(--ex-ink); font: 16px/1.55 var(--ex-sans); margin: 0; overflow-x: clip; -webkit-font-smoothing: antialiased; }
.ex-site *, .ex-site *::before, .ex-site *::after { box-sizing: border-box; }
.ex-site :is(h1,h2,h3,h4,h5,h6) { color: var(--ex-ink); font-family: var(--ex-display); font-weight: 750; line-height: 1.17; letter-spacing: -.025em; }
.ex-site :is(h1,h2,h3,h4,h5,h6,p,ul,ol,figure) { margin-top: 0; }
.ex-site a { color: var(--ex-link); text-decoration: none; transition: color .15s ease; }
.ex-site a:hover { color: var(--ex-ink); }
.ex-site a:focus-visible, .ex-site button:focus-visible, .ex-site summary:focus-visible, .ex-site input:focus-visible, .ex-site textarea:focus-visible, .ex-site select:focus-visible { outline: 3px solid var(--ex-accent); outline-offset: 4px; }
.ex-site img { max-width: 100%; }
.ex-shell { width: min(1280px, calc(100% - 80px)); margin-inline: auto; }
.ex-site .ex-site-content { position: relative; margin: 0; padding: 0; background: var(--ex-paper); width: 100%; max-width: none; transform: none; box-shadow: none; }
.ex-site .ex-site-content:focus { outline: none; }
.ex-skip-link { position: absolute; z-index: 100000; left: 20px; top: -100px; padding: 12px 18px; background: #fff; color: #111; border: 2px solid var(--ex-accent); }
.ex-skip-link:focus { top: 12px; }
.ex-site .screen-reader-text { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; width: 1px; position: absolute !important; overflow: hidden; white-space: nowrap; }
.ex-site .ex-header, body.ym-no-sticky-header .ex-header { position: relative !important; top: auto !important; background: var(--ex-paper); z-index: 30; }
.ex-masthead { min-height: 104px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.ex-site .ex-brand { display: inline-flex; gap: 11px; align-items: center; color: var(--ex-ink); text-decoration: none; flex-shrink: 0; }
.ex-brand-mark { width: 49px; height: 49px; border-radius: 13px 13px 13px 3px; background: var(--ex-accent); display: flex; justify-content: center; align-items: center; color: #fff; font: 800 34px/.7 var(--ex-display); letter-spacing: -.15em; padding-right: 5px; padding-bottom: 3px; }
.ex-brand-mark span:first-child { transform: translateY(-1px); }
.ex-brand-name { font: 700 15px/.97 var(--ex-display); letter-spacing: .015em; }
.ex-brand-name > span { display: block; font-size: 33px; line-height: 1; font-weight: 800; letter-spacing: -.055em; }
.ex-brand-dot { color: var(--ex-accent); }
.ex-publisher { margin: 0; color: var(--ex-muted); font: 12px/1.5 var(--ex-sans); letter-spacing: .02em; }
.ex-publisher a { color: var(--ex-ink); font-weight: 700; }
.ex-header-actions { display: flex; align-items: center; gap: 24px; }
.ex-site .ex-catalog-link { display: flex; align-items: center; gap: 24px; color: var(--ex-ink); font-size: 13px; font-weight: 650; }
.ex-catalog-link span { color: var(--ex-link); font-size: 20px; }
.ex-menu-toggle { display: none; }
.ex-nav-bar { border-top: 1px solid var(--ex-line); border-bottom: 1px solid var(--ex-line); }
.ex-nav-inner { display: flex; align-items: center; justify-content: space-between; min-height: 55px; position: relative; gap: 24px; }
.ex-nav { flex: 1; }
.ex-site .ex-menu-list { display: flex; align-items: center; list-style: none; gap: 28px; padding: 0; margin: 0; }
.ex-menu-list > li { position: relative; margin: 0; padding: 0; }
.ex-menu-list > li > a { display: block; color: var(--ex-ink); padding: 18px 0 16px; font-size: 13px; font-weight: 650; letter-spacing: .005em; border-bottom: 2px solid transparent; }
.ex-menu-list > li.current-menu-item > a, .ex-menu-list > li.current-menu-ancestor > a, .ex-menu-list > li > a:hover { border-color: var(--ex-accent); color: var(--ex-link); }
.ex-menu-list .sub-menu { position: absolute; z-index: 40; inset: 100% auto auto -15px; width: 230px; padding: 10px; margin: 0; list-style: none; background: var(--ex-paper); border: 1px solid var(--ex-line); box-shadow: 0 12px 20px #17212b0d; display: none; }
.ex-menu-list .sub-menu a { display: block; padding: 10px; color: var(--ex-ink); font-size: 14px; }
.ex-menu-list .sub-menu .sub-menu { left: 100%; top: 0; }
.ex-menu-list li:hover > .sub-menu, .ex-menu-list li:focus-within > .sub-menu { display: block; }
.ex-menu-list .menu-item-has-children > a::after { content: "⌄"; margin-left: 6px; }
.ex-search { position: relative; flex-shrink: 0; font: 12px var(--ex-sans); }
.ex-search summary { cursor: pointer; min-height: 46px; display: flex; gap: 9px; align-items: center; list-style: none; color: var(--ex-muted); }
.ex-search summary::-webkit-details-marker { display: none; }
.ex-search[open] summary { color: var(--ex-link); }
.ex-search-panel { position: absolute; top: calc(100% + 4px); right: 0; width: min(460px, calc(100vw - 40px)); padding: 20px; background: var(--ex-paper); border: 1px solid var(--ex-line); box-shadow: 0 10px 30px #10182015; z-index: 50; }
.ex-site .ex-search-form { display: flex; gap: 0; width: 100%; max-width: 650px; margin: 0; }
.ex-site .ex-search-form input[type=search] { min-width: 0; width: 100%; height: 47px; border: 1px solid var(--ex-line-dark); border-radius: 0; padding: 12px 14px; color: var(--ex-ink); font: 14px var(--ex-sans); background: var(--ex-paper); box-shadow: none; }
.ex-site .ex-search-form button { width: auto; height: 47px; min-width: 78px; border: 1px solid var(--ex-dark); border-radius: 0; color: #fff; padding: 0 17px; background: var(--ex-dark); font: 600 13px var(--ex-sans); cursor: pointer; }
.ex-site .ex-search-form button:hover { background: var(--ex-link); border-color: var(--ex-link); color: #fff; }

.ex-home { padding-top: 40px; padding-bottom: 78px; }
.ex-home-heading { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 31px; }
.ex-home-heading h1 { font-size: clamp(32px, 3.1vw, 43px); margin: 0; line-height: 1.07; letter-spacing: -.055em; }
.ex-home-heading h1 span { color: var(--ex-accent); }
.ex-home-heading p { color: var(--ex-muted); margin: 0; text-align: right; font-size: 12px; line-height: 1.55; }
.ex-lead-grid { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(0, 1fr); gap: 46px; padding-bottom: 44px; border-bottom: 1px solid var(--ex-ink); }
.ex-lead-story { min-width: 0; }
.ex-lead-image { display: block; aspect-ratio: 1.88; background: var(--ex-panel); overflow: hidden; }
.ex-site .ex-image { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; transition: transform .3s ease; }
.ex-site :is(.ex-lead-image,.ex-row-image,.ex-review-image):hover .ex-image { transform: scale(1.025); }
.ex-story-kicker { display: flex; align-items: center; gap: 14px; margin-top: 21px; margin-bottom: 11px; }
.ex-story-kicker > span { color: var(--ex-muted); font: 11px var(--ex-mono); border-left: 1px solid var(--ex-line-dark); padding-left: 14px; }
.ex-site .ex-topic { color: var(--ex-link); font: 700 11px/1.4 var(--ex-sans); text-transform: uppercase; letter-spacing: .085em; }
.ex-lead-story h2 { font-size: clamp(31px, 3.25vw, 43px); line-height: 1.07; letter-spacing: -.044em; margin: 0 0 16px; max-width: 840px; }
.ex-site :is(.ex-lead-story,.ex-radar-story,.ex-story-row,.ex-review-story,.ex-guides) :is(h2,h3) a { color: var(--ex-ink); }
.ex-site :is(.ex-lead-story,.ex-radar-story,.ex-story-row,.ex-review-story,.ex-guides) :is(h2,h3) a:hover { color: var(--ex-link); }
.ex-lead-excerpt { color: var(--ex-muted); font-size: 15px; line-height: 1.65; margin: 0 0 17px; max-width: 720px; }
.ex-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--ex-muted); font: 11px/1.5 var(--ex-sans); letter-spacing: .01em; }
.ex-meta a { color: var(--ex-ink); font-weight: 500; }
.ex-lead-rail { border-left: 1px solid var(--ex-line); padding-left: 32px; display: flex; flex-direction: column; }
.ex-rail-heading { display: flex; justify-content: space-between; align-items: center; padding: 0 0 18px; border-bottom: 2px solid var(--ex-ink); color: var(--ex-ink); font: 650 12px/1.3 var(--ex-sans); }
.ex-rail-heading span:last-child { font-size: 23px; line-height: 1; color: var(--ex-accent); }
.ex-radar-story { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; padding: 26px 0; border-bottom: 1px solid var(--ex-line); flex: 1; }
.ex-radar-number { color: #868f96; font: 11px/1.4 var(--ex-mono); padding-top: 4px; }
.ex-radar-story h2 { font-size: clamp(20px, 1.85vw, 24px); line-height: 1.19; letter-spacing: -.025em; margin: 11px 0 16px; }
.ex-site .ex-rail-link { display: flex; justify-content: space-between; align-items: center; font-weight: 650; color: var(--ex-ink); font-size: 12px; padding-top: 22px; }
.ex-rail-link span { color: var(--ex-link); font-size: 20px; }
.ex-home-columns { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(0, 1fr); gap: 46px; margin-top: 49px; }
.ex-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding-bottom: 18px; border-bottom: 2px solid var(--ex-ink); }
.ex-section-heading h2 { margin: 0; font-size: 28px; line-height: 1.1; letter-spacing: -.04em; }
.ex-section-note { font: 11px/1.5 var(--ex-sans); color: var(--ex-muted); }
.ex-story-row { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 26px; padding: 26px 0; border-bottom: 1px solid var(--ex-line); align-items: start; }
.ex-story-row.ex-story-no-image { grid-template-columns: 1fr; }
.ex-row-image { display: block; aspect-ratio: 1.45; overflow: hidden; background: var(--ex-panel); }
.ex-row-copy { min-width: 0; }
.ex-row-copy h2 { font-size: clamp(20px, 1.9vw, 25px); line-height: 1.17; letter-spacing: -.027em; margin: 7px 0 10px; }
.ex-row-excerpt { margin: 0 0 13px; font-size: 13px; line-height: 1.6; color: var(--ex-muted); }
.ex-home-aside { padding-left: 32px; border-left: 1px solid var(--ex-line); min-width: 0; }
.ex-device-callout { background: var(--ex-dark); color: #dde1e3; padding: 30px; margin-bottom: 42px; position: relative; border-top: 4px solid var(--ex-accent); }
.ex-eyebrow { display: block; font: 650 10px/1.4 var(--ex-sans); letter-spacing: .11em; text-transform: uppercase; color: var(--ex-muted); }
.ex-device-callout .ex-eyebrow { color: #c0c8ce; }
.ex-device-callout h2 { font-size: 32px; line-height: 1.09; letter-spacing: -.04em; color: #fff; margin: 24px 0 19px; }
.ex-device-callout h2 span { color: var(--ex-accent); }
.ex-device-callout p { color: #bac2c8; font-size: 13px; line-height: 1.7; margin: 0 0 25px; }
.ex-site .ex-button { color: #fff; background: #bf3d00; min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; font-size: 12px; font-weight: 650; }
.ex-site .ex-button:hover { color: #fff; background: #d74400; }
.ex-button span { font-size: 20px; line-height: 1; }
.ex-site .ex-quiet-link { display: flex; justify-content: space-between; color: #d6dbdf; font-size: 11px; margin: 17px 0 0; }
.ex-quiet-link span { color: var(--ex-accent); }
.ex-site .ex-text-link { color: var(--ex-ink); font: 650 12px/1.5 var(--ex-sans); white-space: nowrap; }
.ex-text-link span { color: var(--ex-link); margin-left: 11px; }
.ex-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.ex-aside-intro { font-size: 12px; color: var(--ex-muted); margin: 18px 0 4px; }
.ex-guides .ex-section-heading h2 { font-size: 24px; }
.ex-guides ol { margin: 0 0 22px; list-style: none; padding: 0; counter-reset: guides; }
.ex-guides li { counter-increment: guides; position: relative; border-bottom: 1px solid var(--ex-line); padding: 23px 0 23px 34px; }
.ex-guides li::before { content: counter(guides, decimal-leading-zero); position: absolute; left: 0; top: 25px; font: 10px var(--ex-mono); color: var(--ex-link); }
.ex-guides h3 { font-size: 18px; line-height: 1.25; margin: 0 0 9px; }
.ex-editorial-widgets { margin-top: 44px; font-size: 13px; }
.ex-editorial-widgets .widget { margin-bottom: 30px; }
.ex-editorial-widgets .widget-title { font: 700 18px/1.3 var(--ex-display); }
.ex-editorial-widgets .entry-meta { font-size: 11px; }
.ex-editorial-widgets .widget-title::before { background: var(--ex-accent); }
.ex-pagination { margin-top: 29px; display: flex; flex-wrap: wrap; gap: 7px; }
.ex-pagination :is(.nav-links) { display: flex; flex-wrap: wrap; gap: 7px; }
.ex-site .ex-pagination .page-numbers { padding: 9px 13px; min-width: 37px; text-align: center; color: var(--ex-ink); background: transparent; border: 1px solid var(--ex-line); font: 12px/1.3 var(--ex-sans); }
.ex-site .ex-pagination .current { color: #fff; background: var(--ex-dark); border-color: var(--ex-dark); }
.ex-site .ex-pagination a.page-numbers:hover { border-color: var(--ex-ink); }
.ex-site .ex-pagination .dots { border-color: transparent; }
.ex-reviews { padding: 37px 40px 40px; margin-top: 62px; background: var(--ex-panel); }
.ex-reviews .ex-section-heading { border: 0; padding-bottom: 25px; align-items: end; }
.ex-reviews .ex-eyebrow { margin-bottom: 10px; color: var(--ex-link); }
.ex-reviews .ex-section-heading h2 { font-size: 36px; }
.ex-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 40px; }
.ex-review-image { display: block; aspect-ratio: 1.85; overflow: hidden; background: #e1e5e8; margin-bottom: 22px; }
.ex-review-story h3 { font-size: 28px; line-height: 1.13; letter-spacing: -.03em; margin: 0 0 12px; }
.ex-review-story p { font-size: 14px; line-height: 1.6; margin: 0 0 17px; color: var(--ex-muted); }
.ex-devices { margin-top: 55px; }
.ex-device-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid var(--ex-line); }
.ex-site .ex-device { min-width: 0; color: var(--ex-ink); padding: 30px 25px 26px; border-right: 1px solid var(--ex-line); display: flex; flex-direction: column; align-items: flex-start; }
.ex-device:first-child { border-left: 1px solid var(--ex-line); }
.ex-device .ex-image { object-fit: contain; height: 180px; margin-bottom: 22px; mix-blend-mode: multiply; }
.ex-device-name { font: 700 19px/1.2 var(--ex-display); letter-spacing: -.025em; margin-bottom: 13px; }
.ex-device-action { color: var(--ex-muted); font: 11px/1.4 var(--ex-sans); width: 100%; display: flex; justify-content: space-between; gap: 12px; }
.ex-device-action span { color: var(--ex-link); font-size: 16px; }
.ex-device:hover { background: var(--ex-panel); }
.ex-device:hover .ex-device-name { color: var(--ex-link); }

.ex-single { padding-top: 42px; padding-bottom: 68px; }
.ex-article-header { width: min(900px,100%); margin: 0 auto 31px; }
.ex-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 26px; color: #879099; font-size: 11px; }
.ex-breadcrumb > a:first-child { color: var(--ex-muted); }
.ex-breadcrumb .ex-topic { font-size: 10px; }
.ex-article-header h1 { font-size: clamp(34px, 4.2vw, 57px); line-height: 1.045; letter-spacing: -.043em; margin: 0 0 24px; }
.ex-article-deck { font-size: 20px; line-height: 1.5; color: var(--ex-muted); max-width: 790px; margin: 0 0 26px; }
.ex-byline { display: flex; align-items: center; gap: 12px; }
.ex-site .ex-avatar { display: block; border-radius: 50%; object-fit: cover; width: 43px; height: 43px; flex-shrink: 0; margin: 0; }
.ex-site .ex-author-name { color: var(--ex-ink); font-size: 13px; font-weight: 650; display: inline-block; margin-bottom: 4px; }
.ex-byline .ex-meta { gap: 9px; font-size: 11px; }
.ex-updated { flex-basis: 100%; }
.ex-article-image { width: min(1000px,100%); margin: 0 auto 49px; }
.ex-article-image img { width: 100%; height: auto; display: block; }
.ex-article-image figcaption { color: var(--ex-muted); font-size: 12px; margin-top: 10px; text-align: left; }
.ex-reader-layout { display: grid; grid-template-columns: minmax(130px,1fr) minmax(0,680px) minmax(100px,1fr); gap: 45px; align-items: start; }
.ex-reading-rail { padding-top: 8px; }
.ex-reading-rail > p { font-size: 12px; line-height: 1.8; margin: 12px 0 27px; color: var(--ex-muted); }
.ex-reading-rail > p a { color: var(--ex-ink); font-weight: 650; }
.ex-reading-rail > p a span { color: var(--ex-link); }
.ex-rail-label { display: block; font-size: 10px; color: var(--ex-muted); margin-bottom: 12px; }
.ex-share .meks_ess { margin: 0; }
.ex-share .meks_ess a { max-width: 37px; margin: 0 5px 6px 0; }
.ex-reader-main { min-width: 0; }
.ex-site .ex-reading { color: #252b30; font: 20px/1.8 var(--ex-text); margin: 0; overflow-wrap: break-word; }
.ex-reading > :is(p,ul,ol,blockquote,pre,table,figure,.wp-block-image,.wp-block-gallery,.gallery,.wp-caption) { margin-top: 0; margin-bottom: 1.5em; }
.ex-reading > :is(ul,ol) { padding-left: 1.3em; }
.ex-reading > :is(ul,ol) li { padding-left: .2em; margin-bottom: .55em; }
.ex-reading > :is(h2,h3,h4,h5,h6) { font-family: var(--ex-display); line-height: 1.2; letter-spacing: -.024em; font-weight: 700; color: var(--ex-ink); margin: 1.8em 0 .75em; scroll-margin-top: 90px; }
.ex-reading > h2 { font-size: 31px; }
.ex-reading > h3 { font-size: 25px; }
.ex-reading > h4 { font-size: 21px; }
.ex-reading > :is(p,ul,ol,blockquote) a, .ex-reading .wp-block-paragraph a { color: var(--ex-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.ex-reading > :is(p,ul,ol,blockquote) a:hover { color: var(--ex-ink); }
.ex-reading :is(img,video) { max-width: 100%; height: auto; }
.ex-reading iframe { max-width: 100%; }
.ex-reading .wp-caption { max-width: 100%; }
.ex-reading :is(figcaption,.wp-caption-text) { color: var(--ex-muted); font: 12px/1.6 var(--ex-sans); padding-top: 10px; }
.ex-reading > blockquote { border-left: 3px solid var(--ex-accent); padding: 0 0 0 26px; font: 25px/1.5 var(--ex-text); color: var(--ex-ink); }
.ex-reading > blockquote p { margin-bottom: .7em; }
.ex-reading > blockquote::before { display: none; }
.ex-reading > pre { font: 14px/1.7 var(--ex-mono); color: var(--ex-ink); background: var(--ex-panel); border: 1px solid var(--ex-line); padding: 22px; overflow: auto; white-space: pre; }
.ex-reading code { font-family: var(--ex-mono); font-size: .8em; }
.ex-reading > table, .ex-reading > .wp-block-table { display: block; overflow-x: auto; font: 14px/1.6 var(--ex-sans); max-width: 100%; }
.ex-reading > table td, .ex-reading > table th { border: 1px solid var(--ex-line); padding: 11px 14px; }
.ex-reading > .alignwide { width: calc(100% + 80px); max-width: calc(100% + 80px); margin-left: -40px; }
.ex-reading > .alignfull { width: calc(100% + 160px); max-width: calc(100% + 160px); margin-left: -80px; }
.ex-reading .aps-container { max-width: 100%; margin-inline: 0; }
.ex-page-links { display: flex; flex-wrap: wrap; gap: 12px; font: 14px var(--ex-sans); margin: 30px 0; }
.ex-tags { display: flex; flex-wrap: wrap; gap: 10px 17px; padding: 24px 0; border-top: 1px solid var(--ex-line); font: 11px/1.5 var(--ex-sans); }
.ex-tags > span { color: var(--ex-muted); }
.ex-tags a { color: var(--ex-ink); border-bottom: 1px solid var(--ex-line-dark); }
.ex-author-card { display: flex; align-items: flex-start; gap: 22px; padding: 31px 0; border-top: 1px solid var(--ex-line); border-bottom: 1px solid var(--ex-line); }
.ex-author-card .ex-avatar { width: 59px; height: 59px; }
.ex-author-card h2 { font-size: 22px; margin: 7px 0 11px; }
.ex-author-card h2 a { color: var(--ex-ink); }
.ex-author-bio { font: 14px/1.7 var(--ex-sans); color: var(--ex-muted); }
.ex-author-bio p { margin-bottom: 15px; }
.ex-comments { margin-top: 35px; font: 14px/1.7 var(--ex-sans); }
.ex-comments :is(h3,h4,.herald-mod-h) { font-family: var(--ex-display); font-size: 25px; }
.ex-comments .comment-list { padding-left: 0; }
.ex-comments :is(input:not([type=checkbox]):not([type=submit]),textarea) { border: 1px solid var(--ex-line-dark); background: var(--ex-paper); color: var(--ex-ink); padding: 12px; font: 14px var(--ex-sans); width: 100%; }
.ex-comments input[type=submit] { background: var(--ex-dark); border: 0; border-radius: 0; color: #fff; font: 650 13px var(--ex-sans); padding: 15px 21px; }
.ex-comments .comment-reply-title { padding: 0; }
.ex-related { margin-top: 66px; }
.ex-related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px; }
.ex-related .ex-story-row { grid-template-columns: 165px minmax(0,1fr); }
.ex-related .ex-row-copy h2 { font-size: 22px; }
.ex-related .ex-row-excerpt { display: none; }
.ex-page { width: min(760px,calc(100% - 80px)); padding-top: 59px; padding-bottom: 80px; }
.ex-page-header { margin-bottom: 32px; padding-bottom: 30px; border-bottom: 1px solid var(--ex-line); }
.ex-page-header h1 { font-size: clamp(37px,5vw,58px); margin: 13px 0 0; letter-spacing: -.04em; }
.ex-page-image { margin: 0 0 32px; }
.ex-page-image img { display: block; height: auto; }
.ex-reading .wpcf7 { font: 15px/1.6 var(--ex-sans); }
.ex-reading .wpcf7 :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select) { max-width: 100%; width: 100%; padding: 12px 14px; background: var(--ex-paper); border: 1px solid var(--ex-line-dark); color: var(--ex-ink); font: 15px/1.5 var(--ex-sans); }
.ex-reading .wpcf7 input[type=submit] { color: #fff; background: var(--ex-dark); border: 0; padding: 15px 24px; font: 650 13px var(--ex-sans); }
.ex-archive { padding-top: 48px; padding-bottom: 75px; }
.ex-archive-header { padding-bottom: 34px; margin-bottom: 3px; border-bottom: 2px solid var(--ex-ink); }
.ex-archive-header h1 { margin: 12px 0 0; font-size: clamp(37px,4.2vw,58px); letter-spacing: -.045em; }
.ex-archive-description { margin-top: 18px; max-width: 700px; color: var(--ex-muted); font-size: 15px; }
.ex-archive-description > :last-child { margin-bottom: 0; }
.ex-archive-header .ex-search-form { margin-top: 23px; }
.ex-archive-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 47px; }
.ex-archive-list .ex-story-row { grid-template-columns: 180px minmax(0,1fr); padding: 30px 0; }
.ex-archive-list .ex-story-no-image { grid-template-columns: 1fr; }
.ex-archive-list .ex-row-copy h2 { font-size: 23px; }
.ex-archive-list .ex-row-excerpt { display: none; }
.ex-empty { padding: 45px 0; font-size: 16px; color: var(--ex-muted); }
.ex-empty h2 { font-size: 30px; }
.ex-empty .ex-search-form { margin: 23px 0; }
.ex-not-found { min-height: 510px; padding-block: 90px; }
.ex-not-found h1 { font-size: clamp(40px,5vw,68px); letter-spacing: -.05em; margin: 20px 0; }
.ex-not-found h1 span { color: var(--ex-accent); }
.ex-not-found p { color: var(--ex-muted); font-size: 16px; }
.ex-not-found .ex-search-form { margin: 25px 0; }

/* APS keeps every PHP template, control, gallery and specification layout. */
.ex-site .aps-container { max-width: 1280px; width: calc(100% - 80px); margin: 42px auto 65px; font-family: var(--ex-sans); }
.ex-site .aps-main-title { font-size: clamp(30px,3.2vw,44px); line-height: 1.1; letter-spacing: -.035em; color: var(--ex-ink); }
.ex-site .aps-container .aps-title { font-family: var(--ex-display); color: var(--ex-ink); }
.ex-site .aps-container .aps-product-title { font-family: var(--ex-display); }
.ex-site .aps-container .aps-breadcrumbs { font: 12px/1.6 var(--ex-sans); }
.ex-site .aps-container .aps-widget-title { font: 700 18px/1.3 var(--ex-display); }
.ex-site .aps-container .aps-price-value { color: var(--ex-link); }
.ex-site .aps-container .aps-btn:hover { background-color: var(--ex-link); }
.ex-site .aps-container .aps-product-box { border-color: var(--ex-line); }

.ex-footer { background: var(--ex-dark); color: #e3e7ea; padding-top: 57px; border-top: 4px solid var(--ex-accent); }
.ex-footer-top { display: grid; grid-template-columns: 1.45fr .8fr .9fr 1fr; gap: 45px; padding-bottom: 46px; }
.ex-site .ex-footer-wordmark { font: 700 25px/1.2 var(--ex-display); letter-spacing: -.045em; color: #fff; display: inline-block; }
.ex-footer-wordmark span { color: var(--ex-accent); }
.ex-footer-identity p { color: #a8b0b6; font-size: 12px; line-height: 1.85; margin: 19px 0 0; }
.ex-footer-label { display: block; color: #9da6ad; font: 650 10px/1.4 var(--ex-sans); text-transform: uppercase; letter-spacing: .095em; margin-bottom: 18px; }
.ex-footer-links ul { list-style: none; padding: 0; margin: 0; }
.ex-footer-links li { margin: 0 0 11px; padding: 0; }
.ex-site .ex-footer a { color: #e2e6e9; font-size: 12px; }
.ex-site .ex-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.ex-site .ex-footer .ex-footer-wordmark { font-size: 25px; }
.ex-site .ex-footer-group > a { color: #fff; font: 650 20px/1.4 var(--ex-display); letter-spacing: -.02em; display: flex; align-items: center; justify-content: space-between; }
.ex-footer-group > a span { color: var(--ex-accent); }
.ex-footer-group p { color: #a8b0b6; font-size: 12px; line-height: 1.8; margin: 12px 0 0; }
.ex-footer-bottom { border-top: 1px solid #343b41; padding: 23px 0 26px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #9da6ad; }
.ex-footer-bottom p, .ex-site .ex-footer-bottom a { font: 10px/1.6 var(--ex-sans); margin: 0; }
.ex-footer-widgets { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 35px; padding-bottom: 25px; }

@media (min-width: 1500px) { .ex-reader-layout { grid-template-columns: 1fr 680px 1fr; gap: 65px; } }
@media (max-width: 1180px) {
  .ex-shell { width: calc(100% - 56px); }
  .ex-menu-list { gap: 20px !important; }
  .ex-menu-list > li > a { font-size: 12px; }
  .ex-publisher { font-size: 11px; }
  .ex-lead-grid,.ex-home-columns { gap: 31px; grid-template-columns: minmax(0,1.85fr) minmax(0,1fr); }
  .ex-lead-rail,.ex-home-aside { padding-left: 24px; }
  .ex-story-row { grid-template-columns: 160px minmax(0,1fr); gap: 22px; }
  .ex-device-callout { padding: 25px; }
  .ex-device-callout h2 { font-size: 29px; }
  .ex-reader-layout { grid-template-columns: minmax(125px,1fr) minmax(0,680px); gap: 39px; padding-right: 75px; }
  .ex-article-header { width: min(860px,100%); }
  .ex-archive-list { column-gap: 35px; }
  .ex-archive-list .ex-story-row { grid-template-columns: 140px minmax(0,1fr); gap: 20px; }
  .ex-archive-list .ex-row-copy h2 { font-size: 21px; }
  .ex-footer-top { gap: 28px; }
  .ex-footer-wordmark { font-size: 23px; }
  .ex-page { width: min(760px,calc(100% - 56px)); }
}
@media (max-width: 1000px) {
  .ex-masthead { min-height: 87px; }
  .ex-publisher { margin-left: auto; }
  .ex-catalog-link { display: none !important; }
  .ex-site .ex-menu-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 60px; min-height: 44px; border: 0; padding: 8px 0; background: transparent; color: var(--ex-ink); font: 600 12px var(--ex-sans); cursor: pointer; }
  .ex-menu-toggle span { font-size: 18px; }
  .ex-nav-inner { min-height: 44px; justify-content: flex-end; }
  .ex-nav { width: 100%; }
  .ex-js .ex-nav { display: none; }
  .ex-js .ex-nav.is-open { display: block; }
  .ex-js .ex-nav.is-open + .ex-search { align-self: flex-start; }
  .ex-site .ex-menu-list { flex-wrap: wrap; gap: 0 24px !important; padding: 6px 0; }
  .ex-menu-list > li > a { font-size: 13px; padding-block: 12px; }
  .ex-menu-list .sub-menu { position: static; display: block; width: auto; border: 0; padding: 0 0 0 12px; box-shadow: none; }
  .ex-menu-list .sub-menu a { padding: 6px 0; font-size: 12px; }
  .ex-nav .menu-item-has-children { flex-basis: 100%; }
  .ex-search summary { min-height: 44px; }
  .ex-lead-grid { gap: 27px; grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); }
  .ex-radar-story { padding: 21px 0; grid-template-columns: 18px minmax(0,1fr); gap: 8px; }
  .ex-radar-story h2 { font-size: 19px; margin-top: 8px; }
  .ex-home-columns { grid-template-columns: minmax(0,1fr) 270px; gap: 27px; }
  .ex-story-row { grid-template-columns: 130px minmax(0,1fr); gap: 20px; }
  .ex-row-excerpt { display: none; }
  .ex-row-copy h2 { font-size: 21px; }
  .ex-home-aside { padding-left: 23px; }
  .ex-device-callout { padding: 23px; }
  .ex-device-callout h2 { font-size: 27px; }
  .ex-device-callout p { font-size: 12px; }
  .ex-device { padding-inline: 18px !important; }
  .ex-device .ex-image { height: 150px; }
  .ex-device-name { font-size: 17px; }
  .ex-reader-layout { display: block; max-width: 680px; margin-inline: auto; padding-right: 0; }
  .ex-reading-rail { display: flex; gap: 18px; align-items: center; padding: 0 0 19px; margin-bottom: 28px; border-bottom: 1px solid var(--ex-line); }
  .ex-reading-rail > .ex-eyebrow { display: none; }
  .ex-reading-rail > p { margin: 0; font-size: 11px; }
  .ex-reading-rail > p br { display: none; }
  .ex-reading-rail > p a { margin-left: 4px; }
  .ex-share { margin-left: auto; }
  .ex-share .ex-rail-label { display: none; }
  .ex-share .meks_ess a { margin-bottom: 0; }
  .ex-reading > .alignwide,.ex-reading > .alignfull { width: 100%; max-width: 100%; margin-left: 0; }
  .ex-related .ex-story-row { grid-template-columns: 130px minmax(0,1fr); gap: 20px; }
  .ex-related .ex-row-copy h2 { font-size: 20px; }
  .ex-footer-top { grid-template-columns: 1.3fr 1fr 1fr; gap: 27px; }
  .ex-footer-group { grid-column: 1/-1; border-top: 1px solid #343b41; padding-top: 23px; display: flex; gap: 24px; align-items: baseline; }
  .ex-footer-group .ex-footer-label { margin: 0; }
  .ex-footer-group > a { gap: 30px; }
  .ex-footer-group p { margin: 0 0 0 auto; }
  .ex-footer-group p br { display: none; }
}
@media (max-width: 800px) {
  .ex-lead-grid { grid-template-columns: 1fr; gap: 32px; padding-bottom: 32px; }
  .ex-lead-image { aspect-ratio: 1.9; }
  .ex-lead-story h2 { font-size: 36px; max-width: 660px; }
  .ex-lead-rail { padding-left: 0; border: 0; }
  .ex-radar-story { padding: 20px 0; grid-template-columns: 27px minmax(0,1fr); }
  .ex-radar-story h2 { font-size: 23px; max-width: 570px; margin-bottom: 10px; }
  .ex-radar-story .ex-meta { display: none; }
  .ex-rail-heading { padding-bottom: 15px; }
  .ex-home-columns { grid-template-columns: 1fr; margin-top: 34px; }
  .ex-home-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 29px; padding: 0; border: 0; margin-top: 10px; }
  .ex-device-callout { align-self: start; padding: 28px; margin-bottom: 0; }
  .ex-editorial-widgets { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; grid-column: 1/-1; margin-top: 4px; }
  .ex-guides .ex-section-heading h2 { font-size: 26px; }
  .ex-story-row { grid-template-columns: 180px minmax(0,1fr); }
  .ex-row-copy h2 { font-size: 24px; }
  .ex-row-excerpt { display: block; }
  .ex-reviews { margin-top: 40px; padding: 28px; }
  .ex-review-grid { gap: 26px; }
  .ex-review-story h3 { font-size: 24px; }
  .ex-review-story p { font-size: 13px; }
  .ex-device-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ex-device:nth-child(3) { border-left: 1px solid var(--ex-line); }
  .ex-device:nth-child(-n+2) { border-bottom: 1px solid var(--ex-line); }
  .ex-archive-list { grid-template-columns: 1fr; }
  .ex-archive-list .ex-story-row { grid-template-columns: 190px minmax(0,1fr); }
  .ex-archive-list .ex-row-copy h2 { font-size: 25px; }
  .ex-archive-list .ex-row-excerpt { display: block; }
  .ex-article-header h1 { font-size: 43px; }
  .ex-article-image { margin-bottom: 31px; }
  .ex-article-deck { font-size: 18px; }
  .ex-related-grid { grid-template-columns: 1fr; gap: 0; }
  .ex-related .ex-story-row { grid-template-columns: 180px minmax(0,1fr); }
  .ex-related .ex-row-copy h2 { font-size: 24px; }
  .ex-site .aps-container { width: calc(100% - 40px); margin-top: 30px; }
}
@media (max-width: 600px) {
  .ex-shell { width: calc(100% - 40px); }
  .ex-masthead { min-height: 80px; gap: 14px; }
  .ex-brand { gap: 9px !important; }
  .ex-brand-mark { width: 39px; height: 39px; border-radius: 10px 10px 10px 2px; font-size: 28px; padding-right: 5px; }
  .ex-brand-name { font-size: 12px; }
  .ex-brand-name > span { font-size: 28px; }
  .ex-publisher { display: none; }
  .ex-header-actions { margin-left: auto; }
  .ex-home { padding-top: 29px; padding-bottom: 48px; }
  .ex-home-heading { margin-bottom: 25px; }
  .ex-home-heading h1 { font-size: 35px; }
  .ex-home-heading p { display: none; }
  .ex-lead-image { aspect-ratio: 1.6; }
  .ex-story-kicker { margin-top: 18px; margin-bottom: 11px; }
  .ex-lead-story h2 { font-size: 33px; line-height: 1.08; margin-bottom: 14px; }
  .ex-lead-excerpt { font-size: 14px; margin-bottom: 16px; }
  .ex-topic { font-size: 10px !important; }
  .ex-meta { font-size: 10px; }
  .ex-radar-story h2 { font-size: 21px; }
  .ex-rail-heading { font-size: 11px; }
  .ex-section-heading { gap: 16px; padding-bottom: 16px; }
  .ex-section-heading h2 { font-size: 27px; }
  .ex-section-note { font-size: 10px; text-align: right; max-width: 115px; }
  .ex-story-row { grid-template-columns: 115px minmax(0,1fr); gap: 18px; padding: 24px 0; }
  .ex-row-image { aspect-ratio: 1.05; }
  .ex-row-copy h2 { font-size: 20px; line-height: 1.16; margin-bottom: 10px; margin-top: 7px; }
  .ex-row-excerpt { display: none; }
  .ex-home-aside { grid-template-columns: 1fr; gap: 36px; margin-top: 19px; }
  .ex-device-callout { padding: 30px; }
  .ex-device-callout h2 { font-size: 35px; }
  .ex-device-callout p { max-width: 360px; font-size: 14px; }
  .ex-device-callout .ex-button { font-size: 13px; }
  .ex-device-callout .ex-quiet-link { font-size: 12px; }
  .ex-guides h3 { font-size: 21px; }
  .ex-editorial-widgets { grid-template-columns: 1fr; margin-top: 0; gap: 0; }
  .ex-reviews { margin-left: -20px; margin-right: -20px; padding: 32px 20px; }
  .ex-reviews .ex-section-heading h2 { font-size: 31px; }
  .ex-review-grid { grid-template-columns: 1fr; gap: 35px; }
  .ex-review-image { margin-bottom: 19px; }
  .ex-review-story h3 { font-size: 28px; }
  .ex-review-story p { font-size: 14px; }
  .ex-devices { margin-top: 36px; }
  .ex-devices .ex-section-heading { align-items: baseline; }
  .ex-devices .ex-section-heading h2 { max-width: 150px; }
  .ex-site .ex-device { padding: 23px 16px; }
  .ex-device .ex-image { height: 155px; margin-bottom: 15px; }
  .ex-device-name { font-size: 19px; }
  .ex-device-action { font-size: 10px; }
  .ex-single { padding-top: 27px; padding-bottom: 47px; }
  .ex-breadcrumb { margin-bottom: 22px; }
  .ex-article-header h1 { font-size: 36px; line-height: 1.07; margin-bottom: 23px; }
  .ex-article-deck { font-size: 18px; line-height: 1.6; }
  .ex-byline .ex-meta { font-size: 10px; gap: 7px; }
  .ex-article-header { margin-bottom: 25px; }
  .ex-article-image { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); }
  .ex-article-image figcaption { padding-inline: 20px; }
  .ex-site .ex-reading { font-size: 19px; line-height: 1.78; }
  .ex-reading > h2 { font-size: 28px; }
  .ex-reading > h3 { font-size: 23px; }
  .ex-reading > blockquote { font-size: 23px; padding-left: 20px; }
  .ex-author-card { gap: 16px; }
  .ex-author-card .ex-avatar { width: 45px; height: 45px; }
  .ex-author-card h2 { font-size: 22px; }
  .ex-author-bio { font-size: 13px; }
  .ex-related { margin-top: 45px; }
  .ex-related .ex-story-row { grid-template-columns: 115px minmax(0,1fr); gap: 18px; }
  .ex-related .ex-row-copy h2 { font-size: 20px; }
  .ex-page { width: calc(100% - 40px); padding-top: 35px; padding-bottom: 55px; }
  .ex-page-header { margin-bottom: 25px; }
  .ex-page-header h1 { font-size: 41px; }
  .ex-archive { padding-top: 33px; padding-bottom: 55px; }
  .ex-archive-header { padding-bottom: 27px; }
  .ex-archive-header h1 { font-size: 41px; overflow-wrap: break-word; }
  .ex-archive-list .ex-story-row { grid-template-columns: 115px minmax(0,1fr); padding: 25px 0; gap: 18px; }
  .ex-archive-list .ex-story-no-image { grid-template-columns: 1fr; }
  .ex-archive-list .ex-row-copy h2 { font-size: 20px; }
  .ex-archive-list .ex-row-excerpt { display: none; }
  .ex-not-found { padding-block: 57px; min-height: 480px; }
  .ex-not-found p { font-size: 15px; }
  .ex-not-found p br { display: none; }
  .ex-footer { padding-top: 40px; }
  .ex-footer-top { grid-template-columns: 1fr 1fr; gap: 31px; padding-bottom: 29px; }
  .ex-footer-identity { grid-column: 1/-1; }
  .ex-footer-identity p { margin-top: 14px; }
  .ex-footer-identity p br { display: none; }
  .ex-footer-group { flex-wrap: wrap; gap: 11px 22px; }
  .ex-footer-group p { flex-basis: 100%; margin: 0; font-size: 11px; }
  .ex-footer-bottom { flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px 0 26px; }
}
@media (max-width: 360px) {
  .ex-home-heading h1 { font-size: 31px; }
  .ex-lead-story h2 { font-size: 30px; }
  .ex-story-row,.ex-related .ex-story-row,.ex-archive-list .ex-story-row { grid-template-columns: 96px minmax(0,1fr); gap: 14px; }
  .ex-row-copy h2,.ex-related .ex-row-copy h2,.ex-archive-list .ex-row-copy h2 { font-size: 18px; }
  .ex-article-header h1 { font-size: 32px; }
  .ex-reading-rail { flex-direction: column; align-items: flex-start; gap: 12px; }
  .ex-share { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .ex-site *, .ex-site *::before, .ex-site *::after { animation: none !important; transition: none !important; } }
@media print {
  .ex-header,.ex-footer,.ex-reading-rail,.ex-related,.ex-comments,.ex-byline .ex-avatar,.ex-author-card { display: none; }
  .ex-shell,.ex-article-header,.ex-reader-layout { width: 100%; max-width: none; display: block; margin: 0; padding: 0; }
  .ex-article-header h1 { font-size: 30pt; }
  .ex-site .ex-reading { font: 12pt/1.6 Georgia,serif; }
  .ex-site a { color: #000; }
  .ex-article-image { max-width: 100%; }
}

/* EX's signature: a typographic panorama, then a compact two-column news index.
 * Deliberately independent from the fleet's lead-story/right-rail composition. */
.ex-home-heading { padding-bottom: 19px; margin-bottom: 24px; border-bottom: 1px solid var(--ex-line); }
.ex-home-heading h1 { font-size: 25px; letter-spacing: -.045em; }
.ex-home-heading p br { display: none; }
.ex-home-heading p { font-size: 11px; }
.ex-lead-grid { display: block; padding-bottom: 0; border: 0; }
.ex-lead-story .ex-story-kicker { margin-top: 0; margin-bottom: 15px; }
.ex-lead-story h2 { font-size: clamp(38px,4.65vw,66px); line-height: 1.01; letter-spacing: -.052em; max-width: 1160px; margin: 0 0 27px; }
.ex-lead-image { aspect-ratio: 2.7; width: 100%; border-left: 5px solid var(--ex-accent); }
.ex-feature-caption { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; padding: 20px 0 27px; border-bottom: 1px solid var(--ex-ink); }
.ex-feature-caption .ex-lead-excerpt { max-width: 710px; margin: 0; font-size: 14px; }
.ex-feature-caption .ex-meta { max-width: 250px; justify-content: flex-end; text-align: right; padding-top: 3px; flex-shrink: 0; }
.ex-home-columns { display: block; margin-top: 42px; }
.ex-home .ex-story-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 45px; }
.ex-home .ex-story-row { grid-template-columns: 145px minmax(0,1fr); gap: 23px; padding: 29px 0; }
.ex-home .ex-story-no-image { grid-template-columns: 1fr; }
.ex-home .ex-row-image { aspect-ratio: 1.22; }
.ex-home .ex-row-copy h2 { font-size: 24px; line-height: 1.13; margin: 9px 0 12px; }
.ex-home .ex-row-excerpt { display: none; }
.ex-site .ex-story-row.ex-story-no-image { grid-template-columns: 1fr; }
.ex-home-aside { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.8fr); gap: 60px; border: 0; border-top: 1px solid var(--ex-ink); padding: 36px 0 0; margin-top: 47px; }
.ex-device-callout { margin-bottom: 0; padding: 36px; }
.ex-device-callout h2 { font-size: 36px; }
.ex-guides ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 30px; margin-bottom: 20px; }
.ex-guides li { padding-block: 22px; }
.ex-guides h3 { font-size: 20px; }
.ex-guides .ex-section-heading h2 { font-size: 31px; }
.ex-site .ex-widget-post-list { list-style: none; margin: 0; padding: 0; }
.ex-widget-post-list li { padding: 17px 0; border-bottom: 1px solid var(--ex-line); }
.ex-widget-post-list li > a { display: block; font: 650 16px/1.3 var(--ex-display); color: var(--ex-ink); margin-bottom: 8px; }
.ex-reading .gallery { display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.ex-reading .gallery-columns-1 { grid-template-columns: 1fr; }
.ex-reading .gallery-columns-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.ex-reading .gallery-columns-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.ex-reading .gallery-item { width: auto !important; float: none; margin: 0; min-width: 0; }
.ex-reading .gallery-icon img { width: 100%; height: auto; }
.ex-reading .alignleft { float: left; margin: 6px 25px 18px 0; }
.ex-reading .alignright { float: right; margin: 6px 0 18px 25px; }
.ex-reading .aligncenter { display: block; margin-inline: auto; }
.ex-reading::after { content: ""; display: table; clear: both; }
.ex-comments .comment-list,.ex-comments .children { list-style: none; }
.ex-comments .comment-list { padding: 0; margin: 25px 0; }
.ex-comments .children { margin: 20px 0 0; padding-left: 28px; }
.ex-comments .comment-body { border-top: 1px solid var(--ex-line); padding: 22px 0; }
.ex-comments .comment-author .avatar { float: left; width: 42px; height: 42px; border-radius: 50%; margin: 0 13px 8px 0; }
.ex-comments .comment-author .fn { font-style: normal; color: var(--ex-ink); }
.ex-comments .comment-metadata { color: var(--ex-muted); font-size: 11px; margin: 4px 0 18px; }
.ex-comments .comment-content { clear: both; }
.ex-comments .reply { font-size: 12px; }
.ex-comments .comment-reply-title { font-size: 28px; margin-bottom: 18px; }
.ex-comments .comment-form > p { margin: 16px 0; }
.ex-comments label { display: block; font-size: 12px; font-weight: 650; margin-bottom: 6px; }
.ex-comments .comment-form-cookies-consent label { display: inline; font-weight: 400; }
.ex-comments .comment-form-cookies-consent input { margin-right: 7px; }
.ex-reading .wp-block-embed__wrapper { position: relative; }
.ex-reading .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 56.25%; }
.ex-reading .wp-has-aspect-ratio .wp-block-embed__wrapper iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
@media (max-width: 1000px) {
 .ex-home .ex-story-list { column-gap: 30px; }
 .ex-home .ex-story-row { grid-template-columns: 118px minmax(0,1fr); gap: 20px; }
 .ex-home .ex-row-copy h2 { font-size: 22px; }
 .ex-feature-caption { gap: 25px; }
 .ex-feature-caption .ex-meta { flex-basis: 180px; }
 .ex-home-aside { gap: 34px; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); }
 .ex-device-callout { padding: 29px; }
 .ex-device-callout h2 { font-size: 31px; }
 .ex-guides ol { display: block; }
}
@media (max-width: 700px) {
 .ex-lead-story h2 { font-size: 43px; }
 .ex-lead-image { aspect-ratio: 1.8; border-left-width: 4px; }
 .ex-feature-caption { flex-direction: column; gap: 15px; }
 .ex-feature-caption .ex-meta { flex-basis: auto; justify-content: flex-start; text-align: left; padding: 0; }
 .ex-home .ex-story-list { grid-template-columns: 1fr; }
 .ex-home .ex-story-row { grid-template-columns: 140px minmax(0,1fr); gap: 23px; padding: 26px 0; }
 .ex-home .ex-row-copy h2 { font-size: 24px; }
 .ex-home-aside { grid-template-columns: 1fr; gap: 35px; margin-top: 37px; padding-top: 29px; }
 .ex-device-callout { padding: 32px; }
 .ex-device-callout h2 { font-size: 36px; }
 .ex-guides ol { display: grid; }
 .ex-home-heading h1 { font-size: 25px; }
 .ex-home-heading p { display: none; }
}
@media (max-width: 480px) {
 .ex-home-heading { margin-bottom: 23px; padding-bottom: 17px; }
 .ex-lead-story h2 { font-size: 37px; line-height: 1.04; margin-bottom: 23px; }
 .ex-lead-image { aspect-ratio: 1.55; }
 .ex-feature-caption .ex-lead-excerpt { font-size: 14px; }
 .ex-home .ex-story-row { grid-template-columns: 115px minmax(0,1fr); gap: 18px; }
 .ex-home .ex-row-copy h2 { font-size: 20px; }
 .ex-guides ol { display: block; }
 .ex-guides h3 { font-size: 22px; }
 .ex-home-columns { margin-top: 33px; }
 .ex-reading .gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ex-reading .gallery-columns-1 { grid-template-columns: 1fr; }
}