:root{font-family:'Bricolage Grotesque',Arial,sans-serif;color:#252525;background:#FFF9F0;font-synthesis:none;--green:#173D32;--red:#9E1B32;--gold:#D5AC60}*{box-sizing:border-box}body{margin:0}header{max-width:1184px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7ddce}.brand{display:flex;align-items:center;gap:12px;color:var(--green);font-size:36px;font-weight:700;text-decoration:none}.brand span{font-size:13px;line-height:1.25}.module{background:#f3e5c5;color:#614718;padding:9px 16px;border-radius:30px;font-size:13px;font-weight:600}main{max-width:1184px;padding:48px 32px 64px;margin:auto}.intro{max-width:620px;margin-bottom:40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#776037}h1{font-size:48px;line-height:1.08;color:var(--green);letter-spacing:-1.5px;margin:16px 0}h1 em{color:var(--red);font-style:normal}.intro p{font-size:18px;line-height:1.55;max-width:480px;color:#625c52}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}h2{font-size:22px;line-height:1.3;margin:0;color:var(--green)}.section-heading{display:flex;align-items:start;gap:16px;justify-content:space-between;margin-bottom:24px}.section-heading>span{font-size:12px;color:#776c5c;white-space:nowrap;padding-top:6px}fieldset{border:1px solid #e4daca;border-radius:16px;padding:24px;margin:0 0 24px;background:#fffdf8;min-width:0}legend{font-size:17px;font-weight:600;padding:0 8px;color:var(--green)}legend b{background:#f4e6c8;color:#6d5227;border-radius:7px;padding:5px 7px;font-size:12px;margin-right:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hint,small{font-size:12px;line-height:1.55;color:#71695e}.hint{margin:0 0 18px}.fields+.hint{margin:16px 0 0}label{font-size:13px;font-weight:500;line-height:1.4;display:flex;flex-direction:column;gap:8px;min-width:0}.input-wrap{display:flex;align-items:center;border:1px solid #d9cebd;border-radius:8px;background:#fff;overflow:hidden}.input-wrap>span{padding-left:12px;color:#837968;font-size:12px}.input-wrap input{border:0;min-width:0;padding-left:8px}input{font:500 17px 'Bricolage Grotesque',Arial,sans-serif;padding:13px 12px;border:1px solid #d9cebd;border-radius:8px;width:100%;color:var(--green);background:white}input:focus{outline:none}.input-wrap:focus-within,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--red)}label small{font-weight:400}.summary{background:var(--green);color:#fff9f0;padding:28px;border-radius:20px}.summary .eyebrow{color:#e9c987}.summary h2{color:inherit;margin:12px 0 4px;font-size:25px}.product-name{font-size:13px;color:#c3d0c9;margin-bottom:24px}.message{padding:16px;border:1px solid #839a8b;border-radius:10px;font-size:14px;line-height:1.6;background:#ffffff09}.hero-result{border-top:1px solid #ffffff26;padding:24px 0}.hero-result>span{font-size:13px}.hero-result>strong{display:block;font-size:46px;line-height:1.2;letter-spacing:-1px;margin:8px 0;color:#f6d28b}.hero-result small{color:#d1ded5;font-size:12px}.mini-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;background:#ffffff0b;border-radius:12px}.mini-results span{display:block;font-size:11px;color:#d2ddd6}.mini-results strong{display:block;font-size:21px;margin-top:8px}.breakdown{margin:24px 0;font-size:12px}.breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0}.breakdown dt{color:#cedad2}.breakdown dd{margin:0;text-align:right;font-weight:500;white-space:nowrap}.breakdown .total{border-top:1px solid #ffffff30;margin-top:8px;padding-top:16px;font-size:14px}.simulation{border-top:1px solid #ffffff30;padding-top:22px}.simulation h3{font-size:16px;margin:0 0 16px}.simulation p{font-size:12px;line-height:1.6;color:#d1ded5}.profit span{display:block;font-size:12px}.profit strong{font-size:32px;line-height:1.4}.simulation.loss{background:#5c1625;padding:16px;border-radius:10px}.primary{display:block;width:100%;padding:16px;border:0;border-radius:10px;background:#f1c873;color:#29241a;font-weight:700;font-size:15px;cursor:pointer}.footnote{font-size:10px;line-height:1.7;color:#c3d0c9;margin:16px 0 0}.instructions{margin-top:16px;border:1px solid #e4daca;padding:20px;border-radius:14px;font-size:13px;line-height:1.7;background:#fffdf8}.instructions summary{cursor:pointer;font-weight:600;color:var(--green)}.instructions ol{padding-left:20px}.tools{display:flex;gap:12px;flex-wrap:wrap}.tools button{border:1px solid #d8c8ae;background:transparent;border-radius:8px;padding:12px 16px;color:var(--green);font:500 13px inherit;cursor:pointer}.tools button:hover{background:#f4e6c8}.tools+.hint{margin-top:14px}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}footer{text-align:center;font-size:12px;line-height:1.8;color:#776c5c;padding:24px;border-top:1px solid #e7ddce}[hidden]{display:none!important}@media(min-width:900px){.results{position:sticky;top:24px}}@media(max-width:780px){header{padding:20px}.brand{font-size:30px}.brand span{font-size:11px}main{padding:32px 20px}.intro{margin-bottom:32px}h1{font-size:36px}.workspace{grid-template-columns:1fr;gap:24px}.section-heading>span{display:none}.summary{padding:24px}fieldset{padding:20px}.fields{gap:16px}.intro p{font-size:16px}}@media(max-width:359px){.fields{grid-template-columns:1fr}h1{font-size:32px}.module{padding:8px 10px}}@media print{header{padding:8px;border:0}main{padding:12px}.intro{margin-bottom:12px}h1{font-size:28px}.workspace{grid-template-columns:1.2fr 1fr;gap:16px}.results{position:static}.summary{background:#fff!important;color:#252525!important;border:1px solid #ccc;padding:16px}.summary h2,.summary strong,.summary span,.summary small,.summary dt,.summary p{color:#252525!important}.tools,#storage-note,.primary,.instructions{display:none}fieldset{padding:12px;margin-bottom:12px;break-inside:avoid}.fields{gap:8px}input{padding:6px;font-size:13px}.hint{font-size:10px}.hero-result>strong{font-size:32px}.section-heading{margin-bottom:12px}.breakdown{font-size:10px}.simulation.loss{background:transparent;border:1px solid #aaa}footer{font-size:10px}}
