:root{
  --inverter-fast-ink:#082f31;
  --inverter-fast-muted:#405f60;
  --inverter-fast-petrol:#0b4b4d;
  --inverter-fast-petrol-dark:#062f32;
  --inverter-fast-paper:#fffdf7;
  --inverter-fast-page:#f4f4ee;
  --inverter-fast-line:#9ab7b2;
  --inverter-fast-soft:#e3eeeb;
  --inverter-fast-orange:#e7672e;
  --inverter-fast-focus:#ff9b5c;
  --inverter-fast-shadow:0 12px 28px rgba(5,48,50,.11);
}

/* La pagina Inverter usa una sola testata. */
body.inverter-page.entry-release>.entry-switch{display:none!important}
body.inverter-page main>.intro{
  min-height:clamp(300px,35vw,430px);
  padding-top:clamp(124px,12vw,154px);
  padding-bottom:clamp(34px,5vw,58px);
}
body.inverter-page main>.intro h1{
  max-width:760px;
  margin-block:14px 16px;
  font-size:clamp(38px,5vw,66px);
}
body.inverter-page main>.intro .lead{max-width:760px}

.inverter-fast-search{
  position:relative;
  z-index:4;
  width:min(1120px,calc(100% - 32px));
  margin:-36px auto 38px;
  color:var(--inverter-fast-ink);
}
.inverter-fast-panel{
  padding:clamp(18px,3vw,30px);
  border:1px solid rgba(11,75,77,.28);
  border-radius:24px;
  background:var(--inverter-fast-paper);
  box-shadow:var(--inverter-fast-shadow);
}
.inverter-fast-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px 28px;
  align-items:end;
  margin-bottom:18px;
}
.inverter-fast-eyebrow{
  display:block;
  margin-bottom:7px;
  color:var(--inverter-fast-petrol);
  font:800 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.inverter-fast-title{
  margin:0;
  color:var(--inverter-fast-ink);
  font-size:clamp(25px,3vw,38px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.inverter-fast-help{
  max-width:650px;
  margin:8px 0 0;
  color:var(--inverter-fast-muted);
  font-size:16px;
  line-height:1.5;
}
.inverter-fast-count{
  margin:0;
  color:var(--inverter-fast-muted);
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}

/* Solo la barra resta raggiungibile durante lo scorrimento. */
.inverter-fast-toolbar{
  position:sticky;
  top:max(8px,env(safe-area-inset-top));
  z-index:20;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  padding:8px;
  border:1px solid rgba(11,75,77,.34);
  border-radius:18px;
  background:var(--inverter-fast-paper);
  box-shadow:0 8px 22px rgba(5,48,50,.14);
}
.inverter-fast-input-wrap{position:relative;min-width:0}
.inverter-fast-input{
  display:block;
  width:100%;
  min-height:52px;
  margin:0;
  padding:12px 50px 12px 16px;
  border:1px solid var(--inverter-fast-line);
  border-radius:12px;
  background:#fff;
  color:var(--inverter-fast-ink);
  font:600 17px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:none;
}
.inverter-fast-input::placeholder{color:#587071;opacity:1;font-weight:500}
.inverter-fast-input:focus{
  border-color:var(--inverter-fast-petrol);
  outline:3px solid rgba(231,103,46,.32);
  outline-offset:2px;
}
.inverter-fast-clear{
  position:absolute;
  top:50%;
  right:6px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--inverter-fast-petrol);
  font-size:22px;
  line-height:1;
  box-shadow:none;
  transform:translateY(-50%);
}
.inverter-fast-clear:hover{background:var(--inverter-fast-soft)}
.inverter-fast-submit{
  min-width:112px;
  min-height:52px;
  padding:11px 20px;
  border:1px solid var(--inverter-fast-petrol-dark);
  border-radius:12px;
  background:var(--inverter-fast-petrol-dark);
  color:#fff;
  font:800 16px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:none;
  cursor:pointer;
}
.inverter-fast-submit:hover{background:var(--inverter-fast-petrol)}

.inverter-fast-chips{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  flex-wrap:wrap;
  gap:9px;
  margin:14px 0 0;
  padding:2px 1px 5px;
  overflow:visible;
}
.inverter-fast-chip{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  min-height:48px;
  padding:10px 15px;
  border:1px solid rgba(11,75,77,.42);
  border-radius:999px;
  background:#fff;
  color:var(--inverter-fast-petrol-dark);
  font:750 15px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:none;
  cursor:pointer;
  white-space:normal;
}
.inverter-fast-chip:hover,
.inverter-fast-chip[aria-pressed="true"],
.inverter-fast-chip.is-active{
  border-color:var(--inverter-fast-petrol);
  background:var(--inverter-fast-soft);
  color:var(--inverter-fast-ink);
}

.inverter-fast-status{
  min-height:24px;
  margin:16px 2px 8px;
  color:var(--inverter-fast-muted);
  font-size:15px;
  font-weight:650;
}
.inverter-fast-results{
  margin-top:10px;
}
.inverter-fast-results>ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.inverter-fast-result{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 16px;
  min-height:132px;
  padding:18px;
  border:1px solid rgba(11,75,77,.25);
  border-radius:16px;
  background:#fff;
  color:var(--inverter-fast-ink);
  text-decoration:none;
  box-shadow:0 5px 16px rgba(5,48,50,.07);
}
.inverter-fast-result:hover,
.inverter-fast-result:focus-visible{
  border-color:var(--inverter-fast-petrol);
  color:var(--inverter-fast-ink);
  text-decoration:none;
  box-shadow:0 9px 22px rgba(5,48,50,.12);
  transform:translateY(-2px);
}
.inverter-fast-result-meta{
  grid-column:1/-1;
  color:var(--inverter-fast-petrol);
  font:800 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.inverter-fast-result-title{
  margin:0;
  font-size:clamp(18px,2vw,21px);
  line-height:1.22;
}
.inverter-fast-result-copy{
  grid-column:1/-1;
  margin:0;
  color:var(--inverter-fast-muted);
  font-size:16px;
  line-height:1.45;
}
.inverter-fast-result-arrow{
  align-self:center;
  color:var(--inverter-fast-orange);
  font-size:22px;
  font-weight:850;
}
.inverter-fast-empty{
  margin-top:12px;
  padding:20px;
  border:1px solid var(--inverter-fast-line);
  border-radius:16px;
  background:var(--inverter-fast-soft);
  color:var(--inverter-fast-ink);
}
.inverter-fast-empty h3{margin:0 0 6px;font-size:19px}
.inverter-fast-empty p{margin:0;color:var(--inverter-fast-muted);font-size:16px}
.inverter-fast-recent{margin-top:14px}
.inverter-fast-recent-title{margin:0 0 8px;color:var(--inverter-fast-muted);font-size:14px;font-weight:750}
.inverter-fast-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid rgba(11,75,77,.18);
}
.inverter-fast-links a{
  color:var(--inverter-fast-petrol);
  font-size:14px;
  font-weight:750;
  text-decoration:none;
}
.inverter-fast-links a:hover{text-decoration:underline}

.inverter-fast-search :focus-visible{
  outline:3px solid var(--inverter-fast-focus);
  outline-offset:3px;
}
.inverter-fast-search [hidden]{display:none!important}

@media(max-width:800px){
  body.inverter-page main>.intro{
    min-height:280px;
    padding-top:38px;
    padding-bottom:54px;
    background:
      linear-gradient(180deg,rgba(3,37,40,.93),rgba(3,37,40,.98) 76%),
      url("inverter/refthe-inverter-workshop-hero-v1.jpg") 66% center/cover no-repeat;
  }
  body.inverter-page main>.intro .section-nav{display:none}
  .inverter-fast-search{margin-top:-34px}
  .inverter-fast-panel{border-radius:20px;box-shadow:0 8px 20px rgba(5,48,50,.1)}
  .inverter-fast-toolbar{top:max(6px,env(safe-area-inset-top));box-shadow:0 6px 16px rgba(5,48,50,.12)}
  .inverter-fast-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inverter-fast-results>ul{grid-template-columns:1fr}
  .inverter-fast-result{box-shadow:0 3px 10px rgba(5,48,50,.07)}
  body.inverter-page .case,
  body.inverter-page .document,
  body.inverter-page .field-shortcuts,
  body.inverter-page .inverter-command-center{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 5px 16px rgba(5,48,50,.08)!important;
  }
}

@media(max-width:560px){
  body.inverter-page main>.intro{min-height:250px;padding:28px 18px 50px}
  body.inverter-page main>.intro h1{font-size:38px;line-height:1.02}
  body.inverter-page main>.intro .lead{font-size:16px;line-height:1.45}
  .inverter-fast-search{width:calc(100% - 20px);margin-bottom:28px}
  .inverter-fast-panel{padding:16px 12px}
  .inverter-fast-heading{grid-template-columns:1fr;margin-bottom:14px}
  .inverter-fast-count{white-space:normal}
  .inverter-fast-toolbar{grid-template-columns:minmax(0,1fr) 84px;padding:6px;border-radius:15px}
  .inverter-fast-input{min-height:52px;padding-left:13px}
  .inverter-fast-submit{min-width:84px;width:84px;padding:0 10px;font-size:15px}
  .inverter-fast-submit::after{content:none}
  .inverter-fast-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;padding-bottom:7px}
  .inverter-fast-chips>.inverter-fast-chip{width:100%!important;min-width:0;padding-inline:10px}
  .inverter-fast-result{min-height:0;padding:16px 15px;border-radius:14px;box-shadow:none}
  .inverter-fast-result-copy{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}

@media(max-width:390px){
  .inverter-fast-chips{grid-template-columns:1fr}
}

@media(prefers-color-scheme:dark){
  :root{
    --inverter-fast-ink:#f2f6f3;
    --inverter-fast-muted:#c7d7d4;
    --inverter-fast-paper:#0d2c2f;
    --inverter-fast-page:#071f21;
    --inverter-fast-line:#638781;
    --inverter-fast-soft:#163a3c;
    --inverter-fast-shadow:0 10px 26px rgba(0,0,0,.28);
  }
  .inverter-fast-panel,
  .inverter-fast-toolbar{background:var(--inverter-fast-paper)}
  .inverter-fast-input,
  .inverter-fast-chip,
  .inverter-fast-result{background:#123638;color:var(--inverter-fast-ink)}
  .inverter-fast-input::placeholder{color:#bfd0cd}
  .inverter-fast-submit{border-color:#ef8350;background:#ef8350;color:#08272a}
  .inverter-fast-submit:hover{background:#ff9b69}
  .inverter-fast-result:hover,
  .inverter-fast-result:focus-visible{color:var(--inverter-fast-ink)}
}

@media(prefers-contrast:more){
  .inverter-fast-panel,
  .inverter-fast-toolbar,
  .inverter-fast-input,
  .inverter-fast-chip,
  .inverter-fast-result,
  .inverter-fast-empty{border-width:2px;border-color:currentColor}
  .inverter-fast-muted,
  .inverter-fast-help,
  .inverter-fast-count,
  .inverter-fast-status,
  .inverter-fast-result-copy{color:var(--inverter-fast-ink)}
  .inverter-fast-input::placeholder{color:var(--inverter-fast-ink)}
}

@media(prefers-reduced-motion:reduce){
  .inverter-fast-search *,
  .inverter-fast-search *::before,
  .inverter-fast-search *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .inverter-fast-result:hover,
  .inverter-fast-result:focus-visible{transform:none}
}

@media print{
  .inverter-fast-search{display:none!important}
}

/* These controls load after the shared button system so the field layout stays compact. */
.inverter-fast-toolbar>.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.inverter-fast-toolbar>.inverter-fast-input-wrap{grid-column:1}
.inverter-fast-toolbar>.inverter-fast-submit{grid-column:2;width:auto!important}
.inverter-fast-input-wrap>.inverter-fast-input{width:100%!important;margin:0!important}
.inverter-fast-chips>.inverter-fast-chip{width:100%!important;min-width:0!important}