/* One current system example grounds the selected public concept.
   Scope stays on the AB page; the decorative renderer and shared styles are unchanged. */
.iq-page-ab .ab-editorial{padding:28px 26px 22px}
/* Keep the existing aspect ratio independent of panels awaiting enhancement. */
.iq-page-ab .ab-figure{align-self:start}
.iq-page-ab .ab-perspective-label{display:none}
.iq-page-ab .ab-concept-intro .ab-overline{margin-bottom:12px}
.iq-page-ab .ab-concept-intro h3{font-size:32px;margin-bottom:12px}
.iq-page-ab .ab-editorial-intro{font-size:13px;line-height:1.6;margin-bottom:20px}
.iq-page-ab .ab-lenses{margin-bottom:14px}
/* Reserve the controls' final space while the existing controller initializes. */
.iq-page-ab .ab-lenses[hidden]{display:flex!important;visibility:hidden}
.iq-page-ab .ab-lenses button{padding-inline:11px}
.iq-page-ab .ab-lenses button[aria-pressed="true"]{background:var(--ab-ink);color:#fff;border-color:var(--ab-ink);box-shadow:none}

/* Hidden panels still size the grid, so longer copy cannot move the canvas or controls.
   visibility:hidden keeps their contents out of interaction and the accessibility tree. */
.iq-page-ab .ab-enhanced .ab-perspectives{display:grid;min-height:0}
.iq-page-ab .ab-enhanced .ab-perspective{grid-area:1 / 1;align-self:start}
.iq-page-ab .ab-enhanced .ab-perspective[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.iq-page-ab .ab-perspective{padding-top:15px;margin-bottom:0}
.iq-page-ab .ab-perspective h4{font-size:20px;margin-bottom:7px}
.iq-page-ab .ab-concept-meaning{font-size:13px;line-height:1.55;color:#5b5b5b;margin:0}
.iq-page-ab .ab-system-example{margin-top:18px;padding-top:15px;border-top:1px solid #d7d7d7}
.iq-page-ab .ab-example-status{margin:0 0 10px;font-size:10px;line-height:1.5;color:#656565;letter-spacing:.025em}
.iq-page-ab .ab-example-status>span{margin-inline:5px;color:#888888}
.iq-page-ab .ab-system-name{font-size:13px;font-weight:500;letter-spacing:0;color:#1b1b1b}
.iq-page-ab .ab-system-behavior{font-size:15px;line-height:1.55;margin:0 0 16px;color:#292929}
.iq-page-ab .ab-system-example dl{display:grid;gap:11px;margin:0}
.iq-page-ab .ab-system-example dl>div{display:grid;grid-template-columns:59px minmax(0,1fr);gap:10px}
.iq-page-ab .ab-system-example dt{font-size:11px;line-height:1.6;color:#656565;padding-top:1px}
.iq-page-ab .ab-system-example dd{margin:0;font-size:13px;line-height:1.55;color:#4a4a4a}
.iq-page-ab .ab-system-example dd strong{font-size:12px;font-weight:500;color:#1b1b1b}
.iq-page-ab .ab-example-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:12px;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.iq-page-ab .ab-example-link>span{font-size:17px;text-decoration:none}

@media(max-width:760px){
  .iq-page-ab .ab-editorial{display:contents}
  .iq-page-ab .ab-concept-intro h3{font-size:28px}
  .iq-page-ab .ab-concept-intro .ab-editorial-intro{font-size:14px;margin-bottom:0}
  .iq-page-ab .ab-stage{height:216px}
  .iq-page-ab .ab-lenses{margin:0;padding:10px 14px 8px;gap:6px;scroll-margin-top:370px}
  .iq-page-ab .ab-perspectives{padding:0 14px 14px}
  /* Includes the site's 84px scroll padding: keep the visual and full example together. */
  .iq-page-ab .ab-perspective{padding-top:10px;margin:0;scroll-margin-top:386px}
  .iq-page-ab .ab-perspective h4{font-size:19px;margin-bottom:5px}
  .iq-page-ab .ab-concept-meaning{font-size:13px;line-height:1.45}
  .iq-page-ab .ab-system-example{margin-top:12px;padding-top:11px}
  .iq-page-ab .ab-example-status{margin-bottom:7px}
  .iq-page-ab .ab-system-behavior{font-size:14px;line-height:1.45;margin-bottom:12px}
  .iq-page-ab .ab-system-example dl{gap:8px}
  .iq-page-ab .ab-system-example dd{line-height:1.45}
  .iq-page-ab .ab-example-link{margin-top:7px}
}

@media print{
  .iq-page-ab .ab-lenses[hidden]{display:none!important}
  .iq-page-ab .ab-perspective-label{display:block}
  .iq-page-ab .ab-enhanced .ab-perspectives{display:block}
  .iq-page-ab .ab-enhanced .ab-perspective[hidden]{visibility:visible}
  .iq-page-ab .ab-perspective{margin-bottom:22px;break-inside:avoid}
  .iq-page-ab .ab-figure{position:relative;top:auto}
  .iq-page-ab .ab-experience{break-inside:auto}
}