@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');:root{--paper:#f8f7f2;--ink:#173d38;--muted:#718179;--line:#d8ddd4;--gold:#ad9360}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}header{padding:30px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;gap:13px;font:36px Georgia,serif;align-items:center}.brand span{font-size:25px;letter-spacing:2px}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:9px}header>div{display:flex;gap:25px;align-items:center}select,input,button{font:inherit;color:inherit}header select{padding:8px;border:1px solid var(--line);background:transparent}.back{font-size:13px}main{max-width:1400px;margin:auto;padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.eyebrow{font-size:10px;letter-spacing:2px;margin:10px 0 30px}.eyebrow:before{content:'●';color:var(--gold);margin-right:12px}h1{font:clamp(68px,7vw,105px)/.97 'Libre Caslon Display',Georgia,serif;letter-spacing:-2px;margin:0 0 30px}em{color:#81998b;font-weight:400}.lead{max-width:370px;line-height:1.85;color:var(--muted)}.note{display:flex;gap:20px;max-width:390px;border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.note>span{font-size:38px;color:var(--gold)}.note p{font-size:12px;color:var(--muted);line-height:1.8}.source{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:6px}.workspace{background:#fffefa;border:1px solid var(--line);align-self:start}form{padding:30px}.card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;font-size:15px}.tag{font-size:8px;letter-spacing:1px;border:1px solid var(--line);padding:7px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}label>span{display:block;font-size:11px;margin-bottom:10px}input,select{width:100%;border:1px solid var(--line);padding:14px;background:transparent;border-radius:0;min-height:48px}input:focus,select:focus{outline:1px solid var(--ink)}.wide{grid-column:1/-1}.suffix{position:relative}.suffix>span{position:absolute;right:17px;top:16px;color:var(--muted)}button{width:100%;display:flex;justify-content:space-between;margin-top:26px;background:var(--ink);border:0;color:white;padding:19px 22px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#result{padding:25px 30px;background:var(--ink);color:var(--paper);min-height:110px}#result>p:not(.price-note){font-size:12px;line-height:1.8;color:#c0d0c3;margin:0}.amount{font:48px Georgia,serif;margin:10px 0 24px;overflow-wrap:anywhere}.result-label{font-size:10px;letter-spacing:1.5px;color:#c0d0c3}.rows{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px}.rows span{display:block;color:#b6c8bb;font-size:10px;margin-bottom:6px}#result>.price-note{border-top:1px solid #ffffff33;margin-top:22px;padding-top:17px;font-size:10px;line-height:1.8;color:#c0d0c3}.explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 6%;color:var(--gold);font:24px Georgia,serif}.explain>span{display:flex;align-items:baseline;gap:16px;min-width:0}.explain b{font:12px 'DM Sans',Arial,sans-serif;color:var(--ink);margin-left:0;font-weight:400;line-height:1.6}footer{display:flex;justify-content:space-between;padding:27px 6%;font-size:10px;color:var(--muted)}@media(max-width:760px){header{padding:22px 6%}.brand span{font-size:18px}.brand small{font-size:6px;letter-spacing:1px}header>div{gap:13px}header select{font-size:11px;width:115px}.back{display:none}main{grid-template-columns:1fr;padding:45px 6%;gap:35px}h1{font-size:78px}.note{margin-top:25px}.explain{grid-template-columns:1fr;gap:22px;font-size:20px}footer{gap:25px;line-height:1.7}form{padding:24px}.fields{gap:18px}#result{padding:25px 24px}.tag{font-size:7px}}
#result .rows{column-gap:24px;row-gap:22px}#result .rows>div{min-width:0;overflow-wrap:anywhere}#result>.price-note{margin:26px 0 0;padding-top:20px;font-size:11px;line-height:1.85}footer{align-items:center;gap:24px;line-height:1.7}
