/*
Theme Name: AgentPress Breeze
Theme URI: https://example.com/agentpress-breeze
Author: AI Agent Starter Kit
Description: An AI-agent-optimized WordPress Block Theme starter with a built-in Site Builder Skill, editable surface registry, and safe AI edit workflow.
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agentpress-breeze
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, editor-style
*/

/*
AI EDITING NOTE
Most design tokens belong in theme.json. Keep this stylesheet small and only use it
for reusable utility classes or component-level polish that cannot be expressed cleanly
with block supports.
*/

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Crimson+Pro:wght@500;600;700&family=Roboto+Mono:wght@400;500;700&display=swap');

:root {
  --ap-radius-sm: 2px;
  --ap-radius-md: 6px;
  --ap-radius-lg: 12px;
  --ap-border: rgba(248, 250, 252, 0.20);
  --ap-border-strong: rgba(34, 197, 94, 0.62);
  --ap-paper: rgba(248, 250, 252, 0.035);
  --ap-paper-strong: rgba(248, 250, 252, 0.07);
  --ap-text-soft: rgba(248, 250, 252, 0.72);
  --ap-ink: #020617;
  --ap-signal: #22C55E;
  --ap-note: #F8D24A;
  --ap-color-bg: var(--wp--preset--color--base);
  --ap-color-surface: var(--wp--preset--color--surface);
  --ap-color-card: rgba(11, 17, 32, .94);
  --ap-color-card-foreground: var(--wp--preset--color--contrast);
  --ap-color-muted-foreground: rgba(248, 250, 252, .72);
  --ap-color-ring: var(--ap-note);
  --ap-space-2: .5rem;
  --ap-space-3: .75rem;
  --ap-space-4: 1rem;
  --ap-space-5: 1.25rem;
  --ap-space-6: 1.5rem;
  --ap-space-8: 2rem;
  --ap-space-10: 2.5rem;
  --ap-shadow-brutal: 7px 7px 0 rgba(248,210,74,.82);
  --ap-shadow-brutal-hover: 10px 10px 0 rgba(248,210,74,.92);
  --ap-ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --ap-ease-move: cubic-bezier(0.25, 1, 0.5, 1);
  --ap-dur-fast: 140ms;
  --ap-dur-med: 220ms;
}

html { scroll-behavior: smooth; color-scheme: dark; }
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background:
    linear-gradient(90deg, rgba(248,250,252,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(248,250,252,.035) 1px, transparent 1px),
    radial-gradient(circle at 18% 2%, rgba(34,197,94,.16), transparent 26rem),
    radial-gradient(circle at 82% 7%, rgba(248,210,74,.11), transparent 24rem),
    var(--wp--preset--color--base);
  background-size: 42px 42px, 42px 42px, auto, auto, auto;
}

html, body { max-width: 100%; overflow-x: clip; }
body { -webkit-tap-highlight-color: rgba(248,210,74,.24); }
a, button, summary, .wp-block-button__link { touch-action: manipulation; }
.wp-site-blocks, .wp-block-group, .wp-block-column, .wp-block-navigation, .wp-block-post-template { min-width: 0; }
p, li, h1, h2, h3, h4, h5, h6, .wp-block-heading, .ap-ledger-value { overflow-wrap: anywhere; }
:where([id]) { scroll-margin-top: 6rem; }
.wp-site-blocks > * { margin-block-start: 0; }
a { text-underline-offset: 0.18em; }
a:focus-visible, button:focus-visible, summary:focus-visible, .wp-block-button__link:focus-visible {
  outline: 3px solid var(--ap-note);
  outline-offset: 4px;
}
.ap-card:focus-within, .ap-ledger-board:focus-within {
  border-color: var(--ap-border-strong);
  box-shadow: 0 0 0 3px rgba(248,210,74,.16);
}

.ap-header-shell {
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(14px);
  border-bottom: 2px solid var(--ap-border);
  background: rgba(2, 6, 23, .86) !important;
}
.ap-header-shell .wp-block-site-title a { color: var(--wp--preset--color--contrast); letter-spacing: -0.02em; }

.ap-brand-logo-link {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  width: min(400px, 72vw);
  max-width: min(400px, 72vw);
  min-height: 44px;
  text-decoration: none;
  border-radius: .75rem;
  overflow: hidden;
}
.ap-brand-logo-img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: invert(1) contrast(1.18) brightness(1.16);
}
.ap-header-shell .wp-block-navigation a {
  color: rgba(248,250,252,.76);
  border-radius: var(--ap-radius-sm);
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  transition: color var(--ap-dur-fast) ease, background-size var(--ap-dur-med) var(--ap-ease-enter);
}
.ap-header-shell .wp-block-navigation a:hover { color: var(--ap-signal); background-size: 100% 1px; }
.ap-header-shell .wp-block-navigation a:focus-visible { color: var(--ap-signal); background-color: rgba(34,197,94,.08); background-size: 100% 1px; }
.ap-zh-navigation ul { display: flex; flex-wrap: wrap; gap: .35rem .95rem; align-items: center; margin: 0; padding: 0; list-style: none; }
.ap-zh-navigation a { color: rgba(248,250,252,.76); text-decoration: none; font-weight: 650; font-size: var(--wp--preset--font-size--sm); background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; transition: color var(--ap-dur-fast) ease, background-size var(--ap-dur-fast) ease, background-color var(--ap-dur-fast) ease; }
.ap-zh-navigation a:hover { color: var(--ap-signal); background-size: 100% 1px; }
.ap-zh-navigation a:focus-visible { color: var(--ap-signal); background-color: rgba(34,197,94,.08); background-size: 100% 1px; }

.ap-language-switch {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  min-height: 36px;
  padding: .32rem .62rem;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 999px;
  background: rgba(15, 23, 42, .62);
  color: rgba(248, 250, 252, .68);
  font-family: var(--wp--preset--font-family--mono);
  font-size: .72rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.ap-language-switch a {
  color: rgba(248, 250, 252, .78);
  text-decoration: none;
  transition: color var(--ap-dur-fast) ease, background-color var(--ap-dur-fast) ease;
}
.ap-language-switch a:hover,
.ap-language-switch a:focus-visible {
  color: var(--ap-signal);
}
.ap-language-switch span { color: rgba(148, 163, 184, .62); }

.ap-hero-shell {
  position: relative;
  overflow: hidden;
  border-bottom: 2px solid var(--ap-border);
  background:
    linear-gradient(90deg, rgba(34,197,94,.13) 1px, transparent 1px),
    linear-gradient(0deg, rgba(34,197,94,.08) 1px, transparent 1px),
    radial-gradient(circle at 15% 22%, rgba(34,197,94,.18), transparent 29rem),
    linear-gradient(135deg, #020617 0%, #08111F 58%, #0B1120 100%);
  background-size: 54px 54px, 54px 54px, auto, auto;
}
.ap-hero-shell::before {
  content: "PMZ / SIGNAL LEDGER";
  position: absolute;
  right: clamp(1rem, 4vw, 4rem);
  top: clamp(5rem, 10vw, 8rem);
  color: rgba(248,250,252,.055);
  font-family: var(--wp--preset--font-family--mono);
  font-size: clamp(3rem, 10vw, 8rem);
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: .82;
  max-width: 9ch;
  pointer-events: none;
}
.ap-hero-copy { position: relative; z-index: 1; max-width: 760px; }
.ap-hero-shell > .wp-block-group.alignwide { column-gap: clamp(1.5rem, 3.5vw, 3.5rem); row-gap: var(--ap-space-8); }
@media (min-width: 721px) {
  .ap-hero-shell > .wp-block-group.alignwide { grid-template-columns: minmax(0, 1.02fr) minmax(22rem, .98fr) !important; align-items: stretch; }
}
.ap-hero-copy .wp-block-buttons { gap: var(--ap-space-4); }
.ap-hero-title {
  max-width: 760px;
  letter-spacing: -0.055em;
  text-wrap: balance;
  font-size: clamp(3.2rem, 8vw, 6.8rem) !important;
}
.ap-hero-lede { max-width: 690px; color: var(--ap-text-soft) !important; }
.ap-eyebrow, .ap-pill {
  border: 1px solid var(--ap-border-strong);
  border-radius: var(--ap-radius-sm);
  padding: 0.42rem 0.68rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  width: fit-content;
  background: rgba(34, 197, 94, .08);
  color: #BBF7D0 !important;
  font-family: var(--wp--preset--font-family--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ap-button-primary .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(187,247,208,.76) !important;
  border-radius: var(--ap-radius-sm) !important;
  background: var(--ap-signal) !important;
  color: #020617 !important;
  box-shadow: var(--ap-shadow-brutal);
  transition: transform var(--ap-dur-med) var(--ap-ease-enter), box-shadow var(--ap-dur-med) var(--ap-ease-enter), filter var(--ap-dur-fast) ease, background-color var(--ap-dur-fast) ease;
}
.ap-button-primary .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  transform: translate(-2px, -2px);
  box-shadow: var(--ap-shadow-brutal-hover);
  filter: saturate(1.04);
}
.ap-button-primary .wp-block-button__link:focus-visible,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible {
  box-shadow: var(--ap-shadow-brutal-hover), 0 0 0 4px rgba(248,210,74,.18);
}

.ap-button-primary .wp-block-button__link:active,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
  transform: translate(0, 0);
  box-shadow: 5px 5px 0 rgba(248,210,74,.74);
}
.wp-block-button.is-style-outline .wp-block-button__link {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(248,250,252,.36) !important;
  border-radius: var(--ap-radius-sm) !important;
  color: var(--wp--preset--color--contrast) !important;
  background: rgba(248,250,252,.03) !important;
  transition: color var(--ap-dur-fast) ease, border-color var(--ap-dur-fast) ease, background-color var(--ap-dur-fast) ease, transform var(--ap-dur-med) var(--ap-ease-enter);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--ap-signal) !important; color: #BBF7D0 !important; transform: translateY(-1px); }
.wp-block-button.is-style-outline .wp-block-button__link:active { background: rgba(34,197,94,.08) !important; }

.ap-surface, .ap-card, .ap-panel {
  border: 1px solid var(--ap-border);
  border-radius: var(--ap-radius-lg);
  box-shadow: none;
  background: linear-gradient(180deg, rgba(11,17,32,.95), rgba(2,6,23,.92));
}
.ap-card {
  position: relative;
  min-height: 100%;
  border-radius: var(--ap-radius-md);
  transition: transform var(--ap-dur-med) var(--ap-ease-enter), border-color var(--ap-dur-fast) ease, background var(--ap-dur-med) var(--ap-ease-enter);
}
@media (hover: hover) and (pointer: fine) {
  .ap-card:hover { transform: translateY(-3px); border-color: var(--ap-border-strong); background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(2,6,23,.95)); }
}
.ap-card a { color: var(--wp--preset--color--contrast); }
.ap-card a:hover { color: var(--ap-signal); }
.ap-card > .wp-block-group,
.ap-panel > .wp-block-group,
.ap-surface > .wp-block-group { min-width: 0; }
.ap-card .wp-block-heading,
.ap-panel .wp-block-heading { letter-spacing: -0.015em; }
.ap-card p,
.ap-panel p,
.ap-surface p { color: var(--ap-color-muted-foreground); }
.ap-muted-link a, .ap-soft-text { color: var(--ap-text-soft) !important; text-decoration: none; }
.ap-muted-link a:hover { color: var(--wp--preset--color--contrast) !important; }
.ap-gradient-surface {
  background:
    linear-gradient(90deg, rgba(248,250,252,.05) 1px, transparent 1px),
    radial-gradient(circle at top left, rgba(34,197,94,.14), transparent 34rem),
    linear-gradient(135deg, var(--wp--preset--color--surface), var(--wp--preset--color--base));
}
.ap-section-dark { background: rgba(2,6,23,.98); border-top: 1px solid var(--ap-border); border-bottom: 1px solid var(--ap-border); }
.ap-section-surface { background: rgba(11,17,32,.72); border-top: 1px solid var(--ap-border); border-bottom: 1px solid var(--ap-border); }
.ap-kpi { border-left: 2px solid var(--ap-signal); padding: .3rem 0 .3rem 1rem; }
.ap-ledger-board { position: relative; z-index: 1; overflow: hidden; border-radius: var(--ap-radius-sm); background: rgba(2,6,23,.34); }
.ap-ledger-board::before { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(34,197,94,.11) 1px, transparent 1px); background-size: 33.333% 100%; pointer-events:none; }
.ap-ledger-row { display: grid; grid-template-columns: minmax(8rem, .9fr) minmax(0, 1.1fr); gap: var(--ap-space-5); border-top: 1px solid var(--ap-border); padding: 1rem 0; transition: color var(--ap-dur-fast) ease, background-color var(--ap-dur-fast) ease, transform var(--ap-dur-med) var(--ap-ease-move); }
.ap-ledger-row:first-of-type { border-top: 0; }
@media (hover: hover) and (pointer: fine) {
  .ap-ledger-row:hover { background: rgba(34,197,94,.055); transform: translateX(4px); }
}
.ap-ledger-label { font-family: var(--wp--preset--font-family--mono); color: var(--ap-note); text-transform: uppercase; font-size: .78rem; letter-spacing: .06em; }
.ap-ledger-value { color: var(--wp--preset--color--contrast); }
.ap-route-number { color: var(--ap-note) !important; font-family: var(--wp--preset--font-family--mono); }
.ap-card--accent { border-color: var(--ap-border); background: linear-gradient(180deg, rgba(11,17,32,.95), rgba(2,6,23,.92)); }
.ap-card--accent:focus-within { border-color: rgba(248,210,74,.55); background: linear-gradient(180deg, rgba(248,210,74,.08), rgba(11,17,32,.96)); }
@media (hover: hover) and (pointer: fine) {
  .ap-card--accent:hover { border-color: rgba(248,210,74,.55); background: linear-gradient(180deg, rgba(248,210,74,.08), rgba(11,17,32,.96)); }
}
.ap-footer-shell { background: #01040D !important; border-top: 2px solid var(--ap-border); }
.ap-footer-shell .has-muted-color { color: rgba(248,250,252,.64) !important; }
.ap-footer-shell p,
.ap-footer-shell li,
.ap-footer-shell a {
  overflow-wrap: anywhere;
}
@media (max-width: 720px) {
  .ap-footer-shell,
  .ap-footer-shell > .wp-block-group,
  .ap-footer-shell .wp-block-group {
    box-sizing: border-box;
    max-width: calc(100vw - 2rem) !important;
    min-width: 0 !important;
  }
  .ap-footer-shell > .wp-block-group.alignwide {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.25rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ap-footer-shell > p,
  .ap-footer-shell .has-text-align-center {
    box-sizing: border-box;
    display: block !important;
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    word-break: break-all;
    overflow-wrap: anywhere;
    text-align: center;
  }
}
.wp-block-details summary { cursor: pointer; color: var(--wp--preset--color--contrast); font-weight: 700; list-style-position: outside; transition: color var(--ap-dur-fast) ease; }
.wp-block-details summary:hover { color: var(--ap-signal); }
.wp-block-details { border-top: 1px solid var(--ap-border); padding: 1rem 0; }
.wp-block-details:first-child { border-top: 0; padding-top: 0; }

.ap-skip-link {
  position: absolute;
  left: 1rem;
  top: 0.75rem;
  z-index: 100;
  transform: translateY(-160%);
  border: 2px solid var(--ap-note);
  border-radius: var(--ap-radius-sm);
  background: var(--ap-note);
  color: var(--ap-ink) !important;
  padding: .55rem .75rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform var(--ap-dur-med) var(--ap-ease-enter);
}
.ap-skip-link:focus-visible { transform: translateY(0); }

@media (max-width: 720px) {
  body { background-size: 30px 30px, 30px 30px, auto, auto, auto; }
  .ap-header-shell { position: relative; }
  .ap-header-shell > .wp-block-group { row-gap: .75rem; width: min(100% - 2rem, var(--wp--style--global--wide-size)); flex-direction: column; align-items: flex-start; }
  .ap-brand-logo-link { width: min(260px, 92vw); max-width: min(260px, 92vw); min-height: 32px; margin-inline: 0 auto; }
  .ap-brand-logo-img { width: 100%; height: auto; }
  .ap-language-switch { font-size: .68rem; padding: .26rem .52rem; }
  .ap-header-shell .wp-block-navigation { margin-left: 0 !important; }
  .ap-header-shell .wp-block-navigation__responsive-container-open { display: flex; color: var(--wp--preset--color--contrast); }
  .ap-header-shell .wp-block-navigation__responsive-container-open svg { width: 24px; height: 24px; }
  .ap-header-shell > .wp-block-group > .wp-block-group:last-child { width: 100%; margin-left: 0; justify-content: flex-start !important; }
  .ap-header-shell .wp-block-navigation { display: flex !important; justify-content: flex-start; max-width: 100%; }

  .ap-header-shell .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: block !important;
    position: static;
    background: transparent !important;
    color: var(--wp--preset--color--contrast);
  }
  .ap-header-shell .wp-block-navigation__responsive-container-content,
  .ap-header-shell .wp-block-navigation__container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
    padding: 0 !important;
  }
  .ap-header-shell .wp-block-navigation__responsive-container-open { display: none !important; }
  .ap-header-shell .wp-block-navigation__responsive-container-close { display: none !important; }
  .ap-header-shell .wp-block-navigation a { font-size: .68rem; }
  .ap-header-shell .wp-block-buttons { display: none; }
  .ap-hero-shell { background-size: 38px 38px, 38px 38px, auto, auto; }
  .ap-hero-shell > .wp-block-group.alignwide { width: min(calc(100vw - 2rem), var(--wp--style--global--wide-size)); max-width: calc(100vw - 2rem); grid-template-columns: minmax(0, 1fr) !important; }
  .ap-hero-shell .wp-block-group { box-sizing: border-box; }
  .ap-hero-copy { width: min(100%, calc(100vw - 4rem)) !important; max-width: calc(100vw - 4rem) !important; justify-self: start; }
  .ap-hero-copy > *, .ap-hero-lede, .ap-soft-text { width: 100%; max-width: calc(100vw - 4rem) !important; }
  .ap-hero-title { width: 100%; max-width: calc(100vw - 4rem) !important; letter-spacing: -0.035em; text-wrap: wrap; font-size: clamp(1.95rem, 10.75vw, 3rem) !important; }
  .ap-surface, .ap-card, .ap-panel { width: min(100%, calc(100vw - 2rem)); max-width: 100%; box-sizing: border-box; }
  .ap-ledger-row { grid-template-columns: 1fr; gap: .35rem; }
  .ap-ledger-label { text-align: left; }

  .ap-hero-title { max-inline-size: 9ch !important; }
  .ap-hero-lede, .ap-hero-copy .ap-soft-text { max-inline-size: 31ch !important; }
  .ap-ledger-row > * { min-width: 0; max-inline-size: 29ch; justify-self: start; }
  .ap-ledger-value { text-align: left; }
  .ap-eyebrow, .ap-pill { max-width: 100%; max-inline-size: 31ch !important; flex-wrap: wrap; font-size: .66rem !important; }
  .wp-block-buttons { gap: .8rem; }
  .ap-hero-copy .wp-block-buttons { width: min(100%, 31ch); max-width: 31ch; align-items: stretch; margin-inline: auto; }
  .ap-hero-copy .wp-block-button { flex: 1 1 100%; }
  .ap-hero-copy .wp-block-button__link { width: calc(100% - .75rem); justify-content: center; }
  .ap-ledger-board { padding-inline: var(--ap-space-5) !important; }
  .ap-ledger-row { text-align: left !important; padding-block: .86rem; }
  .ap-ledger-row > * { max-inline-size: 100%; justify-self: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
  .ap-card:hover,
  .ap-ledger-row:hover,
  .wp-block-button__link:hover,
  .wp-block-button__link:active { transform: none !important; filter: none !important; }
}

/* PMZ-SEO-HUB-01: Articles library responsive guards. */
body.page-id-10 .entry-content > .ap-hero-shell .wp-block-group.alignwide,
body.page-id-24 .entry-content > .ap-hero-shell .wp-block-group.alignwide {
  width: min(calc(100vw - 3rem), var(--wp--style--global--wide-size));
  max-width: var(--wp--style--global--wide-size);
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .95fr) !important;
}
body.page-id-10 .entry-content > .ap-hero-shell .ap-hero-title,
body.page-id-24 .entry-content > .ap-hero-shell .ap-hero-title {
  max-inline-size: 9.5ch;
  font-size: clamp(3rem, 6vw, 5.45rem) !important;
  line-height: .96;
}
body.page-id-10 .entry-content > .ap-hero-shell .ap-hero-lede,
body.page-id-24 .entry-content > .ap-hero-shell .ap-hero-lede {
  max-inline-size: 36rem;
}

@media (max-width: 720px) {
  body.page-id-10 .entry-content > .ap-hero-shell .wp-block-group.alignwide,
  body.page-id-24 .entry-content > .ap-hero-shell .wp-block-group.alignwide {
    width: min(calc(100vw - 2rem), var(--wp--style--global--wide-size));
    max-width: calc(100vw - 2rem);
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.page-id-10 .entry-content > .ap-hero-shell .ap-hero-copy,
  body.page-id-24 .entry-content > .ap-hero-shell .ap-hero-copy,
  body.page-id-10 .entry-content > .ap-hero-shell .ap-card,
  body.page-id-24 .entry-content > .ap-hero-shell .ap-card {
    width: 100% !important;
    max-width: calc(100vw - 2rem) !important;
    justify-self: stretch;
  }
  body.page-id-10 .entry-content > .ap-hero-shell .ap-hero-title,
  body.page-id-24 .entry-content > .ap-hero-shell .ap-hero-title {
    width: auto;
    max-width: 100% !important;
    max-inline-size: 9.5ch !important;
    font-size: clamp(2.35rem, 11vw, 3.2rem) !important;
    line-height: 1.04;
  }
  body.page-id-24 .entry-content > .ap-hero-shell .ap-hero-title {
    max-inline-size: 8.5ch !important;
    font-size: clamp(2rem, 9.25vw, 2.75rem) !important;
    line-height: 1.08;
  }
  body.page-id-10 .entry-content > .ap-hero-shell .ap-hero-lede,
  body.page-id-24 .entry-content > .ap-hero-shell .ap-hero-lede,
  body.page-id-10 .entry-content > .ap-hero-shell .ap-soft-text,
  body.page-id-24 .entry-content > .ap-hero-shell .ap-soft-text {
    max-width: 100% !important;
    max-inline-size: 100% !important;
  }
  body.page-id-10 .entry-content > .ap-hero-shell .ap-hero-copy > *,
  body.page-id-24 .entry-content > .ap-hero-shell .ap-hero-copy > *,
  body.page-id-10 .entry-content .ap-card > *,
  body.page-id-24 .entry-content .ap-card > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.page-id-10 .entry-content > .wp-block-group.alignwide,
  body.page-id-24 .entry-content > .wp-block-group.alignwide {
    width: min(calc(100vw - 2rem), var(--wp--style--global--wide-size));
    max-width: calc(100vw - 2rem);
  }
  body.page-id-10 .entry-content .ap-card,
  body.page-id-24 .entry-content .ap-card {
    overflow: hidden;
  }
  body.page-id-10 .entry-content .ap-card > *,
  body.page-id-24 .entry-content .ap-card > *,
  body.page-id-10 .entry-content .ap-card li,
  body.page-id-24 .entry-content .ap-card li,
  body.page-id-10 .entry-content .ap-card p,
  body.page-id-24 .entry-content .ap-card p,
  body.page-id-10 .entry-content .ap-card h3,
  body.page-id-24 .entry-content .ap-card h3 {
    max-width: 100% !important;
    max-inline-size: 31ch !important;
    overflow-wrap: anywhere;
  }
  body.page-id-10 .entry-content p,
  body.page-id-24 .entry-content p {
    max-inline-size: 30ch !important;
    overflow-wrap: anywhere;
  }
  body.page-id-10 .entry-content > .ap-hero-shell .ap-hero-lede,
  body.page-id-24 .entry-content > .ap-hero-shell .ap-hero-lede {
    max-inline-size: 28ch !important;
  }
  body.page-id-10 .entry-content .ap-hero-copy .wp-block-buttons,
  body.page-id-24 .entry-content .ap-hero-copy .wp-block-buttons {
    width: min(100%, 31ch) !important;
    max-width: calc(100vw - 4rem) !important;
    margin-inline: 0 !important;
    justify-content: flex-start !important;
  }
  body.page-id-10 .entry-content .ap-hero-copy .wp-block-button,
  body.page-id-24 .entry-content .ap-hero-copy .wp-block-button,
  body.page-id-10 .entry-content .ap-hero-copy .wp-block-button__link,
  body.page-id-24 .entry-content .ap-hero-copy .wp-block-button__link {
    max-width: calc(100vw - 4rem) !important;
  }
}

/* PMZ-PUBLISH-TEST-01: single-post mobile reading guards. */
@media (max-width: 720px) {
  body.single-post .wp-block-post-title,
  body.single-post .entry-content,
  body.single-post .wp-block-post-content,
  body.single-post .wp-block-post-content > *,
  body.single-post .wp-block-group,
  body.single-post .ap-card {
    box-sizing: border-box;
    max-width: calc(100vw - 2rem) !important;
  }
  body.single-post .wp-block-post-title,
  body.single-post .entry-content h1,
  body.single-post .entry-content h2,
  body.single-post .entry-content h3 {
    max-inline-size: 100% !important;
    overflow-wrap: anywhere;
    text-wrap: wrap;
  }
  body.single-post .entry-content h1 {
    font-size: clamp(2.1rem, 10vw, 3rem) !important;
    line-height: 1.06;
  }
  body.single-post .entry-content h2 {
    font-size: clamp(1.55rem, 7.4vw, 2.15rem) !important;
    line-height: 1.12;
  }
  body.single-post .entry-content p,
  body.single-post .entry-content li {
    max-inline-size: 31ch !important;
    overflow-wrap: anywhere;
  }
  body.single-post .wp-block-table {
    display: block;
    max-width: calc(100vw - 2rem) !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.single-post .wp-block-table table {
    min-width: 34rem;
  }
}

/* PMZ-PUBLISH-TEST-02: tighter single-post mobile heading flow. */
@media (max-width: 720px) {
  body.single-post .wp-block-post-title {
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    max-inline-size: 31ch !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(.78rem, 3.3vw, 1rem) !important;
    line-height: 1.25 !important;
  }
  body.single-post .wp-block-post-content > *,
  body.single-post .entry-content > *,
  body.single-post .ap-card > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.single-post .entry-content h1 {
    max-inline-size: 10.5ch !important;
  }
  body.single-post .entry-content h2 {
    max-inline-size: 15ch !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  body.single-post .entry-content h3 {
    max-inline-size: 18ch !important;
  }
}

/* PMZ-ARTICLE-LIST-01: dated article index for /articles/ and /zh/articles/. */
.ap-article-list-query {
  width: 100%;
  max-width: min(100%, 58rem);
  margin-block-start: var(--ap-space-6);
}

.ap-article-list {
  display: grid;
  gap: var(--ap-space-4);
  padding: 0;
  list-style: none;
}

.ap-article-list-item {
  border: 1px solid var(--ap-border);
  border-radius: var(--ap-radius-md);
  background: linear-gradient(180deg, rgba(11,17,32,.95), rgba(2,6,23,.92));
  padding: clamp(1rem, 2.5vw, 1.35rem);
  box-shadow: 0 0 0 1px rgba(2,6,23,.45) inset;
}

.ap-article-date,
.ap-article-taxonomy {
  font-family: "Roboto Mono", monospace;
  font-size: clamp(.72rem, 1.8vw, .82rem);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(248,250,252,.58);
}

.ap-article-title {
  margin-block: .45rem .35rem;
}

.ap-article-title a {
  color: var(--wp--preset--color--contrast);
  text-decoration-color: rgba(248,210,74,.45);
}

.ap-article-title a:hover,
.ap-article-title a:focus-visible {
  color: var(--ap-note);
}

.ap-article-excerpt {
  color: var(--ap-text-soft);
}

.ap-article-excerpt .wp-block-post-excerpt__more-link {
  display: inline-flex;
  margin-inline-start: .35rem;
  color: var(--ap-signal);
  font-weight: 700;
}

@media (max-width: 720px) {
  .ap-article-list-section,
  .ap-article-list-query,
  .ap-article-list,
  .ap-article-list-item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .ap-article-list-item {
    padding: 1rem;
  }

  .ap-article-title {
    max-inline-size: 16ch;
    overflow-wrap: anywhere;
  }
}

/* PMZ-ARTICLE-LIST-01B: article-index visual guardrails. */
.ap-article-index-page > .wp-block-group.alignwide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  gap: clamp(1rem, 3vw, 2rem);
}

.ap-article-index-page > .ap-article-hero-single {
  display: block !important;
  max-width: min(100%, 58rem) !important;
}

.ap-article-list-item > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

.ap-article-list-item .ap-article-title {
  max-inline-size: 42rem;
}

@media (max-width: 860px) {
  .ap-article-index-page > .wp-block-group.alignwide {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  body.page-id-10 .ap-article-index-page,
  body.page-id-24 .ap-article-index-page,
  body.page-id-10 .ap-article-list-section,
  body.page-id-24 .ap-article-list-section,
  body.page-id-10 #browse-by-topic,
  body.page-id-24 #browse-by-topic {
    box-sizing: border-box;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-id-10 .ap-article-index-page .ap-card,
  body.page-id-24 .ap-article-index-page .ap-card {
    max-width: 100% !important;
  }

  body.page-id-10 .ap-article-index-page h2,
  body.page-id-24 .ap-article-index-page h2,
  body.page-id-10 .ap-article-list-section h2,
  body.page-id-24 .ap-article-list-section h2,
  body.page-id-10 #browse-by-topic h2,
  body.page-id-24 #browse-by-topic h2 {
    max-inline-size: 13.5ch !important;
    font-size: clamp(1.65rem, 7.8vw, 2.15rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  .ap-article-list-item .ap-article-title {
    max-inline-size: 19ch !important;
    text-align: left;
  }
}

/* PMZ-ARTICLES-ORIGINAL-LAYOUT-01: Guides/Platforms-style article page with title/date only. */
.ap-articles-original-layout {
  max-width: min(100%, 820px);
}

.ap-article-title-date-query {
  margin-block-start: var(--ap-space-4);
}

.ap-article-title-date-list {
  display: grid;
  gap: .85rem;
  padding: 0;
  list-style: none;
}

.ap-article-title-date-item {
  border-block-start: 1px solid var(--ap-border);
  padding-block: .9rem .75rem;
}

.ap-article-title-date-item > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

.ap-article-title-date-item .ap-article-date {
  margin-block-end: .3rem;
}

.ap-article-title-date-item .ap-article-title {
  margin-block: 0;
  max-inline-size: 42rem;
}

@media (max-width: 720px) {
  body.page-id-10 .ap-articles-original-layout,
  body.page-id-24 .ap-articles-original-layout,
  body.page-id-10 .ap-article-title-date-query,
  body.page-id-24 .ap-article-title-date-query,
  body.page-id-10 .ap-article-title-date-list,
  body.page-id-24 .ap-article-title-date-list,
  body.page-id-10 .ap-article-title-date-item,
  body.page-id-24 .ap-article-title-date-item {
    box-sizing: border-box;
    max-width: calc(100vw - 2rem) !important;
    min-width: 0;
  }

  body.page-id-10 .ap-articles-original-layout h1,
  body.page-id-24 .ap-articles-original-layout h1 {
    max-inline-size: 11.5ch !important;
    overflow-wrap: anywhere;
  }

  body.page-id-10 .ap-articles-original-layout p,
  body.page-id-24 .ap-articles-original-layout p,
  body.page-id-10 .ap-articles-original-layout li,
  body.page-id-24 .ap-articles-original-layout li {
    max-inline-size: 31ch !important;
    overflow-wrap: anywhere;
  }

  body.page-id-10 .ap-article-title-date-item .ap-article-title,
  body.page-id-24 .ap-article-title-date-item .ap-article-title {
    max-inline-size: 20ch !important;
    overflow-wrap: anywhere;
  }
}