*{box-sizing:border-box}body{margin:0;background:#faf5e9;color:#2f3b36;font:18px/1.6 Georgia,serif}header,main,footer{max-width:1200px;margin:auto;padding:30px}h1,h2{color:#713e4d;line-height:1.15}h1{font-size:clamp(34px,5vw,60px)}h2{font-size:34px}.comparison{padding:28px 0;border-top:1px solid #c3ae83}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:25px}.controls,.map{min-width:0}svg{width:100%;height:auto;display:block}a{color:#713e4d}label{display:flex;gap:8px;align-items:center;margin:15px 0;font:16px/1.4 system-ui}input{width:20px;height:20px;flex-shrink:0}.swatch{width:16px;height:16px;flex-shrink:0}.s0{background:#863f58}.s1{background:#9a751a}button{font:15px system-ui;padding:12px;border:1px solid #9e8555;border-radius:5px;background:#fffcf5;color:#493c2c;cursor:pointer}button[aria-pressed=true]{background:#713e4d;color:white}.buttons{display:flex;gap:8px;flex-wrap:wrap}.status{font:15px system-ui}.explain{border-left:3px solid #a48b54;padding-left:16px}.sources{font-size:15px;overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #276d91;outline-offset:3px}@media(max-width:700px){header,main,footer{padding:18px}.layout{grid-template-columns:1fr}.map{grid-row:1}h2{font-size:28px}}@media print{button,input,.buttons{display:none}.comparison{break-before:page}.layout{grid-template-columns:1fr 2fr}}