:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#332e2b;background:#eadbbb}*{box-sizing:border-box}body{margin:0;background:linear-gradient(155deg,#dfe6d5aa,#e7ccb888)}header,main{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:28px;font-weight:850;text-decoration:none;color:#3e5648}.brand span{color:#9d5160}a{color:#355b50}h1{font-size:clamp(36px,6vw,60px);letter-spacing:-.04em;line-height:1.07;margin:14px 0}h2{font-size:23px}p,li{line-height:1.65}.intro{max-width:660px;font-size:18px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:#65402e}.notice{background:#f5e6cd;border-left:4px solid #9a7641;padding:16px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}form,.receipt,.steps{background:#f5ead6;border:1px solid #b5aa94;border-radius:15px;padding:24px;box-shadow:0 5px 0 #554d3210}.receipt{background:linear-gradient(160deg,#e5eddd,#f7ead0);align-self:start}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-weight:650;margin:16px 0 6px}input,select{display:block;width:100%;min-height:48px;border:1px solid #8f897a;border-radius:8px;background:#fcf5e8;color:#332e2b;font:inherit;font-size:16px;padding:10px;margin-top:6px}button{background:#476650;color:#fff5e7;border:0;border-radius:8px;min-height:48px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer}.small,footer{font-size:13px;color:#585043}summary{cursor:pointer;padding:15px 0;min-height:44px;font-weight:700}details{margin:16px 0}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #b8b5a1;padding:13px 0}dt{max-width:70%}dd{margin:0;white-space:nowrap;font-weight:750}.total{font-size:20px}.loss,#fee-error{color:#872d3b;font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7b3c55;outline-offset:3px}.steps li{padding:7px}footer{padding:30px 0}@media(max-width:700px){header,main{padding:18px}.layout{grid-template-columns:1fr}.pair{grid-template-columns:1fr}form,.receipt,.steps{padding:20px}}@media(forced-colors:active){body,.receipt,form,.steps{background:Canvas;color:CanvasText}}
