.m-calc-header{max-width:1480px;margin:auto;padding:12px 30px 18px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.m-calc-header .m-brand>span{font-size:26px}
.m-calc-header nav{display:flex;gap:28px;align-items:center;margin:0;padding:0;border:0;color:#cbd5dc;font-size:12px;width:auto;max-width:none}
.m-calc-header nav a:hover{color:#ff8a52}
.m-calc-main{max-width:1480px;margin:auto;padding:22px 28px 60px}
.m-calculator-intro{position:relative;isolation:isolate;overflow:hidden;min-height:280px;border-radius:12px;background:radial-gradient(circle at 85% 45%,#e65d22 0,#ac3e19 12%,transparent 36%),linear-gradient(125deg,#15242d,#253a43 60%,#14222b);color:white;padding:35px 44px 28px}
.m-calculator-intro:before{content:"";position:absolute;z-index:-1;right:4%;top:-70%;width:520px;height:520px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff06}
.m-calculator-intro:after{content:"62";position:absolute;right:7%;bottom:-64px;font-size:260px;line-height:1;font-weight:900;color:#ffffff10;letter-spacing:-28px;z-index:-1}
.m-calc-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ffb088;font-size:11px;letter-spacing:1.5px;font-weight:700}
.m-calculator-intro h1{font-size:48px;line-height:1.05;letter-spacing:-1.8px;margin:17px 0 12px;font-weight:750}
.m-calculator-intro h1 em{font-style:normal;color:#ff8d58}
.m-calculator-intro>p{max-width:590px;font-size:13px;line-height:1.65;color:#d2dce0}
.m-calc-intro-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:25px}
.m-calc-intro-stats span{display:flex;align-items:baseline;gap:7px;color:#c5d3d9;font-size:11px}
.m-calc-intro-stats b{font-size:18px;color:#fff}
.m-calc-navigation{display:flex;align-items:center;gap:20px;margin:22px 0 16px}
.m-calc-search{display:flex;align-items:center;gap:10px;padding:0 15px;width:300px;min-width:230px;height:43px;background:white;border:1px solid #dce4e9;border-radius:7px;color:#8a9aa8}
.m-calc-search input{border:0;background:transparent;width:100%;height:100%;font-size:12px;color:#1c2d39}
.m-calc-categories{display:flex;gap:7px;overflow:auto;scrollbar-width:thin;padding:2px}
.m-calc-categories button{font-size:11px;white-space:nowrap;background:#fff;border:1px solid #dde5ea;border-radius:6px;padding:10px 13px;color:#677988}
.m-calc-categories button.active{background:#22333d;border-color:#22333d;color:white}
.m-calc-layout{display:grid;grid-template-columns:minmax(295px,360px) minmax(0,1fr);gap:18px;align-items:start}
.m-calc-list,.m-calc-workspace{background:white;border:1px solid #dfe6eb;border-radius:10px;box-shadow:0 5px 20px #1b2d3a08}
.m-calc-list{max-height:880px;overflow:auto;scrollbar-width:thin}
.m-calc-list-heading{display:flex;justify-content:space-between;align-items:baseline;padding:18px 20px 13px;background:white;position:sticky;top:0;z-index:2;border-bottom:1px solid #e6edf1}
.m-calc-list-heading strong{font-size:16px}
.m-calc-list-heading small{font-size:10px;color:#8898a6}
.m-calc-list>button{width:100%;display:flex;align-items:center;text-align:left;gap:11px;padding:13px 17px;border-bottom:1px solid #eef2f4}
.m-calc-list>button:hover{background:#fff7f3}
.m-calc-list>button.active{background:#fff1e9;border-left:3px solid #f66b35;padding-left:14px}
.m-calc-list-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:7px;background:#f0f4f6;color:#637b89;flex-shrink:0}
.m-calc-list>button.active .m-calc-list-icon{background:#ffded0;color:#e45b27}
.m-calc-list-text{min-width:0;flex:1}
.m-calc-list-text b{display:block;font-size:11px;line-height:1.35;color:#263943;font-weight:650}
.m-calc-list-text small{display:block;color:#93a1aa;font-size:9px;margin-top:5px}
.m-calc-list>button>svg{color:#a7b2ba;flex-shrink:0}
.m-calc-workspace{padding:27px 30px;scroll-margin-top:18px;min-height:560px}
.m-calc-workspace-top{display:flex;justify-content:space-between;align-items:center}
.m-calc-workspace-top span{font-size:10px;letter-spacing:1.2px;color:#e56531;text-transform:uppercase;font-weight:700}
.m-calc-workspace-top small{font-size:10px;color:#91a0aa}
.m-calc-workspace h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:13px 0 8px;color:#1c2b35}
.m-calc-summary{color:#81909c;font-size:12px;line-height:1.7;margin:0 0 25px}
.m-calc-work-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);gap:22px;align-items:start}
.m-calc-stage + .m-calc-stage{margin-top:22px}
.m-calc-form,.m-calc-result{border:1px solid #e2e9ed;border-radius:8px;min-width:0;padding:19px;background:#fff}
.m-calc-form h3,.m-calc-result h3{font-size:16px;margin:0 0 17px;color:#243541}
.m-calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.m-calc-fields label{display:grid;gap:7px;font-size:11px;line-height:1.35;color:#637584}
.m-calc-fields input,.m-calc-fields select{width:100%;min-width:0;padding:12px 11px;border:1px solid #d8e2e8;border-radius:6px;background:#fbfcfd;font-size:14px;font-weight:600;color:#21343e}
.m-calc-fields input:focus,.m-calc-fields select:focus{border-color:#fb7640;background:white}
.m-calc-field-section{border:0;border-top:1px solid #e3eaee;padding:16px 0 4px;margin:12px 0 0;min-width:0}
.m-calc-field-section legend{padding-right:12px;color:#2f5260;font-size:12px;font-weight:800}
.m-calc-submit{display:flex;align-items:center;justify-content:center;gap:12px;background:#f0642d;color:white;font-size:13px;font-weight:700;border-radius:7px;padding:13px 20px;margin-top:20px;width:100%}
.m-calc-submit:hover{background:#db4c19}
.m-calc-result{background:#f6f9fa}
.m-calc-result-lines{display:grid;gap:2px}
.m-calc-result-lines>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:11px 0;border-bottom:1px solid #dfe7eb}
.m-calc-result-lines span{font-size:11px;color:#71828e;line-height:1.4}
.m-calc-result-lines strong{font-size:19px;color:#263943;text-align:right;white-space:nowrap}
.m-calc-result-lines strong small{font-size:11px;color:#6b8191;font-weight:500}
.m-calc-method{display:flex;gap:8px;font-size:10px;line-height:1.6;color:#778c99;background:#e9f0f3;border-radius:6px;padding:12px;margin:17px 0 0}
.m-calc-method svg{flex-shrink:0;margin-top:1px}
.m-calc-empty{text-align:center;color:#9baaaf;padding:48px 10px}
.m-calc-empty p{font-size:12px;line-height:1.5}
.m-calc-error{font-size:12px;color:#bd4c27;background:#fff0e8;border-radius:6px;padding:12px}
.m-calc-awaiting{padding:60px 20px;text-align:center;background:#f7fafb;border:1px dashed #d8e4e9;border-radius:9px;color:#8296a1}
.m-calc-awaiting h3{color:#344b58}
.m-calc-awaiting p{max-width:480px;margin:auto;font-size:12px;line-height:1.7}
.m-calc-footer{display:flex;justify-content:space-between;max-width:1480px;margin:auto;padding:25px 30px;color:#8b99a3;font-size:11px;border-top:1px solid #dce4e9}
.m-calc-footer a{color:#e4612e}
@media(max-width:1000px){.m-calc-layout{grid-template-columns:285px minmax(0,1fr)}.m-calc-work-area{grid-template-columns:1fr}.m-calc-result{min-height:120px}.m-calc-navigation{display:block}.m-calc-search{width:100%;margin-bottom:11px}}
@media(max-width:700px){.m-calc-header{padding:12px 15px}.m-calc-header nav{gap:12px;font-size:10px}.m-calc-header nav a:nth-child(2){display:none}.m-calc-header .m-brand>span{font-size:20px}.m-calc-header .m-brand-logo{width:56px;height:auto}.m-calc-main{padding:12px 12px 35px}.m-calculator-intro{padding:29px 24px;min-height:310px}.m-calculator-intro h1{font-size:34px}.m-calculator-intro>p{font-size:11px}.m-calc-intro-stats{gap:10px 20px}.m-calc-layout{grid-template-columns:1fr}.m-calc-list{max-height:250px}.m-calc-workspace{padding:20px 17px}.m-calc-workspace h2{font-size:23px}.m-calc-fields{gap:11px}.m-calc-fields label{font-size:10px}.m-calc-fields input{font-size:13px}.m-calc-footer{padding:18px 15px}}

/* Calculator collection: featured tiles, share panel and a readable directory. */
.m-calculator-intro{min-height:345px;padding:40px 45px;background:radial-gradient(circle at 83% 42%,#c54b22 0,#8d371d 13%,transparent 40%),linear-gradient(125deg,#13232c,#253a43 61%,#182b34)}
.m-calculator-intro:after{content:none}
.m-calc-intro-copy{position:relative;z-index:1;max-width:690px}
.m-calc-intro-copy>p{max-width:650px;font-size:14px;line-height:1.7;color:#dce5e8}
.m-calculator-intro h1{font-size:50px;line-height:1.04;margin:17px 0 14px}
.m-calc-hero-mark{position:absolute;right:6%;bottom:38px;display:grid;text-align:right;gap:1px;transform:rotate(-7deg);font-size:27px;font-weight:800;line-height:1.05;letter-spacing:-1.2px;color:#ffffff3d;pointer-events:none}
.m-calc-share-trigger{display:inline-flex;align-items:center;gap:11px;margin-top:25px;padding:13px 17px;background:#f4773c;color:#fff;border-radius:7px;font-size:13px;font-weight:700;box-shadow:0 8px 22px #0002}
.m-calc-share-trigger:hover{background:#ff8650}
.m-calc-share-trigger svg:last-child{margin-left:12px}
.m-calc-share-panel{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr);gap:22px;align-items:center;padding:20px 24px;margin:15px 0 25px;background:#fff;border:1px solid #dfebef;border-radius:10px;box-shadow:0 8px 25px #152a390d}
.m-calc-share-panel strong{color:#1f3440;font-size:16px}
.m-calc-share-panel p{color:#6b7f8a;font-size:12px;line-height:1.5;margin:6px 0}
.m-calc-share-panel small{display:block;color:#c36439;font-size:10px;line-height:1.5}
.m-calc-share-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.m-calc-share-actions a,.m-calc-share-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 13px;border:1px solid #dfe7eb;border-radius:6px;background:#f8fafb;color:#2f4652;font-size:11px;font-weight:700;min-height:38px}
.m-calc-share-actions a:hover,.m-calc-share-actions button:hover{background:#eaf2f5;border-color:#b9ced8}
.m-calc-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:35px 0 17px}
.m-calc-section-heading span{font-size:10px;letter-spacing:1.5px;color:#e15e2c;font-weight:800}
.m-calc-section-heading h2{font-size:27px;line-height:1.12;letter-spacing:-.6px;color:#1e3441;margin:7px 0 0}
.m-calc-section-heading p{font-size:11px;color:#8293a0;margin:0 0 4px}
.m-calc-spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.m-calc-feature-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:232px;overflow:hidden;border-radius:11px;padding:21px 23px;color:#fff;isolation:isolate;transition:transform .15s,box-shadow .15s;box-shadow:0 9px 25px #1c394914}
.m-calc-feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1c39492c}
.m-calc-feature-card:after{content:"";position:absolute;right:-58px;top:-72px;width:220px;height:220px;border:1px solid #fff3;border-radius:50%;box-shadow:0 0 0 37px #fff1,0 0 0 75px #fff1;z-index:-1}
.m-calc-feature-1{background:linear-gradient(135deg,#263d47,#132936)}
.m-calc-feature-2{background:linear-gradient(135deg,#ba4d29,#e7793c)}
.m-calc-feature-3{background:linear-gradient(135deg,#486b73,#244b57)}
.m-calc-feature-index{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#ffe5d7}
.m-calc-feature-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #fff5;border-radius:9px;margin:17px 0 12px;background:#ffffff1a}
.m-calc-feature-card strong{font-size:19px;line-height:1.2;letter-spacing:-.3px;max-width:310px}
.m-calc-feature-card small{font-size:11px;color:#fffe;line-height:1.5;margin:8px 0 18px;max-width:320px}
.m-calc-feature-open{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:11px;font-weight:800;color:#fff}
.m-calc-workspace{margin-top:28px;min-height:0;padding:29px 34px;scroll-margin-top:16px}
.m-calc-workspace h2{max-width:850px}
.m-calc-work-area{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}
.m-calc-presets{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:-4px 0 19px}
.m-calc-presets>span{font-size:11px;color:#748895;margin-right:5px}
.m-calc-presets button{font-size:10px;font-weight:700;padding:7px 9px;border-radius:5px;background:#eef4f6;color:#42606f}
.m-calc-presets button:hover{background:#d9e9ef}
.m-calc-directory{margin-top:38px}
.m-calc-navigation{display:block;margin:0 0 18px}
.m-calc-search{width:100%;height:49px;margin:0 0 15px;box-shadow:0 3px 14px #152e3c06}
.m-calc-search input{font-size:13px}
.m-calc-categories{display:flex;flex-wrap:wrap;overflow:visible;gap:7px}
.m-calc-categories button{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:650;color:#526a79}
.m-calc-categories button span{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:5px;background:#edf2f4;color:#788b96;font-size:10px}
.m-calc-categories button.active span{background:#ffffff2b;color:#fff}
.m-calc-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.m-calc-tile{min-height:143px;display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;padding:16px 18px;background:#fff;border:1px solid #dfe8ec;border-radius:8px;box-shadow:0 5px 16px #1a394208;transition:border-color .15s,transform .15s}
.m-calc-tile:hover{border-color:#f4a17c;transform:translateY(-2px)}
.m-calc-tile.active{border-color:#e36b39;box-shadow:0 0 0 2px #f7b29255}
.m-calc-tile-top,.m-calc-tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.m-calc-tile-top>span{text-transform:uppercase;letter-spacing:.7px;color:#df6535;font-size:9px;font-weight:800}
.m-calc-tile-top small{font-size:9px;color:#a3b1b9}
.m-calc-tile-name{color:#223744;font-size:15px;line-height:1.35;font-weight:700;flex:1}
.m-calc-tile-bottom{color:#e16837}
.m-calc-tile-bottom span{font-size:10px;font-weight:700}
.m-calc-tile-bottom .ready{color:#4e8b6f}
.m-calc-tile-bottom .pending{color:#9a9b8b}
.m-calc-more{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:14px;padding:15px;background:#fff;border:1px solid #dce6eb;border-radius:7px;color:#314c5b;font-size:12px;font-weight:700}
.m-calc-more:hover{background:#f2f7f8}
.m-calc-no-results{padding:35px;color:#7d909b;text-align:center;background:#fff;border:1px dashed #dce6eb;border-radius:8px;font-size:12px}
@media(max-width:1050px){.m-calc-hero-mark{font-size:21px;right:4%}.m-calc-spotlight-grid,.m-calc-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m-calc-feature-card:last-child{grid-column:span 2;min-height:170px}.m-calc-work-area{grid-template-columns:1fr}}
@media(max-width:700px){.m-calculator-intro{min-height:0;padding:30px 22px}.m-calculator-intro h1{font-size:36px}.m-calc-intro-copy>p{font-size:12px}.m-calc-hero-mark{display:none}.m-calc-share-trigger{margin-top:21px}.m-calc-share-panel{grid-template-columns:1fr;padding:18px}.m-calc-share-actions{justify-content:flex-start}.m-calc-section-heading{display:block;margin-top:30px}.m-calc-section-heading h2{font-size:23px}.m-calc-section-heading p{margin-top:8px}.m-calc-spotlight-grid,.m-calc-tile-grid{grid-template-columns:1fr}.m-calc-feature-card,.m-calc-feature-card:last-child{grid-column:auto;min-height:190px}.m-calc-workspace{padding:20px 17px}.m-calc-workspace h2{font-size:23px}.m-calc-result-lines strong{font-size:16px}.m-calc-categories{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;padding-bottom:7px}}

/* Distinct visual language for each calculator direction. */
.m-calc-theme-braga{--tone:#b4642d;--tone-dark:#65351d;--tone-soft:#fff0df;--shape:linear-gradient(32deg,transparent 46%,#ffffff25 47%,#ffffff25 51%,transparent 52%)}
.m-calc-theme-distill{--tone:#dc5c34;--tone-dark:#753021;--tone-soft:#fff0e9;--shape:radial-gradient(circle at 50% 65%,transparent 31%,#ffffff24 32%,#ffffff24 34%,transparent 35%)}
.m-calc-theme-rectify{--tone:#347d94;--tone-dark:#133e55;--tone-soft:#e4f3f6;--shape:repeating-linear-gradient(90deg,transparent 0 17px,#ffffff24 18px 20px,transparent 21px 38px)}
.m-calc-theme-spirit{--tone:#247e9a;--tone-dark:#15445b;--tone-soft:#e9f5fa;--shape:radial-gradient(circle at 35% 60%,transparent 28%,#ffffff2d 29%,#ffffff2d 31%,transparent 32%)}
.m-calc-theme-wine{--tone:#9a4569;--tone-dark:#562842;--tone-soft:#fbedf3;--shape:radial-gradient(circle at 70% 70%,#ffffff20 0 18%,transparent 19%)}
.m-calc-theme-beer{--tone:#a87724;--tone-dark:#58451e;--tone-soft:#fff4d9;--shape:radial-gradient(circle at 40% 32%,#ffffff26 0 5%,transparent 6%)}
.m-calc-theme-measure{--tone:#4c7e7c;--tone-dark:#275354;--tone-soft:#e9f5f1;--shape:repeating-linear-gradient(0deg,transparent 0 15px,#ffffff25 16px 18px,transparent 19px 32px)}
.m-calc-theme-cost{--tone:#57835a;--tone-dark:#32553b;--tone-soft:#edf6e9;--shape:repeating-radial-gradient(circle at 75% 35%,transparent 0 12px,#ffffff25 13px 15px,transparent 16px 28px)}
.m-calc-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.m-calc-category-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:205px;text-align:left;border-radius:11px;padding:19px 21px;color:white;background:linear-gradient(130deg,var(--tone-dark),var(--tone));box-shadow:0 10px 25px #183b4b20;transition:transform .2s,box-shadow .2s}
.m-calc-category-card:before{content:"";position:absolute;z-index:-1;right:-17%;top:-32%;width:86%;height:105%;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 23px #ffffff0d,0 0 0 52px #ffffff0a;transform:rotate(-20deg)}
.m-calc-category-card:after{content:"";position:absolute;z-index:-1;right:5%;top:14%;width:38%;height:55%;background:var(--shape);opacity:.9;border-radius:50%}
.m-calc-category-art{position:absolute;right:3%;top:8%;z-index:0;opacity:.18;transform:rotate(-15deg);pointer-events:none;filter:drop-shadow(14px 15px 1px #0006)}
.m-calc-theme-rectify .m-calc-category-art,.m-calc-theme-measure .m-calc-category-art{transform:rotate(9deg)}
.m-calc-theme-wine .m-calc-category-art,.m-calc-theme-beer .m-calc-category-art{transform:rotate(15deg)}
.m-calc-category-card>.m-calc-category-icon,.m-calc-category-card>strong,.m-calc-category-card>small,.m-calc-category-card>.m-calc-category-foot{position:relative;z-index:1}
.m-calc-category-card:hover,.m-calc-category-card.active{transform:translateY(-4px);box-shadow:0 18px 28px #183b4b37}
.m-calc-category-card.active{outline:3px solid var(--tone-soft);outline-offset:2px}
.m-calc-category-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #ffffff74;border-radius:11px;background:#ffffff20;box-shadow:0 6px 16px #0002}
.m-calc-category-card strong{font-size:21px;letter-spacing:-.4px;line-height:1.15;margin:17px 0 5px}
.m-calc-category-card small{font-size:11px;line-height:1.4;color:#ffffffda;min-height:32px;max-width:210px}
.m-calc-category-foot{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #ffffff4d;padding-top:11px;margin-top:auto;font-size:10px;font-weight:750;letter-spacing:.3px;color:#fff}
.m-calc-directory{scroll-margin-top:16px;margin-top:40px}
.m-calc-usage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;margin:35px 0 0;padding:22px 27px;background:#fff;border:1px solid #dce8eb;border-radius:10px;box-shadow:0 7px 26px #203d4a0c}
.m-calc-usage>div:first-child{display:grid;gap:5px}
.m-calc-usage>div:first-child>span{font-size:9px;letter-spacing:1.3px;font-weight:850;color:#cc6a3a}
.m-calc-usage>div:first-child>strong{font-size:23px;letter-spacing:-.6px;color:#263f4c}
.m-calc-usage small{font-size:10px;line-height:1.5;color:#899aa3}
.m-calc-popular{display:grid;gap:5px;padding-left:23px;border-left:1px solid #e5edef}
.m-calc-popular>b{font-size:11px;color:#527180;margin-bottom:3px}
.m-calc-popular>button{display:flex;justify-content:space-between;gap:15px;align-items:center;text-align:left;padding:4px 0;font-size:11px;color:#425d6a}
.m-calc-popular>button:hover{color:#cf6033}
.m-calc-popular>button strong{font-size:12px;color:#cf6033}
.m-calc-popular>p{font-size:11px;line-height:1.5;color:#8b9da6;margin:0}
.m-calc-show-all{display:inline-flex;align-items:center;gap:8px;color:#c25731;background:#fff;border:1px solid #e9d1c4;padding:10px 13px;border-radius:6px;font-size:11px;font-weight:750}
.m-calc-directory>.m-calc-search{display:flex;margin:0 0 25px}
.m-calc-category-section{margin-bottom:32px}
.m-calc-category-section-heading{display:flex;align-items:center;gap:13px;margin:0 0 12px}
.m-calc-category-section-heading h3{font-size:20px;color:#243b48;margin:0 0 3px}
.m-calc-category-section-heading p{font-size:11px;color:#8b9ba4;margin:0}
.m-calc-category-section-heading>b{display:grid;place-items:center;min-width:32px;height:29px;margin-left:auto;border-radius:5px;background:#eaf0f2;color:#718794;font-size:12px}
.m-calc-category-section-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:8px;background:var(--tone-soft);color:var(--tone)}
.m-calc-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.m-calc-tile{position:relative;min-height:152px;overflow:hidden;border-left:4px solid var(--tone);background:linear-gradient(140deg,var(--tone-soft),#fff 53%);padding:17px 18px 16px}
.m-calc-tile:after{content:"";position:absolute;right:-26px;top:-37px;width:112px;height:112px;border:1px solid var(--tone);border-radius:50%;opacity:.13;box-shadow:0 0 0 15px var(--tone),0 0 0 32px var(--tone);pointer-events:none}
.m-calc-tile-top{position:relative;z-index:1}
.m-calc-tile-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:var(--tone);background:#fff;border:1px solid color-mix(in srgb,var(--tone) 20%,white)}
.m-calc-tile-name{position:relative;z-index:1;font-size:15px;max-width:330px}
.m-calc-tile-bottom{position:relative;z-index:1;color:var(--tone)}
.m-calc-tile.active{border-color:var(--tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--tone) 30%,transparent)}
.m-calc-workspace{margin-top:12px}
@media(max-width:1050px){.m-calc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m-calc-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.m-calc-category-grid{gap:9px}.m-calc-category-card{min-height:177px;padding:14px}.m-calc-category-art svg{width:78px;height:78px}.m-calc-category-icon{width:37px;height:37px}.m-calc-category-card strong{font-size:16px;margin-top:11px}.m-calc-category-card small{font-size:10px}.m-calc-category-foot{font-size:9px}.m-calc-tile-grid{grid-template-columns:1fr}.m-calc-tile{min-height:135px}.m-calc-category-section-heading h3{font-size:17px}.m-calc-usage{grid-template-columns:1fr;padding:20px;gap:16px}.m-calc-popular{padding-left:0;padding-top:15px;border-left:0;border-top:1px solid #e5edef}}

/* Server-rendered calculator pages remain readable before the app loads. */
.mt-calculator-server-hero{margin:22px 28px 0}
.mt-calculator-server-hero .m-calc-intro-copy>p{max-width:670px}
.mt-share-status{display:block;min-height:18px;margin-top:9px;color:#dbe7df;font-size:11px}
.m-calculator-page--static-hero>.m-calculator-intro{display:none}
.m-calculator-page--focused>.m-calc-categories-overview,.m-calculator-page--focused>.m-calc-usage,.m-calculator-page--focused>.m-calc-directory,.m-calculator-page--focused>.m-calc-share-panel{display:none}
.m-calculator-page--focused>.m-calc-workspace{margin-top:0}
.mt-calc-breadcrumb{display:flex;align-items:center;gap:9px;margin:23px 28px 0;color:#74838a;font-size:12px}
.mt-calc-breadcrumb a{color:#c26038;font-weight:700}
.mt-calculator-landing-hero{margin-top:15px;min-height:250px}
.mt-calculator-landing-hero h1{max-width:780px;font-size:clamp(32px,3.8vw,48px)}
.mt-calculator-seo-content{margin:0 28px 35px;padding:clamp(24px,3vw,42px);border:1px solid #e1e8e9;border-radius:12px;background:#fff;color:#2e4249;box-shadow:0 10px 30px #1930390b}
.mt-calculator-seo-content h2{margin:0 0 15px;color:#22363f;font-size:clamp(24px,2.4vw,32px);line-height:1.2}
.mt-calculator-seo-content h2:not(:first-child){margin-top:32px}
.mt-calculator-seo-content p,.mt-calculator-seo-content li{max-width:82ch;font-size:14px;line-height:1.75;color:#52656c}
.mt-calculator-seo-content ul{padding-left:20px}
.mt-calculator-seo-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.mt-calculator-seo-links a{display:grid;align-content:center;gap:10px;min-height:125px;padding:18px;border:1px solid #dce5e4;border-radius:9px;background:linear-gradient(145deg,#f3f8f6,#fff);color:#2b4b46}
.mt-calculator-seo-links a:hover{border-color:#e5834e;box-shadow:0 8px 20px #1c423818}
.mt-calculator-seo-links strong{font-size:16px;line-height:1.3}
.mt-calculator-seo-links span{font-size:12px;line-height:1.45;color:#687d7b}
.mt-calculator-faq{margin-top:28px}
.mt-calculator-faq details{padding:15px 0;border-top:1px solid #e3e9e8}
.mt-calculator-faq summary{color:#27423c;font-size:14px;font-weight:750;cursor:pointer}
.mt-calculator-faq details p{margin:11px 0 0}
.mt-calculator-back{display:inline-block;margin-top:25px;color:#bb5c31;font-size:13px;font-weight:750}
@media(max-width:700px){.mt-calculator-server-hero{margin:12px 12px 0}.mt-calc-breadcrumb{margin:16px 12px 0}.mt-calculator-seo-content{margin:0 12px 25px;padding:23px 18px}.mt-calculator-seo-links{grid-template-columns:1fr}.mt-calculator-seo-links a{min-height:0}.mt-calculator-landing-hero h1{font-size:32px}.mt-calculator-server-hero .m-calc-intro-copy>p{font-size:12px}}

.mt-calculator-server-hero {
  border-radius: 20px;
  background: linear-gradient(120deg, #0e2822, #25473d);
}
.mt-calculator-server-hero .m-calc-intro-copy > p { color: #e3ebe3; }
.mt-calculator-app-hero {
  --promo-padding: clamp(30px, 4.3vw, 62px);
  --promo-portrait-width: min(45%, 515px);
  min-height: 470px;
  padding: var(--promo-padding);
  color: #fffaf1;
  background: radial-gradient(ellipse at 80% 25%, #6b4d35 0%, transparent 45%), linear-gradient(120deg, #0b241e, #21443a 63%, #283e30);
}
.mt-calculator-app-hero::before {
  inset: -160px -48px auto auto;
  width: 565px;
  height: 565px;
  border-color: #fff5df35;
  box-shadow: 0 0 0 44px #fff5df0d, 0 0 0 90px #fff5df0b;
}
.mt-calculator-app-hero .m-calc-intro-copy { width: min(62%, 600px); }
.mt-calculator-app-hero .m-calc-eyebrow {
  padding: 7px 12px;
  border: 1px solid #ffc48749;
  border-radius: 99px;
  color: #ffcc99;
  letter-spacing: .10em;
}
.mt-calculator-app-hero h1 {
  margin: 20px 0 10px;
  color: inherit;
  font-size: clamp(36px, 4.6vw, 66px);
  line-height: 1;
  letter-spacing: -.05em;
}
.mt-calculator-app-hero .m-calc-intro-copy > p { max-width: 355px; font-size: 16px; line-height: 1.5; }
.mt-calculator-app-hero .m-calc-intro-copy > .mt-calc-promo-accent {
  margin: 0 0 16px;
  color: #ffc085;
  font: italic 600 clamp(26px, 3.1vw, 44px)/1.13 Georgia, serif;
}
.mt-calculator-app-hero .m-calc-intro-copy > .mt-calc-promo-credit {
  margin: -5px 0 13px;
  color: #ffcc99;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.mt-calc-promo-visual {
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--promo-portrait-width);
}
.mt-calc-promo-mark {
  position: absolute;
  top: -5%;
  left: -48%;
  width: 76%;
  height: auto;
  opacity: .62;
  pointer-events: none;
}
.mt-calc-promo-portrait {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 8px 16px #04120e6b);
}
.mt-calc-promo-action {
  position: absolute;
  z-index: 2;
  right: calc(var(--promo-portrait-width) * .88 + 28px);
  bottom: 32px;
}
.mt-calc-promo-action .mt-calc-download__button { text-decoration: none; }
.mt-calc-promo-share { position: absolute; z-index: 2; left: var(--promo-padding); bottom: 23px; }
.mt-calculator-server-hero .m-calc-share-trigger {
  min-height: 44px;
  margin-top: 0;
  padding: 8px 12px;
  background: transparent;
  color: #e3ebe3;
  border: 1px solid #ffffff3b;
  box-shadow: none;
}
.mt-calculator-server-hero .m-calc-share-trigger:hover { background: #ffffff18; }
.mt-calculator-server-hero .mt-share-status:empty { display: none; }
.mt-calc-download { display: grid; justify-items: start; gap: 5px; }
.mt-calc-download__button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 9px 17px;
  border-radius: 10px;
  background: #ffb573;
  color: #231b14;
  font-size: 14px;
  font-weight: 750;
  box-shadow: 0 8px 24px #080e0940;
}
.mt-calc-download__button:hover { background: #ffca96; color: #231b14; }
.mt-calc-download small { color: #e3ebe3; font-size: 12px; }
.mt-calc-landing-actions { display: flex; flex-wrap: wrap; align-items: start; gap: 12px; margin-top: 20px; }
.mt-calc-group-download {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  min-height: 44px;
  padding: 5px 10px;
  color: #244b3c;
  background: #eaf2ea;
  border: 1px solid #cbded0;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
}
.mt-calc-group-download:hover { background: #dbeadd; }
.mt-calc-group-download small { display: block; font-size: 10px; font-weight: 500; }
.m-calc-category-card, .m-calc-form, .m-calc-result { border-radius: 16px; }
.m-calc-result { background: #edf5ee; border-color: #d6e7d8; }
.m-calc-result-lines strong { color: #214739; }
.m-calc-submit { min-height: 44px; border-radius: 10px; background: #215741; }
.m-calc-submit:hover { background: #164732; }
.m-calc-strength { grid-column: 1 / -1; min-width: 0; }
.m-calc-strength-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); align-items: end; gap: 14px; }
.m-calc-strength-value {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 8px 0 0;
  padding: 8px 10px;
  border-radius: 6px;
  background: #edf5ee;
  color: #39594a;
  font-size: 12px;
}
.m-calc-strength-value strong { color: #214739; }
@media (max-width: 700px) {
  .m-calc-strength-fields { gap: 11px; }
  .m-calc-strength-fields input { font-size: 16px; }
}

@media (min-width: 741px) and (max-width: 1050px) {
  .mt-calc-promo-mark { left: -32%; opacity: .4; }
}
@media (min-width: 741px) and (max-width: 860px) {
  .mt-calc-promo-action .mt-calc-download__button { padding-inline: 12px; font-size: 13px; }
}
@media (max-width: 740px) {
  .mt-calculator-app-hero { min-height: 0; padding: 23px 20px 17px; }
  .mt-calculator-app-hero .m-calc-intro-copy { width: 100%; }
  .mt-calculator-app-hero h1 { font-size: clamp(30px, 8vw, 44px); margin-top: 15px; }
  .mt-calculator-app-hero .m-calc-intro-copy > p { font-size: 13px; }
  .mt-calculator-app-hero .m-calc-intro-copy > .mt-calc-promo-accent { margin-bottom: 10px; }
  .mt-calc-promo-visual {
    position: relative;
    width: min(75%, 270px);
    margin: 8px -42px 0 auto;
  }
  .mt-calc-promo-mark { top: -9%; left: -34%; width: 104%; }
  .mt-calc-promo-action, .mt-calc-promo-share { position: relative; inset: auto; }
  .mt-calc-promo-action { width: min(45%, 152px); margin-top: -56px; }
  .mt-calc-promo-action .mt-calc-download__button {
    min-height: 44px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.15;
  }
  .mt-calc-promo-share { margin-top: 7px; }
  .m-calc-category-section-heading { flex-wrap: wrap; }
  .mt-calc-group-download { margin-left: auto; }
}

@media (max-width: 360px) {
  .mt-calc-promo-visual { margin-right: -54px; }
}