body{background-color:#f3f1e9;background-image:linear-gradient(90deg,rgba(20,33,43,.035) 1px,transparent 1px),linear-gradient(rgba(20,33,43,.035) 1px,transparent 1px);background-size:32px 32px}.site-header{border-bottom:2px solid var(--accent);box-shadow:0 5px 0 rgba(20,33,43,.1)}.brand{font-size:1.05rem;position:relative;padding-left:18px}.brand:before{content:'✣';color:var(--accent);position:absolute;left:0;top:0}.brand small{letter-spacing:.13em}.eyebrow{display:inline-block;border-top:2px solid var(--accent);padding-top:7px}h1{font-size:clamp(1.9rem,3.7vw,3.25rem);max-width:18ch}.lead{border-left:3px solid var(--teal);padding-left:16px}.panel{box-shadow:5px 5px 0 rgba(20,33,43,.11);border-top-color:var(--accent)}.calculator{align-items:start}.calculator>.panel:first-child{background:#fdfbf5}.result{background:#14212b;color:#fffdf8;border-top-color:#bd3e26;min-height:160px}.result strong{color:#fff;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em}.result p{color:#d7e2df}.fields label{font-size:.83rem;letter-spacing:.02em;color:#33434b}.fields input,.fields select{margin-top:5px;border:2px solid #9dabaa}.fields input:focus,.fields select:focus{outline:3px solid rgba(189,62,38,.25);border-color:var(--accent)}button{box-shadow:3px 3px 0 #742415}.tool{position:relative}.tool:after{content:'↗';position:absolute;right:16px;top:14px;color:var(--accent);font-weight:bold}.tool:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(20,33,43,.14)}.preview{background-color:#e5ece8;background-image:repeating-linear-gradient(0deg,transparent 0 22px,#b5c5c0 23px),repeating-linear-gradient(90deg,transparent 0 22px,#b5c5c0 23px)}.note{background:#fff5ed}.footer{border-top:4px solid var(--accent)}@media(max-width:768px){main{padding-top:24px;padding-bottom:32px}h1{max-width:100%;font-size:2rem}.result{min-height:0}.brand{font-size:.95rem}}