/* Interactive brewing calculator, styled to match Kopi Matahari. */
.calculator-section{background:#f4eee3;overflow:hidden}
.calculator-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center}
.calculator-intro h2{font:500 clamp(41px,4.9vw,77px)/1.16 var(--serif);letter-spacing:-.05em;margin:29px 0 24px}
.calculator-intro h2 em{color:#a87940;font-weight:400}
.calculator-intro>p:not(.calc-disclaimer){max-width:530px;font-size:15px;line-height:1.95;color:#746859;margin:0 0 30px}
.calculator-methods{display:flex;flex-wrap:wrap;gap:12px;max-width:590px}
.calc-method{border:1px solid #d7c8b5;background:#faf7f0;color:#674b32;padding:13px 17px;border-radius:100px;font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s}
.calc-method span{font-weight:400;font-family:var(--mono);font-size:11px}
.calc-method:hover{border-color:#a7804d;transform:translateY(-1px)}
.calc-method.is-active,.calc-method[aria-pressed="true"]{background:#281d15;color:#ffdcaa;border-color:#281d15}
.calc-disclaimer{font-size:11px;color:#92816e;line-height:1.7;margin-top:30px;max-width:480px}
.calculator-panel{padding:40px 43px 42px;border-radius:30px;background:radial-gradient(ellipse at 100% 0%,#4e2c1e,#2c1d15 62%,#261911);color:#fbf1e4;box-shadow:0 27px 60px #2d1e1440}
.calc-kicker{font:500 10px var(--mono);letter-spacing:.24em;color:#eab36c;margin-bottom:31px}
.calc-dose-card{background:#5c3b2a76;border:1px solid #956b4d6b;border-radius:16px;padding:21px 24px 19px}
.calc-dose-card>div{display:flex;align-items:baseline;gap:9px}
.calc-dose-card strong{font:500 clamp(55px,5vw,76px)/1 var(--serif);letter-spacing:-.06em;color:#fff}
.calc-dose-card span{font:600 16px var(--sans);color:#e5a966}
.calc-dose-card small,.calc-metric small{display:block;font:400 10px var(--mono);letter-spacing:.06em;color:#b49980;margin-top:10px}
.calc-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}
.calc-metric{background:#4b352789;border:1px solid #80624c66;border-radius:15px;padding:22px 20px;min-width:0}
.calc-metric strong{display:block;font:500 clamp(24px,2.5vw,37px)/1.15 var(--serif);letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere}
.calc-metric small{margin-top:12px}
.calc-water-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:41px 0 16px;font:500 11px var(--mono);color:#c6a68a}
.calc-water-heading output{font:700 18px var(--mono);color:#fff;text-align:right;letter-spacing:.01em}
#calc-water{appearance:none;-webkit-appearance:none;width:100%;height:7px;outline:none;border-radius:20px;cursor:pointer;margin:12px 0;background:linear-gradient(90deg,#d69c5b 0%,#d69c5b var(--progress,5.55%),#5a4639 var(--progress,5.55%),#5a4639 100%)}
#calc-water::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;background:#c77c4f;border:3px solid #f8e9d4;border-radius:50%;box-shadow:0 2px 8px #0008}
#calc-water::-moz-range-thumb{width:20px;height:20px;background:#c77c4f;border:3px solid #f8e9d4;border-radius:50%;box-shadow:0 2px 8px #0008}
#calc-water:focus-visible{outline:2px solid #e7b470;outline-offset:10px}
.calc-range-ends{display:flex;justify-content:space-between;color:#8e7864;font:400 10px var(--mono);margin-top:4px}
.calc-advice{font-size:13px;line-height:1.7;color:#d3ac89;display:flex;gap:13px;margin:30px 0 0}
.calc-advice .calc-info-icon{font-size:18px;line-height:1.2;color:#d69c5b}
@media(max-width:900px){.calculator-layout{grid-template-columns:1fr;gap:45px}.calculator-intro h2{max-width:700px}.calculator-panel{max-width:680px;width:100%}}
@media(max-width:640px){.calculator-intro h2{font-size:clamp(42px,9vw,60px)}.calculator-intro>p:not(.calc-disclaimer){font-size:13px}.calculator-methods{gap:9px}.calc-method{padding:12px 14px;font-size:11px}.calc-method span{font-size:10px}.calculator-panel{padding:28px 22px;border-radius:22px}.calc-kicker{font-size:9px;letter-spacing:.14em}.calc-metric-grid{gap:9px}.calc-metric{padding:18px 12px}.calc-metric strong{font-size:clamp(22px,5vw,29px)}.calc-metric small{font-size:9px}.calc-water-heading output{font-size:14px}.calc-advice{font-size:12px}}