/* extracted from proof-runs/round-zero-platform-cell-001/index.html by ops/inline_style_extract.py — linked in the same document position to preserve cascade order */
/* Bridge canon — same tokens as /bridge/ and /proof-runs/. */
  :root{
    --mono:ui-monospace,"Cascadia Code","SF Mono",Menlo,monospace;--serif:"Iowan Old Style","Palatino Linotype",Georgia,serif;
    
    
    
    
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{background:radial-gradient(130% 90% at 50% -10%,var(--panel),var(--bg) 60%);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;min-height:100%}
  .shell{max-width:900px;margin:0 auto;padding:0 var(--space-16) var(--space-64);min-height:100%;display:flex;flex-direction:column}
  .topbar{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-2);font-size:var(--text-12);color:var(--faint);position:sticky;top:0;background:linear-gradient(180deg,var(--bg) 70%,transparent);z-index:10;flex-wrap:wrap}
  .brand{display:flex;align-items:center;gap:var(--space-8);color:var(--sand);font-weight:600;letter-spacing:.14em;text-decoration:none}
  .brand .dot{width:9px;height:9px;border-radius:var(--radius-2);background:var(--sand);transform:rotate(45deg)}
  .tstatus{margin-left:auto;display:flex;gap:var(--space-8);align-items:center;flex-wrap:wrap}
  .pill{font-size:var(--text-11);padding:var(--space-4) var(--space-8);border:1px solid var(--edge2);border-radius:var(--radius-16);color:var(--mist);text-decoration:none}
  .pill.g{color:var(--act);border-color:color-mix(in srgb, var(--act) 35%, transparent)}
  .pill:hover{border-color:var(--sand);color:var(--ink)}
  /* breadcrumb — obvious back path, per the Bridge navigation ruling */
  .crumb{font-size:var(--text-12);color:var(--faint);padding:var(--space-4) var(--space-2) 0}
  .crumb a{color:var(--mist);text-decoration:none}
  .crumb a:hover{color:var(--sand)}
  .hero{padding:var(--space-16) 0 var(--space-4)}
  .hero h1{font-family:var(--serif);font-size:clamp(var(--text-28),4vw,var(--text-40));color:var(--sand);line-height:1.08;margin-bottom:var(--space-8)}
  .hero .sum{color:var(--mist);font-size:var(--text-16);max-width:70ch;line-height:1.6}
  .facts{display:flex;gap:var(--space-8);flex-wrap:wrap;margin-top:var(--space-12);font-size:var(--text-11);color:var(--faint)}
  .facts span{border:1px solid var(--edge);border-radius:var(--radius-16);padding:var(--space-2) var(--space-8)}
  /* the loop, in order */
  .step{border:1px solid var(--edge2);border-left:2px solid var(--sand);border-radius:0 var(--radius-16) var(--radius-16) 0;padding:var(--space-16) var(--space-16);margin-top:var(--space-12);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
  .step h2{font-family:var(--serif);font-size:var(--text-16);color:var(--sand-hi);font-weight:600;margin-bottom:var(--space-8)}
  .step p{color:var(--mist);font-size:var(--text-14);line-height:1.65}
  .step.done{border-left-color:var(--act)}
  .note{margin-top:var(--space-24);border:1px dashed var(--edge2);border-radius:var(--radius-16);padding:var(--space-16) var(--space-16);color:var(--faint);font-size:var(--text-12);line-height:1.6}
  .foot{margin-top:auto;padding-top:var(--space-40);color:var(--faint);font-size:var(--text-12);display:flex;gap:var(--space-12);flex-wrap:wrap}
  .foot a{color:var(--mist);text-decoration:none}
  .foot a:hover{color:var(--sand)}
  @media (max-width:560px){ .hero h1{font-size:var(--text-20)} }