*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:#163039;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}main{max-width:1100px;margin:auto;padding:30px 24px 70px}nav{display:flex;gap:20px;align-items:center;margin-bottom:38px;flex-wrap:wrap}a{color:#086d70}nav a:first-child{font-weight:800;margin-right:auto;text-decoration:none}.eyebrow{color:#087a76;font-size:13px;font-weight:800;letter-spacing:.1em}h1{font-size:clamp(28px,4vw,44px);line-height:1.2;letter-spacing:-.04em;margin:12px 0 20px}h2{font-size:21px;margin:0 0 14px}p{max-width:80ch}.lead{color:#47616c;font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.card,section{background:white;border:1px solid #d7e2e6;border-radius:18px;padding:24px;margin-bottom:20px}.card{margin:0}.number{display:block;font-size:34px;font-weight:800;color:#076d70}.muted{color:#536a76;font-size:14px}.controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}label{display:flex;align-items:center;gap:8px}select,button{font:inherit;border:1px solid #b6ccd2;border-radius:9px;padding:9px 14px;background:white;color:#163039}button{background:#086e70;color:white;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e5a632;outline-offset:3px}.chart{width:100%;height:auto;display:block}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5edef}tr.current{background:#e4f6f1}.scroll{overflow:auto}.legend{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.legend span:before{content:"";display:inline-block;width:20px;height:4px;margin-right:6px;vertical-align:middle;background:var(--line)}.legend .haar{--line:#087c77}.legend .yunet{--line:#7455b8}.legend .reference{--line:#c56a2b}.notice{border-left:4px solid #deae4e;padding:12px 18px;background:#fff9e9;border-radius:5px}li{margin:10px 0}.steps{counter-reset:step}.steps li{padding:8px 0}.footer{margin-top:36px;color:#647b84;font-size:13px}@media(max-width:680px){main{padding:20px 16px 45px}.grid{grid-template-columns:1fr}.card,section{padding:18px}nav{margin-bottom:26px}.number{font-size:29px}th,td{padding:8px 6px}}