/* SERPIFAI Article 42 Reversal Condition Builder v1.2.0
   Article-scoped screen styles. No shared-site selectors are modified. */
.a42-reversal-page {
  --a42-bg: var(--ri-bg, #07131e);
  --a42-bg-deep: var(--ri-bg-deep, #04101a);
  --a42-panel: var(--ri-panel, #0b1a27);
  --a42-panel-2: var(--ri-panel-2, #102535);
  --a42-line: var(--ri-line, #274154);
  --a42-text: var(--ri-text, #e9f2f7);
  --a42-muted: var(--ri-muted, #a7bbc9);
  --a42-cyan: var(--ri-cyan, #39d9e6);
  --a42-gold: var(--ri-gold, #e0b765);
  --a42-good: #66d5a0;
  --a42-warn: #e2bd70;
  --a42-bad: #e3837a;
  color-scheme: dark;
}
.a42-reversal-page .ri2-article { min-width: 0; }
.a42-reversal-page .a42-direct,
.a42-reversal-page .a42-rule,
.a42-reversal-page .a42-card,
.a42-reversal-page .a42-example,
.a42-reversal-page .a42-source-note,
.a42-reversal-page .a42-boundary {
  box-sizing: border-box;
  margin: 1.25rem 0;
  padding: clamp(1.05rem, 2.2vw, 1.55rem);
  border: 1px solid color-mix(in srgb, var(--a42-line) 88%, transparent);
  border-radius: 18px;
  background: color-mix(in srgb, var(--a42-panel) 95%, transparent);
}
.a42-reversal-page .a42-direct { border-left: 4px solid var(--a42-cyan); }
.a42-reversal-page .a42-rule { border-left: 4px solid var(--a42-gold); }
.a42-reversal-page .a42-boundary { background: color-mix(in srgb, var(--a42-panel-2) 90%, transparent); }
.a42-reversal-page .a42-kicker { margin:0 0 .42rem; color:var(--a42-cyan); font-size:.74rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.a42-reversal-page .a42-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0 1.4rem; }
.a42-reversal-page .a42-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.a42-reversal-page .a42-card h3,.a42-reversal-page .a42-example h3 { margin-top:0; }
.a42-reversal-page .a42-flow { display:flex; flex-wrap:wrap; gap:.55rem; margin:1rem 0 1.4rem; align-items:center; }
.a42-reversal-page .a42-flow span { display:inline-flex; align-items:center; min-height:38px; padding:.48rem .68rem; border:1px solid color-mix(in srgb,var(--a42-line) 84%,transparent); border-radius:999px; background:color-mix(in srgb,var(--a42-panel-2) 94%,transparent); color:var(--a42-text); font-size:.86rem; font-weight:760; }
.a42-reversal-page .a42-flow b { color:var(--a42-cyan); }
.a42-reversal-page .a42-table-wrap { max-width:100%; overflow-x:auto; margin:1rem 0 1.5rem; border:1px solid color-mix(in srgb,var(--a42-line) 84%,transparent); border-radius:16px; }
.a42-reversal-page .a42-table { width:100%; min-width:680px; border-collapse:collapse; background:color-mix(in srgb,var(--a42-panel) 95%,transparent); }
.a42-reversal-page .a42-table th,.a42-reversal-page .a42-table td { padding:.82rem .88rem; border-bottom:1px solid color-mix(in srgb,var(--a42-line) 68%,transparent); vertical-align:top; text-align:left; overflow-wrap:anywhere; }
.a42-reversal-page .a42-table th { color:var(--a42-cyan); background:color-mix(in srgb,var(--a42-panel-2) 94%,transparent); }
.a42-reversal-page .a42-table tr:last-child td { border-bottom:0; }
.a42-reversal-page .a42-steps { counter-reset:a42step; list-style:none; padding:0; }
.a42-reversal-page .a42-steps > li { position:relative; margin:0 0 .75rem; padding:.95rem .95rem .95rem 3.35rem; border:1px solid color-mix(in srgb,var(--a42-line) 76%,transparent); border-radius:14px; background:color-mix(in srgb,var(--a42-panel) 95%,transparent); }
.a42-reversal-page .a42-steps > li::before { counter-increment:a42step; content:counter(a42step); position:absolute; left:.82rem; top:.82rem; display:grid; place-items:center; width:1.9rem; height:1.9rem; border-radius:50%; background:color-mix(in srgb,var(--a42-cyan) 18%,var(--a42-panel-2)); color:var(--a42-cyan); font-weight:900; }
.a42-reversal-page .a42-steps p { margin:.35rem 0 0; color:var(--a42-muted); }
.a42-reversal-page .a42-distinction { display:grid; grid-template-columns:1fr auto 1fr; gap:.8rem; align-items:stretch; margin:1.25rem 0; }
.a42-reversal-page .a42-distinction > div { padding:1rem; border:1px solid color-mix(in srgb,var(--a42-line) 80%,transparent); border-radius:14px; background:color-mix(in srgb,var(--a42-panel) 95%,transparent); }
.a42-reversal-page .a42-distinction .a42-not { display:grid; place-items:center; padding:.2rem; border:0; background:transparent; color:var(--a42-gold); font-weight:900; }
.a42-reversal-page .a42-distinction strong { color:var(--a42-cyan); }

.a42-reversal-page .a42-workspace-figure { width:100% !important; max-width:100% !important; margin:2.2rem 0 !important; transform:none; padding:0 !important; border:0 !important; background:transparent !important; }
.a42-reversal-page .a42-workspace { overflow:hidden; border:1px solid color-mix(in srgb,var(--a42-line) 90%,transparent); border-radius:24px; background:color-mix(in srgb,var(--a42-bg-deep) 97%,transparent); box-shadow:0 28px 72px color-mix(in srgb,var(--a42-bg-deep) 82%,transparent); }
.a42-reversal-page .a42-workspace__head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; padding:clamp(1.1rem,2.5vw,1.7rem); border-bottom:1px solid color-mix(in srgb,var(--a42-line) 82%,transparent); background:linear-gradient(145deg,color-mix(in srgb,var(--a42-panel-2) 88%,transparent),color-mix(in srgb,var(--a42-panel) 94%,transparent)); }
.a42-reversal-page .a42-workspace__head h3 { margin:.15rem 0 .35rem; font-size:clamp(1.2rem,2.2vw,1.65rem); }
.a42-reversal-page .a42-workspace__head p { margin:0; max-width:720px; color:var(--a42-muted); }
.a42-reversal-page .a42-actions { display:flex; flex-wrap:wrap; gap:.55rem; }
.a42-reversal-page .a42-button { appearance:none; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.68rem .88rem; border:1px solid color-mix(in srgb,var(--a42-cyan) 58%,var(--a42-line)); border-radius:11px; background:color-mix(in srgb,var(--a42-cyan) 17%,var(--a42-panel-2)); color:var(--a42-text); font:inherit; font-size:.82rem; font-weight:820; cursor:pointer; text-decoration:none; }
.a42-reversal-page .a42-button--quiet { border-color:color-mix(in srgb,var(--a42-line) 90%,transparent); background:var(--a42-panel-2); }
.a42-reversal-page .a42-button:hover { background:color-mix(in srgb,var(--a42-cyan) 25%,var(--a42-panel-2)); }

.a42-reversal-page .a42-start-clarity { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; padding:1rem clamp(1rem,2.4vw,1.5rem); border-bottom:1px solid color-mix(in srgb,var(--a42-line) 76%,transparent); background:color-mix(in srgb,var(--a42-panel) 92%,transparent); }
.a42-reversal-page .a42-start-clarity > div { min-width:0; padding:.8rem .9rem; border:1px solid color-mix(in srgb,var(--a42-line) 72%,transparent); border-radius:14px; background:color-mix(in srgb,var(--a42-panel-2) 80%,transparent); }
.a42-reversal-page .a42-start-clarity strong { display:block; margin-bottom:.28rem; color:var(--a42-cyan); font-size:.73rem; letter-spacing:.07em; text-transform:uppercase; }
.a42-reversal-page .a42-start-clarity p { margin:0; color:var(--a42-text); font-size:.86rem; line-height:1.5; }

.a42-reversal-page .a42-workspace__grid { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr); min-height:720px; }
.a42-reversal-page .a42-builder { padding:clamp(1rem,2.4vw,1.5rem); }
.a42-reversal-page .a42-output { padding:clamp(1rem,2.4vw,1.5rem); border-left:1px solid color-mix(in srgb,var(--a42-line) 82%,transparent); background:color-mix(in srgb,var(--a42-panel) 93%,transparent); }
.a42-reversal-page .a42-stage { position:relative; margin:0 0 .8rem; padding:.9rem 1rem .95rem; border:1px solid color-mix(in srgb,var(--a42-line) 76%,transparent); border-radius:15px; background:color-mix(in srgb,var(--a42-panel) 96%,transparent); }
.a42-reversal-page .a42-stage legend { padding:0 .35rem; color:var(--a42-cyan); font-weight:850; }
.a42-reversal-page .a42-stage__hint { margin:.1rem 0 .55rem; color:var(--a42-muted); font-size:.78rem; }
.a42-reversal-page .a42-field { display:block; margin:.7rem 0; }
.a42-reversal-page .a42-field > span { display:block; margin-bottom:.35rem; color:var(--a42-text); font-weight:760; }
.a42-reversal-page .a42-field small { display:block; margin-top:.34rem; color:var(--a42-muted); line-height:1.45; }
.a42-reversal-page .a42-field input,.a42-reversal-page .a42-field textarea,.a42-reversal-page .a42-field select { width:100%; box-sizing:border-box; min-height:44px; padding:.72rem .78rem; border:1px solid color-mix(in srgb,var(--a42-line) 92%,transparent); border-radius:10px; background:color-mix(in srgb,var(--a42-bg-deep) 90%,var(--a42-panel)); color:var(--a42-text); font:inherit; }
.a42-reversal-page .a42-field textarea { min-height:76px; resize:vertical; }
.a42-reversal-page .a42-field input::placeholder,.a42-reversal-page .a42-field textarea::placeholder { color:color-mix(in srgb,var(--a42-muted) 72%,transparent); }
.a42-reversal-page .a42-inline { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.a42-reversal-page .a42-compact-note { margin:.35rem 0 0; color:var(--a42-muted); font-size:.76rem; line-height:1.45; }

.a42-reversal-page .a42-readiness { display:flex; gap:.55rem; align-items:center; flex-wrap:wrap; margin-bottom:.7rem; }
.a42-reversal-page .a42-status { display:inline-flex; align-items:center; min-height:30px; padding:.34rem .58rem; border-radius:999px; border:1px solid color-mix(in srgb,var(--a42-warn) 58%,var(--a42-line)); color:var(--a42-warn); background:color-mix(in srgb,var(--a42-warn) 10%,var(--a42-panel)); font-size:.71rem; font-weight:850; letter-spacing:.045em; text-transform:uppercase; }
.a42-reversal-page .a42-status[data-state="ready"] { border-color:color-mix(in srgb,var(--a42-good) 58%,var(--a42-line)); color:var(--a42-good); background:color-mix(in srgb,var(--a42-good) 10%,var(--a42-panel)); }
.a42-reversal-page .a42-status[data-state="needs-work"] { border-color:color-mix(in srgb,var(--a42-bad) 58%,var(--a42-line)); color:var(--a42-bad); background:color-mix(in srgb,var(--a42-bad) 10%,var(--a42-panel)); }
.a42-reversal-page .a42-output h3 { margin:.15rem 0 .4rem; }
.a42-reversal-page .a42-output h4 { margin:1rem 0 .35rem; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; color:var(--a42-muted); }
.a42-reversal-page .a42-output p { margin:.2rem 0 .7rem; color:var(--a42-text); overflow-wrap:anywhere; }
.a42-reversal-page .a42-output__rule { margin:1rem 0; padding:1rem; border-left:4px solid var(--a42-gold); border-radius:12px; background:color-mix(in srgb,var(--a42-panel-2) 92%,transparent); }
.a42-reversal-page .a42-output__rule strong { display:block; color:var(--a42-gold); margin-bottom:.35rem; }
.a42-reversal-page .a42-warnings { margin:.85rem 0; padding:.85rem 1rem; border:1px solid color-mix(in srgb,var(--a42-warn) 52%,var(--a42-line)); border-radius:12px; background:color-mix(in srgb,var(--a42-warn) 8%,var(--a42-panel)); }
.a42-reversal-page .a42-warnings[hidden] { display:none; }
.a42-reversal-page .a42-warnings strong { color:var(--a42-warn); }
.a42-reversal-page .a42-warnings ul { margin:.45rem 0 0; padding-left:1.15rem; }

.a42-reversal-page .a42-coach { margin:1rem 0; padding:1rem; border:1px solid color-mix(in srgb,var(--a42-line) 78%,transparent); border-radius:15px; background:color-mix(in srgb,var(--a42-bg-deep) 50%,var(--a42-panel)); }
.a42-reversal-page .a42-coach > h4 { margin:0 0 .25rem; color:var(--a42-cyan); }
.a42-reversal-page .a42-coach > p { margin:0 0 .75rem; color:var(--a42-muted); font-size:.8rem; }
.a42-reversal-page .a42-quality-list { display:grid; gap:.45rem; margin:0; padding:0; list-style:none; }
.a42-reversal-page .a42-quality-list li { padding:.62rem .68rem; border:1px solid color-mix(in srgb,var(--a42-line) 70%,transparent); border-radius:10px; background:color-mix(in srgb,var(--a42-panel-2) 72%,transparent); }
.a42-reversal-page .a42-quality-list li > div { display:flex; justify-content:space-between; align-items:center; gap:.7rem; }
.a42-reversal-page .a42-quality-list strong { font-size:.82rem; }
.a42-reversal-page .a42-quality-list span { flex:0 0 auto; color:var(--a42-muted); font-size:.64rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.a42-reversal-page .a42-quality-list li[data-quality-state="PASS"] span { color:var(--a42-good); }
.a42-reversal-page .a42-quality-list li[data-quality-state="NEEDS_ATTENTION"] span { color:var(--a42-bad); }
.a42-reversal-page .a42-quality-list p { margin:.28rem 0 0; color:var(--a42-muted); font-size:.74rem; line-height:1.4; }

.a42-reversal-page .a42-guard-panel { display:grid; gap:.55rem; margin:.65rem 0 1rem; }
.a42-reversal-page .a42-guard-card { padding:.72rem .78rem; border:1px solid color-mix(in srgb,var(--a42-line) 72%,transparent); border-radius:12px; background:color-mix(in srgb,var(--a42-panel-2) 75%,transparent); }
.a42-reversal-page .a42-guard-card > div { display:flex; justify-content:space-between; align-items:center; gap:.6rem; }
.a42-reversal-page .a42-guard-card > div span { font-size:.63rem; font-weight:850; color:var(--a42-muted); letter-spacing:.04em; text-transform:uppercase; }
.a42-reversal-page .a42-guard-card[data-guard-state="PROTECTED"] > div span,.a42-reversal-page .a42-guard-card[data-guard-state="PRECOMMITTED"] > div span { color:var(--a42-good); }
.a42-reversal-page .a42-guard-card[data-guard-state="NEEDS_ATTENTION"] > div span { color:var(--a42-bad); }
.a42-reversal-page .a42-guard-card p { margin:.35rem 0 .25rem; font-size:.78rem; }
.a42-reversal-page .a42-guard-card small { display:block; color:var(--a42-muted); line-height:1.4; }

.a42-reversal-page .a42-next-box { display:grid; grid-template-columns:1fr; gap:.55rem; margin:1rem 0; padding:1rem; border:1px solid color-mix(in srgb,var(--a42-gold) 42%,var(--a42-line)); border-radius:14px; background:color-mix(in srgb,var(--a42-gold) 7%,var(--a42-panel)); }
.a42-reversal-page .a42-next-box strong { color:var(--a42-gold); }
.a42-reversal-page .a42-next-box p { margin:.2rem 0 0; }
.a42-reversal-page .a42-gap-list { margin:.35rem 0 0; padding-left:1.15rem; color:var(--a42-muted); }
.a42-reversal-page .a42-gap-list li { margin:.28rem 0; }
.a42-reversal-page .a42-copy-note { min-height:1.2em; margin:.45rem 0 0; color:var(--a42-muted); font-size:.78rem; }
.a42-reversal-page .a42-nojs { padding:1rem; border:1px solid color-mix(in srgb,var(--a42-line) 84%,transparent); border-radius:14px; background:var(--a42-panel); }

.a42-reversal-page .a42-asset-bridge { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin:1.15rem 0 0; }
.a42-reversal-page .a42-asset-bridge article { padding:1rem; border:1px solid color-mix(in srgb,var(--a42-line) 76%,transparent); border-radius:14px; background:color-mix(in srgb,var(--a42-panel) 95%,transparent); }
.a42-reversal-page .a42-asset-bridge h3 { margin:.1rem 0 .35rem; font-size:1rem; }
.a42-reversal-page .a42-asset-bridge p { color:var(--a42-muted); font-size:.84rem; }
.a42-reversal-page .a42-source-list li { margin:.55rem 0; }
.a42-reversal-page .a42-source-list small { color:var(--a42-muted); }
.a42-reversal-page .a42-button:focus-visible,.a42-reversal-page input:focus-visible,.a42-reversal-page textarea:focus-visible,.a42-reversal-page select:focus-visible,.a42-reversal-page summary:focus-visible,.a42-reversal-page a:focus-visible { outline:3px solid color-mix(in srgb,var(--a42-cyan) 76%,transparent); outline-offset:3px; }

@media (max-width: 1080px) {
  .a42-reversal-page .a42-workspace__grid { grid-template-columns:minmax(0,1fr) minmax(330px,.9fr); }
}
@media (max-width: 980px) {
  .a42-reversal-page .a42-workspace-figure { width:100% !important; max-width:100% !important; margin:2rem 0 !important; transform:none; }
  .a42-reversal-page .a42-workspace__grid { grid-template-columns:1fr; }
  .a42-reversal-page .a42-output { border-left:0; border-top:1px solid color-mix(in srgb,var(--a42-line) 82%,transparent); }
  .a42-reversal-page .a42-grid--3 { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .a42-reversal-page .a42-start-clarity,.a42-reversal-page .a42-asset-bridge { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
  .a42-reversal-page .a42-grid,.a42-reversal-page .a42-inline,.a42-reversal-page .a42-distinction { grid-template-columns:1fr; }
  .a42-reversal-page .a42-distinction .a42-not { min-height:24px; }
  .a42-reversal-page .a42-workspace__head { display:block; }
  .a42-reversal-page .a42-actions { margin-top:.9rem; }
  .a42-reversal-page .a42-button { width:100%; }
  .a42-reversal-page .a42-table { min-width:600px; }
}
@media (max-width: 420px) {
  .a42-reversal-page .a42-builder,.a42-reversal-page .a42-output { padding:.85rem; }
  .a42-reversal-page .a42-stage { padding:.8rem; }
  .a42-reversal-page .a42-workspace { border-radius:18px; }
}
@media (prefers-reduced-motion: reduce) {
  .a42-reversal-page *, .a42-reversal-page *::before, .a42-reversal-page *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}
@media (forced-colors: active) {
  .a42-reversal-page .a42-card,.a42-reversal-page .a42-stage,.a42-reversal-page .a42-workspace,.a42-reversal-page .a42-output__rule,.a42-reversal-page .a42-guard-card,.a42-reversal-page .a42-coach { forced-color-adjust:auto; border-color:CanvasText; }
}
@media print {
  .a42-reversal-page .site-header,.a42-reversal-page .ri2-toc,.a42-reversal-page .ri2-side-note,.a42-reversal-page .ri2-cta-section,.a42-reversal-page .ri2-footer,.a42-reversal-page .a42-builder,.a42-reversal-page .a42-workspace__head .a42-actions,.a42-reversal-page .a42-start-clarity,.a42-reversal-page .a42-asset-bridge { display:none !important; }
  .a42-reversal-page { color-scheme:light; background:#fff !important; color:#111 !important; }
  .a42-reversal-page .a42-workspace-figure { width:100% !important; max-width:100% !important; margin:1rem 0 !important; transform:none !important; }
  .a42-reversal-page .a42-workspace,.a42-reversal-page .a42-output,.a42-reversal-page .a42-coach,.a42-reversal-page .a42-guard-card,.a42-reversal-page .a42-next-box,.a42-reversal-page .a42-quality-list li { background:#fff !important; color:#111 !important; border:1px solid #777 !important; box-shadow:none !important; }
  .a42-reversal-page .a42-output { border:0 !important; }
  .a42-reversal-page .a42-output p,.a42-reversal-page .a42-output h4,.a42-reversal-page .a42-output__rule strong,.a42-reversal-page .a42-quality-list p,.a42-reversal-page .a42-guard-card small { color:#111 !important; }
  .a42-reversal-page .a42-output__rule { background:#fff !important; border:1px solid #777 !important; }
}

/* v1.2.0 accessibility hardening: announce meaningful state changes without visual duplication. */
.a42-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}