:root{--ink: #172033;--muted: #56657a;--blue: #1f5f8f;--navy: #0e314c;--gold: #b77824;--green: #1d6958;--red: #8e3c2f;--line: #d8e0ea;--paper: #f7f4ef;--white: #fff;--pro-indigo: #3a2f78;--pro-indigo-dark: #241d52;--pro-violet: #6d4fd6;--pro-teal: #0f8a7c;--pro-amber: #c8791f;--pro-rose: #b23a5a;--up: #1d6958;--down: #9a2f2f;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-card: 0 10px 30px rgba(25, 40, 70, .08);--shadow-pop: 0 18px 46px rgba(20, 15, 60, .18);--font-head: "Lora", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);margin:0 0 .5rem;line-height:1.15}a{color:var(--blue)}button{font-family:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.pro-badge{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,var(--pro-violet),var(--pro-indigo));color:#fff;font-weight:800;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;padding:.22rem .55rem;border-radius:999px;vertical-align:middle}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1.4rem}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:10px;border:2px solid transparent;padding:.62rem 1.05rem;font-weight:800;font-size:.92rem;cursor:pointer;text-decoration:none;transition:transform .08s ease,box-shadow .15s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--pro-violet),var(--pro-indigo));color:#fff}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-ghost:not(:disabled):hover{border-color:var(--pro-violet)}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-sm{padding:.38rem .7rem;font-size:.8rem;border-radius:8px}.pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.02em}.pill-neutral{background:#eef2f7;color:var(--muted)}.pill-green{background:#e4f3ee;color:var(--green)}.pill-red{background:#f8e9e6;color:var(--red)}.pill-gold{background:#fbeedb;color:var(--gold)}.pill-indigo{background:#ece8fb;color:var(--pro-indigo)}table.data-table{width:100%;border-collapse:collapse;font-size:.88rem}table.data-table th,table.data-table td{padding:.5rem .6rem;text-align:right;border-bottom:1px solid var(--line)}table.data-table th:first-child,table.data-table td:first-child{text-align:left}table.data-table thead th{color:var(--muted);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}table.data-table tbody tr:hover{background:#faf9ff;cursor:pointer}table.data-table tbody tr.selected{background:#efe9ff}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.9rem}.stat-tile{background:#fbfaf7;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem .9rem}.stat-tile .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:.2rem}.stat-tile .value{font-size:1.28rem;font-weight:800;font-family:var(--font-mono)}.event-log{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}.event-log li{padding:.5rem .6rem;border-bottom:1px dashed var(--line);font-size:.86rem}.event-log li:last-child{border-bottom:none}.event-log li .day-tag{color:var(--muted);font-family:var(--font-mono);margin-right:.5rem}@media (max-width: 860px){.wrap{padding:0 16px}}.app-shell{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}.app-header{background:var(--navy);border-bottom:4px solid var(--pro-violet)}.app-header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;flex-wrap:wrap;gap:10px}.brand{color:#fff!important;font-family:var(--font-head);font-weight:700;font-size:1.15rem;text-decoration:none}.app-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav-link{color:#ffffffd1!important;text-decoration:none;font-weight:700;font-size:.88rem;padding:.5rem .7rem;border-radius:8px}.nav-link:hover{background:#ffffff14;color:#fff!important}.nav-link.active{background:#ffffff24;color:#fff!important}.nav-link.ext{opacity:.75}.app-footer{background:#0c0a24;color:#ffffffb8;padding:30px 0;text-align:center;margin-top:40px}.app-footer strong{color:#fff;font-family:var(--font-head)}.app-footer p{max-width:640px;margin:8px auto 0;font-size:.88rem;line-height:1.5}.app-footer .fine{font-size:.76rem;opacity:.6;margin-top:12px}.lab-hero{background:linear-gradient(135deg,var(--pro-indigo-dark),var(--navy) 60%,#1c2f52);color:#fff;padding:46px 0 38px}.lab-hero h1{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:.4rem}.lab-hero p{max-width:720px;color:#ffffffd9;font-size:1.02rem}.lab-kicker{text-transform:uppercase;letter-spacing:.10em;font-size:1rem;font-weight:850;color:#d7cdfd;margin-bottom:.55rem}.lab-tabs{display:flex;gap:8px;margin:22px 0 0}.lab-tab{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#fff;padding:.55rem 1.1rem;border-radius:999px 999px 0 0;font-weight:800;font-size:.86rem;cursor:pointer}.lab-tab.active{background:var(--paper);color:var(--ink)}.lab-body{padding:28px 0 60px}.lab-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:start}.lab-col{display:flex;flex-direction:column;gap:20px}@media (max-width: 980px){.lab-grid{grid-template-columns:1fr}}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:.6rem}.section-title h3{margin:0;font-size:1.08rem}.section-title .hint{font-size:.8rem;color:var(--muted)}.top-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px}.top-readout .tile{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 14px}.top-readout .tile .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffffa6;font-weight:700}.top-readout .tile .value{font-family:var(--font-mono);font-weight:800;font-size:1.15rem}.control-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.field-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--muted);margin-bottom:.3rem;display:block}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{border:2px solid var(--line);background:#fff;border-radius:999px;padding:.32rem .75rem;font-size:.82rem;font-weight:700;cursor:pointer;color:var(--ink)}.chip.active{background:var(--pro-indigo);border-color:var(--pro-indigo);color:#fff}.chip:disabled{opacity:.4;cursor:not-allowed}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1;accent-color:var(--pro-violet)}.slider-row .val{min-width:54px;text-align:right;font-family:var(--font-mono);font-size:.85rem;font-weight:700}.divider{border:none;border-top:1px solid var(--line);margin:14px 0}.kv-list{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:.92rem}.kv-list dt{color:var(--muted)}.kv-list dd{margin:0;font-family:var(--font-mono);font-weight:700;text-align:right}.callout{background:#f4f1ff;border:1px solid #dcd3fb;border-radius:12px;padding:.9rem 1rem;font-size:.88rem;color:var(--ink)}.callout.muted{background:#f7f7f5;border-color:var(--line);color:var(--muted)} /* v11.1.2 iPad cross-page Regime Lab access */ .ipad-regime-fab { display: none; } @media (max-width: 1180px) { .ipad-regime-fab { display: inline-flex; position: fixed; right: max(14px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); z-index: 2500; align-items: center; justify-content: center; min-height: 44px; padding: 0.65rem 0.95rem; border-radius: 999px; background: linear-gradient(135deg, var(--pro-violet), var(--pro-indigo)); color: #fff !important; text-decoration: none; font-weight: 800; font-size: 0.88rem; box-shadow: 0 10px 28px rgba(20, 15, 60, .28); border: 1px solid rgba(255,255,255,.22); -webkit-tap-highlight-color: transparent; } .ipad-regime-fab:active { transform: translateY(1px); } } /* ------------------------------------------------------------------ v11.1.6 — candidate iPad Chrome scroll fix Scope is deliberately narrow. No html/body/document rules. This file is loaded by BOTH the React app and regime-lab.html, so these rules cover Methodology and Regime Lab together. ------------------------------------------------------------------ */ /* 1. Horizontal-only scroll containers must not capture a vertical drag. On iOS WebKit an element that scrolls sideways but not down can latch a vertical gesture, then cancel the document's momentum and rubber-band back up. touch-action:pan-x declares that this element handles horizontal panning only; vertical drags pass through to the page. Targets: Methodology's 
, Regime Lab's chart. */
pre.card.mono,
.history-wrap {
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

/* 2. Grid and flex items default to min-width:auto, which lets a wide child
      escape its container. Regime Lab's .history-svg has min-width:720px and
      sits inside .regime-stack (flex) inside .regime-grid (grid), so it can
      push the whole document wider than the iPad viewport instead of being
      contained by .history-wrap. A document wider than the visual viewport
      makes iOS reconcile the two during vertical scrolling. */
.lab-grid > *,
.lab-col > *,
.regime-grid > *,
.regime-stack > * {
  min-width: 0;
}