/* alignment and responsive overrides of the QA pass (qa1) */
/* First defects (cosmos.js, fd-*): one column of the site grid; the run's disc beside four cards */
#page-cosmos #cos-first{display:block;max-width:1600px;margin:0 auto;padding:22px 24px 40px}
#page-cosmos .hq:has(+ .cos-legacy),#page-cosmos .cos-legacy + .hq{display:none!important}
#page-cosmos .fd-head{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 16px;margin-bottom:10px}
#page-cosmos .fd-head h2{font-size:26px;font-weight:700;margin:0}
#page-cosmos .fd-lead{grid-column:1/-1;font-size:15px;color:var(--soft);max-width:900px}
#page-cosmos .fd-load{justify-self:end;min-width:220px}
#page-cosmos .fd-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:12px 0 16px;padding:10px 14px;border:1px solid rgba(255,180,74,.28);border-radius:12px;background:rgba(255,180,74,.06);font-size:13.5px;color:var(--soft)}
#page-cosmos .fd-strip>span{flex:1;min-width:260px}
#page-cosmos .fd-strip button{border-color:rgba(255,180,74,.5);color:var(--amber);padding:5px 12px;border-radius:999px}
#page-cosmos .fd-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);grid-auto-rows:minmax(0,auto);gap:16px;align-items:stretch}
#page-cosmos .fd-run{grid-row:span 2;display:flex;flex-direction:column;gap:10px;padding:20px}
#page-cosmos .fd-card{padding:18px 20px;min-width:0;overflow:hidden}
#page-cosmos .fd-ch{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
#page-cosmos .fd-ch h3{font-size:15px;font-weight:700;margin:0}
#page-cosmos .fd-runlab{font-size:12.5px;color:var(--muted)}
#page-cosmos .fd-disc{position:relative;width:100%;max-width:560px;margin:0 auto}
#page-cosmos .fd-disc canvas{display:block;width:100%;height:auto;aspect-ratio:1/1}
#page-cosmos .fd-wait{position:absolute;left:12%;right:12%;bottom:8%}
#page-cosmos .fd-ctl{display:flex;align-items:center;gap:12px}
#page-cosmos .fd-ctl input[type=range]{flex:1;accent-color:var(--teal)}
#page-cosmos .fd-count{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
#page-cosmos .fd-read{font-size:13.5px;color:var(--soft);min-height:3em}
#page-cosmos .fd-rows{margin-top:16px}
#page-cosmos .fd-tablebox{overflow-x:auto}
@media (max-width:1100px){#page-cosmos .fd-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#page-cosmos .fd-run{grid-column:1/-1;grid-row:auto}}
@media (max-width:700px){#page-cosmos #cos-first{padding:16px 16px 32px}#page-cosmos .fd-grid{grid-template-columns:minmax(0,1fr)}#page-cosmos .fd-head h2{font-size:22px}}
#page-cosmos .fd-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--soft);margin:2px 0 8px}
#page-cosmos .fd-key>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#page-cosmos .fd-dot{display:inline-block;width:9px;height:9px;border-radius:50%}
#page-cosmos .fd-chart{position:relative;height:170px;margin:4px 0 10px}
#page-cosmos .fd-svg{display:block;width:100%;height:100%;overflow:visible}
#page-cosmos .fd-ax{fill:var(--faint);font-size:10px}#page-cosmos .fd-num{fill:var(--muted)}
#page-cosmos .fd-in{fill:#0b1222;font-size:10px;font-weight:700}
#page-cosmos .fd-line{font-size:13.5px;line-height:1.5;color:var(--soft);margin:6px 0 0}
#page-cosmos .fd-line b{color:var(--text)}
#page-cosmos .fd-now{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:13.5px;color:var(--soft)}
#page-cosmos .fd-now b{color:var(--text)}
#page-cosmos .fd-counts{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:13px}
#page-cosmos .fd-counts>span{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
#page-cosmos .fd-brow{display:grid;grid-template-columns:44px minmax(0,1fr) 76px 76px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:var(--soft)}
#page-cosmos .fd-brow b{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}
#page-cosmos .fd-bhead{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-bottom-color:rgba(255,255,255,.1)}
#page-cosmos .fd-bhead b{color:var(--faint);font-weight:600}
#page-cosmos .fd-gap{margin-top:12px}
#page-cosmos .fd-mk{display:inline-flex;gap:2px;align-items:center}
#page-cosmos .fd-grp{font-size:12.5px;color:var(--muted);margin:8px 0 4px}
#page-cosmos .fd-src{font-size:12px;color:var(--faint);margin-top:8px}
#page-cosmos .fd-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
#page-cosmos .fd-grp{display:grid;grid-template-columns:52px minmax(0,1fr) 64px 52px;gap:8px;align-items:center;font-size:13px;color:var(--soft);margin:5px 0}
#page-cosmos .fd-grp b{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}
#page-cosmos .fd-grp em{font-style:normal;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
#page-cosmos .fd-bar{display:block}#page-cosmos .fd-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber),var(--teal))}
#page-cosmos td.fd-src{font-size:12px;color:var(--faint);margin:0}