:root{--ink:#17211b;--muted:#657069;--paper:#f4f0e6;--card:#fffdf8;--accent:#d95f35;--accent2:#f1b947;--green:#224a36;--line:#d9d2c2;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 5%,#f2c96a2d,transparent 28%),var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{border-bottom:1px solid #d8d0bfaa;background:rgba(244,240,230,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:3}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:900;font-size:1.25rem;letter-spacing:-.045em}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:8px;border-radius:9px;background:var(--accent);color:white;transform:rotate(-3deg)}.nav-links{display:flex;gap:22px;color:var(--muted);font-size:.92rem}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--ink)}.hero{padding:84px 0 46px}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:40px}.eyebrow{color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.hero h1{font-size:clamp(3rem,7.3vw,6.4rem);line-height:.91;letter-spacing:-.072em;max-width:900px;margin:15px 0 24px}.hero p{font-size:1.17rem;color:var(--muted);max-width:660px}.hero-proof{background:var(--green);color:white;border-radius:26px;padding:28px;box-shadow:0 18px 50px #19251d1f;transform:rotate(1deg)}.hero-proof strong{font-size:3.4rem;line-height:1;display:block;letter-spacing:-.06em}.hero-proof span{color:#dce9df}.trust-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-strip span{background:#fff9;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:36px}.section-head h2{font-size:2rem;letter-spacing:-.045em;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 0 80px}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px;text-decoration:none;transition:.2s transform,.2s box-shadow,.2s border}.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #2d251512;border-color:#bdac91}.card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f2e3ce;color:var(--accent);font-weight:900;margin-bottom:28px}.card h3{font-size:1.18rem;margin:0 0 7px;letter-spacing:-.025em}.card p{margin:0;color:var(--muted)}.card-arrow{position:absolute;right:20px;top:20px;color:var(--muted)}.tool-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);gap:24px;padding:52px 0 28px}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:24px}.breadcrumbs a{text-decoration:none}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,40px);box-shadow:0 8px 30px #30291b0a}.panel h1{font-size:clamp(2.3rem,5vw,4rem);line-height:.98;letter-spacing:-.058em;margin:10px 0 16px}.lede{color:var(--muted);font-size:1.08rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0 20px}.field label{font-size:.84rem;font-weight:800;display:block;margin-bottom:7px}.input-wrap{display:flex;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;transition:.15s border,.15s box-shadow}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #d95f3520}.input-wrap input{width:100%;border:0;padding:14px;font:inherit;min-width:0;outline:0;font-weight:650}.input-wrap span{padding:14px 12px;color:var(--muted);background:#f4eee3;min-width:49px;text-align:center}.result{background:linear-gradient(135deg,var(--green),#183526);color:white;border-radius:18px;padding:27px;margin-top:22px;position:relative;overflow:hidden}.result:after{content:"";position:absolute;width:130px;height:130px;border:24px solid #fff1;border-radius:50%;right:-48px;top:-50px}.result strong{display:block;font-size:clamp(2.7rem,7vw,4.8rem);line-height:1.05;letter-spacing:-.06em}.result small{color:#d0dfd4}.actions{display:flex;gap:10px;margin-top:13px}.button{appearance:none;border:1px solid #ffffff44;background:#ffffff12;color:white;border-radius:9px;padding:8px 12px;font:inherit;font-size:.83rem;font-weight:750;cursor:pointer}.method{margin-top:32px;color:var(--muted)}.method h2{color:var(--ink);margin-top:30px}.aside{align-self:start;position:sticky;top:96px}.aside h2{margin-top:0}.aside ul{padding-left:20px}.aside li{margin:9px 0}.notice{border-left:4px solid var(--accent);padding:13px 16px;background:#fff4e8;border-radius:0 10px 10px 0}.related{padding:20px 0 76px}.related h2{font-size:1.8rem;letter-spacing:-.04em}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-card{background:#fff8;border:1px solid var(--line);border-radius:14px;padding:17px;text-decoration:none;font-weight:750}.footer{border-top:1px solid var(--line);padding:38px 0;color:var(--muted);font-size:.9rem}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;margin-bottom:12px}.legal{max-width:760px;padding:60px 0}.legal h1{font-size:3rem;letter-spacing:-.05em}.search{width:100%;max-width:480px;padding:14px 17px;border:1px solid var(--line);border-radius:12px;font:inherit;background:white;outline:0}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d95f3520}.ad-slot{display:none}.dashboard table{width:100%;border-collapse:collapse;background:white}.dashboard th,.dashboard td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:.9rem}.pill{padding:4px 8px;border-radius:20px;background:#e8ede8;font-size:.75rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:white;border:1px solid var(--line);padding:18px;border-radius:14px}.metric strong{font-size:1.7rem;display:block}@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero-proof{max-width:330px}.grid{grid-template-columns:1fr 1fr}.tool-layout{grid-template-columns:1fr}.aside{position:static}.fields{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.metrics{grid-template-columns:1fr 1fr}.hero{padding-top:52px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.nav-links{display:none}.section-head{align-items:stretch;flex-direction:column}.hero h1{font-size:3.25rem}}

/* App-directory layout inspired by the supplied reference, with original branding. */
body{--paper:#dfe2f2;--card:#f9f9ff;--ink:#171823;--muted:#74758a;--line:#e5e5ef;background:var(--paper);padding:34px}.app-shell{max-width:1440px;min-height:calc(100vh - 68px);margin:auto;display:grid;grid-template-columns:224px 1fr;background:#eef0fa;border:1px solid #d8daea;box-shadow:0 20px 60px #55597920;overflow:hidden}.sidebar{background:#fbfbff;border-radius:0 26px 26px 0;padding:27px 20px;display:flex;flex-direction:column;min-height:calc(100vh - 70px)}.brand{display:flex;align-items:center;font-size:1.05rem;margin:0 5px 32px}.brand-mark{border-radius:50%;transform:none;background:#604bea}.side-label{font-size:.63rem;text-transform:uppercase;letter-spacing:.12em;color:#a0a1af;font-weight:800;margin:18px 8px 8px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.84rem;font-weight:700;padding:10px;border-radius:10px}.side-nav a.active{background:#eeeefd;color:#5944e6}.side-nav a:hover{background:#f0f0f8}.side-nav span{width:22px;text-align:center}.side-nav.compact a{font-weight:650;color:#4d4f60;padding:8px 10px}.dot{width:9px;height:9px;border-radius:50%;background:#604bea}.dot.coral,.tool-badge.coral{background:#ff765f}.dot.mint,.tool-badge.mint{background:#45c59a}.dot.gold,.tool-badge.gold{background:#f1bd3e}.dot.violet,.tool-badge.violet{background:#6752ed}.side-note{margin-top:auto;background:#f0f0fa;border-radius:14px;padding:14px;font-weight:800;font-size:.78rem}.side-note span{color:var(--muted);font-weight:500}.content{min-width:0;padding:0 30px}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between}.topbar strong,.topbar small{display:block}.topbar strong{font-size:1.05rem}.topbar small{color:var(--muted);font-size:.72rem}.top-actions{display:flex;gap:10px}.top-actions a,.top-actions button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#fafaff;text-decoration:none;font-size:1.15rem;color:var(--ink);cursor:pointer}.page{max-width:1140px;margin:auto}.home-intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;padding:34px 0 30px}.home-intro h1{font-size:clamp(3rem,6.5vw,6rem);line-height:.89;letter-spacing:-.075em;margin:14px 0 22px}.home-intro h1 em{color:#604bea;font-style:normal}.home-intro p{max-width:620px;color:var(--muted);font-size:1.08rem}.quick-stat{width:190px;background:#171823;color:white;padding:22px;border-radius:22px;box-shadow:0 12px 30px #4a4d6c24}.quick-stat span,.quick-stat small{display:block;color:#bfc0d0}.quick-stat strong{font-size:4rem;line-height:1;letter-spacing:-.08em}.section-head{margin-top:0}.section-head p{margin:5px 0;color:var(--muted)}.grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 0 70px}.card{background:#fbfbff;border-color:#e2e3ef;border-radius:20px;padding:20px;min-height:220px}.card:hover{border-color:#c9c6ec;box-shadow:0 12px 30px #575a8015}.tool-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#604bea;color:white;font-weight:900;margin-bottom:25px}.card h3{font-size:1.08rem}.card dl{margin:20px 0 0;display:grid;gap:4px;font-size:.75rem}.card dl div{display:flex;justify-content:space-between}.card dt{color:var(--muted)}.card dd{margin:0;font-weight:700}.card dd.live{color:#27a871}.tool-layout{padding:0 0 22px}.breadcrumbs{margin:10px 0 18px}.breadcrumbs span{margin:0 8px}.panel{background:#fbfbff;border-color:#e1e2ed;box-shadow:none}.tool-panel{border-radius:22px}.result{background:linear-gradient(135deg,#604bea,#7463ef)}.status{display:inline-flex;align-items:center;gap:7px;color:#27a871;font-size:.75rem;font-weight:800;margin-bottom:20px}.status i{width:8px;height:8px;background:#27a871;border-radius:50%}.method{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;padding:30px 38px}.method h2{font-size:1.8rem;margin:8px 0}.footer{display:flex;justify-content:space-between;gap:30px}.dim{filter:saturate(.7) brightness(.82)}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){body{padding:0}.app-shell{display:block;border:0}.sidebar{min-height:auto;border-radius:0;padding:16px 20px;display:block}.sidebar .brand{margin:0}.side-label,.side-nav,.side-note{display:none}.content{padding:0 18px}.topbar{min-height:65px}.grid{grid-template-columns:1fr 1fr}.home-intro{grid-template-columns:1fr}.quick-stat{display:none}.tool-layout{grid-template-columns:1fr}.method{grid-template-columns:1fr}.footer{flex-direction:column}.footer-links{justify-content:flex-start}}@media(max-width:540px){.grid{grid-template-columns:1fr}.home-intro h1{font-size:3.4rem}.section-head{flex-direction:column;align-items:stretch}.card{min-height:190px}}

body{--paper:#dbeafe;background:linear-gradient(145deg,#dbeafe,#eaf2ff 48%,#cfe2ff)}
.input-wrap select{width:100%;border:0;padding:14px;font:inherit;min-width:0;outline:0;font-weight:650;background:white}
.companion-link{display:grid;grid-template-columns:1fr auto;gap:1px 18px;align-items:center;margin:18px 0 4px;padding:14px 16px;border:1px solid #b9cff2;border-radius:12px;background:#edf5ff;color:#1d4ed8;text-decoration:none}
.companion-link span{grid-column:1;font-size:.75rem;color:var(--muted)}.companion-link strong{grid-column:1;font-size:.94rem}.companion-link b{grid-column:2;grid-row:1/3;font-size:1.3rem}.companion-link:hover{background:#e3efff;border-color:#8fb2e9}
.tool-library-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:16px 18px;border:1px solid #b9cff2;border-radius:15px;background:#f8fbff}.tool-library-banner div:first-child{display:grid;gap:3px}.tool-library-banner span{color:#1d4ed8;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.tool-library-banner strong{font-size:1rem}.tool-library-banner small{color:var(--muted)}.library-actions{display:flex;gap:8px;flex-wrap:wrap}.library-actions a,.home-cta,.browse-all-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:9px;background:#2563eb;color:white;text-decoration:none;font-size:.78rem;font-weight:800;white-space:nowrap}.library-actions a+ a{background:#e7efff;color:#1d4ed8}.home-cta{margin-top:15px}.browse-all-link{background:transparent;color:#1d4ed8;padding:6px 0}.related>.section-head{flex-direction:row;align-items:end}.related-grid{grid-template-columns:repeat(3,1fr)}
.home-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.home-actions .home-cta{margin-top:0}.home-secondary{display:inline-flex;padding:9px 13px;border:1px solid #9fbae5;border-radius:9px;color:#1d4ed8;text-decoration:none;font-size:.78rem;font-weight:800;background:#f8fbff}.popular-links{display:flex;gap:7px 13px;align-items:center;flex-wrap:wrap;margin-top:15px;font-size:.76rem}.popular-links span{color:var(--muted);font-weight:750}.popular-links a{color:#1d4ed8;font-weight:750;text-underline-offset:3px}
.consent-banner{position:fixed;z-index:10000;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:920px;margin:auto;padding:16px 18px;border:1px solid #a9c5ef;border-radius:15px;background:#fff;box-shadow:0 16px 45px #1725542e}.consent-banner[hidden]{display:none}.consent-banner strong{display:block;margin-bottom:3px}.consent-banner p{margin:0;max-width:620px;color:var(--muted);font-size:.82rem;text-align:left}.consent-actions{display:flex;gap:8px}.consent-actions button{border:1px solid #9fbae5;border-radius:9px;padding:9px 13px;background:#f8fbff;color:#1d4ed8;font:inherit;font-size:.78rem;font-weight:800;white-space:nowrap;cursor:pointer}.consent-actions .accept{border-color:#2563eb;background:#2563eb;color:#fff}
.print-brand{display:none}
.app-shell{background:#edf4ff;border-color:#c8d9f3;box-shadow:0 20px 60px #1e3a6b22}
.brand-mark{background:#2563eb}.side-nav a.active{background:#e4edff;color:#1d4ed8}
.brand-logo{width:40px;height:40px;flex:0 0 40px;margin-right:10px;display:block}
.sidebar>.brand{font-size:.84rem;line-height:1.15;letter-spacing:-.025em}
.side-nav.compact{gap:2px}.side-nav.compact a{padding-top:6px;padding-bottom:6px;font-size:.79rem}
.home-intro h1 em{color:#2563eb}.result{background:linear-gradient(135deg,#1d4ed8,#2563eb)}
.card:hover{border-color:#a9c5ef;box-shadow:0 12px 30px #1e3a6b18}
.dot.violet,.tool-badge.violet{background:#2563eb}.dot.coral,.tool-badge.coral{background:#0ea5e9}
.dot.mint,.tool-badge.mint{background:#14b8a6}.dot.gold,.tool-badge.gold{background:#f59e0b}
.tool-badge{width:48px;height:48px;border-radius:15px}.tool-badge svg{width:29px;height:29px}
.mini-card .tool-badge{display:inline-grid;margin:0 10px 0 0;vertical-align:middle;width:36px;height:36px;border-radius:11px}.mini-card .tool-badge svg{width:21px;height:21px}
.mini-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px}.mini-card .tool-image{width:48px;height:48px;margin:0;border-radius:10px}.mini-card b{font-weight:500;color:var(--muted)}
.tool-image{display:block;width:94px;height:94px;margin:-9px 0 12px;object-fit:contain;object-position:center;border-radius:18px;filter:drop-shadow(0 7px 9px #1e3a6b18)}
.card{min-height:286px}.card h3{margin-top:0}

p,.method p,.legal p,.card p,.notice{text-align:justify;text-justify:inter-word}
.home-intro>div:first-child,.quick-stat,.result{text-align:left}
.quick-stat{text-align:center}
#tools>.section-head{align-items:flex-start;flex-direction:column;gap:16px}
#tools>.section-head .search{width:min(100%,480px);margin:0}
.category-links{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 18px}.category-links a{padding:8px 12px;border:1px solid #b9cff2;border-radius:999px;background:#f8fbff;color:#1d4ed8;text-decoration:none;font-size:.8rem;font-weight:750}.category-links a:hover{background:#e5efff}
.faq{margin:22px 0 34px;padding:clamp(24px,4vw,38px)}.faq h2{margin:7px 0 20px;font-size:1.8rem}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:750}.faq details p{margin:9px 0 0;color:var(--muted);text-align:left}.reviewed{font-size:.78rem;color:var(--muted);margin:18px 0 0!important}
.result-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin-top:17px;padding-top:14px;border-top:1px solid #ffffff38;position:relative;z-index:1}.result-breakdown:empty{display:none}.result-breakdown div{display:flex;justify-content:space-between;gap:10px;font-size:.78rem}.result-breakdown div span{color:#dbeafe}.result-breakdown div strong{font-size:.82rem;line-height:1.4;letter-spacing:0;text-align:right}
.concrete-guide{margin:22px 0 34px;padding:clamp(25px,4vw,42px)}.concrete-guide h2{margin:30px 0 9px;font-size:1.55rem}.concrete-guide p,.concrete-guide li{text-align:left;color:var(--muted)}.formula{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;margin:18px 0;padding:18px;border-radius:12px;background:#eef5ff}.formula span{font-size:.82rem;font-weight:750}.formula code{white-space:normal;color:#1d4ed8}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.example-grid div{padding:14px;border:1px solid var(--line);border-radius:11px;background:#f8fbff}.example-grid span,.example-grid strong{display:block}.example-grid span{font-size:.72rem;color:var(--muted)}.example-grid strong{margin-top:3px;font-size:.95rem}.reference-table{overflow:auto}.reference-table table{width:100%;border-collapse:collapse}.reference-table th,.reference-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.source-list{padding-left:20px}.source-list li{margin:8px 0}.source-list a{color:#1d4ed8}
.panel.legal{max-width:780px;margin:40px auto 64px;padding:clamp(30px,5vw,52px);border-top:4px solid var(--accent)}
.panel.legal .eyebrow,.panel.legal h1{text-align:left}
.panel.legal h1{margin:8px 0 18px;line-height:1.05}
.panel.legal h2{font-size:1.25rem;line-height:1.25;margin:30px 0 8px;letter-spacing:-.02em}
.panel.legal p{text-align:left;hyphens:none;max-width:62ch;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.75}
.footer-links{column-gap:0;row-gap:10px;align-items:center}
.footer-links a{display:inline-flex;align-items:center;padding:3px 10px;white-space:nowrap}
.footer-links a+a{border-left:1px solid var(--line)}
.field{display:flex;flex-direction:column}.field label{min-height:2.7em;display:flex;align-items:flex-end}
.input-wrap{height:52px}.input-wrap input{height:50px}.input-wrap span{width:64px;min-width:64px;display:grid;place-items:center;padding:0 8px;white-space:nowrap}
.unit-toggle{display:inline-flex;border:1px solid var(--line);background:#eef4ff;border-radius:12px;padding:4px;margin:20px 0 0}.unit-toggle legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.unit-toggle button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;font-weight:800;padding:8px 16px;border-radius:8px;cursor:pointer}.unit-toggle button.selected{background:#2563eb;color:white;box-shadow:0 3px 9px #1d4ed82b}
@media(max-width:760px){.tool-library-banner{align-items:flex-start;flex-direction:column}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.consent-banner{align-items:stretch;flex-direction:column;gap:12px}.consent-actions button{flex:1}}
@media(max-width:540px){.home-intro{text-align:center}.home-intro p{text-align:center}.home-actions,.popular-links{justify-content:center}.home-actions a{width:100%}.eyebrow{text-align:center}.field label{text-align:left}.tool-panel .eyebrow{text-align:left}.panel.legal{margin:24px auto 42px;padding:28px 24px}.panel.legal .eyebrow,.panel.legal h1,.panel.legal p{text-align:left}.panel.legal h1{font-size:2.45rem}.footer-links a{padding:3px 8px}.result-breakdown{grid-template-columns:1fr}.formula{grid-template-columns:1fr}.example-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}.library-actions{width:100%}.library-actions a{flex:1}}
@media print{
  @page{size:letter portrait;margin:.45in}
  *{box-shadow:none!important;text-shadow:none!important}
  html,body{background:#fff!important;color:#111!important;padding:0!important;margin:0!important}
  .app-shell,.content,.page{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;overflow:visible!important}
  .sidebar,.topbar,.breadcrumbs,.tool-library-banner,.aside,.method,.related,.footer,.actions,.unit-toggle,.companion-link,.faq,.concrete-guide,.consent-banner{display:none!important}
  .tool-layout{display:block!important;padding:0!important;margin:0!important}
  .tool-panel{padding:0!important;border:0!important;background:#fff!important}
  .tool-panel .eyebrow{font-size:9pt!important;margin:0 0 3pt!important}
  .tool-panel h1{font-size:23pt!important;line-height:1.05!important;margin:0 0 5pt!important;letter-spacing:-.03em!important}
  .tool-panel .lede{font-size:9.5pt!important;line-height:1.35!important;margin:0 0 10pt!important;color:#444!important}
  .fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7pt 12pt!important;margin:0 0 10pt!important}
  [data-calculator="concreteCost"] .fields{grid-template-columns:repeat(3,1fr)!important;gap:4pt 8pt!important}
  [data-calculator="concreteCost"] .field label{min-height:2.2em!important;font-size:7.2pt!important}
  [data-calculator="concreteCost"] .input-wrap{height:25pt!important}
  .field{break-inside:avoid!important}
  .field label{font-size:8pt!important;margin:0 0 2pt!important}
  .input-wrap{height:29pt!important;border:1px solid #aaa!important;border-radius:5pt!important;background:#fff!important}
  .input-wrap input,.input-wrap select,.input-wrap span{font-size:9pt!important;padding:5pt 7pt!important;background:#fff!important;color:#111!important}
  .input-wrap span{border-left:1px solid #ccc!important;min-width:42pt!important}
  .result{break-inside:avoid!important;margin:0!important;padding:12pt 14pt!important;border-radius:7pt!important;background:#eef4ff!important;color:#111!important;border:1px solid #9db9e8!important}
  .result:after{display:none!important}
  .result span{font-size:9pt!important}
  .result strong{font-size:27pt!important;line-height:1.05!important;margin:2pt 0!important;color:#111!important}
  .result small{font-size:8.5pt!important;color:#333!important}
  .result-breakdown{grid-template-columns:1fr 1fr!important;gap:3pt 12pt!important;margin-top:6pt!important;padding-top:5pt!important;border-color:#aaa!important}.result-breakdown div,.result-breakdown span,.result-breakdown strong{font-size:7.5pt!important;line-height:1.2!important;color:#222!important;letter-spacing:0!important}
  .print-brand{display:block!important;visibility:visible!important;position:fixed;left:0;right:0;bottom:10pt;z-index:9999;margin:0;padding:0;text-align:center;font-size:9pt;line-height:13pt;font-weight:700;color:#111!important;break-inside:avoid;background:#fff!important}
  .print-brand span{display:block!important;visibility:visible!important;font-size:8pt;font-weight:500;color:#111!important}
}