/* mesa-calc.css — built by tools/mesa-calc.cjs from tools/mesa-calc/mesa-calc.css, where the comments are. Do not edit. */
@media screen{
:root{
  --mc-ink:#0b0f0e; --mc-paper:#f4f1ea; --mc-mint:#79e0cc; --mc-amber:#f6b93b; --mc-coral:#ff6b3d; --mc-lilac:#b9a7ff;
  --mc-sky:#8ec9ff; --mc-lime:#c6e84f; --mc-green:#0f6e56; --mc-sheet:#161d1b;
}
:is(body,#_#_){
  --mc-mat:var(--mc-mint); --mc-edge:var(--mc-ink); --mc-cut:var(--mc-ink); --mc-on-cut:var(--mc-paper); --mc-focus:var(--mc-ink);
  --mk-gut:max(18px, calc(3.2vw / var(--zc,1))); --mk-dim:#bdbab2; --mk-line:rgba(244,241,234,.2);
  --mk-fs:clamp(4.2rem, calc(8.2vw / var(--zc,1)), 8.2rem);
  --paper:#f4f1ea; --paper-2:#e9e5da; --surface:#fff; --surface-2:#faf8f3;
  --ink:#0b0f0e; --ink-2:#2a3330; --ink-3:#4a5450;
  --rule:#d8d3c6; --rule-2:#848a84;
  --glass:#0f6e56; --glass-deep:#0a5241; --glass-tint:#dff5ef; --glass-edge:#3fb9a3;
  --readout:#f4f1ea; --r-panel:8px;
  background:var(--paper);
}
:is(body,#_#_)[data-area="wood"]{ --mc-mat:var(--mc-amber); --glass-tint:#fdf0d2; }
:is(body,#_#_)[data-area="metal"]{ --mc-mat:var(--mc-coral); --glass-tint:#ffe6dc; }
:is(body,#_#_)[data-area="windows"]{ --mc-mat:var(--mc-sky); --glass-tint:#e1f0ff; }
:is(body,#_#_)[data-area="envelope"]{ --mc-mat:var(--mc-lime); --glass-tint:#eef7cf; }
:is(body,#_#_)[data-area="docs"]{ --mc-mat:var(--mc-lilac); --glass-tint:#ebe6ff; }
:is(body,#_#_)[data-area]{ --wd:var(--mc-cut); --wt:var(--paper); --wink:var(--mc-on-cut); --wv:var(--ink);
  --wb:var(--mc-mat); --wb2:var(--mc-mat); --wbi:var(--mc-ink); --wbi2:var(--mc-ink); --wba:var(--mc-ink); }
:is(body,#_#_) .site-head{ position:relative; background:var(--mc-mat); border-bottom:0; color-scheme:light; color:#0b0f0e;
  --ink:#0b0f0e; --ink-2:#0b0f0e; --ink-3:#2a3330; --paper:#f4f1ea; --paper-2:#e9e5da; --surface:#fff; --surface-2:#faf8f3; --rule:#d8d3c6; --rule-2:#0b0f0e;
  --glass:#0b0f0e; --glass-deep:#0b0f0e; --glass-tint:#f4f1ea; }
:is(body,#_#_) .site-head > .wrap{ max-width:none; padding-inline:var(--mk-gut); }
:is(body,#_#_) .site-head :is(.nav > a, .nav-dd, .brand){ color:#0b0f0e; }
:is(body,#_#_) .site-head :is(.nav > a, .nav-dd):hover, :is(body,#_#_) .site-head .nav-drop.open > .nav-dd{ background:rgba(11,15,14,.1); }
:is(body,#_#_) .site-head .nav a[aria-current="page"]::after{ background:#0b0f0e; }
:is(body,#_#_) .site-head .sfp-btn{ background:transparent; border-color:rgba(11,15,14,.55); color:#0b0f0e; }
:is(body,#_#_) .site-head .sfp-btn kbd{ border-color:rgba(11,15,14,.55); color:#0b0f0e; }
:is(body,#_#_) .site-head .nav > :is(a[href="/pricing/"], a[href="/es/precios/"], a[href="/de/preise/"], a[href="/fr/tarifs/"]){ background:transparent; border:2px solid #0b0f0e; border-radius:999px; color:#0b0f0e; font-weight:800; padding:5px 12px; }
:is(body,#_#_) .site-head .nav > :is(a[href="/pricing/"], a[href="/es/precios/"], a[href="/de/preise/"], a[href="/fr/tarifs/"]):hover{ background:#0b0f0e; color:#f4f1ea; }
@media (max-width:999px){ :is(body,#_#_) .site-head .nav > :is(a[href="/pricing/"], a[href="/es/precios/"], a[href="/de/preise/"], a[href="/fr/tarifs/"]){ border:0; padding:8px 11px; border-radius:var(--r-ctl); font-weight:520; } }
:is(body,#_#_) .site-head :is(a, button):focus-visible{ outline:3px solid #0b0f0e; outline-offset:2px; }
:is(body,#_#_) .site-head .menu-btn{ color:#0b0f0e; border-color:#0b0f0e; background:transparent; }
:is(body,#_#_) main.wrap{ max-width:none; padding:0; }
:is(body,#_#_) main > :not(section){ margin-left:var(--mk-gut); margin-right:var(--mk-gut); }
:is(body,#_#_) main > .hero:first-of-type{ display:grid; grid-template-columns:minmax(0,1fr); column-gap:4vw; align-items:end; align-content:end;
  position:relative; isolation:auto; overflow:visible; margin:0; padding:4px var(--mk-gut) 16px !important;
  background:var(--mc-mat); color:#0b0f0e; border-bottom:3px solid #0b0f0e; color-scheme:light;
  --ink:#0b0f0e; --ink-2:#0b0f0e; --ink-3:#0b0f0e; --glass:#0b0f0e; --glass-deep:#0b0f0e; --surface:transparent; --surface-2:transparent;
  --paper:transparent; --paper-2:transparent; --rule:rgba(11,15,14,.35); --rule-2:#0b0f0e; --mc-focus:#0b0f0e; --mc-edge:#0b0f0e; --mc-cut:#0b0f0e; --mc-on-cut:#f4f1ea; }
:is(body,#_#_) main > .hero:first-of-type::after{ display:none; }
:is(body,#_#_) main > .hero:first-of-type > *{ grid-column:1; min-width:0; max-width:none; }
:is(body,#_#_) main > .hero:first-of-type > .eyebrow{ margin:0; color:#0b0f0e; font-size:.74rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
:is(body,#_#_) main > .hero:first-of-type > h1{ margin:6px 0 0; max-width:22em; color:#0b0f0e; font-weight:800; font-stretch:100%;
  font-size:clamp(1.5rem, calc(2.25vw / var(--zc,1)), 2.2rem); line-height:1.02; letter-spacing:-.025em; text-wrap:balance; }
:is(body,#_#_) main > .hero:first-of-type > :is(p, ul, ol):not(.eyebrow){ color:#0b0f0e; max-width:42em; margin:8px 0 0; font-size:.98rem; line-height:1.35; }
:is(body,#_#_) main > .hero:first-of-type > .answer{ margin:8px 0 0; padding:0; max-width:42em; background:none; border:0; border-radius:0; box-shadow:none; color:#0b0f0e; font-size:.98rem; line-height:1.35; }
:is(body,#_#_) main > .hero:first-of-type > .answer > :is(p, ul, ol){ margin:0 0 .55em; color:#0b0f0e; }
:is(body,#_#_) main > .hero:first-of-type > .answer > :last-child{ margin-bottom:0; }
:is(body,#_#_) main > .hero:first-of-type a{ color:#0b0f0e; font-weight:700; text-decoration-color:currentColor; }
:is(body,#_#_) main > .hero:first-of-type :is(th, td){ border-color:rgba(11,15,14,.35); }
:is(body,#_#_) main > .hero:first-of-type th{ background:#0b0f0e; color:#f4f1ea; }
:is(body,#_#_) main > .hero:first-of-type .note{ background:none; border:0; border-top:1.5px solid rgba(11,15,14,.35); border-radius:0; padding:8px 0 0; color:#0b0f0e; }
:is(body,#_#_) main > .hero:first-of-type :is(a, button, summary):focus-visible{ outline:3px solid #0b0f0e; outline-offset:2px; }
:is(body,#_#_) main > .hero:first-of-type .sf-more{ display:inline-flex; align-items:center; min-height:44px; margin:-8px 0 -12px; padding:0; border:0; background:none; color:#0b0f0e;
  font:inherit; font-weight:700; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px; cursor:pointer; }
@media (scripting: enabled){
  :is(body,#_#_) main > .hero:first-of-type:not(.sf-open):not(.sf-flat) > .answer > p:first-child,
  :is(body,#_#_) main > .hero:first-of-type:not(.sf-open):not(.sf-flat):not(:has(> .answer)) > p:nth-child(1 of p:not(.eyebrow):not(.hint):not(.mw-mat)){ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; margin-bottom:0; }
  :is(body,#_#_) main > .hero:first-of-type:not(.sf-open):not(.sf-flat) > .answer > :not(:first-child):not(.sf-more){ display:none; }
  :is(body,#_#_) main > .hero:first-of-type:not(.sf-open):not(.sf-flat):not(.sf-ready) > .answer::after{ content:""; display:block; height:24px; }
}
:is(body,#_#_) main > .hero:first-of-type.sf-open > .answer{ max-width:60em; }
:is(body,#_#_) .mk-ans{ display:grid; grid-template-columns:auto auto; justify-content:end; align-items:end; gap:6px clamp(20px, 3vw, 44px); min-width:0; padding-top:12px; color:#0b0f0e; }
:is(body,#_#_) .mk-pill{ grid-column:1 / -1; grid-row:1; display:none; width:0; min-width:100%; min-height:32px; margin:0 0 2px; visibility:hidden; }
:is(body,#_#_) .mk-pill.mk-set{ visibility:visible; }
:is(body,#_#_) .mk-pi{ display:inline-flex; align-items:center; gap:8px; min-width:0; max-width:100%; padding:5px 14px 5px 9px; border-radius:999px; background:#0b0f0e; color:#f4f1ea; font-size:.9rem; font-weight:700; line-height:1.2; }
:is(body,#_#_) .mk-pi > span{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:is(body,#_#_) .mk-pi > i{ flex:0 0 18px; width:18px; height:18px; border-radius:50%; background:#f4f1ea; display:grid; place-items:center; font-style:normal; font-size:.74rem; font-weight:900; line-height:1; color:#0b0f0e; }
:is(body,#_#_) .mk-pill.mk-ok .mk-pi > i{ background:var(--mc-mint); }
:is(body,#_#_) .mk-pill.mk-ok .mk-pi > i::after{ content:""; width:8px; height:4px; border-left:2.5px solid #0b0f0e; border-bottom:2.5px solid #0b0f0e; transform:rotate(-45deg) translateY(-1px); }
:is(body,#_#_) .mk-pill.mk-warn .mk-pi{ color:var(--mc-amber); }
:is(body,#_#_) .mk-pill.mk-warn .mk-pi > i{ background:var(--mc-amber); }
:is(body,#_#_) .mk-pill.mk-no .mk-pi{ color:var(--mc-coral); }
:is(body,#_#_) .mk-pill.mk-no .mk-pi > i{ background:var(--mc-coral); }
:is(body,#_#_) .mk-pill:is(.mk-warn, .mk-no) .mk-pi > i::after{ content:"!"; }
:is(body,#_#_) .mk-big{ grid-column:1; grid-row:2; display:flex; align-items:flex-end; height:calc(var(--mk-fs) * .8); margin:0; white-space:nowrap;
  font-stretch:62%; font-weight:900; letter-spacing:-.01em; font-variant-numeric:tabular-nums; line-height:.8; }
:is(body,#_#_) .mk-n{ font-size:calc(var(--mk-fs) * var(--mk-k, 1)); }
:is(body,#_#_) .mk-u{ font-size:calc(var(--mk-fs) * .3); margin-left:.14em; line-height:1; letter-spacing:0; }
:is(body,#_#_) :is(.mk-lab, .mk-cap){ grid-column:1; grid-row:3; margin:10px 0 0; min-height:1.2em; max-width:24em; font-size:.8rem; font-weight:700; letter-spacing:.04em; line-height:1.2; }
:is(body,#_#_) .mk-cap{ grid-row:4; margin-top:0; min-height:0; font-weight:500; letter-spacing:0; }
:is(body,#_#_) .mk-cap:empty{ display:none; }
:is(body,#_#_) .mk-dl{ grid-column:2; grid-row:1 / span 4; align-self:end; display:grid; gap:7px; align-content:end; margin:0; min-width:210px; max-width:300px; }
:is(body,#_#_) .mk-dl:empty{ display:none; }
:is(body,#_#_) .mk-dl > div{ display:flex; gap:10px; align-items:baseline; justify-content:space-between; border-top:2px solid #0b0f0e; padding-top:5px; }
:is(body,#_#_) .mk-dl dt{ font-size:.74rem; font-weight:700; letter-spacing:.04em; line-height:1.15; }
:is(body,#_#_) .mk-dl dd{ margin:0; white-space:nowrap; font-stretch:62%; font-weight:900; font-size:1.7rem; line-height:1; letter-spacing:-.01em; font-variant-numeric:tabular-nums; }
:is(body,#_#_) .mk-dl dd small{ font-size:.62em; }
:is(body,#_#_) main{ --mk-rp:0px; --mk-rd:0px; }
:is(body,#_#_) main:has(.calc .verdict){ --mk-rp:40px; }
:is(body,#_#_) main:has(.calc .verdict) .mk-pill{ display:flex; }
:is(body,#_#_) main > .hero:first-of-type{ --mk-rc:0px; }
:is(body,#_#_) main > .hero:first-of-type:has(table caption){ --mk-rc:22px; }
:is(body,#_#_) .mk-cap{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (min-width:980px){
  :is(body,#_#_) main > .hero:first-of-type.mk-in{ grid-template-columns:minmax(0,1fr) minmax(0, clamp(430px, calc(46vw / var(--zc,1)), 760px)); min-height:calc(var(--mk-fs) * .8 + 80px + var(--mk-rp) + var(--mk-rc)); }
  :is(body,#_#_) main > .hero:first-of-type.mk-plain{ grid-template-columns:minmax(0,1fr); min-height:0; }
  :is(body,#_#_) main:has(.calc .verdict){ --mk-rp:36px; }
  :is(body,#_#_) main > .hero:first-of-type > .mk-ans{ grid-column:2; grid-row:1 / span 12; align-self:end; }
  :is(body,#_#_) main > .hero:first-of-type.sf-open > .mk-ans{ align-self:start; margin-top:14px; }
}
@media (max-width:979px){
  :is(body,#_#_){ --mk-fs:calc(21vw / var(--zc,1)); }
  :is(body,#_#_) main > .hero:first-of-type{ padding-bottom:14px !important; }
  :is(body,#_#_) main:has(.calc .metrics > .metric:nth-child(2)){ --mk-rd:47px; }
  :is(body,#_#_) main:has(.calc .metrics > .metric:nth-child(3)){ --mk-rd:87px; }
  :is(body,#_#_) main:has(.calc .metrics > .metric:nth-child(4)), :is(body,#_#_) main:not(:has(.calc)):has(table){ --mk-rd:127px; }
  :is(body,#_#_) main > .hero:first-of-type{ --mk-h:calc(12px + var(--mk-rp) + var(--mk-fs) * .8 + 44px + var(--mk-rc) + var(--mk-rd)); }
  :is(body,#_#_) main > .hero:first-of-type > .mk-ans{ grid-template-columns:minmax(0,1fr); justify-content:stretch; align-content:start; margin-top:16px; gap:4px; min-height:var(--mk-h); }
  :is(body,#_#_) .mk-lab{ max-width:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  :is(body,#_#_) .mk-dl{ grid-column:1; grid-row:5; align-self:start; max-width:none; margin-top:10px; }
  :is(body,#_#_) .mk-dl > div{ height:33px; min-width:0; }
  :is(body,#_#_) .mk-dl dt{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  :is(body,#_#_) .mk-dl dd{ font-size:1.5rem; }
}
@media (scripting: enabled){
  @media (min-width:980px){
    :is(body,#_#_) main > .hero:first-of-type:not(.mk-in){ grid-template-columns:minmax(0,1fr) minmax(0, clamp(430px, calc(46vw / var(--zc,1)), 760px)); min-height:calc(var(--mk-fs) * .8 + 80px + var(--mk-rp) + var(--mk-rc)); }
  }
  @media (max-width:979px){
    :is(body,#_#_) main > .hero:first-of-type:not(.mk-in)::after{ content:""; display:block; position:static; margin-top:16px; height:var(--mk-h); background:none; }
  }
  :is(body,#_#_) .calc > .results:not(.mk-in)::before{ content:""; display:block; flex:0 0 100%; order:1; height:44px; }
}
:is(body,#_#_) main > section:has(> .calc){ padding:0 !important; margin:0; }
:is(body,#_#_) main > section:has(> .calc) > :not(.calc){ margin:12px var(--mk-gut); max-width:70em; font-size:.92rem; color:var(--ink-3); }
:is(body,#_#_) .calc{ display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:0; border:0; border-radius:0; box-shadow:none; background:var(--paper); overflow:visible; position:relative; }
:is(body,#_#_) .calc::before{ display:none; }
:is(body,#_#_) .calc > form, :is(body,#_#_) .calc > div:first-child:not(.results){ padding:16px var(--mk-gut) 22px; min-width:0; }
:is(body,#_#_) .calc fieldset{ margin:0 0 4px; }
:is(body,#_#_) .calc legend{ display:flex; align-items:center; gap:10px; width:100%; margin:12px 0 8px; padding:0; border:0; font-size:1.05rem; font-weight:800; font-stretch:100%; letter-spacing:-.01em; color:var(--ink); }
:is(body,#_#_) .calc legend::before{ display:none; }
:is(body,#_#_) .calc legend::after{ content:""; flex:1 1 20px; height:2px; background:var(--mc-edge); }
:is(body,#_#_) .calc .field{ margin:0 0 8px; }
:is(body,#_#_) .calc .field label{ display:block; margin:0 0 3px; font-size:.76rem; font-weight:700; letter-spacing:.02em; line-height:1.2; color:var(--ink-2); }
:is(body,#_#_) .calc .field label span{ font-weight:700; color:var(--ink-3); }
:is(body,#_#_) .calc :is(input[type=number],input[type=text],input[type=search],input[type=email],input[type=date],select){ min-height:44px; padding:0 10px; border:2px solid var(--mc-edge); border-radius:8px; background-color:var(--surface); color:var(--ink);
  font-size:1.08rem; font-weight:600; }
:is(body,#_#_) .calc :is(select, select[id]){ padding-right:36px; background-position:calc(100% - 17px) 52%, calc(100% - 12px) 52%; text-overflow:ellipsis; }
:is(body,#_#_) .calc textarea{ border:2px solid var(--mc-edge); border-radius:8px; background-color:var(--surface); }
:is(body,#_#_) .calc :is(input, select, textarea):hover{ border-color:var(--mc-edge); }
:is(body,#_#_) .calc :is(input, select, textarea):focus{ border-color:var(--mc-edge); box-shadow:0 0 0 3px var(--mc-mat); }
:is(body,#_#_) .calc :is(a, button, summary, input, select, textarea, [tabindex]):focus-visible{ outline:3px solid var(--mc-focus); outline-offset:2px; }
:is(body,#_#_) .calc .field label:has(> input[type=checkbox], > input[type=radio]){ display:flex; align-items:center; gap:10px; min-height:44px; margin:0; font-size:.95rem; letter-spacing:0; color:var(--ink); }
:is(body,#_#_) .calc input[type=checkbox]{ width:22px; height:22px; flex:0 0 22px; accent-color:var(--mc-ink); }
:is(body,#_#_) .calc :is(.hint, .field .hint){ margin-top:3px; font-size:.8rem; line-height:1.35; color:var(--ink-3); }
:is(body,#_#_) .calc .row{ gap:0 12px; }
:is(body,#_#_) .calc fieldset{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:12px; align-items:start; }
:is(body,#_#_) .calc fieldset > *{ grid-column:1 / -1; min-width:0; }
:is(body,#_#_) .calc fieldset > .row{ display:contents; }
:is(body,#_#_) .calc fieldset > .row > *{ grid-column:auto; min-width:0; }
@media (min-width:1180px){
  :is(body,#_#_) .calc fieldset{ grid-template-columns:repeat(4, minmax(0,1fr)); }
  :is(body,#_#_) .calc fieldset > .field{ grid-column:span 2; }
  :is(body,#_#_) .calc fieldset > .row > .field.mk-w2{ grid-column:span 2; }
  :is(body,#_#_) .calc :is(fieldset, fieldset > .row) > .field.mk-w4{ grid-column:1 / -1; }
}
@supports (grid-template-rows:subgrid){
  :is(body,#_#_) .calc :is(fieldset, fieldset > .row) > .field{ grid-row:span 3; margin:0; padding-bottom:8px; }
  :is(body,#_#_) .calc :is(fieldset, fieldset > .row) > .field:not(:has(> :nth-child(4), textarea, .seg, table)){ display:grid; grid-template-rows:subgrid; row-gap:3px; }
  :is(body,#_#_) .calc :is(fieldset, fieldset > .row) > .field:not(:has(> :nth-child(4), textarea, .seg, table)) > label{ align-self:end; margin:0; }
  :is(body,#_#_) .calc :is(fieldset, fieldset > .row) > .field:not(:has(> :nth-child(4), textarea, .seg, table)) > label:only-child{ grid-row:2; align-self:center; }
  :is(body,#_#_) .calc :is(fieldset, fieldset > .row) > .field:not(:has(> :nth-child(4), textarea, .seg, table)) > :nth-child(2){ align-self:start; }
  :is(body,#_#_) .calc :is(fieldset, fieldset > .row) > .field:not(:has(> :nth-child(4), textarea, .seg, table)) > :nth-child(3){ grid-row:3; margin-top:0; }
}
:is(body,#_#_) .calc :is(fieldset, fieldset > .row) > .field:has(textarea, table){ grid-column:1 / -1; }
:is(body,#_#_) .calc .btnrow{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 8px; }
:is(body,#_#_) .calc .seg{ padding:3px; gap:3px; border:2px solid var(--mc-edge); border-radius:999px; background:var(--surface); }
:is(body,#_#_) .calc .seg button{ min-height:38px; border-radius:999px; color:var(--ink); font-weight:700; }
:is(body,#_#_) .calc .seg button[aria-pressed=true]{ background:var(--mc-cut); color:var(--mc-on-cut); box-shadow:none; font-weight:800; }
:is(body,#_#_) .calc .exbar{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0 0 6px; padding:8px 8px 8px 14px; border:0; border-radius:10px; background:var(--mc-cut); color:var(--mc-on-cut); font-size:.9rem; line-height:1.3; }
:is(body,#_#_) .calc .exbar.mine{ background:var(--mc-cut); }
:is(body,#_#_) .calc .exbar button{ min-height:44px; padding:0 14px; border:2px solid var(--mc-on-cut); border-radius:999px; background:transparent; color:var(--mc-on-cut); font-weight:800; }
:is(body,#_#_) .calc .exbar button:hover{ background:var(--mc-on-cut); color:var(--mc-cut); border-color:var(--mc-on-cut); }
:is(body,#_#_) .calc .exbar button:focus-visible{ outline:3px solid var(--mc-mat); outline-offset:2px; }
:is(body,#_#_) .calc > form > .seg:first-child{ margin:0 0 6px !important; }
@media (min-width:560px){
  :is(body,#_#_) .calc > form:has(> .seg:first-child + .exbar){ display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:start; }
  :is(body,#_#_) .calc > form:has(> .seg:first-child + .exbar) > *{ grid-column:1 / -1; }
  :is(body,#_#_) .calc > form > .seg:first-child:has(+ .exbar){ grid-column:2; grid-row:1; align-self:stretch; align-items:center; border:0; border-radius:0 10px 10px 0; padding:6px 8px 6px 4px; background:var(--mc-cut); }
  :is(body,#_#_) .calc > form > .seg:first-child + .exbar{ grid-column:1; grid-row:1; border-radius:10px 0 0 10px; }
  :is(body,#_#_) .calc > form > .seg:first-child:has(+ .exbar) button{ flex:0 0 auto; min-height:44px; padding:4px 12px; border:2px solid var(--mc-on-cut); border-radius:0; color:var(--mc-on-cut); font-size:.8rem; font-weight:800; white-space:nowrap; }
  :is(body,#_#_) .calc > form > .seg:first-child:has(+ .exbar) button:first-child{ border-radius:999px 0 0 999px; border-right:0; }
  :is(body,#_#_) .calc > form > .seg:first-child:has(+ .exbar) button:last-child{ border-radius:0 999px 999px 0; }
  :is(body,#_#_) .calc > form > .seg:first-child:has(+ .exbar) button[aria-pressed=true]{ background:var(--mc-on-cut); color:var(--mc-cut); }
  :is(body,#_#_) .calc > form > .seg:first-child:has(+ .exbar) button:focus-visible{ outline:3px solid var(--mc-mat); outline-offset:2px; }
}
:is(body,#_#_) .calc :is(.btn, .ladd){ border:2px solid var(--mc-edge); border-radius:999px; background:var(--surface); color:var(--ink); font-weight:700; min-height:44px; }
:is(body,#_#_) .calc .ladd{ border-style:dashed; background:transparent; }
:is(body,#_#_) .calc .note{ border-radius:8px; }
:is(body,#_#_) .calc > .results{ display:flex; flex-wrap:wrap; align-content:flex-start; align-items:flex-start; gap:10px 28px; min-width:0;
  padding:16px var(--mk-gut) 22px; border:0; background:#0b0f0e; color:#f4f1ea; color-scheme:dark;
  --paper:#0b0f0e; --paper-2:#131917; --surface:#161d1b; --surface-2:#1d2624; --ink:#f4f1ea; --ink-2:#dedbd3; --ink-3:#bdbab2;
  --rule:#2c3633; --rule-2:#6b7672; --glass:var(--mc-mat); --glass-deep:var(--mc-mat); --glass-tint:#12332c; --glass-edge:#3fb9a3;
  --readout:#0b0f0e; --pass:#79e0cc; --fail:#ff8a66; --warn:#f6b93b; --alu:#8ec9ff; --heat:#ff8a66;
  --mc-edge:#f4f1ea; --mc-cut:#f4f1ea; --mc-on-cut:#0b0f0e; --mc-focus:#f4f1ea; --wd:var(--mc-mat); --wt:#161d1b; --wink:#0b0f0e; --wv:var(--mc-mat); }
:is(body,#_#_) .calc > .results > *{ flex:0 0 100%; min-width:0; max-width:100%; order:6; margin:0; }
:is(body,#_#_) .calc > .results a{ color:var(--mc-mat); }
:is(body,#_#_) .calc > .results > .mk-tabs{ order:1; display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-height:44px; }
:is(body,#_#_) .mk-tabs-k{ margin-right:6px; color:var(--mk-dim); font-size:.74rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
:is(body,#_#_) .mk-tabs button{ min-height:44px; max-width:100%; padding:4px 14px; border:2px solid rgba(244,241,234,.4); border-radius:999px; background:none; color:#f4f1ea; font:inherit; font-size:.9rem; font-weight:800; line-height:1.15; cursor:pointer; }
:is(body,#_#_) .mk-tabs button:hover{ border-color:#f4f1ea; }
:is(body,#_#_) .mk-tabs button[aria-pressed="true"]{ background:#f4f1ea; border-color:#f4f1ea; color:#0b0f0e; }
:is(body,#_#_) .calc > .results > .verdict{ order:2; padding:0 0 4px; gap:12px; border:0; border-radius:0; background:none; box-shadow:none; }
:is(body,#_#_) .calc .verdict .dot{ flex:0 0 26px; width:26px; height:26px; background:var(--mk-line); }
:is(body,#_#_) .calc .verdict .dot::after{ font-size:.9rem; color:#0b0f0e; }
:is(body,#_#_) .calc .verdict strong{ font-size:1.05rem; font-stretch:100%; font-weight:800; line-height:1.25; color:#f4f1ea; }
:is(body,#_#_) .calc .verdict small{ margin-top:1px; font-size:.88rem; line-height:1.35; color:var(--mk-dim); }
:is(body,#_#_) .calc .verdict.ok .dot{ background:var(--mc-mint); }
:is(body,#_#_) .calc > .results > .verdict:is(.warn, .no){ padding:9px 14px; border-radius:8px; background:var(--mc-amber); }
:is(body,#_#_) .calc > .results > .verdict.no{ background:var(--mc-coral); }
:is(body,#_#_) .calc .verdict:is(.warn, .no) :is(strong, small){ color:#0b0f0e; }
:is(body,#_#_) .calc .verdict:is(.warn, .no) .dot{ background:#0b0f0e; }
:is(body,#_#_) .calc .verdict:is(.warn, .no) .dot::after{ color:#f4f1ea; }
:is(body,#_#_) .calc > .results > .metrics{ order:3; flex:1 1 52%; display:block; align-self:stretch; background:none; border:0; border-radius:0; overflow:visible; min-height:0; }
:is(body,#_#_) .calc .metric{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:14px; align-items:baseline; padding:9px 0; background:none; border-bottom:1.5px solid var(--mk-line); cursor:auto; }
:is(body,#_#_) .calc .metric::before{ display:none; }
:is(body,#_#_) .calc .metric > *{ grid-column:1 / -1; min-width:0; }
:is(body,#_#_) .calc .metric > .k{ grid-column:1; color:var(--mk-dim); font-size:.8rem; font-weight:700; letter-spacing:.04em; line-height:1.2; }
:is(body,#_#_) .calc .metric > .v, :is(body,#_#_) .calc .metrics > .metric:first-child > .v{ grid-column:2; margin:0; color:var(--mc-mat); font-stretch:62%; font-weight:900; font-size:2rem; line-height:1; letter-spacing:-.01em; font-variant-numeric:tabular-nums; text-align:right; overflow-wrap:normal; }
:is(body,#_#_) .calc .metric .v .u{ font-stretch:62%; font-weight:900; font-size:.6em; letter-spacing:0; color:inherit; }
:is(body,#_#_) .calc .metric > .sub{ margin-top:2px; font-size:.86rem; line-height:1.35; color:var(--mk-dim); }
:is(body,#_#_) .calc .metric .bar{ margin-top:8px; border-radius:0; background:var(--mk-line); }
:is(body,#_#_) .calc .metric .bar > span{ border-radius:0; }
:is(body,#_#_) .calc summary{ min-height:44px; }
:is(body,#_#_) .calc details.work > summary{ color:#f4f1ea; font-weight:700; }
:is(body,#_#_) .calc .metrics.mk-tabbed{ min-height:230px; }
:is(body,#_#_) .calc .metrics.mk-tabbed > .metric{ display:none; }
:is(body,#_#_) .calc .metrics.mk-tabbed > :is(.mk-sel, .metric:first-child:not(:has(~ .mk-sel))){ display:grid; padding:0; border:0; align-items:end; }
:is(body,#_#_) .calc .metrics.mk-tabbed > :is(.mk-sel, .metric:first-child:not(:has(~ .mk-sel))) > details.work{ order:-1; margin:0 0 12px; }
:is(body,#_#_) .calc .metrics.mk-tabbed > :is(.mk-sel, .metric:first-child:not(:has(~ .mk-sel))) > details.work > summary{ display:none; }
:is(body,#_#_) .calc .metrics.mk-tabbed > :is(.mk-sel, .metric:first-child:not(:has(~ .mk-sel))) > .k{ font-size:.74rem; letter-spacing:.1em; padding-bottom:6px; }
:is(body,#_#_) .calc .metrics.mk-tabbed > :is(.mk-sel, .metric:first-child:not(:has(~ .mk-sel))) > .v{ font-size:clamp(3rem, calc(5vw / var(--zc,1)), 5rem); line-height:.85; }
:is(body,#_#_) .calc .metrics.mk-tabbed > :is(.mk-sel, .metric:first-child:not(:has(~ .mk-sel))) > .sub{ margin-top:12px; }
:is(body,#_#_) .calc .work-body{ margin:0; padding:0; border:0; border-radius:0; background:none; overflow:visible; counter-reset:mk; font-family:var(--font); font-size:.98rem; line-height:1.3; color:#f4f1ea; }
:is(body,#_#_) .calc .work-body .wl{ position:relative; margin:0; padding:7px 0 7px 32px; border-bottom:1.5px solid var(--mk-line); white-space:normal; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
:is(body,#_#_) .calc .work-body .wl::before{ counter-increment:mk; content:counter(mk); position:absolute; left:0; top:8px; color:var(--mc-mat); font-stretch:62%; font-weight:900; font-size:1.15rem; line-height:1; }
:is(body,#_#_) .calc .work-body .wl.wr{ font-weight:800; color:#f4f1ea; }
:is(body,#_#_) .calc .work-body .wl.wr::before{ counter-increment:none; content:""; }
:is(body,#_#_) .calc .work-body .wn{ margin:0; padding:8px 0; font-size:.86rem; line-height:1.4; color:var(--mk-dim); border-bottom:1.5px solid var(--mk-line); }
:is(body,#_#_) .calc > .results > .diagram{ order:3; flex:1 1 38%; align-self:flex-start; margin:0; padding:8px; border:1.5px solid var(--mk-line); border-radius:8px; background:var(--surface); }
:is(body,#_#_) .calc > .results:not(:has(> .diagram))::after{ content:""; order:3; flex:1 1 34%; align-self:flex-start; margin-top:24px; min-width:0; aspect-ratio:16 / 10; max-height:300px;
  background:var(--wimg) center / contain no-repeat; filter:invert(1) hue-rotate(180deg) saturate(1.25); opacity:.92; }
@media (max-width:1239px){
  :is(body,#_#_) .calc > .results > :is(.metrics, .diagram){ flex-basis:100%; }
  :is(body,#_#_) .calc > .results:not(:has(> .diagram))::after{ display:none; }
}
:is(body,#_#_) .calc > .results > :is(.cut-bridge, .addspec, .addspec-link, .pcx-jump, .mk-print){ order:4; flex:0 1 auto; width:auto; }
:is(body,#_#_) .calc > .results > .cut-bridge{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; font-size:.84rem; color:var(--mk-dim); }
:is(body,#_#_) .calc > .results > .cut-bridge > a, :is(body,#_#_) .calc > .results > :is(.addspec, .pcx-jump, .mk-print){ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:6px 18px;
  border:2px solid #f4f1ea; border-radius:999px; background:transparent; color:#f4f1ea; font:inherit; font-size:.95rem; font-weight:800; line-height:1.15; text-align:center; text-decoration:none; cursor:pointer; }
:is(body,#_#_) .calc > .results > .cut-bridge > a, :is(body,#_#_) .calc > .results > .addquote{ background:var(--mc-mat); border-color:var(--mc-mat); color:#0b0f0e; }
:is(body,#_#_) .calc > .results > :is(.addspec, .pcx-jump, .mk-print):hover{ background:#f4f1ea; border-color:#f4f1ea; color:#0b0f0e; }
:is(body,#_#_) .calc > .results > .addspec.done{ border-color:var(--mc-mint); color:var(--mc-mint); background:transparent; }
:is(body,#_#_) .calc > .results > .addspec-link{ display:inline-flex; align-items:center; min-height:44px; margin:0; font-size:.9rem; color:var(--mc-mat); }
:is(body,#_#_) .calc > .results > .echo{ color:var(--mk-dim); font-size:.86rem; }
:is(body,#_#_) .calc > .results :is(.note, .hint){ color:var(--mk-dim); }
:is(body,#_#_) .calc > .results .note{ background:var(--surface); border:0; border-left:3px solid var(--mc-mat); border-radius:0; color:#dedbd3; }
:is(body,#_#_) .calc > .results .note strong{ color:#f4f1ea; }
:is(body,#_#_) .calc > .results .btn{ border:2px solid #f4f1ea; border-radius:999px; background:transparent; color:#f4f1ea; font-weight:800; }
:is(body,#_#_) .calc > .results .btn:hover{ background:#f4f1ea; color:#0b0f0e; border-color:#f4f1ea; }
:is(body,#_#_) .calc > .results :is(table, th, td){ border-color:var(--mk-line); }
:is(body,#_#_) .calc > .results th{ background:var(--surface-2); color:#f4f1ea; }
:is(body,#_#_) .calc > .results > .pcx{ padding-top:12px; border-top:1.5px solid var(--mk-line); }
:is(body,#_#_) .calc .pcx-k{ color:var(--mk-dim); font-size:.74rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
:is(body,#_#_) .calc .pcx-acts{ display:flex; flex-wrap:wrap; gap:8px; }
:is(body,#_#_) .calc .pcx-acts .btn{ flex:0 1 auto; padding:6px 16px; }
:is(body,#_#_) .calc .pcx-tag{ background:var(--mc-mat); color:#0b0f0e; }
:is(body,#_#_) .calc .pcx-line{ color:var(--mk-dim); }
:is(body,#_#_) .calc .pcx-msg{ color:#f4f1ea; }
:is(body,#_#_) .calc .pcx-try{ border:2px solid #f4f1ea; border-radius:999px; color:#f4f1ea; font-weight:800; }
@media (min-width:960px){
  :is(body,#_#_) .calc{ grid-template-columns:minmax(380px, calc(40vw / var(--zc,1))) minmax(0,1fr); min-height:min(calc(100vh / var(--zc,1) - 232px), 720px); }
  :is(body,#_#_) .calc > form, :is(body,#_#_) .calc > div:first-child:not(.results){ align-self:start; padding:14px clamp(16px, 2vw, 30px) 22px var(--mk-gut); }
  :is(body,#_#_) .calc.stick > form{ top:12px; }
  :is(body,#_#_) .calc > .results{ padding:14px var(--mk-gut) 22px clamp(18px, 2.4vw, 36px); border:0; }
}
@media (max-width:959px){
  :is(body,#_#_) .calc > form{ border-bottom:3px solid var(--mc-edge); }
  :is(body,#_#_) .calc > .results > :is(.cut-bridge, .addspec, .pcx-jump, .mk-print){ flex:1 1 auto; }
}
.sfrun.mk-off{ display:none; }
:is(body,#_#_) main > section:not(.hero):not(:has(> .calc)){ margin:0; padding:26px max(var(--mk-gut), calc(50% - 600px)); border-top:3px solid var(--mc-edge); max-width:none; }
:is(body,#_#_) main > section:has(> .calc) + section{ border-top:0; }
:is(body,#_#_) main > section h2{ font-size:clamp(1.45rem, 1rem + calc(1.5vw / var(--zc,1)), 2.1rem); font-weight:800; font-stretch:100%; letter-spacing:-.025em; line-height:1.05; }
:is(body,#_#_) main > section.prose h2::before{ display:none; }
:is(body,#_#_) main > section.prose h2{ display:block; }
:is(body,#_#_) main > section > details.sf-sec{ border:0; border-radius:0; margin:0; padding:0; background:none; }
:is(body,#_#_) main > section > details.sf-sec > summary{ min-height:44px; }
:is(body,#_#_) main th{ background:var(--mc-cut); color:var(--mc-on-cut); }
:is(body,#_#_) main > section .formula{ border-left:3px solid var(--mc-edge); border-radius:0; }
:is(body,#_#_) main > section .formula b{ color:var(--ink); }
:is(body,#_#_) main > section .note{ border-radius:8px; }
:is(body,#_#_) main > section .note.info{ border-left-color:var(--mc-edge); }
:is(body,#_#_) main .rel-grid a{ border:2px solid var(--mc-edge); border-radius:8px; box-shadow:none; }
:is(body,#_#_) main .rel-grid a:hover{ border-color:var(--mc-edge); box-shadow:5px 5px 0 var(--mc-edge); transform:translate(-2px,-2px); }
:is(body,#_#_) main > section :is(a, button, summary, [tabindex]):focus-visible{ outline:3px solid var(--mc-focus); outline-offset:3px; }
:is(body,#_#_) main > .sf-count{ margin:0; }
:is(body,#_#_) main > .hero.mk-tbl:first-of-type + section{ border-top:0; }
:is(body,#_#_) main tr.mk-row > *{ background:var(--mc-mat); color:#0b0f0e; font-weight:800; }
:is(body,#_#_) main tr.mk-row:hover > td{ background:var(--mc-mat); }
@media (prefers-color-scheme: dark){
  :is(body,#_#_){
    --mc-edge:var(--mc-paper); --mc-cut:var(--mc-paper); --mc-on-cut:var(--mc-ink); --mc-focus:var(--mc-lilac);
    --paper:#0b0f0e; --paper-2:#131917; --surface:#161d1b; --surface-2:#1d2624;
    --ink:#f4f1ea; --ink-2:#dedbd3; --ink-3:#b9b6ae;
    --rule:#2c3633; --rule-2:#6b7672;
    --glass:#79e0cc; --glass-deep:#a5ecdd; --glass-tint:#12332c; --glass-edge:#3fb9a3;
    --readout:#0b0f0e;
  }
  :is(body,#_#_)[data-area="wood"]{ --glass-tint:#33270c; }
  :is(body,#_#_)[data-area="metal"]{ --glass-tint:#3a1a10; }
  :is(body,#_#_)[data-area="windows"]{ --glass-tint:#12283a; }
  :is(body,#_#_)[data-area="envelope"]{ --glass-tint:#27300c; }
  :is(body,#_#_) .calc{ background:#161d1b; }
  :is(body,#_#_) .calc > .results{ box-shadow:inset 0 0 0 1px rgba(244,241,234,.14); }
  :is(body,#_#_) .calc :is(input[type=number],input[type=text],input[type=search],input[type=email],input[type=date],select,textarea){ background-color:#0b0f0e; }
  :is(body,#_#_) .calc input[type=checkbox]{ accent-color:var(--mc-mat); }
  :is(body,#_#_) .calc :is(.exbar button, form > .seg:first-child button):focus-visible{ outline-color:var(--mc-ink); }
  :is(body,#_#_) main .rel-grid a:hover{ box-shadow:5px 5px 0 var(--mc-mat); }
}
}
@media screen and (prefers-reduced-motion: reduce){ :is(body,#_#_) main .rel-grid a{ transition:none; } :is(body,#_#_) main .rel-grid a:hover{ transform:none; } }
@media print{ .mk-ans, .mk-tabs, .mk-print{ display:none !important; } }