/* In the Arena article layout, shared by the #05/#06 templates.
   Site-wide theme, reset and navigation primitives come from apova.ai/styles.css. */
:root {
  --ink: #10151c;
  --ink-soft: #404b5a;
  --ink-faint: #6b7684;
  --rule: #e3e7ec;
  --bg-tint: #f6f8fa;
  --measure: 38rem;
}
html { -webkit-text-size-adjust: 100%; }
html, body { max-width: 100%; overflow-x: hidden; }
body {
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: var(--measure); margin: 0 auto; padding: 0 16px; }
@media (min-width: 761px) {
  article .wrap { max-width: 1200px; padding-inline: 65px; }
}
.eyebrow {
  color: var(--accent); font-size: .78rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; margin: 0 0 14px;
}
h1 {
  font-size: clamp(2rem, 5.6vw, 2.9rem); line-height: 1.12;
  letter-spacing: -.025em; margin: 0 0 18px; font-weight: 700;
}
.byline {
  font-size: .88rem; color: var(--ink-faint);
  padding-bottom: 26px; border-bottom: 1px solid var(--rule); margin-bottom: 38px;
}
h2 {
  font-size: 1.42rem; line-height: 1.25; letter-spacing: -.015em;
  margin: 52px 0 16px; font-weight: 700;
}
p { margin: 0 0 20px; }
em { font-style: italic; }
p strong { font-weight: 700; color: var(--ink); }
a { color: var(--accent); text-underline-offset: 2px; text-decoration-thickness: 1px; }
a:hover { color: var(--ink); }
footer.series-footer {
  margin-top: 64px; padding-top: 28px; border-top: 1px solid var(--rule);
  font-size: .92rem; color: var(--ink-soft);
}
footer.series-footer ul { margin: 0; padding-left: 18px; }
footer.series-footer li { margin-bottom: 6px; }
@media (max-width: 760px) {
  body { font-size: 17px; }
  h2 { margin: 40px 0 14px; }
}
article { padding-top: 48px; padding-bottom: 48px; }
/* Preserve the template's navigation precedence over shared mobile defaults. */
.global-header .brand { font-size: 22px; }
.global-header .nav-links { display: flex; }
.global-header .nav-actions { gap: 12px; }
.global-header .nav-cta { font-size: 14px; padding: 10px 20px; }
.global-header .nav-cta:hover { color: #fff; }

.global-header{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.global-header *{box-sizing:border-box}.global-header a{text-decoration:none}.global-header .container{max-width:1360px}.global-header .nav-links,.global-header .nav-menu{gap:24px}.global-header summary{cursor:pointer;list-style:none}.global-header summary::-webkit-details-marker{display:none}.global-header summary:after{content:"⌄";margin-left:6px}.global-header details{position:relative}.global-header .developer-dropdown{position:absolute;top:100%;left:-16px;min-width:190px;padding:12px;background:white;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.global-header .developer-dropdown a{display:block;padding:8px}.global-header .global-mobile{display:none}.global-header a:focus-visible,.global-header summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1150px){.global-header .nav-menu{display:none}.global-header .global-mobile{display:block}.global-header .nav{position:relative;height:72px}.global-header .brand img{width:138px;height:44px}.global-header .global-mobile>div{position:absolute;right:0;top:42px;width:min(320px,calc(100vw - 40px));max-height:75vh;overflow:auto;padding:16px;background:white;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.global-header .global-mobile a{display:block;padding:9px}.global-header .developer-dropdown{position:static;box-shadow:none;border:0}.global-header .container{padding:0 20px}}