/* «Prueba nuestras herramientas». Sólo este bloque; header, hero, capacidades y proceso no cambian. */
.tools{--tools-bg:#0f1613;--tools-text:#e8ebe6;--tools-muted:#a4aea9;--tools-quiet:#8b958f;--tools-line:#2a332f;--tools-mat:#18221d;--tools-accent:#c4e8ce;background:var(--tools-bg);color:var(--tools-text);padding:clamp(72px,8vw,150px) 0 clamp(64px,7vw,128px);scroll-margin-top:var(--header-height);overflow:clip}
.tools-inner{max-width:1660px;margin-inline:auto;padding-inline:var(--gutter)}
:where(.tools) :is(h3,p,ol,ul){margin:0}

/* Apertura: una sola frase en dos voces y, al lado, el estado real de la sección. */
.tools-kicker{margin-bottom:28px;font-size:12px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--tools-muted)}
.tools h2{font-size:clamp(32px,3.75vw,60px);font-weight:400;line-height:1.12;letter-spacing:-.05em;text-wrap:balance}
.tools-thesis,.tools-continuation{display:block}
.tools-thesis{font-weight:600}
.tools-continuation{color:var(--tools-quiet)}
.tools-state{display:flex;gap:12px;max-width:58ch;margin-top:clamp(22px,2.2vw,34px);font-size:16px;line-height:1.65;color:var(--tools-muted);text-wrap:pretty}
.tools-state-mark,.tools-badge-mark{flex:none;width:8px;height:8px;border:1.5px solid var(--tools-accent);border-radius:50%}
.tools-state-mark{margin-top:.55em}

/* Selector: tres entradas con filete, sin tarjetas. La primera pesa más. */
.tools-tabs{display:grid;grid-template-columns:1.5fr 1fr 1fr;column-gap:clamp(20px,3vw,48px);margin-top:clamp(40px,4.6vw,76px)}
.tools-tabs[hidden]{display:none}
.tools-tab{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"number name status" ". summary summary";column-gap:14px;row-gap:6px;align-items:baseline;align-content:start;min-height:44px;padding:16px 0 14px;border-top:1px solid var(--tools-line);border-radius:0;background:none;color:var(--tools-muted);text-align:left;transition:color .2s}
.tools-tab::before{content:"";position:absolute;inset:-1px 0 auto;height:2px;background:var(--tools-accent);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--ease)}
.tools-tab[aria-selected="true"]::before{transform:scaleX(1)}
.tools-tab-number{grid-area:number;font-size:12px;font-variant-numeric:tabular-nums}
.tools-tab-name{grid-area:name;font-size:clamp(18px,1.55vw,24px);font-weight:550;line-height:1.25;letter-spacing:-.03em}
.tools-tab-summary{grid-area:summary;max-width:36ch;font-size:14px;line-height:1.5}
.tools-tab-status{grid-area:status;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.tools-tab:hover .tools-tab-name,.tools-tab[aria-selected="true"] .tools-tab-name{color:var(--tools-text)}
.tools-tab[aria-selected="true"] .tools-tab-status{color:var(--tools-accent)}
.tools :is(button,[tabindex]):focus-visible{outline:2px solid var(--tools-accent);outline-offset:4px}

/* Escenario: los tres paneles comparten celda para que la altura no salte al cambiar. */
.tools-stage{display:grid;margin-top:clamp(24px,2.4vw,38px)}
.tools-panel{grid-area:1/1;display:grid;grid-template-columns:minmax(260px,.44fr) minmax(0,1fr);column-gap:clamp(32px,5vw,88px);align-items:start;min-width:0;transition:opacity .34s ease,transform .5s var(--ease)}
.tools-panel[data-active="false"]{opacity:0;visibility:hidden;transform:translate3d(0,12px,0);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}
.tools-copy{min-width:0;padding-top:6px}
.tools-badge{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:1.4;letter-spacing:.02em;color:var(--tools-accent)}
.tools h3{margin-top:18px;font-size:clamp(26px,2.55vw,40px);font-weight:450;line-height:1.14;letter-spacing:-.045em;text-wrap:balance}
.tools-description{margin-top:16px;max-width:38ch;font-size:16px;line-height:1.65;color:var(--tools-muted);text-wrap:pretty}
.tools-notes-title{margin-top:34px;font-size:11px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--tools-quiet)}
.tools-notes{margin-top:12px;padding:0;list-style:none;border-bottom:1px solid var(--tools-line)}
.tools-note{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;row-gap:3px;width:100%;min-height:44px;padding:14px 0;border-top:1px solid var(--tools-line);border-radius:0;background:none;color:var(--tools-muted);text-align:left}
.tools-note::before{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:var(--tools-accent);transform:scaleX(0);transform-origin:left center;transition:transform .35s var(--ease)}
.tools-note[aria-pressed="true"]::before{transform:scaleX(1)}
.tools-note-number{grid-row:1/3;font-size:12px;line-height:1.9;font-variant-numeric:tabular-nums;transition:color .2s}
.tools-note-title{font-size:15px;font-weight:550;line-height:1.5;letter-spacing:-.01em;color:var(--tools-text)}
.tools-note-text{font-size:13.5px;line-height:1.55}
.tools-note:hover .tools-note-number,.tools-note[aria-pressed="true"] .tools-note-number{color:var(--tools-accent)}
.tools-action{display:inline-flex;align-items:center;gap:14px;min-height:48px;margin-top:28px;padding:12px 18px;border:1px solid #56645c;border-radius:8px;background:none;color:var(--tools-text);font-size:14px;font-weight:550;line-height:1.4;transition:background .2s,color .2s,border-color .2s}
.tools-action:hover{background:var(--tools-text);border-color:var(--tools-text);color:var(--tools-bg)}
.tools-action[data-kind="demo"]{background:var(--tools-accent);border-color:var(--tools-accent);color:var(--ink)}
.tools-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tools-pending{margin-top:14px;max-width:42ch;font-size:12px;line-height:1.6;color:var(--tools-quiet)}
.tools-figure{margin:0;min-width:0;padding:clamp(12px,1.5vw,24px) clamp(12px,1.5vw,24px) 0;border-radius:18px;background:var(--tools-mat)}
.tools-figure figcaption{display:flex;justify-content:space-between;gap:16px;padding:14px 2px 16px;font-size:12px;line-height:1.5;color:var(--tools-muted)}
.tools-caption-count{font-variant-numeric:tabular-nums;white-space:nowrap}
.tools-mount{min-height:420px;border-radius:12px;background:#f1efe6;color:#16261d}
.tools [hidden]{display:none}
.tools-fallback{margin:40px 0 0;padding:0;list-style:none;border-top:1px solid var(--tools-line)}
.tools-fallback li{padding:16px 0;border-bottom:1px solid var(--tools-line);color:var(--tools-muted)}
.tools-fallback strong{font-weight:550;color:var(--tools-text)}
.tools-fallback-note{margin-top:16px;font-size:13px;color:var(--tools-quiet)}

/* Boceto de interfaz. Todo mide en em para crecer o encogerse con su contenedor. */
.tools-window{--sk-bg:#f1efe6;--sk-card:#fbfaf6;--sk-ink:#16261d;--sk-muted:#59655d;--sk-line:#dad8cb;--sk-tint:#e2e6d8;--sk-green:#2d5a42;--sk-mint:#d3e8d7;--sk-amber:#875608;--sk-warm:#fbf4de;--sk-warm-line:#e3cf9c;--sk-red:#a2452e;container-type:inline-size;display:grid;overflow:hidden;border-radius:10px;background:var(--sk-bg);color:var(--sk-ink);color-scheme:light}
.tools-window>*{grid-area:1/1;min-width:0}
@media(min-width:1101px){.tools-figure .tools-window::before{content:"";grid-area:1/1;width:100%;aspect-ratio:1.64;pointer-events:none}}
.sk{display:grid;grid-template-rows:auto minmax(0,1fr);font:400 clamp(11px,1.52cqi,16px)/1.45 var(--font)}
:where(.sk) :is(p,ul,ol){margin:0;padding:0;list-style:none}
.sk b{font-weight:600}.sk i,.sk em{font-style:normal}
.sk-bar{display:flex;align-items:center;gap:1em;padding:.8em 1.4em;border-bottom:1px solid var(--sk-line);background:#e7e4d7;font-size:.86em}
.sk-bar-name{font-weight:600}
.sk-bar-context{padding-left:1em;border-left:1px solid #bdbbac;color:var(--sk-muted)}
.sk-bar-tag{margin-left:auto;padding:.25em .75em;border:1px solid #9fae9f;border-radius:99px;font-size:.9em;font-weight:550;color:var(--sk-green);white-space:nowrap}
.sk-body{display:grid}
.sk-label{font-size:.72em;letter-spacing:.09em;text-transform:uppercase;color:var(--sk-muted)}
.sk-title{font-size:1.5em;font-weight:550;line-height:1.2;letter-spacing:-.035em}
.sk-card{border:1px solid var(--sk-line);border-radius:.6em;background:var(--sk-card)}
.sk-card-title{font-size:.92em;font-weight:600}
.sk-buttons{display:flex;flex-wrap:wrap;gap:.6em;margin-top:1em}
.sk-button{padding:.55em 1em;border:1px solid #9aa596;border-radius:.45em;background:var(--sk-card);font-size:.86em;font-weight:550}
.sk-button.is-primary{border-color:var(--sk-ink);background:var(--sk-ink);color:#f1efe6}
.sk-chip{padding:.25em .75em;border-radius:99px;background:var(--sk-mint);color:#1f4632;font-size:.78em;font-weight:600}
.sk-fade{transition:opacity .25s ease,box-shadow .25s ease}
.sk [data-region]{position:relative;border-radius:.6em;scroll-margin-block:16px}
.sk-marker{position:absolute;top:.75em;right:.85em;display:grid;place-items:center;width:1.75em;height:1.75em;border:1px solid #a9b3a6;border-radius:50%;background:var(--sk-card);color:var(--sk-muted);font-size:.74em;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;transition:background .25s ease,color .25s ease,border-color .25s ease}
.is-focus>.sk-marker{border-color:var(--sk-green);background:var(--sk-green);color:#fff}
.tools-window[data-focus] .sk-fade{opacity:.28}
.tools-window[data-focus] .sk-fade.is-focus{opacity:1;box-shadow:0 0 0 2px var(--sk-green)}

.sk-dashboard .sk-body{grid-template-columns:10.5em minmax(0,1fr)}
.sk-side{display:flex;flex-direction:column;gap:.9em;padding:1.4em 1.1em;border-right:1px solid var(--sk-line)}
.sk-nav{display:grid;gap:.15em;font-size:.92em}
.sk-nav li{padding:.5em .7em;border-radius:.45em;color:var(--sk-muted)}
.sk-nav .is-current,.sk-groups .is-current{background:var(--sk-tint);color:var(--sk-ink);font-weight:600}
.sk-side-foot{margin-top:auto;font-size:.74em;color:var(--sk-muted)}
.sk-main{display:grid;gap:1em;min-width:0;padding:1.4em 1.5em 1.5em}
.sk-head{display:flex;align-items:end;justify-content:space-between;gap:1em}
.sk-seg{display:flex;overflow:hidden;border:1px solid var(--sk-line);border-radius:.5em;background:var(--sk-card);font-size:.8em}
.sk-seg span{padding:.4em .85em;color:var(--sk-muted)}
.sk-seg .is-current{background:var(--sk-ink);color:#f1efe6}
.sk-attention{padding:1em 1.2em .45em;border-color:var(--sk-warm-line);background:var(--sk-warm)}
.sk-attention .sk-card-title b{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;margin-left:.45em;border-radius:99px;background:var(--sk-amber);color:#fff;font-size:.82em}
.sk-alerts{margin-top:.55em}
.sk-alerts li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.6em 0;border-top:1px solid #eadcb3;font-size:.92em}
.sk-alerts span b{margin-right:.6em}
.sk-alerts em{padding:.25em .75em;border:1px solid #cdb679;border-radius:.4em;background:#fffaf0;font-size:.84em;font-weight:550}
.sk-dot{width:.55em;height:.55em;border-radius:50%}
.sk-dot.is-high{background:var(--sk-red)}.sk-dot.is-mid{background:#c08a1e}.sk-dot.is-low{background:#b9b08f}
.sk-row{display:grid;grid-template-columns:1.25fr 1fr;gap:1em}
.sk-week{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5em 1.4em;align-items:end;padding:1em 1.2em .8em}
.sk-week .sk-card-title{grid-column:1/-1}
.sk-kpis{display:grid;gap:.8em;padding-bottom:.9em}
.sk-kpis p{display:grid}
.sk-kpis small,.sk-kpis i{font-size:.74em;color:var(--sk-muted)}
.sk-kpis b{font-size:1.75em;font-weight:500;line-height:1.15;letter-spacing:-.04em}
.sk-chart{display:block;width:100%;height:auto}
.sk-chart-base{stroke:var(--sk-line)}
.sk-chart-bar{fill:#9db9a4}
.sk-chart-bar.is-flag{fill:#e2c26b}
.sk-chart-days text{font:500 9px var(--font);fill:var(--sk-muted);text-anchor:middle}
.sk-stock{padding:1em 1.2em .5em}
.sk-levels{margin-top:.55em}
.sk-levels li{display:grid;grid-template-columns:minmax(0,1fr) 3.4em 2.5em;align-items:center;gap:.8em;padding:.56em 0;border-top:1px solid var(--sk-line);font-size:.88em}
.sk-level{position:relative;height:.36em;overflow:hidden;border-radius:99px;background:#e4e2d5}
.sk-level::after{content:"";position:absolute;inset:0 auto 0 0;width:62%;border-radius:inherit;background:var(--sk-green)}
.sk-level.is-1::after{width:12%;background:var(--sk-red)}.sk-level.is-2::after{width:24%;background:#c08a1e}.sk-level.is-4::after{width:84%}
.sk-levels em{font-size:.86em;text-align:right;color:var(--sk-muted)}
.sk-levels em.is-flag{font-weight:600;color:var(--sk-amber)}
.sk-sources{display:flex;align-items:center;gap:1.4em;padding:.7em 1em;border:1px dashed #c4c2b2}
.sk-sources ul{display:flex;flex-wrap:wrap;gap:.3em 1.5em;font-size:.84em;color:var(--sk-muted)}
.sk-sources b{margin-right:.5em;color:var(--sk-ink)}

.sk-reception .sk-body{grid-template-columns:13em minmax(0,1fr) 11.5em}
.sk-inbox{padding:1.4em 1.1em;border-right:1px solid var(--sk-line)}
.sk-reception .sk-inbox[data-region]{border-radius:0}
.sk-groups{display:grid;gap:.15em;margin-top:.8em;font-size:.92em}
.sk-groups li{display:flex;justify-content:space-between;padding:.5em .7em;border-radius:.45em;color:var(--sk-muted)}
.sk-groups b{font-weight:500}
.sk-threads{margin-top:1em;border-top:1px solid var(--sk-line);font-size:.88em}
.sk-threads li{display:grid;padding:.65em .7em;border-bottom:1px solid var(--sk-line)}
.sk-threads .is-current{background:var(--sk-card);box-shadow:inset 2px 0 0 var(--sk-green)}
.sk-threads span{font-size:.92em;color:var(--sk-muted)}
.sk-thread{display:grid;gap:1em;align-content:start;min-width:0;padding:1.4em 1.5em 1.6em}
.sk-thread-head{display:flex;align-items:center;justify-content:space-between;gap:1em;padding-bottom:.9em;border-bottom:1px solid var(--sk-line)}
.sk-bubble{justify-self:start;max-width:24em;padding:.8em 1em;border-radius:.9em .9em .9em .25em;background:#e4e2d5;font-size:.95em}
.sk-proposal{padding:1.1em 1.3em 1.2em;border-color:var(--sk-warm-line);background:var(--sk-warm)}
.sk-proposal-time{margin-top:.35em;font-size:1.75em;font-weight:500;line-height:1.15;letter-spacing:-.04em}
.sk-proposal-meta{margin-top:.2em;font-size:.88em;font-weight:600;color:var(--sk-amber)}
.sk-proposal-note{margin-top:.9em;font-size:.78em;color:var(--sk-muted)}
.sk-agenda{padding:1.4em 1.1em;border-left:1px solid var(--sk-line)}
.sk-slots{display:grid;gap:.45em;margin-top:.8em;font-size:.86em}
.sk-slots li{display:grid;gap:.05em;padding:.6em .75em;border:1px solid transparent;border-radius:.5em;background:#e4e2d5;color:var(--sk-muted)}
.sk-slots b{color:var(--sk-ink)}
.sk-slots .is-pending{border:1px dashed #c19c3a;background:var(--sk-warm);color:var(--sk-amber)}
.sk-slots .is-free{border-color:var(--sk-line);background:none}

.sk-plan .sk-body{grid-template-columns:1fr 1.08fr}
.sk-steps-col{display:grid;gap:1.1em;align-content:start;padding:1.5em;border-right:1px solid var(--sk-line)}
.sk-progress{display:grid;gap:.5em;padding:.5em .6em;margin:-.5em -.6em;font-size:.88em;color:var(--sk-muted)}
.sk-progress b{color:var(--sk-ink)}
.sk-progress-track{display:block;height:.4em;overflow:hidden;border-radius:99px;background:#e0decf}
.sk-progress-track i{display:block;width:33.4%;height:100%;border-radius:inherit;background:var(--sk-green)}
.sk-steps{display:grid;font-size:.93em}
.sk-steps li{display:grid;grid-template-columns:1.7em minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.66em .7em;border-top:1px solid var(--sk-line)}
.sk-steps i{display:grid;place-items:center;width:1.9em;height:1.9em;border:1px solid #b9b7a8;border-radius:50%;font-size:.82em;color:var(--sk-muted)}
.sk-steps .is-done span{color:var(--sk-muted);text-decoration:line-through;text-decoration-color:#b0ae9f}
.sk-steps .is-done i{border-color:var(--sk-green);background:var(--sk-green);color:#fff}
.sk-steps svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sk-steps .is-next{border:1px solid var(--sk-line);border-radius:.5em;background:var(--sk-card)}
.sk-steps .is-next+li{border-top-color:transparent}
.sk-steps .is-next i{border-color:var(--sk-ink);font-weight:600;color:var(--sk-ink)}
.sk-steps .is-next span{font-weight:600}
.sk-steps em{padding:.2em .7em;border-radius:99px;background:var(--sk-mint);color:#1f4632;font-size:.8em;font-weight:600}
.sk-detail-col{display:grid;gap:1em;align-content:start;padding:1.5em}
.sk-next{padding:1.3em 1.4em 1.4em}
.sk-next-title{margin-top:.4em;font-size:1.45em;font-weight:550;line-height:1.2;letter-spacing:-.035em}
.sk-next-text{margin:.6em 0 1.1em;font-size:.95em;color:var(--sk-muted)}
.sk-needs{display:grid;gap:.35em;margin-top:.5em;font-size:.92em}
.sk-needs li{position:relative;padding-left:1.1em}
.sk-needs li::before{content:"";position:absolute;left:0;top:.7em;width:.45em;height:1px;background:var(--sk-muted)}
.sk-log{padding:.9em 1em;border:1px dashed #c4c2b2}
.sk-log ul{display:grid;gap:.4em;margin-top:.5em;font-size:.86em}
.sk-log li{display:flex;justify-content:space-between;gap:1em}
.sk-log span{color:var(--sk-muted);white-space:nowrap}

/* El boceto se recompone según el ancho que recibe, no según la pantalla. */
@container (max-width:680px){
 .sk{font-size:12px}
 .sk-bar-context{display:none}
 .sk-dashboard .sk-body{grid-template-columns:minmax(0,1fr)}
 .sk-side{display:none}
 .sk-reception .sk-body{grid-template-columns:11.5em minmax(0,1fr)}
 .sk-agenda{display:none}
}
@container (max-width:500px){
 .sk-bar{padding-inline:1.1em}
 .sk-main,.sk-thread,.sk-steps-col,.sk-detail-col{padding:1.1em}
 .sk-seg,.sk-stock,.sk-threads,.sk-log{display:none}
 .sk-row{grid-template-columns:minmax(0,1fr)}
 .sk-sources{flex-direction:column;align-items:flex-start;gap:.45em}
 .sk-reception .sk-body,.sk-plan .sk-body{grid-template-columns:minmax(0,1fr)}
 .sk-inbox{padding:1.1em 1.1em .9em;border-right:0;border-bottom:1px solid var(--sk-line)}
 .sk-groups{grid-template-columns:repeat(3,auto);justify-content:start;gap:.4em}
 .sk-groups li{gap:.6em}
 .sk-steps-col{padding-bottom:0;border-right:0}
 .sk-steps li:nth-child(n+5){display:none}
}

/* Ampliación del boceto. */
.tools-dialog{width:min(1240px,calc(100% - 32px));max-width:none;max-height:calc(100svh - 32px);padding:0;overflow:hidden;border:1px solid #3a4841;border-radius:16px;background:#0f1613;color:#e8ebe6}
.tools-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.tools-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 16px 18px 24px}
.tools-dialog-badge{font-size:12px;line-height:1.4;color:#c4e8ce}
.tools-dialog h2{margin:4px 0 0;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.035em}
.tools-dialog-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:none;color:#a4aea9}
.tools-dialog-close:hover{background:#2a332f;color:#e8ebe6}
.tools-dialog-body{overflow:auto;padding:1px 24px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#56645c transparent}
.tools-dialog :is(button,[tabindex]):focus-visible{outline:2px solid #c4e8ce;outline-offset:-2px}
.tools-window-full{min-width:880px}
.tools-dialog>.tools-dialog-note{padding:14px 24px 18px;font-size:12px;line-height:1.6;color:#8b958f}
.tools-dialog-pan{display:none}
@media(max-width:960px){.tools-dialog-pan{display:inline}}

@media(max-width:1100px){
 .tools-panel{grid-template-columns:minmax(0,1fr);row-gap:40px}
 .tools-panel[data-active="false"]{display:none}
 .tools-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(4,auto) 1fr;column-gap:clamp(32px,6vw,72px);padding-top:0}
 .tools-copy>*{grid-column:1}
 .tools-notes-title{grid-area:1/2;margin-top:0}
 .tools-notes{grid-area:2/2/6/3;align-self:start}
}
@media(max-width:700px){
 .tools-kicker{margin-bottom:20px}
 .tools h2{font-size:clamp(31px,9vw,44px)}
 .tools-thesis,.tools-continuation{display:inline}
 .tools-state{font-size:14px}
 .tools-tabs{grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--tools-line)}
 .tools-tab{grid-template-areas:"number name status";align-items:center;padding:15px 0}
 .tools-tab-summary{display:none}
 .tools-tab-name{font-size:17px}
 .tools-stage{margin-top:32px}
 /* En móvil el boceto va entre la explicación y sus notas, para verlo al resaltar. */
 .tools-panel{display:flex;flex-direction:column;row-gap:0}
 .tools-copy{display:contents}
 .tools h3{font-size:clamp(25px,7.2vw,32px);margin-top:14px}
 .tools-description{font-size:15px;margin-top:12px}
 .tools-figure{order:1;margin-top:26px}
 .tools-notes-title{order:2;margin-top:30px}
 .tools-notes{order:3}
 .tools-action{order:4;align-self:flex-start;margin-top:24px}
 .tools-pending{order:5}
 .tools-dialog-head{padding:16px 8px 14px 16px}
 .tools-dialog-body{padding-inline:16px}
 .tools-dialog>.tools-dialog-note{padding:12px 16px 16px}
 .tools-dialog h2{font-size:21px}
}
html[data-static-view="true"] :is(.tools,.tools-dialog) *,html[data-header-motion-paused="true"] :is(.tools,.tools-dialog) *,html[data-static-view="true"] :is(.tools,.tools-dialog) *::before,html[data-header-motion-paused="true"] :is(.tools,.tools-dialog) *::before{transition:none!important}

.tools-mount { overflow:hidden; background:#332b26; }
.tools-mount iframe { display:block; width:100%; height:650px; border:0; background:#332b26; }
@media(max-width:700px){.tools-mount iframe { height:620px; }}

.tools-mount:has(.tools-krusty-image){min-height:0;background:none}.tools-krusty-image{display:block;width:100%;height:auto;border-radius:10px}