/* INKERI ventilation compare V2 — visual language of Langai ir durys pagal STR.
   Component-scoped layout. Only presentation changed; calculator's JS and data remain intact. */
.inkeri-ventilation-compare{
  --ivc-navy:#142a40;--ivc-accent:#1766ae;--ivc-bright:#1672c7;
  --ivc-ink:#1b354b;--ivc-muted:#667d8e;--ivc-border:#dbe5ed;
  box-sizing:border-box;isolation:isolate;overflow:hidden;
  width:100%;max-width:1240px;margin:32px auto;padding:0;
  border:1px solid var(--ivc-border);border-radius:25px;background:#fff;
  box-shadow:0 16px 48px rgba(19,45,68,.07);color:var(--ivc-ink);font-family:inherit;
}
.inkeri-ventilation-compare *{box-sizing:border-box}
.inkeri-ventilation-compare input,.inkeri-ventilation-compare button{font:inherit}
.inkeri-ventilation-compare input:focus-visible,.inkeri-ventilation-compare summary:focus-visible{outline:3px solid rgba(25,111,194,.4);outline-offset:3px}
/* Matches the distinctive navy/blue hero of the STR helper. */
.inkeri-ventilation-compare .ivc-head{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:204px;margin:0;padding:29px 36px;
  background:linear-gradient(115deg,#112d48 0%,#154e82 66%,#246ea8 100%);color:#fff;overflow:hidden;
}
.inkeri-ventilation-compare .ivc-head::after{
  content:"";position:absolute;right:17%;bottom:-143px;width:310px;height:310px;
  border:60px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none;
}
.inkeri-ventilation-compare .ivc-head-copy{position:relative;z-index:1;min-width:0;max-width:760px}
.inkeri-ventilation-compare .ivc-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:850;letter-spacing:.12em;color:#a4d5fb;line-height:1.5}
.inkeri-ventilation-compare .ivc-signal{width:9px;height:9px;flex:none;border-radius:50%;background:#ec843b;box-shadow:0 0 0 4px rgba(236,132,59,.15)}
.inkeri-ventilation-compare .ivc-head h3{margin:14px 0 10px!important;color:#fff!important;font-size:clamp(25px,3.4vw,37px)!important;font-weight:900!important;line-height:1.13!important;letter-spacing:-.028em!important}
.inkeri-ventilation-compare .ivc-head p{margin:0;color:#e0eefb;font-size:14px;line-height:1.55;max-width:650px}
.inkeri-ventilation-compare .ivc-hero-art{flex:none;z-index:1;width:194px;max-width:24%;opacity:.92}
.inkeri-ventilation-compare .ivc-hero-art svg{display:block;width:100%;height:auto}
.inkeri-ventilation-compare .ivc-body{padding:26px 30px 29px;background:#fff}
/* Inputs: STR-style white fields, blue sliders, clearer numbers. */
.inkeri-ventilation-compare .ivc-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.inkeri-ventilation-compare .ivc-control{min-width:0;padding:15px 16px 12px;background:#fff;border:1px solid #dce5eb;border-radius:14px;box-shadow:0 2px 4px rgba(19,45,68,.016)}
.inkeri-ventilation-compare .ivc-control-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}
.inkeri-ventilation-compare .ivc-control label{color:#29455c;font-size:13px;font-weight:800;line-height:1.35;cursor:pointer}
.inkeri-ventilation-compare .ivc-control label span{margin-right:5px}
.inkeri-ventilation-compare .ivc-control output{color:#1766ae;font-size:19px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
.inkeri-ventilation-compare .ivc-control input[type=range]{display:block;width:100%;height:20px;margin:3px 0 1px;accent-color:#1766ae;cursor:pointer}
.inkeri-ventilation-compare .ivc-minmax{display:flex;justify-content:space-between;color:#8898a5;font-size:11px;line-height:1.5}
/* Benefit strips echo the STR result card. */
.inkeri-ventilation-compare .ivc-insights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.inkeri-ventilation-compare .ivc-insight{display:flex;align-items:flex-start;gap:11px;padding:17px 19px;background:#f8fafc;border:1px solid #dbe6ee;border-top:3px solid #b3c7d7;border-radius:14px;min-width:0}
.inkeri-ventilation-compare .ivc-insight-green{background:#eaf3fc;border-color:#cbdff0;border-top-color:#1c72b7}
.inkeri-ventilation-compare .ivc-insight>span{font-size:23px;flex:none;line-height:1.3}
.inkeri-ventilation-compare .ivc-insight b{display:block;color:#1a3b56;font-size:14px;font-weight:850;line-height:1.3}
.inkeri-ventilation-compare .ivc-insight p{margin:5px 0 0;font-size:12px;color:#5b7487;line-height:1.55}
/* Three compared systems retain their meaningful blue / orange / green identification. */
.inkeri-ventilation-compare .ivc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:13px}
.inkeri-ventilation-compare .ivc-card{position:relative;min-width:0;padding:18px 17px 19px;border:1px solid #dbe4eb;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 7px 20px rgba(18,53,81,.035)}
.inkeri-ventilation-compare .ivc-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#1c72b7}
.inkeri-ventilation-compare .ivc-window::before{background:#ec843b}
.inkeri-ventilation-compare .ivc-hrv::before{background:#2a9175}
.inkeri-ventilation-compare .ivc-card header{display:flex;gap:11px;align-items:center;margin:0 0 15px}
.inkeri-ventilation-compare .ivc-method-icon{width:43px;height:43px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#edf4fa;font-size:22px}
.inkeri-ventilation-compare .ivc-window .ivc-method-icon{background:#fff3e8}
.inkeri-ventilation-compare .ivc-hrv .ivc-method-icon{background:#eef8f3}
.inkeri-ventilation-compare .ivc-card h4{margin:0 0 4px!important;color:#193750!important;font-weight:900!important;font-size:18px!important;line-height:1.2!important}
.inkeri-ventilation-compare .ivc-card header p{margin:0;color:#73889a;font-size:11px;line-height:1.45}
.inkeri-ventilation-compare .ivc-temp{padding:13px 14px;margin:0 0 11px;border-radius:13px;background:#f3f7fa}
.inkeri-ventilation-compare .ivc-temp>span{font-size:11px;line-height:1.35;font-weight:750;color:#6c8190}
.inkeri-ventilation-compare .ivc-temp>strong{display:block;margin:4px 0 10px;font-size:27px;font-weight:900;line-height:1.1;color:#153e5b;font-variant-numeric:tabular-nums}
.inkeri-ventilation-compare .ivc-thermo{position:relative;height:6px;border-radius:999px;background:linear-gradient(90deg,#65b5ee,#c3e1ef 47%,#f0cd75 73%,#ed926a)}
.inkeri-ventilation-compare .ivc-thermo i{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;border:2px solid #fff;background:#183e5b;transform:translate(-50%,-50%);box-shadow:0 1px 4px #2349}
.inkeri-ventilation-compare .ivc-big-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.inkeri-ventilation-compare .ivc-big-metrics>div,.inkeri-ventilation-compare .ivc-normalized{min-width:0;border:1px solid #e1e9ee;border-radius:12px;background:#fff;padding:12px 11px}
.inkeri-ventilation-compare .ivc-big-metrics span,.inkeri-ventilation-compare .ivc-normalized span{display:block;min-height:30px;color:#718594;font-size:10px;line-height:1.35}
.inkeri-ventilation-compare .ivc-big-metrics b,.inkeri-ventilation-compare .ivc-normalized b{display:block;color:#173b57;font-size:20px;font-weight:900;line-height:1.25;font-variant-numeric:tabular-nums}
.inkeri-ventilation-compare .ivc-normalized{margin:8px 0 0;background:#f8fafc}
.inkeri-ventilation-compare .ivc-normalized b{font-size:16px}
.inkeri-ventilation-compare .ivc-bars{margin:14px 0}
.inkeri-ventilation-compare .ivc-bar-row{display:grid;grid-template-columns:minmax(80px,38%) minmax(0,1fr);align-items:center;gap:9px;margin:8px 0}
.inkeri-ventilation-compare .ivc-bar-row>span{color:#738695;font-size:10px;line-height:1.4}
.inkeri-ventilation-compare .ivc-bar-row>div{height:8px;background:#edf1f4;border-radius:999px;overflow:hidden}
.inkeri-ventilation-compare .ivc-bar-row i{display:block;width:0;height:100%;border-radius:999px;transition:width .3s ease;background:var(--ivc-orange,#ed8b34)}
.inkeri-ventilation-compare .ivc-bar-row:nth-child(2) i{background:var(--ivc-green,#2a9175)}
.inkeri-ventilation-compare .ivc-card dl{margin:0}
.inkeri-ventilation-compare .ivc-card dl>div{display:grid;grid-template-columns:minmax(78px,38%) minmax(0,1fr);gap:9px;border-top:1px solid #e8edf1;padding:10px 0}
.inkeri-ventilation-compare .ivc-card dt{color:#728494;font-size:11px;line-height:1.35}
.inkeri-ventilation-compare .ivc-card dd{min-width:0;margin:0;color:#344e62;font-weight:700;font-size:11px;line-height:1.45;overflow-wrap:break-word}
/* The mode selector remains only inside the center card, not above all three cards. */
.inkeri-ventilation-compare .ivc-window-mode{padding:12px;margin:0 0 13px;border:1px solid #e6e6e5;border-radius:13px;background:#fbfcfe}
.inkeri-ventilation-compare .ivc-window-mode-head{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0 0 11px}
.inkeri-ventilation-compare .ivc-window-mode-head b{display:block;color:#29455c;font-size:12px;line-height:1.35}
.inkeri-ventilation-compare .ivc-window-mode-head p{margin:3px 0 0;font-size:10px;color:#778999;line-height:1.4}
.inkeri-ventilation-compare .ivc-mode-flow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e3eaf0;padding:7px 0 0}
.inkeri-ventilation-compare .ivc-mode-flow small{color:#728698;font-size:10px}
.inkeri-ventilation-compare .ivc-mode-flow strong{color:#1766ae;font-size:14px;font-weight:900;white-space:nowrap}
.inkeri-ventilation-compare .ivc-window-mode-grid{display:grid;grid-template-columns:1fr;gap:7px}
.inkeri-ventilation-compare .ivc-window-mode-grid label{position:relative;display:block;min-width:0;cursor:pointer}
.inkeri-ventilation-compare .ivc-window-mode-grid input{position:absolute;opacity:0;pointer-events:none}
.inkeri-ventilation-compare .ivc-window-mode-grid span{display:block;padding:9px 10px;border:1px solid #dce5eb;border-radius:11px;background:#fff;transition:background .18s,border-color .18s,box-shadow .18s}
.inkeri-ventilation-compare .ivc-window-mode-grid b{display:block;margin:0 0 2px;color:#405c70;font-size:11px;font-weight:850;line-height:1.25}
.inkeri-ventilation-compare .ivc-window-mode-grid small{display:block;color:#7b8d9c;font-size:10px;line-height:1.3}
.inkeri-ventilation-compare .ivc-window-mode-grid input:checked+span{border-color:#1672c7;background:#eaf5ff;box-shadow:inset 0 0 0 1px #1672c7}
.inkeri-ventilation-compare .ivc-window-mode-grid input:checked+span b{color:#104f84}
.inkeri-ventilation-compare .ivc-window-mode-grid input:focus-visible+span{outline:3px solid rgba(25,111,194,.4);outline-offset:2px}
.inkeri-ventilation-compare .ivc-fair-note{display:flex;align-items:flex-start;gap:9px;margin-top:17px;padding:13px 15px;background:#eef5fb;border:1px solid #dfebf5;border-radius:12px;font-size:11px;line-height:1.6;color:#516f85}
.inkeri-ventilation-compare .ivc-formula{margin-top:12px;overflow:hidden;border:1px solid #dee7ed;border-radius:13px;background:#fff}
.inkeri-ventilation-compare .ivc-formula summary{padding:14px 16px;cursor:pointer;color:#315b7d;font-size:12px;font-weight:800}
.inkeri-ventilation-compare .ivc-formula[open] summary{border-bottom:1px solid #e7edf2}
.inkeri-ventilation-compare .ivc-formula-body{display:grid;gap:8px;padding:14px 16px}
.inkeri-ventilation-compare .ivc-formula code{display:block;overflow-x:auto;padding:9px 11px;border-radius:9px;background:#f3f7fb;color:#234c6b;font-size:11px}
.inkeri-ventilation-compare .ivc-formula p{margin:3px 0 0;color:#6b8090;font-size:11px;line-height:1.55}
@media(max-width:1040px){
  .inkeri-ventilation-compare .ivc-head{padding:27px 29px}
  .inkeri-ventilation-compare .ivc-body{padding:24px}
  .inkeri-ventilation-compare .ivc-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inkeri-ventilation-compare .ivc-cards{grid-template-columns:1fr}
  .inkeri-ventilation-compare .ivc-window-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .inkeri-ventilation-compare .ivc-card dl>div{grid-template-columns:145px minmax(0,1fr)}
}
@media(max-width:620px){
  .inkeri-ventilation-compare{margin:20px auto;border-radius:16px}
  .inkeri-ventilation-compare .ivc-head{min-height:0;padding:23px 20px}
  .inkeri-ventilation-compare .ivc-head h3{font-size:24px!important}
  .inkeri-ventilation-compare .ivc-head p{font-size:12px}
  .inkeri-ventilation-compare .ivc-eyebrow{font-size:9px;letter-spacing:.09em}
  .inkeri-ventilation-compare .ivc-hero-art{display:none}
  .inkeri-ventilation-compare .ivc-body{padding:18px}
  .inkeri-ventilation-compare .ivc-controls,.inkeri-ventilation-compare .ivc-insights{grid-template-columns:1fr}
  .inkeri-ventilation-compare .ivc-card{padding:16px 14px}
  .inkeri-ventilation-compare .ivc-window-mode-grid{grid-template-columns:1fr}
  .inkeri-ventilation-compare .ivc-big-metrics{grid-template-columns:1fr 1fr}
  .inkeri-ventilation-compare .ivc-card dl>div{grid-template-columns:105px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.inkeri-ventilation-compare *{transition:none!important;animation:none!important}}

/* Live weather source and location controls */
.inkeri-ventilation-compare .ivc-weather{margin:0 0 15px;padding:16px 19px;background:#eef5fc;border:1px solid #cbdff0;border-radius:15px}
.inkeri-ventilation-compare .ivc-weather-locale{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.inkeri-ventilation-compare .ivc-weather-locale label{font-size:13px;font-weight:850;color:#183f61;white-space:nowrap}
.inkeri-ventilation-compare .ivc-weather-locale select{min-width:160px;flex:1 1 200px;max-width:390px;height:42px;padding:8px 12px;border:1px solid #bad0e1;background:#fff;border-radius:10px;color:#173b57;font-size:14px}
.inkeri-ventilation-compare .ivc-weather button{cursor:pointer;min-height:42px;padding:8px 12px;border:1px solid #a8c8e2;background:#fff;color:#17588a;border-radius:10px;font-weight:800;font-size:12px}
.inkeri-ventilation-compare .ivc-weather button:hover{background:#deecfa;border-color:#2274bb}
.inkeri-ventilation-compare .ivc-weather button:focus-visible,.inkeri-ventilation-compare .ivc-weather select:focus-visible{outline:3px solid #99cfff;outline-offset:2px}
.inkeri-ventilation-compare .ivc-weather-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.inkeri-ventilation-compare .ivc-weather-metrics>div{padding:11px 13px;border:1px solid #d5e3ed;border-radius:10px;background:#fff;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.inkeri-ventilation-compare .ivc-weather-metrics span{font-size:12px;font-weight:750;color:#55738d}
.inkeri-ventilation-compare .ivc-weather-metrics strong{font-size:21px;font-weight:900;color:#1669ae;white-space:nowrap;font-variant-numeric:tabular-nums}
.inkeri-ventilation-compare .ivc-weather-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.inkeri-ventilation-compare .ivc-weather-status{font-size:11px;line-height:1.55;margin:0;color:#49687f}
.inkeri-ventilation-compare .ivc-weather-status[data-state=error]{color:#9d3d2b}
.inkeri-ventilation-compare .ivc-weather-status[data-state=success]{color:#207154}
.inkeri-ventilation-compare .ivc-weather-foot a{font-size:11px;color:#185b8a;text-decoration:underline}
.inkeri-ventilation-compare .ivc-weather-note{font-size:10px;line-height:1.5;color:#667d90;margin:7px 0 0}
@media(max-width:620px){.inkeri-ventilation-compare .ivc-weather{padding:13px}.inkeri-ventilation-compare .ivc-weather-locale{gap:7px}.inkeri-ventilation-compare .ivc-weather-locale label{width:100%}.inkeri-ventilation-compare .ivc-weather-locale select{min-width:0;max-width:none;flex-basis:100%}.inkeri-ventilation-compare .ivc-weather-locale button{flex:1}.inkeri-ventilation-compare .ivc-weather-metrics{grid-template-columns:1fr}}


/* ORAI / VENTILIACIJA: source, last success and fallback state */
.inkeri-ventilation-compare .ivc-weather-health{margin-top:13px;padding:14px;background:#fff;border:1px solid #cbdfe9;border-left:4px solid #258e75;border-radius:11px}
.inkeri-ventilation-compare .ivc-weather-badge{display:inline-block;padding:6px 9px;background:#e8f7f0;border-radius:7px;color:#116145;font-size:12px;font-weight:800;line-height:1.4}
.inkeri-ventilation-compare .ivc-weather-health[data-state="stale"]{border-left-color:#d68b17}
.inkeri-ventilation-compare .ivc-weather-health[data-state="stale"] .ivc-weather-badge{background:#fff0d0;color:#825607}
.inkeri-ventilation-compare .ivc-weather-health[data-state="unavailable"]{border-left-color:#cc4d58}
.inkeri-ventilation-compare .ivc-weather-health[data-state="unavailable"] .ivc-weather-badge{background:#ffe9ec;color:#9f2638}
.inkeri-ventilation-compare .ivc-weather-health[data-state="manual"] .ivc-weather-badge{background:#e9efff;color:#345c9a}
.inkeri-ventilation-compare .ivc-weather-health[data-state="loading"] .ivc-weather-badge{background:#edf2f8;color:#4a627b}
.inkeri-ventilation-compare .ivc-weather-details{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:0;margin:13px 0 0}
.inkeri-ventilation-compare .ivc-weather-details>div{display:block;border-top:1px solid #e9eff4;padding-top:8px;min-width:0}
.inkeri-ventilation-compare .ivc-weather-details dt{font-size:10px;font-weight:650;line-height:1.4;color:#6a7f91;margin:0}
.inkeri-ventilation-compare .ivc-weather-details dd{font-size:12px;font-weight:750;line-height:1.5;color:#244760;margin:3px 0 0;overflow-wrap:anywhere}
.inkeri-ventilation-compare .ivc-weather-reason{margin:12px 0 0;padding:9px 11px;background:#f5f8fc;border-radius:8px;color:#6a5031;font-size:11px;line-height:1.5}
.inkeri-ventilation-compare .ivc-weather-reason[hidden]{display:none!important}
@media(max-width:620px){.inkeri-ventilation-compare .ivc-weather-details{grid-template-columns:1fr}.inkeri-ventilation-compare .ivc-weather-health{padding:11px}}