/* mesa-area.css — built by tools/mesa-area.cjs from tools/mesa-area/mesa-area.css, where the comments are. Do not edit. */
@media screen{
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)){
  --ma-ink:#0b0f0e; --ma-paper:#f4f1ea; --ma-mat:#79e0cc; --ma-hi:#bff3e8; --ma-lo:#3fb9a3;
  --ma-edge:#0b0f0e; --ma-cut:#0b0f0e; --ma-focus:#0b0f0e;
  --ma-vw:calc(1vw / var(--zc,1));
  --ma-gut:max(18px, calc(3.2 * var(--ma-vw)));
  --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;
  background:var(--paper);
}
:is(body,#_#_):is([data-area="wood"]:has(> main > .mg-body), :has(> main > .ma-band.ma-t-wood)){ --ma-mat:#f6b93b; --ma-hi:#ffd98a; --ma-lo:#d99412; }
:is(body,#_#_):is([data-area="metal"]:has(> main > .mg-body), :has(> main > .ma-band.ma-t-metal)){ --ma-mat:#ff6b3d; --ma-hi:#ffb199; --ma-lo:#d94a1f; }
:is(body,#_#_):is([data-area="windows"]:has(> main > .mg-body), :has(> main > .ma-band.ma-t-windows)){ --ma-mat:#8ec9ff; --ma-hi:#cfe7ff; --ma-lo:#4d9fe6; }
:is(body,#_#_):is([data-area="envelope"]:has(> main > .mg-body), :has(> main > .ma-band.ma-t-envelope)){ --ma-mat:#c6e84f; --ma-hi:#e6f5a8; --ma-lo:#9dc021; }
:is(body,#_#_):is([data-area="docs"]:has(> main > .mg-body), :has(> main > .ma-band.ma-t-docs)){ --ma-mat:#b9a7ff; --ma-hi:#e0d8ff; --ma-lo:#8f78f0; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head{ position:relative; background:var(--ma-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,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head > .wrap{ max-width:none; padding-inline:var(--ma-gut); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head :is(.nav > a, .nav-dd, .brand){ color:#0b0f0e; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head :is(.nav > a, .nav-dd):hover, :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head .nav-drop.open > .nav-dd{ background:rgba(11,15,14,.1); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head .nav a[aria-current="page"]::after{ background:#0b0f0e; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head .sfp-btn{ background:transparent; border-color:rgba(11,15,14,.55); color:#0b0f0e; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head .sfp-btn kbd{ border-color:rgba(11,15,14,.55); color:#0b0f0e; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-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,#_#_):has(> main > :is(.ma-band, .mg-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,#_#_):has(> main > :is(.ma-band, .mg-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,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head :is(a, button):focus-visible{ outline:3px solid #0b0f0e; outline-offset:2px; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .site-head .menu-btn{ color:#0b0f0e; border-color:#0b0f0e; background:transparent; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) main.wrap{ max-width:none; padding:0; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) main > :not(section){ margin-left:var(--ma-gut); margin-right:var(--ma-gut); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) main :is(a, button, summary, [tabindex]):focus-visible{ outline:3px solid var(--ma-focus); outline-offset:3px; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-arr{ display:inline-block; transition:transform .18s ease; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) :is(.ma-plan, .mg-draw) svg{ display:block; width:100%; height:auto; max-width:none; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-bed{ fill:#0b0f0e; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-pc{ stroke:#0b0f0e; stroke-width:10; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-c0{ --c:#f4f1ea; fill:var(--c); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-c1{ --c:var(--ma-hi); fill:var(--c); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-c2{ --c:var(--ma-mat); fill:var(--c); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-c3{ --c:var(--ma-lo); fill:var(--c); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-c4{ --c:#fff; fill:var(--c); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-labs{ position:absolute; inset:0; pointer-events:none; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-labs > span{ position:absolute; transform:translate(-50%,-50%); color:#0b0f0e; font-size:11px; line-height:1; font-weight:800; white-space:nowrap; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-labs > .ma-up{ transform:translate(-50%,-50%) rotate(-90deg); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-labs > .ma-on{ color:#f4f1ea; font-size:10px; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-sheet, :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-win-d{ position:relative; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-plan.ma-four{ max-width:460px; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-plan.ma-bars{ grid-template-columns:minmax(0,1fr); gap:7px; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-bar{ display:flex; gap:3px; height:26px; padding:3px; background:#0b0f0e; transform-origin:left; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-bar > span{ display:grid; place-items:center; min-width:0; overflow:hidden; background:#f4f1ea; color:#0b0f0e; font-size:.7rem; line-height:1; font-weight:800; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-bar > .ma-rest{ background:none; border:2px dashed rgba(244,241,234,.6); color:#f4f1ea; font-weight:600; white-space:nowrap; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-plan.ma-win{ grid-template-columns:auto minmax(0,1fr); gap:24px; align-items:end; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-win-d{ width:clamp(140px, calc(17 * var(--ma-vw)), 250px); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-figs{ display:grid; grid-template-columns:1fr 1fr; gap:8px 22px; margin:0; padding:0; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-figs > div{ display:flex; flex-direction:column-reverse; padding:6px 0 0; border-top:2px solid #0b0f0e; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-figs > .ma-first, :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-figs > .ma-dim{ grid-column:1 / -1; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-figs dt{ margin:3px 0 0; font-size:.8rem; line-height:1.2; font-weight:700; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-figs dd{ margin:0; font-stretch:62%; font-weight:900; font-size:clamp(1.7rem, calc(2.5 * var(--ma-vw)), 2.4rem); line-height:.9; font-variant-numeric:tabular-nums; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-figs > .ma-first dd{ font-size:clamp(4rem, calc(7.4 * var(--ma-vw)), 7.2rem); line-height:.8; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-figs > .ma-dim dd{ font-size:1.25rem; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-plan.ma-wall, :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .mg-draw.ma-wall{ grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:12px 22px; align-items:end; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-wall-d{ grid-row:1 / span 2; align-self:stretch; min-height:clamp(190px, calc(19 * var(--ma-vw)), 290px); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-wall-d > svg{ width:100%; height:100%; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) :is(.ma-wall, .ma-parts) .ma-pc{ stroke-width:2px; vector-effect:non-scaling-stroke; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-leg{ display:grid; gap:5px; margin:0; padding:0; list-style:none; font-size:.9rem; line-height:1.25; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-leg > li{ margin:0; padding:0 0 0 24px; position:relative; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-leg > li > i{ position:absolute; left:0; top:.1em; width:14px; height:14px; border:2px solid #0b0f0e; background:var(--c); }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-leg b{ font-weight:800; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-u{ margin:0; font-size:.95rem; line-height:1.2; font-weight:700; }
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-u > b{ display:block; font-stretch:62%; font-weight:900; font-size:clamp(3.6rem, calc(6.4 * var(--ma-vw)), 6.2rem); line-height:.84; font-variant-numeric:tabular-nums; }
@media (max-width:520px){
  :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-bar > span{ font-size:.58rem; letter-spacing:-.03em; }
  :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-bar > .ma-rest{ font-size:0; }
}
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-off{ fill:none; stroke:rgba(244,241,234,.5); stroke-width:6; stroke-dasharray:28 18; }
:is(body,#_#_):has(> main > .ma-band) .ma-band{ display:block; margin:0; padding:10px var(--ma-gut) 26px; background:var(--ma-mat); color:#0b0f0e; border-bottom:3px solid #0b0f0e;
  color-scheme:light; overflow:hidden; --ma-focus:#0b0f0e;
  --ink:#0b0f0e; --ink-2:#0b0f0e; --ink-3:#0b0f0e; --glass:#0b0f0e; --glass-deep:#0b0f0e; --rule:rgba(11,15,14,.35); --rule-2:#0b0f0e; }
:is(body,#_#_):has(> main > .ma-band) .ma-band > .hubw-in{ display:grid; grid-template-columns:minmax(0,1fr); gap:26px; --ma-col:calc(100 * var(--ma-vw) - 2 * var(--ma-gut)); }
:is(body,#_#_):has(> main > .ma-band) .ma-band .hubw-copy{ display:flex; flex-wrap:wrap; align-items:center; gap:0 14px; min-width:0; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .world-kicker{ margin-top:6px; }
:is(body,#_#_):has(> main > .ma-band) .ma-band :where(.hubw-copy) > *{ flex:0 0 100%; min-width:0; max-width:none; }
:is(body,#_#_):has(> main > .ma-band) .ma-band h1{ order:1; flex:0 1 auto; display:flex; align-items:center; gap:12px; margin:0; max-width:none; color:#0b0f0e;
  font-size:.92rem; line-height:1.3; font-weight:800; font-stretch:100%; letter-spacing:.14em; text-transform:uppercase; text-wrap:initial; }
:is(body,#_#_):has(> main > .ma-band) .ma-band h1::before{ content:""; flex:0 0 34px; height:4px; background:currentColor; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .world-kicker{ order:2; flex:0 0 auto; display:inline-flex; align-items:center; margin:0; padding:3px 11px; border:2px solid #0b0f0e; border-radius:999px; background:none; color:#0b0f0e;
  font-size:.76rem; line-height:1.3; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .world-kicker > i{ display:none; }
:is(body,#_#_):has(> main > .ma-band) .ma-word{ order:3; margin:14px 0 16px -.03em; padding:0; color:#0b0f0e; white-space:nowrap;
  font-stretch:62%; font-weight:900; text-transform:uppercase; letter-spacing:-.02em; line-height:.78;
  font-size:clamp(4.4rem, min(calc(var(--ma-col) / (var(--n) * .56)), calc(var(--ma-cap, 34) * var(--ma-vw))), 16rem); }
:is(body,#_#_):has(> main > .ma-band) .ma-band .answer{ order:4; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#0b0f0e; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .answer > p{ margin:0; max-width:40em; color:#0b0f0e; font-weight:500; font-size:clamp(1.06rem, calc(1.2 * var(--ma-vw)), 1.2rem); line-height:1.36; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .answer strong{ font-weight:800; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .lead{ order:5; margin:10px 0 0; max-width:46em; color:#0b0f0e; font-size:.95rem; line-height:1.4; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .jump{ order:6; display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .jump a{ display:inline-flex; align-items:center; min-height:44px; padding:0 17px; border:2px solid #0b0f0e; border-radius:999px; background:transparent; color:#0b0f0e;
  font-size:.95rem; line-height:1.15; font-weight:700; text-decoration:none; box-shadow:none; transform:none; transition:background-color .18s ease, color .18s ease; }
:is(body,#_#_):has(> main > .ma-band) .ma-band .jump a:hover{ background:#0b0f0e; color:#f4f1ea; border-color:#0b0f0e; }
:is(body,#_#_):has(> main > .ma-band) .ma-plan{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; align-self:end; max-width:620px; }
@media (min-width:980px){
  :is(body,#_#_):has(> main > .ma-band) .ma-band{ padding:8px var(--ma-gut) 24px; }
  :is(body,#_#_):has(> main > .ma-band) .ma-band > .hubw-in{ grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); grid-template-rows:auto auto auto 1fr; gap:0 calc(4 * var(--ma-vw)); align-items:start;
    --ma-col:calc((100 * var(--ma-vw) - 2 * var(--ma-gut) - 4 * var(--ma-vw)) * .56); --ma-cap:15; }
  :is(body,#_#_):has(> main > .ma-band) .ma-band .hubw-copy{ display:contents; }
  :is(body,#_#_):has(> main > .ma-band) .ma-band h1{ grid-column:1; grid-row:1; justify-self:start; align-self:center; }
  :is(body,#_#_):has(> main > .ma-band) .ma-band .world-kicker{ grid-column:1; grid-row:1; justify-self:end; align-self:center; margin-top:0; }
  :is(body,#_#_):has(> main > .ma-band) .ma-band .jump{ grid-column:2; grid-row:1; justify-self:end; justify-content:flex-end; margin:0; }
  :is(body,#_#_):has(> main > .ma-band) .ma-word{ grid-column:1; grid-row:2; margin-top:12px; margin-bottom:13px; }
  :is(body,#_#_):has(> main > .ma-band) .ma-band .answer{ grid-column:1; grid-row:3; }
  :is(body,#_#_):has(> main > .ma-band) .ma-band .lead{ grid-column:1; grid-row:4; }
  :is(body,#_#_):has(> main > .ma-band) .ma-plan{ grid-column:2; grid-row:2 / span 3; align-self:end; justify-self:end; width:100%; max-width:none; gap:12px; }
  :is(body,#_#_):has(> main > .ma-band) .ma-plan.ma-four{ max-width:460px; }
  :is(body,#_#_):has(> main > .ma-band) .ma-plan.ma-bars{ gap:7px; }
}
:is(body,#_#_):has(> main > .ma-band) .ma-main{ display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin:0; padding:30px var(--ma-gut) 30px; background:var(--ma-cut); color:#f4f1ea; color-scheme:dark; --ma-focus:#b9a7ff;
  --ink:#f4f1ea; --ink-2:#dedbd3; --ink-3:#b9b6ae; }
:is(body,#_#_):has(> main > .ma-band) .ma-main > .titem{ display:block; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#f4f1ea; text-decoration:none; transform:none; }
:is(body,#_#_):has(> main > .ma-band) .ma-main > .titem > svg{ display:none; }
:is(body,#_#_):has(> main > .ma-band) .ma-main > .titem > div > b{ display:block; margin:0 0 14px; color:#f4f1ea; font-weight:800; font-stretch:100%; letter-spacing:-.03em; line-height:.98; text-wrap:balance;
  font-size:clamp(2rem, calc(3.3 * var(--ma-vw)), 3.3rem); }
:is(body,#_#_):has(> main > .ma-band) .ma-main > .titem > div > span:not(.ma-btn){ display:block; max-width:44em; color:#dedbd3; font-size:1.06rem; line-height:1.45; }
:is(body,#_#_):has(> main > .ma-band) .ma-main > .titem > div > em{ display:block; margin:12px 0 0; padding:0; border:0; color:#b9b6ae; font-style:normal; font-size:.92rem; line-height:1.4; }
:is(body,#_#_):has(> main > .ma-band) .ma-main > .titem > div > em > i{ margin-right:6px; color:#b9b6ae; font-style:normal; font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
:is(body,#_#_):has(> main > .ma-band) .ma-main > .titem > div > em b{ color:#f4f1ea; }
:is(body,#_#_):has(> main > .ma-band) .ma-btn{ display:inline-flex; align-items:center; gap:12px; min-height:56px; margin:20px 0 0; padding:0 28px; border:2.5px solid var(--ma-mat); border-radius:999px; background:var(--ma-mat); color:#0b0f0e;
  font-size:1.08rem; line-height:1.15; font-weight:800; transition:background-color .18s ease, border-color .18s ease; }
:is(body,#_#_):has(> main > .ma-band) .ma-go:hover .ma-btn{ background:#f4f1ea; border-color:#f4f1ea; }
:is(body,#_#_):has(> main > .ma-band) .ma-go:hover .ma-arr{ transform:translateX(5px); }
:is(body,#_#_):has(> main > .ma-band) .ma-stat{ display:flex; flex-wrap:wrap; gap:14px 34px; margin:0; padding:0; list-style:none; color:#dedbd3; font-size:1rem; line-height:1.3; }
:is(body,#_#_):has(> main > .ma-band) .ma-stat > li{ margin:0; padding:0; }
:is(body,#_#_):has(> main > .ma-band) .ma-stat b{ display:block; margin:0 0 14px; color:var(--ma-mat); font-stretch:62%; font-weight:900; line-height:.84; letter-spacing:-.01em; font-variant-numeric:tabular-nums;
  font-size:clamp(3.4rem, calc(6.6 * var(--ma-vw)), 6.6rem); }
:is(body,#_#_):has(> main > .ma-band) .ma-pills{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; padding:20px 0 0; border:0; border-top:1px solid rgba(244,241,234,.22); border-radius:0; background:none;
  color:#dedbd3; font-size:.95rem; line-height:1.4; }
:is(body,#_#_):has(> main > .ma-band) .ma-pills > .ma-pre{ flex:0 0 100%; }
:is(body,#_#_):has(> main > .ma-band) .ma-pills > .ma-sep{ display:none; }
:is(body,#_#_):has(> main > .ma-band) .ma-pills > a{ display:inline-flex; align-items:center; min-height:44px; padding:0 17px; border:2px solid rgba(244,241,234,.6); border-radius:999px; color:#f4f1ea;
  font-weight:700; text-decoration:none; transition:background-color .18s ease, color .18s ease, border-color .18s ease; }
:is(body,#_#_):has(> main > .ma-band) .ma-pills > a:hover{ background:var(--ma-mat); border-color:var(--ma-mat); color:#0b0f0e; }
@media (min-width:980px){
  :is(body,#_#_):has(> main > .ma-band) .ma-main{ grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:26px calc(4 * var(--ma-vw)); align-items:end; padding:28px var(--ma-gut) 28px; min-height:calc(46vh / var(--zc,1)); align-content:center; }
  :is(body,#_#_):has(> main > .ma-band) .ma-pills{ grid-column:1 / -1; }
  :is(body,#_#_):has(> main > .ma-band) .ma-pills > .ma-pre{ flex:0 1 auto; margin-right:8px; }
}
:is(body,#_#_):has(> main > .ma-band) .ma-list{ margin:0; padding:0; counter-reset:mag; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .tgroup{ margin:0; padding:38px 0 0; counter-increment:mag; scroll-margin-top:0; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .tgroup > h2{ display:flex; align-items:baseline; gap:14px; margin:0 var(--ma-gut) 6px; color:var(--ink); font-weight:800; font-stretch:100%; letter-spacing:-.03em; line-height:1;
  font-size:clamp(1.9rem, calc(3.1 * var(--ma-vw)), 3.1rem); }
:is(body,#_#_):has(> main > .ma-band) .ma-list .tgroup > h2::before{ content:counter(mag, decimal-leading-zero); width:auto; min-height:0; align-self:auto; border-radius:0; background:none;
  font-stretch:62%; font-weight:900; letter-spacing:0; color:var(--ink-3); }
:is(body,#_#_):has(> main > .ma-band) .ma-list .tgroup > p{ margin:0 var(--ma-gut) 20px; max-width:46em; color:var(--ink-2); font-size:1.04rem; line-height:1.45; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .tlist{ display:block; border-bottom:2px solid var(--ma-edge); }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem{ position:relative; display:block; margin:0; padding:0 var(--ma-gut); border:0; border-top:2px solid var(--ma-edge); border-radius:0; background:none; box-shadow:none;
  color:var(--ink); text-decoration:none; transform:none; transition:background-color .15s ease; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem > svg{ display:none; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem > div{ display:grid; grid-template-columns:minmax(0,1fr); gap:6px; padding:16px 40px 18px 0; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem > div > b{ display:block; margin:0; color:inherit; font-weight:800; font-stretch:100%; letter-spacing:-.02em; line-height:1.08; text-wrap:balance;
  font-size:clamp(1.3rem, calc(1.95 * var(--ma-vw)), 1.8rem); }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem > div > span{ display:block; color:var(--ink-2); font-size:1rem; line-height:1.45; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem > div > em{ display:block; margin:4px 0 0; padding:0; border:0; color:var(--ink-2); font-style:normal; font-size:.9rem; font-weight:500; line-height:1.3; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem > div > em > i{ display:block; margin:0 0 2px; color:var(--ink-3); font-style:normal; font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem > div > em > b{ display:block; margin:3px 0 1px; color:var(--ink); font-stretch:62%; font-weight:900; letter-spacing:0; line-height:1; text-wrap:balance; font-variant-numeric:tabular-nums;
  font-size:clamp(1.7rem, calc(2.5 * var(--ma-vw)), 2.4rem); }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem::after{ content:"→"; position:absolute; right:var(--ma-gut); top:16px; font-size:1.5rem; line-height:1; font-weight:800; transition:transform .18s ease; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem:hover{ background:var(--ma-mat); color:#0b0f0e; border-color:var(--ma-edge); box-shadow:none; transform:none; --ink:#0b0f0e; --ink-2:#0b0f0e; --ink-3:#0b0f0e; }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem:hover::after{ transform:translateX(5px); }
:is(body,#_#_):has(> main > .ma-band) .ma-list .titem:focus-visible{ outline-offset:-4px; }
@media (min-width:900px){
  :is(body,#_#_):has(> main > .ma-band) .ma-list .tgroup{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr) minmax(0,.95fr); column-gap:28px; align-items:baseline; padding:46px calc(var(--ma-gut) + 56px) 0 var(--ma-gut); }
  :is(body,#_#_):has(> main > .ma-band) .ma-list .tgroup > h2{ grid-column:1; margin:0 0 22px; }
  :is(body,#_#_):has(> main > .ma-band) .ma-list .tgroup > p{ grid-column:2 / -1; margin:0 0 22px; }
  :is(body,#_#_):has(> main > .ma-band) .ma-list .tlist{ grid-column:1 / -1; margin:0 calc(-1 * var(--ma-gut) - 56px) 0 calc(-1 * var(--ma-gut)); }
  :is(body,#_#_):has(> main > .ma-band) .ma-list .titem > div{ grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr) minmax(0,.95fr); gap:0 28px; align-items:start; padding:20px 56px 22px 0; }
  :is(body,#_#_):has(> main > .ma-band) .ma-list .titem > div > em{ margin:0; }
  :is(body,#_#_):has(> main > .ma-band) .ma-list .titem::after{ top:20px; font-size:1.7rem; }
}
:is(body,#_#_):has(> main > .ma-band) main > section.prose{ margin:0; padding:34px max(var(--ma-gut), calc(50% - 600px)) 30px !important; border-top:3px solid var(--ma-edge); max-width:none; }
:is(body,#_#_):has(> main > .ma-band) main > .ma-list + section.prose{ margin-top:46px; }
:is(body,#_#_):has(> main > .ma-band) main > section.prose h2{ display:block; margin:0 0 14px; font-weight:800; font-stretch:100%; letter-spacing:-.03em; line-height:1.02; font-size:clamp(1.6rem, calc(2.4 * var(--ma-vw)), 2.3rem); }
:is(body,#_#_):has(> main > .ma-band) main > section.prose h2::before{ display:none; }
:is(body,#_#_):has(> main > .ma-band) main > section.prose .shot img{ border:2px solid var(--ma-edge); border-radius:6px; box-shadow:none; }
:is(body,#_#_):has(> main > .mg-body) main > .hero{ display:grid; grid-template-columns:minmax(0,1fr); position:relative; isolation:auto; overflow:hidden; margin:0; padding:10px var(--ma-gut) 24px !important;
  background:var(--ma-mat); color:#0b0f0e; border-bottom:3px solid #0b0f0e; color-scheme:light; --ma-focus:#0b0f0e;
  --ink:#0b0f0e; --ink-2:#0b0f0e; --ink-3:#0b0f0e; --glass:#0b0f0e; --glass-deep:#0b0f0e; --surface:transparent; --paper:transparent; --rule:rgba(11,15,14,.35); --rule-2:#0b0f0e; }
:is(body,#_#_):has(> main > .mg-body) main > .hero::after{ display:none; }
:is(body,#_#_):has(> main > .mg-body) main > .hero > *{ min-width:0; max-width:none; }
:is(body,#_#_):has(> main > .mg-body) main > .hero > .eyebrow{ display:flex; align-items:center; gap:12px; margin:0; color:#0b0f0e; font-size:.86rem; line-height:1.3; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
:is(body,#_#_):has(> main > .mg-body) main > .hero > .eyebrow::before{ content:""; flex:0 0 34px; height:4px; background:currentColor; }
:is(body,#_#_):has(> main > .mg-body) main > .hero > h1{ margin:14px 0 0; max-width:15em; color:#0b0f0e; font-weight:800; font-stretch:100%; letter-spacing:-.035em; line-height:.96; text-wrap:balance;
  font-size:clamp(2.1rem, calc(4.5 * var(--ma-vw)), 4.5rem); }
:is(body,#_#_):has(> main > .mg-body) main > .hero > .answer{ order:3; margin:18px 0 0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#0b0f0e; }
:is(body,#_#_):has(> main > .mg-body) main > .hero > .answer > :is(p, ul, ol), :is(body,#_#_):has(> main > .mg-body) main > .hero > .lead{ margin:0; max-width:44em; color:#0b0f0e; font-size:1.04rem; line-height:1.45; }
:is(body,#_#_):has(> main > .mg-body) main > .hero > .answer > :is(p, ul, ol) + :is(p, ul, ol){ margin-top:.6em; }
:is(body,#_#_):has(> main > .mg-body) main > .hero > .lead{ order:3; margin:18px 0 0; }
:is(body,#_#_):has(> main > .mg-body) main > .hero{ --mg-col:calc(100 * var(--ma-vw) - 2 * var(--ma-gut)); }
:is(body,#_#_):has(> main > .mg-body) main > .hero > .answer strong{ font-weight:800; }
:is(body,#_#_):has(> main > .mg-body) main > .hero a{ color:#0b0f0e; font-weight:700; }
:is(body,#_#_):has(> main > .mg-body) main > .hero .sf-more{ display:inline-flex; align-items:center; min-height:44px; 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; }
:is(body,#_#_):has(> main > .mg-body) .mg-ans{ order:2; margin:18px 0 0; }
:is(body,#_#_):has(> main > .mg-body) .mg-ans :is(p, dl, dd){ margin:0; padding:0; color:#0b0f0e; }
:is(body,#_#_):has(> main > .mg-body) .mg-pill{ display:inline-flex; align-items:center; gap:8px; min-height:30px; padding:2px 13px; border:2px solid #0b0f0e; border-radius:999px; background:#0b0f0e; color:#f4f1ea !important;
  font-size:.86rem; line-height:1.2; font-weight:700; }
:is(body,#_#_):has(> main > .mg-body) .mg-pill > i{ flex:0 0 9px; height:9px; border-radius:50%; background:var(--ma-mat); }
:is(body,#_#_):has(> main > .mg-body) .mg-big{ display:flex; flex-wrap:wrap; align-items:baseline; gap:.06em .09em; margin:8px 0 0 !important; font-stretch:62%; font-weight:900; line-height:.76; letter-spacing:-.02em; font-variant-numeric:tabular-nums; white-space:nowrap;
  font-size:clamp(4.6rem, min(calc(var(--mg-cap, 30) * var(--ma-vw)), calc(var(--mg-col) / (var(--n) * .54 + 1.3))), 15rem); }
:is(body,#_#_):has(> main > .mg-body) .mg-big > small{ font-size:max(.24em, 1.5rem); line-height:1; letter-spacing:0; }
:is(body,#_#_):has(> main > .mg-body) .mg-big > small.mg-w{ text-transform:uppercase; }
:is(body,#_#_):has(> main > .mg-body) .mg-pill > span{ min-width:0; }
:is(body,#_#_):has(> main > .mg-body) .mg-also{ display:grid; gap:0; margin:16px 0 0 !important; max-width:26em; border-bottom:1.5px solid rgba(11,15,14,.45); }
:is(body,#_#_):has(> main > .mg-body) .mg-also > div{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:4px 0; border-top:1.5px solid rgba(11,15,14,.45); font-size:.95rem; line-height:1.3; }
:is(body,#_#_):has(> main > .mg-body) .mg-also dt{ font-weight:500; }
:is(body,#_#_):has(> main > .mg-body) .mg-also dd{ font-stretch:62%; font-weight:900; font-size:1.7rem; line-height:1; }
@media (min-width:980px){
  :is(body,#_#_):has(> main > .mg-body) main > .hero{ grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr); column-gap:calc(4 * var(--ma-vw)); align-content:end; padding:8px var(--ma-gut) 26px !important;
    --mg-col:calc((100 * var(--ma-vw) - 2 * var(--ma-gut) - 4 * var(--ma-vw)) * .375); --mg-cap:15; }
  :is(body,#_#_):has(> main > .mg-body) main > .hero:not(:has(> .mg-ans)){ grid-template-columns:minmax(0,1fr); }
  :is(body,#_#_):has(> main > .mg-body) main > .hero:not(:has(> .mg-ans)) > h1{ max-width:19em; }
  :is(body,#_#_):has(> main > .mg-body) main > .hero > :not(.mg-ans){ grid-column:1; }
  :is(body,#_#_):has(> main > .mg-body) .mg-ans{ grid-column:2; grid-row:1 / span 3; align-self:end; margin:0; }
}
:is(body,#_#_):has(> main > .mg-body) .mg-body{ display:grid; grid-template-columns:minmax(0,1fr); margin:0; padding:0 !important; max-width:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .ref, :is(body,#_#_):has(> main > .mg-body) main section#faq{ margin:0; padding:30px var(--ma-gut) 28px !important; border:0; border-top:3px solid var(--ma-edge); border-radius:0; background:none; box-shadow:none; max-width:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .ref:first-child{ border-top:0; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .gimg{ margin:0; padding:6px var(--ma-gut) 30px; max-width:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .gimg > :is(img, picture, figcaption){ max-width:760px; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .gimg img{ border:2px solid var(--ma-edge); border-radius:6px; box-shadow:none; }
:is(body,#_#_):has(> main > .mg-body) main section#faq > h2{ display:block; margin:0 0 12px; color:var(--ink); font-weight:800; font-stretch:100%; letter-spacing:-.03em; line-height:1.02; font-size:clamp(1.65rem, calc(2.5 * var(--ma-vw)), 2.4rem); }
:is(body,#_#_):has(> main > .mg-body) main section#faq > h2::before{ display:none; }
:is(body,#_#_):has(> main > .mg-body) main section#faq > :is(p, details, h3){ max-width:46em; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .ref :is(ul, ol):not(.checks){ max-width:42em; color:var(--ink-2); }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .ref .warn{ border:0; border-left:4px solid var(--ma-mat); border-radius:0; background:var(--paper-2); color:var(--ink-2); }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .ref > h2{ margin:0 0 12px; color:var(--ink); font-weight:800; font-stretch:100%; letter-spacing:-.03em; line-height:1.02; text-wrap:balance; font-size:clamp(1.65rem, calc(2.5 * var(--ma-vw)), 2.4rem); }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .ref > h3{ margin:20px 0 6px; color:var(--ink); font-size:1.14rem; font-weight:800; letter-spacing:-.01em; line-height:1.2; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .ref > p{ margin:0 0 10px; max-width:42em; color:var(--ink-2); font-size:1rem; line-height:1.5; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .ref > .note{ margin:0 0 12px; padding:0; border:0; background:none; color:var(--ink-3); font-size:.9rem; }
:is(body,#_#_):has(> main > .mg-body) ol.checks{ margin:18px 0 0; padding:0; list-style:none; counter-reset:c; border-bottom:2px solid var(--ma-edge); max-width:52em; }
:is(body,#_#_):has(> main > .mg-body) ol.checks > li{ counter-increment:c; position:static; display:grid; grid-template-columns:58px minmax(0,1fr); column-gap:8px; margin:0; padding:16px 0 18px; border-top:2px solid var(--ma-edge); }
:is(body,#_#_):has(> main > .mg-body) ol.checks > li::before{ content:counter(c, decimal-leading-zero); position:static; grid-row:1 / span 4; display:block; width:auto; height:auto; border:0; border-radius:0; background:none;
  color:var(--ink); font-family:inherit; font-stretch:62%; font-weight:900; font-size:3.2rem; line-height:.82; letter-spacing:-.01em; }
:is(body,#_#_):has(> main > .mg-body) ol.checks > li > *{ grid-column:2; }
:is(body,#_#_):has(> main > .mg-body) ol.checks h3{ margin:0 0 6px; color:var(--ink); font-size:1.3rem; font-weight:800; font-stretch:100%; letter-spacing:-.02em; line-height:1.1; }
:is(body,#_#_):has(> main > .mg-body) ol.checks p{ margin:0 0 8px; max-width:40em; color:var(--ink-2); font-size:1rem; line-height:1.5; }
:is(body,#_#_):has(> main > .mg-body) ol.checks .takeaway{ margin:2px 0 0; padding:0 0 0 12px; border-left:4px solid var(--ma-mat); color:var(--ink-2); font-size:.94rem; }
:is(body,#_#_):has(> main > .mg-body) ol.checks .takeaway b{ color:var(--ink); font-weight:800; }
:is(body,#_#_):has(> main > .mg-body) .mg-body pre.list{ max-width:42em; margin:10px 0 14px; padding:12px 14px; border:0; border-left:4px solid var(--ma-edge); border-radius:0; background:var(--paper-2); color:var(--ink); }
:is(body,#_#_):has(> main > .mg-body) .mg-body .tw{ max-width:46em; margin:0 0 14px; border:0; border-radius:0; background:none; box-shadow:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-body table.r{ border:0; border-radius:0; background:none; box-shadow:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-body table.r :is(th, td){ background:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-body table.r th{ color:var(--ink-3); border-bottom:2px solid var(--ma-edge); font-family:inherit; font-size:.72rem; font-weight:800; }
:is(body,#_#_):has(> main > .mg-body) .mg-body table.r td{ color:var(--ink-2); border-bottom:1px solid var(--rule-2); }
:is(body,#_#_):has(> main > .mg-body) .mg-body table.r td:first-child{ color:var(--ink); font-weight:600; }
:is(body,#_#_):has(> main > .mg-body) .mg-body .btn{ display:inline-flex; align-items:center; min-height:48px; margin:6px 0 0; padding:0 24px; border:2.5px solid var(--ma-edge); border-radius:999px; background:var(--ma-edge); color:var(--paper);
  font-weight:800; line-height:1.15; text-decoration:none; box-shadow:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-body .btn:hover{ background:var(--ma-mat); border-color:var(--ma-edge); color:#0b0f0e; transform:none; box-shadow:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-eg{ margin:0; background:var(--ma-cut); color:#f4f1ea; color-scheme:dark; --ma-focus:#b9a7ff; }
:is(body,#_#_):has(> main > .mg-body) .mg-eg-in{ padding:28px var(--ma-gut) 32px; }
:is(body,#_#_):has(> main > .mg-body) .mg-eg :is(p, dl, dd){ margin:0; padding:0; }
:is(body,#_#_):has(> main > .mg-body) .mg-tag{ display:flex; align-items:center; gap:12px; color:var(--ma-mat); font-size:.82rem; line-height:1.3; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
:is(body,#_#_):has(> main > .mg-body) .mg-tag::before{ content:""; flex:0 0 34px; height:4px; background:currentColor; }
:is(body,#_#_):has(> main > .mg-body) .mg-draw{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:14px 0 16px; }
:is(body,#_#_):has(> main > .mg-body) .mg-draw .ma-bed{ fill:#232d2a; }
:is(body,#_#_):has(> main > .mg-body) .mg-dl{ display:flex; flex-wrap:wrap; gap:14px 30px; }
:is(body,#_#_):has(> main > .mg-body) .mg-dl > div{ display:flex; flex-direction:column-reverse; }
:is(body,#_#_):has(> main > .mg-body) .mg-dl dt{ margin-top:4px; color:#dedbd3; font-size:.74rem; line-height:1.2; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
:is(body,#_#_):has(> main > .mg-body) .mg-dl dd{ color:#f4f1ea; font-stretch:62%; font-weight:900; font-size:clamp(2.4rem, calc(3 * var(--ma-vw)), 2.9rem); line-height:.84; font-variant-numeric:tabular-nums; white-space:nowrap; }
:is(body,#_#_):has(> main > .mg-body) .mg-dl > div:first-child dd{ color:var(--ma-mat); }
:is(body,#_#_):has(> main > .mg-body) .mg-btn{ display:inline-flex; align-items:center; gap:12px; min-height:52px; margin:18px 0 0; padding:6px 24px; border:2.5px solid var(--ma-mat); border-radius:999px; background:var(--ma-mat); color:#0b0f0e;
  font-size:1.04rem; line-height:1.15; font-weight:800; text-decoration:none; transition:background-color .18s ease, border-color .18s ease; }
:is(body,#_#_):has(> main > .mg-body) .mg-btn:hover{ background:#f4f1ea; border-color:#f4f1ea; }
:is(body,#_#_):has(> main > .mg-body) .mg-btn:hover .ma-arr, :is(body,#_#_):has(> main > .mg-body) .mg-go:hover .ma-arr{ transform:translateX(5px); }
:is(body,#_#_):has(> main > .mg-body) .mg-draw :is(.ma-leg, .ma-u){ color:#dedbd3; }
:is(body,#_#_):has(> main > .mg-body) .mg-draw .ma-leg > li > i{ border-color:#f4f1ea; }
:is(body,#_#_):has(> main > .mg-body) .mg-draw .ma-wall-d{ grid-row:1; min-height:170px; }
:is(body,#_#_):has(> main > .mg-body) .mg-draw.ma-heat{ grid-template-columns:minmax(0,1fr); gap:9px; }
:is(body,#_#_):has(> main > .mg-body) .ma-hrow{ display:grid; gap:4px; color:#dedbd3; font-size:.86rem; line-height:1.2; }
:is(body,#_#_):has(> main > .mg-body) .ma-hrow > i{ display:block; height:14px; min-width:3px; background:var(--ma-mat); transform-origin:left; }
:is(body,#_#_):has(> main > .mg-body) .mg-draw:is(.ma-one, .ma-parts){ grid-template-columns:minmax(0,1fr); }
:is(body,#_#_):has(> main > .mg-body) .mg-draw.ma-parts > svg{ width:auto; max-width:100%; max-height:230px; }
:is(body,#_#_):has(> main > .mg-body) .mg-draw .ma-pane{ max-width:420px; }
:is(body,#_#_):has(> main > .mg-body) .mg-go{ display:block; color:#f4f1ea; text-decoration:none; }
:is(body,#_#_):has(> main > .mg-body) .mg-go > b{ display:block; margin:0 0 10px; font-weight:800; letter-spacing:-.03em; line-height:1; text-wrap:balance; font-size:clamp(1.7rem, calc(2.5 * var(--ma-vw)), 2.4rem); }
:is(body,#_#_):has(> main > .mg-body) .mg-go > span:not(.mg-btn){ display:block; color:#dedbd3; font-size:1rem; line-height:1.45; }
:is(body,#_#_):has(> main > .mg-body) .mg-go > .mg-btn{ width:60px; min-height:52px; padding:0; justify-content:center; font-size:1.3rem; }
:is(body,#_#_):has(> main > .mg-body) .mg-go:hover > .mg-btn{ background:#f4f1ea; border-color:#f4f1ea; }
@media (min-width:1000px){
  :is(body,#_#_):has(> main > .mg-body) .mg-body:has(> .mg-eg){ grid-template-columns:minmax(0,1fr) minmax(400px, calc(36 * var(--ma-vw))); }
  :is(body,#_#_):has(> main > .mg-body) .mg-body > *{ grid-column:1; }
  :is(body,#_#_):has(> main > .mg-body) .mg-body:has(> .mg-eg) > :is(.ref, #faq){ padding-right:calc(4 * var(--ma-vw)) !important; }
  :is(body,#_#_):has(> main > .mg-body) .mg-body > .mg-eg{ grid-column:2; grid-row:1 / span var(--mg-r, 3); }
  :is(body,#_#_):has(> main > .mg-body) .mg-body > .mg-tool{ background:none; }
  :is(body,#_#_):has(> main > .mg-body) .mg-body > .mg-tool > .mg-eg-in{ background:var(--ma-cut); }
  :is(body,#_#_):has(> main > .mg-body) .mg-eg-in{ position:sticky; top:0; padding:24px var(--ma-gut) 30px calc(2.6 * var(--ma-vw)); }
  :is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid{ grid-column:1 / -1; }
}
@media (min-width:1000px) and (max-height:560px){ :is(body,#_#_):has(> main > .mg-body) .mg-eg-in{ position:static; } }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid{ display:block; margin:0; padding:0; border-top:3px solid var(--ma-edge); }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a{ position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:4px; margin:0; padding:16px calc(var(--ma-gut) + 40px) 18px var(--ma-gut); border:0; border-bottom:2px solid var(--ma-edge); border-radius:0;
  background:none; box-shadow:none; color:var(--ink); text-decoration:none; transform:none; transition:background-color .15s ease; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a > b{ font-weight:800; letter-spacing:-.02em; line-height:1.08; font-size:clamp(1.25rem, calc(1.8 * var(--ma-vw)), 1.65rem); }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a > span{ color:var(--ink-2); font-size:1rem; line-height:1.45; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a::after{ content:"→"; position:absolute; right:var(--ma-gut); top:16px; font-size:1.5rem; line-height:1; font-weight:800; transition:transform .18s ease; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a:hover{ background:var(--ma-mat); color:#0b0f0e; box-shadow:none; transform:none; --ink-2:#0b0f0e; }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a:hover::after{ transform:translateX(5px); }
:is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a:focus-visible{ outline-offset:-4px; }
@media (min-width:900px){
  :is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a{ grid-template-columns:minmax(0,.92fr) minmax(0,2.2fr); gap:0 28px; align-items:baseline; padding-top:20px; padding-bottom:22px; }
  :is(body,#_#_):has(> main > .mg-body) .mg-body > .rel-grid > a::after{ top:20px; font-size:1.7rem; }
}
@media (prefers-reduced-motion: no-preference){
  :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) :is(.ma-plan, .mg-draw) .ma-pc{ animation:ma-drop .5s cubic-bezier(.2,.9,.25,1.15) both; animation-delay:calc(.12s + var(--i) * 42ms); transform-box:fill-box; transform-origin:center; }
  :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-labs{ animation:ma-fade .4s ease .9s both; }
  :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) :is(.ma-bar, .ma-hrow > i){ animation:ma-grow .7s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(.1s + var(--i, 0) * 60ms); }
}
@media (prefers-reduced-motion: reduce){
  :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) :is(.ma-arr, .titem, .jump a, .ma-pills > a, .ma-btn, .mg-btn, .rel-grid > a), :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) :is(.titem, .rel-grid > a)::after{ transition:none; }
}
@media (prefers-color-scheme: dark){
  :is(body,#_#_):has(> main > :is(.ma-band, .mg-body)){
    --ma-edge:#f4f1ea; --ma-cut:#161d1b; --ma-focus:#b9a7ff;
    --paper:#0b0f0e; --paper-2:#161d1b; --surface:#161d1b; --surface-2:#1d2624;
    --ink:#f4f1ea; --ink-2:#dedbd3; --ink-3:#b9b6ae;
    --rule:#2c3633; --rule-2:#6b7672;
    --glass:#79e0cc; --glass-deep:#a5ecdd;
  }
  :is(body,#_#_):has(> main > .mg-body) .mg-body .btn:hover{ border-color:var(--ma-mat); }
}
}
@keyframes ma-drop{ from{ opacity:0; transform:translateY(-60px) scale(.94); } }
@keyframes ma-fade{ from{ opacity:0; } }
@keyframes ma-grow{ from{ transform:scaleX(0); } }
@media print{ .ma-word, .ma-plan, .ma-btn, .ma-stat, .mg-ans, .mg-eg{ display:none !important; } }
@media screen{
:is(body,#_#_):has(> main > .ma-band) main > section:not([class]){ margin:0; padding:34px var(--ma-gut) 30px !important; border-top:3px solid var(--ma-edge); max-width:none; }
:is(body,#_#_):has(> main > .ma-band) main > .ma-main + section:not([class]){ border-top:0; }
@media (min-width:980px){
  :is(body,#_#_):has(> main > .ma-band) .ma-band .jump:has(> a:nth-child(4)){ grid-column:1; grid-row:5; justify-self:start; justify-content:flex-start; margin:14px 0 0; }
}
}
@media screen{
:is(body,#_#_):has(> main > .mg-body) .mg-body table.r tr{ background:none; box-shadow:none; }
}
@media screen{
:is(body,#_#_):has(> main > .ma-band) .ma-figs > .ma-first dd{ margin-bottom:10px; }
@media (min-width:980px){
  :is(body,#_#_):has(> main > .ma-band) .ma-band .jump:has(> a:nth-child(4)){ grid-column:1 / -1; }
}
}
@media screen{
:is(body,#_#_):has(> main > :is(.ma-band, .mg-body)) .ma-u > b{ margin-bottom:10px; }
}