/* ==========================================================
   PFBS 4B · Santara–Siwana Gravity Main Simulator
   Liquid-glass dashboard theme
   ========================================================== */
:root{
  --ink:#0f172a; --ink2:#475569; --muted:#64748b;
  --grid:rgba(15,23,42,.08); --axis:rgba(15,23,42,.18);
  --blue:#2a78d6; --blue-d:#1c5cab; --orange:#eb6834; --violet:#4a3aa7;
  --good:#0ca30c; --warn:#fab219; --crit:#d03b3b;
  --glass:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.34));
  --glass-strong:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));
  --glass-border:rgba(255,255,255,.75);
  --shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -1px 0 rgba(15,23,42,.04) inset,0 18px 40px -18px rgba(30,41,90,.28),0 2px 8px rgba(30,41,90,.06);
  --r-lg:22px; --r-md:14px; --r-sm:10px;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font);color:var(--ink);background:#eef2f8;min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.45}

/* ---------- ambient background ---------- */
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;transform:translateZ(0);background:
  radial-gradient(1200px 700px at 10% -10%,#dbeafe 0%,transparent 60%),
  radial-gradient(900px 600px at 110% 10%,#e0e7ff 0%,transparent 55%),
  linear-gradient(180deg,#f3f6fb 0%,#eaf0f7 100%)}
.bg i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.75}
.bg .b1{width:520px;height:520px;left:-120px;top:120px;background:#7dd3fc}
.bg .b2{width:460px;height:460px;right:-100px;top:-60px;background:#a5b4fc;animation-delay:-7s}
.bg .b3{width:420px;height:420px;left:35%;top:55%;background:#5eead4;opacity:.4;animation-delay:-14s}
.bg .b4{width:380px;height:380px;right:5%;bottom:-120px;background:#f9a8d4;opacity:.35;animation-delay:-21s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,-40px) scale(1.12)}}

/* ---------- glass primitive ---------- */
.glass,#resesa-pipeline-sim .rps-card,#resesa-pipeline-sim .rps-kpi{
  background:var(--glass);
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid var(--glass-border);box-shadow:var(--shadow);position:relative}
.glass::before,#resesa-pipeline-sim .rps-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 38%);mix-blend-mode:soft-light}

/* ---------- site bar ---------- */
.site-bar{max-width:1440px;margin:14px auto 0;padding:10px 16px;border-radius:999px;display:flex;align-items:center;gap:14px;font-size:.86rem;width:calc(100% - 32px)}
.site-bar a{color:var(--ink);text-decoration:none;font-weight:600}
.site-bar .brand{display:inline-flex;align-items:center;gap:8px;letter-spacing:.02em}
.site-bar .logo{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:.9rem;background:linear-gradient(135deg,#2a78d6,#4a3aa7);box-shadow:0 4px 12px -4px rgba(42,120,214,.7)}
.site-bar .org{color:var(--ink2);flex:1}
.site-bar .home{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8)}
.site-bar .home:hover{background:#fff}
@media (max-width:640px){.site-bar .org{display:none}.site-bar{justify-content:space-between}}

.page-wrap{padding:18px 16px 28px}
.site-foot{max-width:1440px;margin:0 auto;padding:4px 20px 28px;font-size:.78rem;color:var(--muted)}

/* ---------- simulator root ---------- */
#resesa-pipeline-sim{max-width:1440px;margin:0 auto;width:100%;color:var(--ink);font-family:var(--font)}
#resesa-pipeline-sim p{margin:0 0 10px}

/* hero */
#resesa-pipeline-sim .hero{border-radius:28px;padding:26px 28px;display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:center;margin-bottom:14px;overflow:hidden}
#resesa-pipeline-sim .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9)}
#resesa-pipeline-sim .live{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}80%,100%{box-shadow:0 0 0 9px rgba(16,185,129,0)}}
#resesa-pipeline-sim h1.rps-title{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.08;margin:14px 0 10px;font-weight:750;letter-spacing:-.025em;color:var(--ink)}
#resesa-pipeline-sim .grad{background:linear-gradient(90deg,#2a78d6,#4a3aa7 60%,#0ea5a4);-webkit-background-clip:text;background-clip:text;color:transparent}
#resesa-pipeline-sim .rps-sub{color:var(--ink2);font-size:.95rem;max-width:70ch;margin:0}
#resesa-pipeline-sim .hero-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#resesa-pipeline-sim .chip{padding:14px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 #fff inset,0 6px 18px -10px rgba(30,41,90,.3)}
#resesa-pipeline-sim .chip b{display:block;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
#resesa-pipeline-sim .chip span{font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
@media (max-width:860px){#resesa-pipeline-sim .hero{grid-template-columns:1fr;padding:20px}}

/* toolbar */
#resesa-pipeline-sim .toolbar{position:sticky;top:10px;z-index:20;border-radius:var(--r-lg);padding:10px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}
#resesa-pipeline-sim .tb-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
#resesa-pipeline-sim .tb-row.scen{gap:6px;padding-top:8px;border-top:1px solid rgba(15,23,42,.06)}
#resesa-pipeline-sim .tb-group{display:flex;align-items:center;gap:8px}
#resesa-pipeline-sim .tb-lab{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-right:2px}
#resesa-pipeline-sim .num{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(15,23,42,.08);font-size:.8rem;color:var(--ink2)}
#resesa-pipeline-sim .num input{width:56px;border:0;background:transparent;font:inherit;font-size:.9rem;font-weight:650;color:var(--ink);padding:3px 6px;margin:0;outline:none;text-align:right}
@media (max-width:760px){#resesa-pipeline-sim .toolbar{position:static}}

/* segmented controls */
#resesa-pipeline-sim .seg{display:inline-flex;padding:3px;border-radius:999px;background:rgba(15,23,42,.06);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 2px rgba(15,23,42,.06) inset;gap:2px;flex-wrap:wrap}
#resesa-pipeline-sim .seg button,#resesa-pipeline-sim .seg label span{font:inherit;font-size:.8rem;font-weight:600;padding:6px 13px;border:0;border-radius:999px;background:transparent;color:var(--ink2);cursor:pointer;margin:0;display:inline-block;transition:background .2s,color .2s,box-shadow .2s;line-height:1.3}
#resesa-pipeline-sim .seg button[aria-pressed="true"],#resesa-pipeline-sim .seg label input:checked+span{background:#fff;color:var(--ink);box-shadow:0 1px 0 #fff inset,0 3px 10px -3px rgba(30,41,90,.35)}
#resesa-pipeline-sim .seg label{display:inline-flex;cursor:pointer}
#resesa-pipeline-sim .seg label input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
#resesa-pipeline-sim .seg label input:focus-visible+span{outline:2px solid var(--blue);outline-offset:1px}

/* buttons */
#resesa-pipeline-sim button.rps-btn{font:inherit;font-size:.8rem;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.6);color:var(--ink);cursor:pointer;line-height:1.25;box-shadow:0 1px 0 #fff inset,0 2px 8px -4px rgba(30,41,90,.3);transition:transform .15s,background .15s,box-shadow .15s;margin:0}
#resesa-pipeline-sim button.rps-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 1px 0 #fff inset,0 8px 18px -8px rgba(30,41,90,.45)}
#resesa-pipeline-sim button.rps-btn:active{transform:translateY(0)}
#resesa-pipeline-sim button.rps-btn.primary{background:linear-gradient(135deg,#2a78d6,#4a3aa7);border-color:transparent;color:#fff;padding:9px 18px;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 22px -10px rgba(42,120,214,.9)}
#resesa-pipeline-sim button.rps-btn.primary:hover{filter:brightness(1.06)}
#resesa-pipeline-sim button:focus-visible,#resesa-pipeline-sim select:focus-visible,#resesa-pipeline-sim input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#resesa-pipeline-sim .rps-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
#resesa-pipeline-sim .rps-bar .lab{font-size:.8rem;color:var(--ink2)}

/* KPI tiles */
#resesa-pipeline-sim .rps-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0 0 14px}
#resesa-pipeline-sim .rps-kpi{border-radius:18px;padding:14px 16px 13px;overflow:hidden}
#resesa-pipeline-sim .rps-kpi::after{content:"";position:absolute;left:16px;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#2a78d6,#4a3aa7)}
#resesa-pipeline-sim .rps-kpi .l{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
#resesa-pipeline-sim .rps-kpi .v{font-size:1.55rem;font-weight:720;margin-top:4px;letter-spacing:-.02em;line-height:1.15}
#resesa-pipeline-sim .rps-kpi .s{font-size:.76rem;color:var(--muted);margin-top:3px}

/* cards */
#resesa-pipeline-sim .rps-card{border-radius:var(--r-lg);padding:16px 18px 12px;margin:0 0 14px}
#resesa-pipeline-sim .rps-card h3{font-size:1.02rem;margin:0 0 4px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}
#resesa-pipeline-sim .rps-card h3::before{content:"";width:8px;height:8px;border-radius:3px;background:linear-gradient(135deg,#2a78d6,#4a3aa7);box-shadow:0 0 0 4px rgba(42,120,214,.12)}
#resesa-pipeline-sim .rps-card h4{font-size:.9rem;margin:16px 0 4px;font-weight:700}
#resesa-pipeline-sim .rps-card .hint{font-size:.8rem;color:var(--ink2);margin:0 0 8px}
#resesa-pipeline-sim .grid2{display:block}
#resesa-pipeline-sim .scenbar{border-radius:var(--r-lg);padding:10px 14px;margin:0 0 14px}
#resesa-pipeline-sim #rps-wh{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(238,242,255,.6))}

/* svg & charts */
#resesa-pipeline-sim .rps-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-md)}
#resesa-pipeline-sim svg{display:block;width:100%;height:auto;overflow:visible}
#resesa-pipeline-sim .rps-schem{min-width:760px}
#resesa-pipeline-sim .rps-chart{min-width:560px}
#resesa-pipeline-sim svg text{font-family:var(--font)}
#resesa-pipeline-sim .valve{cursor:pointer}
#resesa-pipeline-sim .valve:focus{outline:none}
#resesa-pipeline-sim .valve:focus-visible .vhit{stroke:var(--blue);stroke-width:2}
#resesa-pipeline-sim .valve:hover .vbody{filter:brightness(1.12) drop-shadow(0 0 4px rgba(0,0,0,.25))}
#resesa-pipeline-sim .flowdash{stroke-dasharray:3 9;animation:rpsflow linear infinite}
@keyframes rpsflow{to{stroke-dashoffset:-24}}
#resesa-pipeline-sim .blink{animation:rpsblink 1s ease-in-out infinite}
#resesa-pipeline-sim .pulse{animation:rpspulse 1.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes rpsblink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes rpspulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.6);opacity:0}}

/* legends */
#resesa-pipeline-sim .legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.76rem;color:var(--ink2);margin:4px 0 4px}
#resesa-pipeline-sim .legend span{display:inline-flex;align-items:center;gap:6px}
#resesa-pipeline-sim .sw{display:inline-block;width:18px;height:0;border-top:2px solid}
#resesa-pipeline-sim .swb{display:inline-block;width:14px;height:10px;border-radius:2px}
#resesa-pipeline-sim .swd{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--crit)}

/* tooltip */
#resesa-pipeline-sim .rps-tip{position:fixed;z-index:99999;pointer-events:none;display:none;min-width:200px;padding:10px 12px;border-radius:14px;font-size:.8rem;color:var(--ink);
  background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
  border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 #fff inset,0 18px 40px -14px rgba(30,41,90,.45)}
#resesa-pipeline-sim .rps-tip .t{font-weight:700;margin-bottom:5px}
#resesa-pipeline-sim .rps-tip .r{display:flex;justify-content:space-between;gap:14px;font-variant-numeric:tabular-nums;padding:1px 0}
#resesa-pipeline-sim .rps-tip .r b{font-weight:650}
#resesa-pipeline-sim .rps-tip .k,#resesa-pipeline-sim .k{color:var(--ink2)}

/* tables */
#resesa-pipeline-sim table.rps-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.84rem;margin:0}
#resesa-pipeline-sim .rps-table th,#resesa-pipeline-sim .rps-table td{padding:8px 10px;border-bottom:1px solid rgba(15,23,42,.06);text-align:left;vertical-align:middle;background:none}
#resesa-pipeline-sim .rps-table th{font-weight:700;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0;background:rgba(248,250,252,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#resesa-pipeline-sim .rps-table tbody tr{transition:background .15s}
#resesa-pipeline-sim .rps-table tbody tr:hover td{background:rgba(42,120,214,.06)}
#resesa-pipeline-sim .rps-table td.n{font-variant-numeric:tabular-nums;text-align:right}
#resesa-pipeline-sim .rps-table th.n{text-align:right}
#resesa-pipeline-sim .rps-table tr.key td{background:rgba(99,102,241,.06)}
#resesa-pipeline-sim .rps-table tr.max td{color:#9b1f1f;font-weight:650}
#resesa-pipeline-sim #rps-nodes td{white-space:nowrap}
#resesa-pipeline-sim details .rps-scroll{max-height:520px;overflow:auto}

/* toggles & pills */
#resesa-pipeline-sim .tg{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:.78rem;font-weight:600;padding:4px 12px 4px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.7);cursor:pointer;color:var(--ink);margin:0;line-height:1.4;box-shadow:0 1px 0 #fff inset,0 2px 6px -3px rgba(30,41,90,.3);transition:transform .15s}
#resesa-pipeline-sim .tg:hover{transform:translateY(-1px)}
#resesa-pipeline-sim .tg i{width:14px;height:14px;border-radius:50%;display:inline-block}
#resesa-pipeline-sim .tg.open i{background:radial-gradient(circle at 35% 35%,#6ee76e,#0ca30c);box-shadow:0 0 8px rgba(12,163,12,.55)}
#resesa-pipeline-sim .tg.closed i{background:radial-gradient(circle at 35% 35%,#f28b8b,#d03b3b);box-shadow:0 0 8px rgba(208,59,59,.5)}
#resesa-pipeline-sim .pill{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 9px;border-radius:999px;background:rgba(15,23,42,.06);color:var(--ink2);white-space:nowrap}
#resesa-pipeline-sim .pill.bad{background:rgba(208,59,59,.12);color:#9b1f1f}
#resesa-pipeline-sim .pill.ok{background:rgba(12,163,12,.12);color:#0b5e0b}
#resesa-pipeline-sim .pill.warn{background:rgba(250,178,25,.18);color:#7a5200}

/* details / settings */
#resesa-pipeline-sim details{font-size:.84rem;color:var(--ink2);margin-top:6px}
#resesa-pipeline-sim details summary{cursor:pointer;color:var(--ink);font-weight:650;margin-bottom:8px;list-style:none;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9)}
#resesa-pipeline-sim details summary::-webkit-details-marker{display:none}
#resesa-pipeline-sim details summary::before{content:"›";font-size:1.1rem;line-height:1;transition:transform .2s;display:inline-block}
#resesa-pipeline-sim details[open] summary::before{transform:rotate(90deg)}
#resesa-pipeline-sim details ul{margin:6px 0 8px 18px;padding:0}
#resesa-pipeline-sim details li{margin:4px 0}
#resesa-pipeline-sim .rps-set{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:6px 0 10px;font-size:.84rem;color:var(--ink)}
#resesa-pipeline-sim .rps-set label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
#resesa-pipeline-sim input[type=checkbox]{accent-color:#2a78d6;width:15px;height:15px;margin:0}

/* water hammer form */
#resesa-pipeline-sim .form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 14px;margin:10px 0 12px}
#resesa-pipeline-sim .form label{display:flex;flex-direction:column;gap:5px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
#resesa-pipeline-sim .form select,#resesa-pipeline-sim .form input{font:inherit;font-size:.88rem;font-weight:500;text-transform:none;letter-spacing:0;padding:9px 12px;border:1px solid rgba(255,255,255,.9);border-radius:12px;background:rgba(255,255,255,.72);color:var(--ink);width:100%;margin:0;box-shadow:0 1px 2px rgba(15,23,42,.06) inset;-webkit-appearance:none;appearance:none}
#resesa-pipeline-sim .form select{background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
#resesa-pipeline-sim .info{background:linear-gradient(135deg,rgba(219,234,254,.75),rgba(224,231,255,.55));border:1px solid rgba(255,255,255,.9);border-radius:var(--r-md);padding:11px 14px;font-size:.84rem;color:var(--ink);margin:0 0 12px}
#resesa-pipeline-sim .info b{font-weight:700}
#resesa-pipeline-sim .play{display:flex;align-items:center;gap:12px;margin:8px 0 6px;flex-wrap:wrap;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9)}
#resesa-pipeline-sim .play input[type=range]{flex:1;min-width:160px;margin:0;accent-color:#2a78d6}
#resesa-pipeline-sim .play .tt{font-variant-numeric:tabular-nums;font-size:.84rem;font-weight:650;min-width:92px}
#resesa-pipeline-sim .verdict{display:flex;gap:12px;align-items:flex-start;border-radius:var(--r-md);padding:12px 14px;margin:0 0 12px;font-size:.86rem;border:1px solid rgba(255,255,255,.9)}
#resesa-pipeline-sim .verdict.ok{background:linear-gradient(135deg,rgba(220,252,231,.85),rgba(236,253,245,.6))}
#resesa-pipeline-sim .verdict.bad{background:linear-gradient(135deg,rgba(254,226,226,.9),rgba(255,241,242,.6))}
#resesa-pipeline-sim .verdict.warn{background:linear-gradient(135deg,rgba(254,243,199,.9),rgba(255,251,235,.6))}
#resesa-pipeline-sim .verdict .ic{font-weight:800;font-size:1rem;line-height:1.2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.8)}
#resesa-pipeline-sim .muted{color:var(--muted)}
#resesa-pipeline-sim #wh-results .rps-kpis{margin-top:4px}

@media (max-width:600px){#resesa-pipeline-sim .rps-card{padding:14px 14px 10px}#resesa-pipeline-sim .rps-kpi .v{font-size:1.2rem}.page-wrap{padding:14px 10px 24px}}
@media (prefers-reduced-motion:reduce){.bg i,#resesa-pipeline-sim .live,#resesa-pipeline-sim .flowdash,#resesa-pipeline-sim .blink,#resesa-pipeline-sim .pulse{animation:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass,#resesa-pipeline-sim .rps-card,#resesa-pipeline-sim .rps-kpi{background:rgba(255,255,255,.92)}}

/* supply slider */
#resesa-pipeline-sim .tb-supply{padding-top:8px;border-top:1px solid rgba(15,23,42,.06)}
#resesa-pipeline-sim .tb-group.grow{flex:1;min-width:280px}
#resesa-pipeline-sim .rng{flex:1;display:flex;align-items:center;gap:12px;padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(15,23,42,.06) inset}
#resesa-pipeline-sim .rng input[type=range]{flex:1;margin:0;accent-color:#2a78d6;min-width:120px}
#resesa-pipeline-sim .rng output{font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:118px;text-align:right;color:var(--ink)}