:root{color-scheme:light;--ink:#193647;--line:#cbdbe3}*{box-sizing:border-box}body{margin:0;background:#eef4f7;color:var(--ink);font:15px/1.6 system-ui,sans-serif}main{max-width:1800px;margin:auto;padding:26px}header,section{padding:24px;background:white;border:1px solid var(--line);border-radius:10px;margin:20px 0}h1{font-size:35px;letter-spacing:-1px}h2{font-size:23px}h3{font-size:15px}small{letter-spacing:2px;color:#117a7b}p{font-size:13px;color:#536d7c;overflow-wrap:anywhere}a{color:#087b88}nav{display:flex;gap:20px;flex-wrap:wrap}.notice{padding:15px;border-left:4px solid #c98c30;background:#fff6e8}.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end;padding:15px;background:#eef6f8;border-radius:6px}.controls label{display:flex;flex-direction:column;font-size:12px;gap:6px;min-width:150px}button,select{font:14px system-ui;background:#f6fafc;color:var(--ink);border:1px solid #9eb7c7;padding:9px;border-radius:5px;max-width:100%}button{cursor:pointer}.views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.views article{min-width:0;border:1px solid var(--line);border-radius:6px;padding:12px}.views canvas,.views img{display:block;width:100%;height:390px;background:#102431;border-radius:5px;touch-action:none}.views img{object-fit:contain;background:white}.views [hidden]{display:none}.table-wrap{overflow:auto;max-height:600px;border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#e4eff3}.source-cards,.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.source-card{padding:14px;border:1px solid var(--line);border-radius:6px;min-width:0}.source-card img{width:100%;height:180px;object-fit:contain}.overview-grid img{width:100%;background:#fff}.overview-grid a{display:block;min-width:0}details{margin:15px 0;padding:12px;background:#f0f6f8}summary{cursor:pointer}.good{color:#147a4d}.bad{color:#a24e2e}code{font-size:12px;overflow-wrap:anywhere}@media(max-width:1000px){.views{grid-template-columns:1fr 1fr}.views article:last-child{grid-column:1/-1}.source-cards{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}}@media(max-width:650px){main{padding:10px}header,section{padding:15px}h1{font-size:28px}.views,.source-cards{grid-template-columns:1fr}.views article:last-child{grid-column:auto}.views canvas,.views img{height:330px}.controls label{min-width:0;width:100%}}