:root{--navy:#123b5d;--blue:#176b91;--cyan:#36a9cf;--pale:#e7f7fc;--line:#b7d5e3;--text:#456b82}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#e7f7fc,#f8fcfe 45%,#eef8fc);font-family:Arial,Helvetica,sans-serif;color:var(--text)}.shell{max-width:1500px;margin:0 auto;padding:18px 24px 28px}.hero{background:linear-gradient(120deg,#fff,#dff4fb 70%,#c9ebf7);border:1px solid #acdbea;border-radius:8px;padding:24px 28px 12px}.hero h1{margin:0;color:var(--navy);font-size:clamp(24px,3vw,38px);line-height:1.15}.hero p{margin:14px 0 4px;font-size:17px}.tabs{display:flex;margin-top:14px;border-bottom:1px solid var(--navy);background:#fff}.tab{border:0;border-bottom:3px solid transparent;background:#fff;color:var(--text);padding:11px 18px;font-size:16px;cursor:pointer}.tab.active{border-color:var(--cyan);background:#e5f6fb;color:var(--navy);font-weight:700}.panel{display:none;background:rgba(255,255,255,.94);border:1px solid var(--line);border-top:0;padding:20px}.panel.active{display:block}.controls{display:flex;gap:22px;align-items:end;flex-wrap:wrap;border:1px solid var(--line);padding:16px;margin-bottom:16px;background:#fff;border-radius:6px}.controls.three label{flex:1;min-width:200px}.heat-controls label{flex:1;min-width:220px}.controls label{display:flex;flex-direction:column;gap:7px;color:var(--navy);font-weight:700}.controls select{font-size:16px;padding:9px;border:1px solid var(--line);border-radius:5px;color:var(--text);background:#fff}.check{flex-direction:row!important;align-items:center;padding:10px 12px;border:1px solid #8fc6dc;border-radius:5px;background:#fff;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--navy)}.check:has(input:checked){background:#bfe8f4;border:2px solid var(--blue);color:var(--navy)}fieldset{display:flex;gap:10px;border:0;padding:0;margin:0;min-width:260px}legend{color:var(--navy);font-weight:700;margin-bottom:7px}fieldset label{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;padding:8px 12px;border:1px solid #8fc6dc;border-radius:5px;background:#fff;cursor:pointer}fieldset label:has(input:checked){background:#bfe8f4;border:2px solid var(--blue);font-weight:700}fieldset input{accent-color:var(--navy)}.plot{min-height:620px;width:100%}.caption{margin:14px auto 4px;max-width:1250px;font-size:16px;line-height:1.48;color:var(--text)}.caption strong{color:var(--navy)}footer{margin-top:24px;padding:16px;border-top:1px solid var(--line);text-align:center;color:var(--text);font-weight:600}@media(max-width:700px){.shell{padding:10px}.panel{padding:10px}.plot{min-height:520px}.hero h1{font-size:25px}.controls{gap:10px}.heat-controls label{min-width:100%}}