:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17211b;background:#f4f7f5;line-height:1.45}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:26px}.hero{padding:10px 4px 2px}.hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:.15em 0}.hero p{max-width:850px}.eyebrow,.panel-number{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:#146b73;margin:0}.card{background:#fff;border:1px solid #d9e0db;border-radius:14px;padding:20px;margin:18px 0;box-shadow:0 1px 3px rgba(0,0,0,.045)}.controls-card{display:flex;align-items:end;justify-content:space-between;gap:24px}.control-block{min-width:min(360px,100%)}h1,h2,h3{line-height:1.16}h2{margin:.2em 0 .65em}h3{margin:.35em 0}a{color:#145f77;font-weight:600}img{max-width:100%;height:auto}.explorer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.explorer-grid .card{margin:0}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel-number{margin-bottom:4px}.controls label,.control-block label,.slider-label{display:block;font-weight:700;margin:8px 0 6px}select,input[type=range]{width:100%}select{font:inherit;padding:9px 10px;border:1px solid #bfcac3;border-radius:8px;background:white}input[type=range]{accent-color:#176b76}canvas{display:block;width:100%;height:auto;border:1px solid #d9e0db;background:#fff;border-radius:9px}.metrics{display:grid;gap:8px;margin-top:12px}.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:#f1f5f2;padding:10px;border-radius:9px;min-width:0}.metric span,.metric small{display:block;color:#59665e;font-size:.78rem}.metric b{display:inline-block;font-size:1.05rem;overflow-wrap:anywhere}.metric small{display:inline;margin-left:4px}.small{font-size:.9rem;color:#59665e}.math{font-family:Georgia,"Times New Roman",serif;color:#26362c}.downloads{display:flex;gap:12px;flex-wrap:wrap}.downloads a{border:1px solid #cfd9d2;border-radius:8px;padding:7px 10px;text-decoration:none}.fallback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fallback-grid figure{margin:0}.fallback-grid figcaption{font-size:.9rem;color:#59665e;margin-top:6px}.reference-files img{border:1px solid #e0e5e2;border-radius:7px}@media(max-width:900px){.explorer-grid{grid-template-columns:1fr}.controls-card{align-items:stretch;flex-direction:column}.control-block{min-width:0}.metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){main{padding:16px}.metrics.three,.fallback-grid{grid-template-columns:1fr}.panel{padding:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}