.cost-page{--cost-cream:#fffaf5;--cost-blush:#f4e2dc;--cost-rose:#87564b;--cost-dark:#4d3831;--cost-muted:#7d6960;--cost-line:#dfc5b8;max-width:1210px;color:var(--cost-dark);margin:auto;padding:28px 32px 35px}.cost-page *{box-sizing:border-box}.cost-top{border-bottom:1px solid var(--cost-line);justify-content:space-between;align-items:center;gap:15px;padding-bottom:22px;display:flex}.cost-brand{font:24px var(--serif,Georgia,serif);color:var(--cost-dark);text-decoration:none}.cost-brand em{color:var(--cost-rose)}.cost-top>span{letter-spacing:2px;color:var(--cost-muted);font-size:9px}.cost-intro{text-align:center;max-width:730px;margin:53px auto 38px}.cost-eyebrow{letter-spacing:2px;color:var(--cost-rose);margin:0 0 14px;font-size:10px;line-height:1.6}.cost-page h1{font:clamp(40px,5.8vw,65px)/1.06 var(--serif,Georgia,serif);letter-spacing:-1.9px;white-space:normal;margin:0 0 22px}.cost-page h1 em{color:var(--cost-rose);font-weight:400}.cost-intro>p:last-of-type{color:var(--cost-muted);margin:0;font-size:14px;line-height:1.85}.cost-intro-actions{flex-wrap:wrap;justify-content:center;gap:12px 22px;margin-top:21px;display:flex}.cost-intro-actions button,.cost-draft-bar>button{font:inherit;color:var(--cost-rose);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:12px;text-decoration:underline}.cost-steps{border:1px solid var(--cost-line);background:var(--cost-cream);border-radius:50px;grid-template-columns:repeat(4,1fr);margin:0 0 30px;padding:0;list-style:none;display:grid;overflow:hidden}.cost-steps li{min-width:0}.cost-steps button{width:100%;min-height:68px;color:var(--cost-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.cost-steps button>span:first-child{font:italic 24px var(--serif,Georgia,serif);color:#ad8373}.cost-steps .current{background:var(--cost-blush);border-radius:50px}.cost-steps .current button{color:var(--cost-dark)}.cost-steps .done button{color:var(--cost-rose)}.cost-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.cost-main{min-width:0}.cost-panel{background:var(--cost-cream);border:1px solid var(--cost-line);border-radius:24px;padding:35px}.cost-page h2{font:36px/1.17 var(--serif,Georgia,serif);letter-spacing:-.8px;white-space:normal;margin:0 0 14px}.cost-page h2:focus{outline:none}.cost-lead{color:var(--cost-muted);margin:0 0 26px;font-size:14px;line-height:1.85}.cost-page label{color:var(--cost-dark);font-size:12px;line-height:1.6;display:block}.cost-page input,.cost-page select{font:inherit;color:var(--cost-dark);background:#fffefa;border:1px solid #ceb2a2;border-radius:12px;width:100%;max-width:100%;min-height:48px;margin-top:7px;padding:11px 13px;font-size:15px}.cost-page input::placeholder{color:#b6a398}.cost-page input:focus,.cost-page select:focus{outline-offset:2px;outline:2px solid #b88170}:is(.cost-page button:focus-visible,.cost-page a:focus-visible){outline:2px solid var(--cost-rose);outline-offset:4px}.cost-page input:invalid:not(:placeholder-shown){box-shadow:none}.cost-page small{color:var(--cost-muted);margin-top:8px;font-size:11px;line-height:1.8;display:block}.cost-fields{gap:23px;display:grid}.cost-tip{background:#f6ede3;border-left:2px solid #c7957d;border-radius:0 12px 12px 0;margin-top:27px;padding:15px 18px}.cost-tip>span{color:var(--cost-rose);margin-bottom:6px;font-size:12px;display:block}.cost-tip p{color:#7b6252;margin:0;font-size:12px;line-height:1.85}.cost-ingredient-list{gap:24px;margin-top:30px;display:grid}.cost-ingredient{border:1px solid var(--cost-line);border-radius:18px;min-width:0;margin:0;padding:20px}.cost-ingredient legend{color:var(--cost-rose);letter-spacing:1px;padding:0 8px;font-size:11px}.cost-ingredient-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.cost-remove{color:#936858;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:10px;text-decoration:underline}.cost-purchase>p,.cost-used>p{letter-spacing:1px;color:var(--cost-rose);margin:22px 0 10px;font-size:10px}.cost-row{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.cost-quantity{align-items:start;gap:7px;display:flex}.cost-quantity input{flex:1;min-width:0}.cost-quantity select{flex-shrink:0;width:88px;padding-inline:8px}.cost-row-result{background:var(--cost-blush);border-radius:12px;align-self:end;min-height:71px;padding:12px 14px}.cost-row-result>span{color:var(--cost-rose);margin-bottom:6px;font-size:10px;display:block}.cost-row-result output{font:25px var(--serif,Georgia,serif);color:var(--cost-rose)}.cost-row-explanation{color:var(--cost-muted);overflow-wrap:anywhere;margin:15px 0 0;font-size:11px;line-height:1.7}.cost-add{width:100%;font:inherit;color:var(--cost-rose);cursor:pointer;background:0 0;border:1px dashed #b98974;border-radius:24px;margin:23px 0 5px;padding:15px 20px;font-size:13px}.cost-add:disabled{opacity:.5;cursor:default}.cost-hint{color:var(--cost-muted);margin:14px 0;font-size:11px;line-height:1.9}.cost-form-nav{border-top:1px solid var(--cost-line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;padding-top:24px;display:flex}.cost-primary,.cost-secondary{border:1px solid var(--cost-rose);min-height:48px;font:inherit;cursor:pointer;border-radius:30px;padding:14px 22px;font-size:12px;line-height:1.5;transition:background .15s}.cost-primary{background:var(--cost-rose);color:#fffaf4}.cost-primary:hover{background:#704438}.cost-secondary{color:var(--cost-rose);background:0 0}.cost-secondary:hover{background:var(--cost-blush)}.cost-form-nav .cost-primary{margin-left:auto}.cost-live-summary{background:var(--cost-blush);border:1px solid var(--cost-line);border-radius:22px;padding:27px 23px;position:sticky;top:25px}.cost-live-summary h3{font:29px/1.2 var(--serif,Georgia,serif);letter-spacing:-.5px;overflow-wrap:anywhere;margin:0 0 25px}.cost-live-summary>div:not(.cost-how){color:var(--cost-muted);justify-content:space-between;gap:12px;margin:15px 0;font-size:11px;line-height:1.7;display:flex}.cost-live-summary>div>span:last-child{text-align:right;color:var(--cost-dark);white-space:nowrap}.cost-live-price{border-top:1px solid #d6b7a9;margin-top:23px;padding-top:22px}.cost-live-price>span{color:var(--cost-rose);font-size:11px;display:block}.cost-live-price output{font:42px/1.3 var(--serif,Georgia,serif);color:var(--cost-rose);letter-spacing:-1px;overflow-wrap:anywhere;margin-top:7px;display:block}.cost-how{border-top:1px solid #d6b7a9;margin-top:22px;padding-top:20px}.cost-how>span{color:var(--cost-rose);font-size:11px}.cost-how p{color:var(--cost-muted);margin:7px 0 0;font-size:11px;line-height:1.8}.cost-draft-bar{flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px 6px;display:flex}.cost-draft-bar>p{width:100%;color:var(--cost-muted);margin:0;font-size:10px;line-height:1.8}.cost-example-banner,.cost-notice{border:1px solid var(--cost-line);color:var(--cost-rose);background:#f9eee5;border-radius:12px;margin-bottom:22px;padding:13px 18px;font-size:12px;line-height:1.8}.cost-notice{margin:23px 0 0}.cost-explain{background:var(--cost-blush);border:1px solid var(--cost-line);border-radius:18px;margin-bottom:26px;padding:23px}.cost-page h3{font-weight:400}.cost-explain h3{font:25px/1.3 var(--serif,Georgia,serif);margin:0 0 12px}.cost-explain p{color:#755b51;margin:0;font-size:13px;line-height:1.9}.cost-explain p+p{margin-top:12px}.cost-percent-label{max-width:310px}.cost-percent{align-items:center;gap:15px;display:flex}.cost-percent input{width:140px;font-size:24px}.cost-percent>span{font:28px var(--serif,Georgia,serif);color:var(--cost-rose)}.cost-presets{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.cost-presets button{border:1px solid var(--cost-line);color:var(--cost-rose);font:inherit;cursor:pointer;background:0 0;border-radius:20px;padding:9px 18px;font-size:12px}.cost-presets button[aria-pressed=true]{background:var(--cost-rose);color:#fffaf4}.cost-formula{border-top:1px solid var(--cost-line);margin-top:24px;padding-top:22px}.cost-formula>span{letter-spacing:1px;color:var(--cost-rose);font-size:10px}.cost-formula p{color:var(--cost-muted);margin:10px 0 0;font-size:13px;line-height:1.8}.cost-final-price{background:var(--cost-blush);border:1px solid var(--cost-line);text-align:center;border-radius:20px;padding:25px}.cost-final-price>span{color:var(--cost-rose);font-size:12px}.cost-final-price output{font:clamp(40px,6vw,65px)/1.1 var(--serif,Georgia,serif);color:var(--cost-rose);letter-spacing:-1.5px;overflow-wrap:anywhere;margin:15px 0;display:block}.cost-final-price p{color:var(--cost-muted);margin:0 0 19px;font-size:11px}.cost-final-price>div{color:var(--cost-muted);border-top:1px solid #d7b5a8;padding-top:17px;font-size:12px;line-height:1.7}.cost-final-price strong{color:var(--cost-rose);white-space:nowrap;font-weight:500}.cost-result-cards{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 27px;display:grid}.cost-result-cards>div{background:#f6eee5;border-radius:15px;min-width:0;padding:20px 17px}.cost-result-cards span{color:var(--cost-muted);font-size:11px}.cost-result-cards output{font:30px var(--serif,Georgia,serif);color:var(--cost-rose);overflow-wrap:anywhere;margin-top:12px;display:block}.cost-breakdown h3{font:24px/1.3 var(--serif,Georgia,serif);margin:0 0 17px}.cost-breakdown>div{overflow-wrap:anywhere;border-bottom:1px solid #ead6c9;justify-content:space-between;gap:20px;padding:10px 0;font-size:12px;line-height:1.8;display:flex}.cost-breakdown>div>span:last-child{white-space:nowrap}.cost-breakdown-total{color:var(--cost-rose)}.cost-result-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.cost-reset{border:1px solid var(--cost-line);border-radius:12px;width:100%;padding:15px;font-size:12px;line-height:1.8}.cost-reset p{margin:0 0 13px}.cost-reset button{font:inherit;border:1px solid var(--cost-line);color:var(--cost-rose);cursor:pointer;background:#fffaf4;border-radius:20px;margin-right:10px;padding:9px 14px}.cost-footer{text-align:center;border-top:1px solid var(--cost-line);color:var(--cost-muted);margin-top:30px;padding-top:22px;font-size:10px;line-height:1.8}@media (max-width:950px){.cost-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.cost-panel{padding:27px}.cost-quantity select{width:74px}.cost-row{gap:12px}.cost-live-summary{padding:23px 19px}.cost-ingredient{padding:17px}}@media (max-width:760px){.cost-layout{grid-template-columns:1fr}.cost-live-summary{position:static}.cost-top>span{display:none}.cost-steps button{flex-direction:column;gap:5px;min-height:80px;padding:12px 6px;font-size:11px}.cost-steps{border-radius:22px}.cost-steps .current{border-radius:20px}.cost-page{padding:22px 18px 30px}.cost-intro{margin:38px auto 30px}.cost-page h1{letter-spacing:-1.5px;font-size:45px}.cost-brand{font-size:24px}.cost-panel{padding:26px 21px}.cost-page h2{font-size:32px}.cost-live-summary>div:not(.cost-how){font-size:13px}.cost-live-summary h3{font-size:31px}.cost-row{grid-template-columns:1fr 1fr}.cost-page input,.cost-page select{font-size:16px}.cost-ingredient{padding:16px}.cost-row-result{min-height:75px}.cost-final-price output{font-size:53px}.cost-result-cards output{font-size:28px}.cost-intro>p:last-of-type{font-size:13px}}@media (max-width:410px){.cost-page{padding-inline:12px}.cost-panel{padding:24px 16px}.cost-row{grid-template-columns:1fr}.cost-row-result{margin-top:7px}.cost-quantity select{width:92px}.cost-steps button{font-size:10px}.cost-result-cards{gap:10px}.cost-result-cards>div{padding:17px 12px}.cost-result-cards output{font-size:25px}.cost-page h1{font-size:41px}.cost-primary,.cost-secondary{padding-inline:18px}}@media print{body{background:#fff!important}.cost-page{max-width:none;padding:0}.cost-top>span,.cost-intro,.cost-steps,.cost-example-banner,.cost-live-summary,.cost-draft-bar,.cost-form-nav,.cost-result-actions,.cost-notice{display:none!important}.cost-layout{display:block}.cost-panel{border:0;padding:20px 0}.cost-final-price{background:#fff!important}.cost-final-price output{font-size:40px}.cost-result-cards>div{border:1px solid #ddd;background:#fff!important}.cost-footer{margin-top:10px}.cost-breakdown>div,.cost-tip{break-inside:avoid}.cost-page nav{margin-bottom:20px}.cost-page h2{font-size:28px}}.cost-detailed-breakdown{margin-top:30px}.cost-detailed-breakdown h3{font:25px/1.3 var(--serif,Georgia,serif);margin:0 0 12px}.cost-record-table table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px;line-height:1.7}.cost-record-table caption{text-align:left;color:var(--cost-muted);overflow-wrap:anywhere;padding:10px 0 15px;font-size:11px}.cost-record-table th,.cost-record-table td{vertical-align:top;border-bottom:1px solid var(--cost-line);text-align:left;overflow-wrap:anywhere;padding:11px 6px}.cost-record-table thead th{color:var(--cost-rose);background:#f4e7dd;font-weight:500}.cost-record-table th:first-child{width:19%}.cost-record-table tbody th{font-weight:400}.cost-record-table td small{color:var(--cost-muted);margin-top:4px;font-size:9px;line-height:1.6}.cost-record-table tfoot th,.cost-record-table tfoot td{color:var(--cost-rose);background:#f8ede4;font-weight:500}.cost-record-math{border-top:1px solid var(--cost-line);margin-top:25px;padding-top:22px}.cost-record-math h3{font-size:23px}.cost-record-math p{border-bottom:1px solid #ead6c9;justify-content:space-between;gap:20px;margin:0;padding:10px 0;font-size:12px;line-height:1.8;display:flex}.cost-record-math p>span:last-child{text-align:right;color:var(--cost-rose)}@media screen and (max-width:1050px){.cost-record-table table,.cost-record-table tbody,.cost-record-table tr,.cost-record-table th,.cost-record-table td{display:block;width:auto!important}.cost-record-table thead{display:none}.cost-record-table tbody tr{border:1px solid var(--cost-line);border-radius:14px;margin-bottom:16px;padding:8px 15px}.cost-record-table tbody th{font:23px var(--serif,Georgia,serif);color:var(--cost-rose);padding-block:12px}.cost-record-table tbody td{text-align:right;grid-template-columns:1fr 1fr;gap:5px 15px;font-size:12px;display:grid}.cost-record-table tbody td:before{content:attr(data-label);text-align:left;color:var(--cost-muted);font-size:11px}.cost-record-table td small{grid-column:2;margin:0;font-size:10px}.cost-record-table tbody td:last-child{border-bottom:0}.cost-record-table tfoot{display:block}.cost-record-table tfoot tr{justify-content:space-between;gap:15px;font-size:13px;display:flex}.cost-record-table tfoot th,.cost-record-table tfoot td{background:0 0;border:0}.cost-record-math p,.cost-record-math p span{display:block}.cost-record-math p>span:last-child{text-align:left;margin-top:4px}}@media print{.cost-record-table table{font-size:9px;line-height:1.5}.cost-record-table th,.cost-record-table td{padding:8px 5px}.cost-record-table td small{font-size:8px}.cost-record-table tr{break-inside:avoid}.cost-record-table thead{display:table-header-group}.cost-record-table tfoot{display:table-row-group}.cost-record-math{break-inside:avoid}.cost-detailed-breakdown h3{font-size:21px}.cost-record-math p{font-size:11px}.cost-record-table caption{font-size:10px}}@media screen and (max-width:1050px){.cost-record-table{min-width:0}.cost-record-table table{width:100%!important}.cost-record-table caption{white-space:normal;text-align:left;overflow-wrap:anywhere;width:100%;max-width:100%;display:block}}
