:root { --ink:#1b1f24; --muted:#5b6470; --line:#d9dee5; --accent:#0b5cad; --bg:#f6f8fa; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:var(--bg); }
.banner { background:#fff4ce; border-bottom:1px solid #e6d48a; padding:.5rem 1rem; font-size:.85rem; text-align:center; }
main { max-width:1000px; margin:0 auto; padding:1.5rem 1rem 4rem; }
section { background:#fff; border:1px solid var(--line); border-radius:8px; padding:1.5rem; }
h1 { font-size:1.5rem; margin:0 0 .75rem; } h2 { font-size:1.1rem; margin:1.75rem 0 .5rem; }
code { background:var(--bg); padding:.05rem .3rem; border-radius:4px; }
details { border:1px solid var(--line); border-radius:6px; padding:.6rem .9rem; margin:1rem 0; }
summary { cursor:pointer; font-weight:600; }
.sample, .status, .pid { color:var(--muted); font-size:.9rem; }
.consent { display:block; margin:.5rem 0 1rem; }
button { font:inherit; padding:.55rem 1.4rem; border-radius:6px; border:1px solid var(--accent); background:var(--accent); color:#fff; cursor:pointer; }
button:disabled { opacity:.45; cursor:not-allowed; }
#step-task { padding:0; border:none; background:transparent; }
#step-task .status { padding:0 0 .5rem; }
iframe { width:100%; min-height:720px; border:1px solid var(--line); border-radius:8px; background:#fff; }