body{background:var(--void-2);overflow-x:hidden}
.lab{max-width:1240px;margin:0 auto;padding:30px}
.lab-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--ph-270)}
h1{font-family:var(--font-display);font-weight:500;font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.02em;margin:12px 0 18px}
.model-label{font-family:var(--font-mono);font-size:10px;color:var(--ink-dim);text-align:right;border-left:1px solid var(--edge);padding-left:14px;line-height:1.8}
.intro{max-width:860px;font-size:14px;line-height:1.8;color:var(--ink-dim)}
.scale-control{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:13px}
select{background:var(--void-3);color:var(--ink);border:1px solid var(--edge);border-radius:5px;padding:10px 28px 10px 12px;font:inherit;max-width:100%}
.scale-context{font-size:14px;line-height:1.8;margin:16px 0 7px;max-width:950px}
.scale-boundary{font-size:12px;line-height:1.7;color:var(--ink-dim);max-width:950px}
.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0 20px;border-top:1px solid var(--edge);padding-top:22px}
.controls label{font-size:12px;line-height:1.7}
.controls output{float:right;font-family:var(--font-mono);font-size:11px;color:var(--accent)}
.controls input{display:block;width:100%;margin:13px 0;accent-color:var(--accent);cursor:pointer}
.controls label>span{display:block;color:var(--ink-dim);font-size:10px;line-height:1.6}
.experiment-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px}
.experiment-row select{margin-left:6px;font-size:11px}
.check{display:flex;align-items:center;gap:8px;cursor:pointer}
.check input{accent-color:var(--ph-270);width:16px;height:16px}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}
button.btn{font-size:11px;padding:10px 16px}
button:disabled{opacity:.45;cursor:default;transform:none!important}
.time{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-dim)}
.announcement{font-size:12px;line-height:1.7;color:var(--ink-dim);margin:14px 0 20px;min-height:20px}
.networks{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.network-card{border:1px solid var(--edge);border-radius:9px;background:var(--panel);overflow:hidden}
.network-card h2{font-size:13px;font-weight:500;margin:17px 18px 0}
.network-card h2 small{display:block;font-size:10px;font-weight:400;color:var(--ink-dim);margin-top:6px}
.network-card svg{width:100%;height:auto;display:block}
.network-card svg text{font-family:var(--font-mono);fill:var(--ink-dim);font-size:12px}
.key{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;font-style:normal}
.cyan{background:var(--accent)}.gold{background:var(--ph-90)}.red{background:var(--ph-0)}.purple{background:var(--ph-270)}
.ring-key{display:inline-block;width:9px;height:9px;border:1px solid var(--ph-90);border-radius:50%;margin-right:5px}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:10px;line-height:1.6;color:var(--ink-dim);margin:14px 0}
.narrative{font-size:14px;line-height:1.8;min-height:50px;padding:14px 18px;border-left:2px solid var(--ph-270);background:var(--panel);margin:18px 0}
.readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}
.readouts span{display:block;font-size:10px;color:var(--ink-dim);line-height:1.7;margin-bottom:8px}
.readouts strong{font-family:var(--font-mono);font-weight:400;font-size:14px;color:var(--ink)}
.chart{border-top:1px solid var(--edge);padding-top:18px}
.chart figcaption{font-size:12px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
.chart figcaption span{font-size:10px;color:var(--ink-dim)}
.chart svg{display:block;width:100%;height:auto;margin-top:14px}
.chart p{font-size:10px;color:var(--ink-dim);line-height:1.8}
.model-notes{margin-top:24px;border:1px solid var(--edge);border-radius:7px}
.model-notes summary{padding:16px;font-size:13px;cursor:pointer;color:var(--ink)}
.notes-body{padding:0 18px 20px;font-size:12px;color:var(--ink-dim);line-height:1.85}
.notes-body p{margin:14px 0}
.notes-body ul{padding-left:20px;margin:15px 0}
.notes-body li{margin:8px 0}
.notes-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.equations{font-family:var(--font-mono);font-size:10px;overflow-wrap:anywhere;background:var(--void);padding:10px 15px;border-radius:6px;color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ph-270);outline-offset:4px}
@media(max-width:780px){.controls,.readouts{grid-template-columns:1fr 1fr}.networks{grid-template-columns:1fr}.network-card svg{max-height:240px}.time{width:100%;margin-left:0}.lab{padding:24px}.network-card h2{margin-top:14px}}
@media(max-width:450px){.lab{padding:18px}.lab-head{display:block}.model-label{display:block;border-left:0;padding-left:0;text-align:left;margin-bottom:18px}.model-label br{display:none}.model-label{font-size:9px}.controls{gap:18px 14px}.readouts{gap:18px 12px}.readouts strong{font-size:12px}.experiment-row{gap:16px}.experiment-row select{display:block;margin:7px 0 0}.network-card svg{min-height:140px}.network-card svg text{font-size:20px}.chart figcaption{font-size:11px}}