*{box-sizing:border-box}body{margin:0;background:#eceee4;color:#293e3c;font:16px/1.5 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:28px}header{padding-bottom:18px;border-bottom:1px solid #a4b3a5}h1{font:64px Georgia,serif;margin:0}h2{font:25px Georgia,serif;margin:0 0 12px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700}p{margin:8px 0 16px}.brief,.comparison{padding:22px;background:#fffbed;border:1px solid #b2bea9;border-radius:14px;margin:22px 0}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}label{display:grid;gap:6px}button,select{font:inherit;color:inherit;padding:10px 12px;min-height:46px;border:1px solid #8da294;border-radius:8px;background:#fffbed;cursor:pointer}button:hover{background:#dce7d6}button:disabled{opacity:.6;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #b58332;outline-offset:3px}.samples{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sample{background:#fffbed;border:1px solid #aebca6;border-radius:14px;overflow:hidden}.art{height:170px;background:url('samples.webp');background-size:300% 100%}.inside{padding:18px}.sample button{width:100%;background:#315d52;color:white}.stats{display:flex;gap:16px;justify-content:space-between;font-size:12px;margin:12px 0}.stats strong{display:block;font-size:23px}.bars{height:100px;display:flex;align-items:end;gap:3px;border-bottom:1px solid #8da294}.bar{flex:1;min-height:2px;background:#5d9681}.caption{font-size:11px;color:#5e7366;margin:5px 0}canvas{display:block;width:100%;margin:10px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:right;border-bottom:1px solid #d0d9c6;padding:10px}td:first-child,th:first-child{text-align:left}.report{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:22px}.primary{background:#315d52;color:white}#status{padding:18px;border-left:4px solid #ae8133;background:#f4eacf;margin:22px 0}details{padding:20px 0}summary{font-weight:700;cursor:pointer}a{color:#315d52}@media(max-width:800px){.samples{grid-template-columns:1fr}.sample{display:grid;grid-template-columns:30% 1fr}.art{height:100%;background-size:300% 100%}h1{font-size:48px}}@media(max-width:480px){main{padding:14px}.brief,.comparison{padding:16px}.sample{display:block}.art{height:150px;background-size:300% auto;background-position-y:center}.report>*{width:100%}.toolbar button{flex:1}td,th{font-size:12px;padding:8px 4px}}