/* Scoped styles; load after the site's base stylesheet. */
.genome-demo{--gd-bg:#0e1512;--gd-panel:#151e18;--gd-line:#334338;--gd-ink:#edf0e8;--gd-dim:#b0bdb1;--gd-accent:#ff684b;--gd-good:#c9ef98;color:var(--gd-ink);margin:34px 0 70px;padding:38px;border:1px solid var(--gd-line);background:var(--gd-bg)}
.genome-demo *{box-sizing:border-box}.genome-demo button{font:inherit}.genome-demo button:focus-visible{outline:2px solid var(--gd-good);outline-offset:4px}.genome-demo [hidden]{display:none!important}
.genome-demo .gd-eyebrow,.genome-demo .gd-step,.genome-demo .gd-control-label{font:10px/1.5 Consolas,'Courier New',monospace;letter-spacing:.055em;text-transform:uppercase;color:var(--gd-good);margin:0 0 14px}
.genome-demo .gd-eyebrow{color:var(--gd-accent)}.genome-demo .gd-intro h3{font-size:clamp(26px,3vw,40px);line-height:1.13;letter-spacing:-.035em;max-width:850px;margin:0 0 19px}.genome-demo .gd-intro>p:last-child{font-size:16px;line-height:1.55;max-width:850px;color:var(--gd-dim)}
.genome-demo .gd-controls{display:flex;justify-content:space-between;align-items:end;gap:28px;flex-wrap:wrap;border-block:1px solid var(--gd-line);padding:22px 0;margin:30px 0}.genome-demo .gd-control-label{margin-bottom:11px;color:var(--gd-dim)}.genome-demo .gd-scenarios,.genome-demo .gd-modes{display:flex;gap:6px;flex-wrap:wrap}.genome-demo .gd-controls button{border:1px solid #46534a;background:transparent;color:var(--gd-dim);font:12px/1.4 Consolas,monospace;padding:11px 14px;cursor:pointer}.genome-demo .gd-scenarios button[aria-pressed=true]{background:var(--gd-ink);border-color:var(--gd-ink);color:#101611}.genome-demo .gd-modes button[aria-pressed=true]{background:var(--gd-good);border-color:var(--gd-good);color:#101611}
.genome-demo .gd-workbench{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}.genome-demo .gd-cause{display:grid;gap:27px}.genome-demo .gd-cause article>p:last-child{font-size:16px;line-height:1.65;color:var(--gd-dim)}.genome-demo .gd-artifact{padding:25px;background:#edf0e8;color:#172319;border-top:4px solid var(--gd-accent)}.genome-demo .gd-artifact.is-corrected{border-color:var(--gd-good)}.genome-demo .gd-artifact-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.genome-demo .gd-artifact .gd-step{color:#4f5b50}.genome-demo .gd-state{font:10px/1.35 Consolas,monospace;white-space:nowrap;background:#dbe1d7;border:1px solid #a6b5a4;padding:5px 7px}.genome-demo .gd-facts-label{font:10px/1.45 Consolas,monospace;color:#53604f;margin:6px 0 8px}.genome-demo .gd-facts{list-style:none;padding:0;margin:0 0 21px}.genome-demo .gd-facts li{font-size:13px;line-height:1.5;border-bottom:1px solid #bec8b9;padding:5px 0}.genome-demo .gd-output{border-left:3px solid #b54a33;padding-left:17px}.genome-demo .is-corrected .gd-output{border-color:#587246}.genome-demo .gd-output h4{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;font-weight:600}.genome-demo .gd-output p{font-size:14px;line-height:1.55;margin:0}.genome-demo .gd-artifact-caption{font-size:12px;line-height:1.5;color:#59664f;margin:19px 0 0}
.genome-demo .gd-rule{display:grid;grid-template-columns:220px 1fr;gap:25px;margin:30px 0;padding:25px 0;border-block:1px solid var(--gd-line)}.genome-demo .gd-rule-id{font:11px/1.5 Consolas,monospace;color:var(--gd-dim);font-weight:400}.genome-demo .gd-rule-text{font-size:18px;line-height:1.5;color:var(--gd-ink)}.genome-demo .gd-scope{font-size:13px;line-height:1.6;color:var(--gd-dim);margin-top:15px}.genome-demo .gd-scope strong{font-weight:400;color:var(--gd-ink)}
.genome-demo .gd-replay-head,.genome-demo .gd-reuse-head{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:22px}.genome-demo .gd-replay-head>div,.genome-demo .gd-reuse-head>div{max-width:720px}.genome-demo .gd-checks-note{font-size:12px;line-height:1.6;color:var(--gd-dim)}.genome-demo .gd-run,.genome-demo .gd-prepare{flex:none;background:var(--gd-good);border:1px solid var(--gd-good);color:#142013;font:12px/1.45 Consolas,monospace;padding:12px 15px;cursor:pointer}.genome-demo .gd-run span[aria-hidden]{margin-left:15px}.genome-demo .gd-tests{display:grid;grid-template-columns:1fr 1fr;gap:17px}.genome-demo .gd-test{border:1px solid var(--gd-line);padding:21px;background:var(--gd-panel)}.genome-demo .gd-test-title{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:15px}.genome-demo .gd-test h4{font-size:17px;line-height:1.35;letter-spacing:-.015em;margin:0;font-weight:500}.genome-demo .gd-check-result{font:10px/1.4 Consolas,monospace;color:var(--gd-dim);white-space:nowrap;border-bottom:1px solid var(--gd-line);padding-bottom:4px}.genome-demo .is-pass .gd-check-result{color:var(--gd-good);border-color:var(--gd-good)}.genome-demo .is-fail .gd-check-result{color:var(--gd-accent);border-color:var(--gd-accent)}.genome-demo .gd-test>p{font-size:13px;line-height:1.6;color:var(--gd-dim)}.genome-demo dl{margin:15px 0 0}.genome-demo dl>div{display:grid;grid-template-columns:125px 1fr;gap:15px;border-top:1px solid var(--gd-line);padding:10px 0}.genome-demo dt{font:10px/1.55 Consolas,monospace;color:var(--gd-dim)}.genome-demo dd{font-size:13px;line-height:1.55;margin:0}.genome-demo .gd-test dl>div{grid-template-columns:1fr;gap:5px;padding-bottom:4px}
.genome-demo .gd-reuse{margin-top:30px;border-top:1px solid var(--gd-line);padding-top:25px}.genome-demo .gd-reuse-head p:not(.gd-step){font-size:14px;line-height:1.6;color:var(--gd-dim)}.genome-demo .gd-prepare{background:transparent;color:var(--gd-good)}.genome-demo .gd-prepare:disabled{color:#738277;border-color:var(--gd-line);cursor:not-allowed}.genome-demo .gd-reuse-card{border:1px solid #52654a;padding:23px;background:#182018}.genome-demo .gd-reuse-status{font:10px/1.5 Consolas,monospace;color:var(--gd-good);text-transform:uppercase;letter-spacing:.06em}.genome-demo .gd-reuse-action{font-size:15px;line-height:1.6;margin:13px 0 17px}.genome-demo .gd-evidence-note{font-size:12px;line-height:1.65;color:var(--gd-dim);margin-top:26px;padding-top:20px;border-top:1px solid var(--gd-line)}.genome-demo .gd-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.genome-demo .gd-history-note{font-size:11px;line-height:1.6;color:#8d9c8d;margin-top:12px}
@media(max-width:1050px){.genome-demo{padding:28px}.genome-demo .gd-workbench{gap:25px}.genome-demo .gd-rule{grid-template-columns:180px 1fr}.genome-demo .gd-replay-head,.genome-demo .gd-reuse-head{flex-direction:column}}
@media(max-width:760px){.genome-demo{padding:22px 18px;margin:25px 0 45px}.genome-demo .gd-controls{align-items:stretch;gap:22px}.genome-demo .gd-controls>div{width:100%}.genome-demo .gd-controls button{font-size:11px;padding:10px 11px}.genome-demo .gd-workbench,.genome-demo .gd-rule,.genome-demo .gd-tests{grid-template-columns:1fr}.genome-demo .gd-cause article>p:last-child{font-size:15px}.genome-demo .gd-artifact{padding:20px}.genome-demo .gd-state{white-space:normal;text-align:right}.genome-demo .gd-rule{gap:13px}.genome-demo .gd-rule-text{font-size:17px}.genome-demo .gd-step{font-size:9px}.genome-demo .gd-test-title{gap:10px}.genome-demo .gd-check-result{white-space:normal;text-align:right}.genome-demo .gd-reuse-card{padding:17px}.genome-demo .gd-reuse-card dl>div{grid-template-columns:1fr;gap:5px}}
@media print{.genome-demo{break-inside:auto;background:white;color:#162018;--gd-ink:#172319;--gd-dim:#52604f;--gd-line:#bbc6b8;--gd-panel:#edf0e8;--gd-good:#415d35}.genome-demo .gd-controls,.genome-demo .gd-run,.genome-demo .gd-prepare{display:none}.genome-demo .gd-test,.genome-demo .gd-artifact,.genome-demo .gd-rule{break-inside:avoid}}
