:root{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#232426;background:#f8f8f5}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;border-bottom:1px solid #cbcaca;padding:25px 5%;font-family:monospace;font-size:12px;letter-spacing:1px}main{max-width:1160px;margin:auto;padding:44px 30px}.kicker{font:12px monospace;letter-spacing:1.6px;color:#606265;margin:0 0 16px}h1{font-size:clamp(36px,5vw,62px);font-weight:500;letter-spacing:-2px;line-height:1.07;margin:0 0 24px}.lead{font-size:21px;margin:0 0 12px}.scope{color:#626366;font-size:14px;max-width:680px;line-height:1.6}h2{font-size:21px;font-weight:500;letter-spacing:-.4px;margin:0 0 15px}h2 span{font:13px monospace;color:#696b70;margin-right:15px}.lab{display:grid;grid-template-columns:1fr 1fr;border:1px solid #bfc1c2;margin:30px 0 52px;background:#fff}.inputs,.output{padding:28px}.inputs{border-right:1px solid #bfc1c2}.inputs>p{font-size:14px;line-height:1.6;color:#626366}.color-row{display:grid;grid-template-columns:54px 1fr 112px;align-items:center;gap:16px;margin:15px 0;padding:12px 0;border-bottom:1px solid #e1e1df}.color-row input[type=color]{width:54px;height:48px;padding:0;border:0;background:none;cursor:pointer}.color-row input[type=text]{font:14px monospace;width:112px;padding:10px;border:1px solid #aaa}.color-row label{font-size:16px}button{font:inherit;cursor:pointer}#calculate{margin-top:13px;width:100%;display:flex;justify-content:space-between;background:#242529;color:#fff;border:0;padding:16px;font-size:16px}#message{font-size:13px;min-height:40px}.values{display:flex;gap:14px;justify-content:space-between;padding:14px 0 18px;border-bottom:1px solid #ddd}.values span{font-size:13px;display:block;color:#666}.values strong{font:23px monospace;display:block;margin-top:7px}.formula{font:14px monospace;line-height:1.7;padding:18px 0}.verdict{display:flex;justify-content:space-between;align-items:center;background:#f3d35e;padding:19px 20px}.verdict strong{font-size:29px;font-weight:500}.verdict span{font:16px monospace}.rule h3{font-size:14px;font-weight:500;margin:24px 0 12px}.rule>div{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding:8px 0;font-size:14px}.rule p{font-size:12px;line-height:1.6;color:#626366}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title h2{font-size:28px}.tests>p{color:#626366;font-size:14px;line-height:1.6;max-width:810px}a{color:#252628;text-underline-offset:4px;font-size:14px}.table-wrap{overflow:auto;margin:25px 0 45px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:14px}caption{text-align:left;font-size:13px;white-space:normal;color:#626366;padding-bottom:15px}th{font-size:12px;font-weight:500;color:#626366;border-bottom:1px solid #aaa;padding:12px 10px}td{padding:16px 10px;border-bottom:1px solid #d8d8d5;font-family:monospace}td:nth-child(2){font-size:12px}td button{background:white;border:1px solid #aaa;padding:7px 10px;font-size:13px}.notes{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;border-top:1px solid #aaa;padding-top:32px}.notes ol{padding-left:23px;margin:0}.notes li{padding-left:8px;margin-bottom:19px;font-size:15px;line-height:1.7}.notes b{font-weight:600}aside{background:#eeeefa;padding:26px;height:fit-content}blockquote{font-size:26px;line-height:1.35;letter-spacing:-.5px;margin:22px 0}aside p:last-child{font-size:14px;line-height:1.7;color:#52545b}details{border-block:1px solid #ccc;padding:20px 0;margin-top:30px}summary{cursor:pointer;font-size:15px}details p{font-size:14px;line-height:1.7;color:#626366}.download-note{display:flex;justify-content:space-between;gap:20px;margin-top:24px}.download-note span{font-size:12px;color:#626366}footer{font:12px monospace;letter-spacing:1px;padding:25px 5%;border-top:1px solid #ccc}button:hover{filter:brightness(.9)}:focus-visible{outline:3px solid #6744af;outline-offset:4px}@media(max-width:740px){main{padding:30px 20px}.lab{grid-template-columns:1fr}.inputs{border-right:0;border-bottom:1px solid #bfc1c2}.inputs,.output{padding:22px}.notes{grid-template-columns:1fr;gap:20px}.section-title,.download-note{align-items:start;flex-direction:column}header{font-size:10px;gap:15px}.color-row{grid-template-columns:45px 1fr 103px;gap:9px}.color-row input[type=text]{width:103px}.color-row input[type=color]{width:45px}.verdict strong{font-size:25px}}@media print{header,footer,#calculate,td button,.download-note{display:none}main{padding:0}.lab{break-inside:avoid}.notes{gap:25px}body{background:white}.table-wrap{overflow:visible}a{text-decoration:none}}
