#page-article .kinneret-page-title { max-width:1380px; margin:0.8rem auto; padding-inline:var(--w2d-space-6,24px); text-align:right; }
#kineret { --kn-bg:var(--w2d-surface-neutral,#fff); --kn-soft:var(--w2d-surface-neutral-subtle,#f8fafc); --kn-text:var(--w2d-text,#1f2937); --kn-muted:var(--w2d-text-muted,#475569); --kn-border:var(--w2d-border-subtle,#e2e8f0); --kn-blue:var(--w2d-brand-700,#1b3d67); --kn-cyan:var(--w2d-primary-600,#225bd0); --kn-chart-current:var(--w2d-primary-600,#225bd0); --kn-chart-previous:var(--w2d-neutral-500,#64748b); --kn-chart-average:var(--w2d-gold-700,#b45309); --kn-chart-band:var(--w2d-primary-300,#93c5fd); --kn-chart-grid:var(--w2d-neutral-200,#e2e8f0); --kn-chart-tooltip-border:var(--w2d-neutral-300,#cbd5e1); --kn-threshold:var(--w2d-red-800,#991b1b); --kn-threshold-line:var(--w2d-red-400,#f87171); box-sizing:border-box; color:var(--kn-text); font-family:var(--w2d-font-family,Arial,sans-serif); max-width:1380px; margin:0 auto 28px; padding-inline:var(--w2d-space-6,24px); line-height:1.5; }
#kineret *,#kineret *:before,#kineret *:after { box-sizing:border-box; }
#kineret a { color:var(--kn-blue); }
#kineret button,#kineret select,#kineret input { font:inherit; }
#kineret button:focus-visible,#kineret select:focus-visible,#kineret input:focus-visible,#kineret a:focus-visible { outline:3px solid var(--w2d-primary-400,#60a5fa); outline-offset:2px; }
.kinneret-panel-head { display:flex; justify-content:space-between; align-items:end; gap:16px; }
.kinneret-reading p,.kinneret-table-note { color:var(--kn-muted); margin:0; }
.kinneret-eyebrow { color:var(--kn-cyan); font-size:14px; font-weight:700; letter-spacing:.04em; }
.kinneret-hero { display:grid; grid-template-columns:minmax(270px,1fr) minmax(280px,1.12fr); gap:16px; margin-bottom:16px; }
.kinneret-reading,.kinneret-gauge-wrap,.kinneret-chart-panel,.kinneret-table-panel,.kinneret-state { background:var(--kn-bg); border:1px solid var(--kn-border); border-radius:18px; box-shadow:var(--w2d-shadow-sm,0 1px 3px #0001); }
.kinneret-reading { display:flex; flex-direction:column; justify-content:center; padding:24px 28px; border-top:4px solid var(--kn-cyan); }
.kinneret-main-value { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin:14px 0; }
.kinneret-main-value bdi { direction:ltr; unicode-bidi:isolate; font-size:clamp(40px,5vw,64px); font-weight:700; line-height:1; font-variant-numeric:tabular-nums; color:var(--kn-blue); }
.kinneret-main-value span { color:var(--kn-muted); font-size:14px; }
.kinneret-reading p { margin-top:5px; }
.kinneret-import-warning { color:var(--w2d-text-warning,#9a3412)!important; font-weight:700; }
.kinneret-gauge-wrap { display:flex; padding:0; overflow:hidden; }
.kinneret-gauge { position:relative; flex:1; min-height:205px; overflow:hidden; background:linear-gradient(180deg,#eef9fc,#f7fcfd); }
.kinneret-gauge-water { position:absolute; bottom:0; left:0; right:0; height:0; background:linear-gradient(180deg,#7ac8d5aa,#2e92b2bb); transition:height .65s ease; }
.kinneret-gauge-marker { position:absolute; right:0; left:0; bottom:0; border-top:3px solid #075f79; z-index:2; transition:bottom .65s ease; }
.kinneret-gauge-marker span { position:absolute; left:50%; top:0; z-index:1; transform:translateX(-50%); white-space:nowrap; background:#075f79; color:#fff; padding:3px 10px; border-radius:0 0 6px 6px; font-weight:700; font-size:14px; }
.kinneret-gauge-duck-track { position:absolute; left:calc(100% - 52px); bottom:-7px; width:44px; height:44px; pointer-events:none; animation:kinneret-duck-sail 48s linear infinite; }
.kinneret-gauge-duck { display:block; width:100%; height:100%; transform-origin:50% 75%; animation:kinneret-duck-wave 3.2s ease-in-out infinite; }
@keyframes kinneret-duck-sail { 0%,100% { left:calc(100% - 52px); transform:scaleX(1); } 47% { left:8px; transform:scaleX(1); } 50% { left:8px; transform:scaleX(-1); } 97% { left:calc(100% - 52px); transform:scaleX(-1); } }
@keyframes kinneret-duck-wave { 0%,100% { transform:translateY(0) rotate(-1deg); } 25% { transform:translateY(-1px) rotate(.5deg); } 50% { transform:translateY(0) rotate(1deg); } 75% { transform:translateY(.5px) rotate(-.5deg); } }
.kinneret-gauge-marker--near-bottom span { top:auto; bottom:3px; border-radius:6px 6px 0 0; }
.kinneret-gauge-marker--near-top .kinneret-gauge-duck-track { bottom:auto; top:-9px; }
.kinneret-gauge-threshold { position:absolute; right:12px; left:12px; height:0; display:flex; justify-content:space-between; gap:8px; border-top:1px dashed #bf4545; color:#9a2d2d; padding-top:3px; font-size:14px; line-height:1.25; }
.kinneret-gauge-threshold:last-child { border-color:#27323d; color:#27323d; }
.kinneret-gauge-threshold:last-child > span { position:absolute; right:0; bottom:4px; }
.kinneret-gauge-threshold:last-child bdi { position:absolute; left:0; bottom:4px; }
.kinneret-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.kinneret-metric { background:var(--kn-bg); border:1px solid var(--kn-border); border-radius:14px; padding:8px; min-height:126px; }
.kinneret-metric .metric-label { color:var(--kn-muted); font-size:14px; display:flex; align-items:flex-start; gap:4px; min-height:42px; }
.kinneret-metric .metric-label-text { min-width:0; }
#kineret .kinneret-metric-help { display:inline-block; vertical-align:middle; width:24px; height:24px; margin-inline-start:4px; padding:0; border:0; background-color:transparent; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer; opacity:.9; filter:drop-shadow(0 0 1px rgba(255,255,255,.8)); transition:opacity .15s ease; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23808080' d='M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8s-8-3.589-8-8s3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m4 8a4 4 0 0 0-8 0h2c0-1.103.897-2 2-2s2 .897 2 2s-.897 2-2 2a1 1 0 0 0-1 1v2h2v-1.141A3.99 3.99 0 0 0 16 10m-3 6h-2v2h2z'/%3E%3C/svg%3E"); }
#kineret .kinneret-metric-help:hover { opacity:1; }
#kineret .kinneret-metric .kinneret-metric-help { flex:none; margin-inline-start:0; }
.kinneret-metric .value { display:block; direction:rtl; text-align:right; font-variant-numeric:tabular-nums; font-size:16px; font-weight:600; line-height:1.4; color:var(--kn-text); }
.kinneret-metric .detail { display:block; color:var(--kn-muted); font-size:14px; margin-top:3px; }
.kinneret-insight { border-right:4px solid var(--kn-cyan); padding:13px 18px; margin:16px 0; background:var(--kn-soft); color:var(--kn-text); font-weight:600; border-radius:10px 0 0 10px; }
.kinneret-chart-panel,.kinneret-table-panel { padding:20px; min-width:0; }
.kinneret-chart-panel { margin-bottom:var(--w2d-space-4,16px); }
#kineret .kinneret-table-panel { float:none; width:100%; margin:0; }
.kinneret-panel-head { align-items:center; }.kinneret-panel-head h3 { font-size:21px; line-height:1.25; margin:2px 0; color:var(--kn-blue); }
.kinneret-segment { display:flex; flex-wrap:wrap; border:1px solid var(--kn-border); border-radius:9px; padding:3px; background:var(--kn-soft); }
.kinneret-segment button { background:transparent; border:0; border-radius:6px; color:var(--kn-muted); cursor:pointer; padding:6px 11px; font-size:14px; }
.kinneret-segment button[aria-pressed=true] { background:var(--kn-bg); color:var(--kn-blue); box-shadow:0 1px 5px #0002; font-weight:700; }
.kinneret-controls { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin:15px 0 8px; }
.kinneret-controls label { color:var(--kn-muted); font-size:14px; display:flex; flex-direction:column; gap:3px; }
#kineret [hidden] { display:none !important; }
.kinneret-controls .w2d-select { width:auto; min-width:140px; }
.kinneret-range { width:100%; }.kinneret-custom { display:flex; gap:10px; margin-top:9px; }
.kinneret-table-note { font-size:14px; margin-bottom:10px; }
.kinneret-chart { width:100%; height:400px; direction:rtl; }
.kinneret-chart--empty { display:flex; align-items:center; justify-content:center; color:var(--kn-muted); font-size:14px; text-align:center; }
.kinneret-tooltip { direction:rtl; text-align:right; line-height:1.4; font-size:14px; }
#kineret .highcharts-tooltip-box { fill:var(--kn-bg); stroke:var(--kn-border); }
#kineret .highcharts-tooltip .kinneret-tooltip { color:var(--kn-text); }
.kinneret-tooltip-title { font-weight:700; }
.kinneret-tooltip-date { margin-top:2px; }
.kinneret-tooltip-value { margin-top:5px; font-size:15px; font-weight:700; white-space:nowrap; }
.kinneret-tooltip-count { margin-top:2px; font-size:14px; }
#kineret bdi[dir=ltr] { direction:ltr; unicode-bidi:isolate; }
.kinneret-tooltip .kinneret-ltr { direction:ltr; unicode-bidi:isolate; display:inline-block; }
.kinneret-legend { display:flex; flex-wrap:wrap; gap:12px; color:var(--kn-muted); font-size:14px; margin-top:7px; }
.kinneret-legend span:before { content:''; display:inline-block; vertical-align:middle; width:18px; border-top:3px solid; margin-left:5px; }.kinneret-legend .current:before { border-color:var(--kn-chart-current); }.kinneret-legend .previous:before { border-color:var(--kn-chart-previous); }.kinneret-legend .average:before { border-color:var(--kn-chart-average); border-top-style:dashed; }.kinneret-legend .band:before { border-color:var(--kn-chart-band); border-top-width:7px; }
.kinneret-table-scroll { margin-block:0; }
.kinneret-table-panel .w2d-table { min-width:780px; table-layout:auto; direction:rtl; }
.kinneret-table-panel .w2d-table th,.kinneret-table-panel .w2d-table td { white-space:nowrap; }
.kinneret-table-panel .w2d-table td small { display:inline-block; margin-inline-start:7px; color:var(--kn-muted); white-space:nowrap; line-height:1.2; }
.kinneret-credits { margin:12px 4px 0; color:var(--kn-muted); font-size:14px; text-align:right; }
.kinneret-state { padding:25px; }.kinneret-state p { margin:8px 0 0; }
@media (max-width:1100px) { .kinneret-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .kinneret-hero { grid-template-columns:1fr; }.kinneret-reading,.kinneret-chart-panel,.kinneret-table-panel { padding:17px; }.kinneret-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.kinneret-panel-head { align-items:start; flex-direction:column; }.kinneret-chart { height:330px; }.kinneret-main-value bdi { font-size:46px; } }
@media (max-width:700px) { #kineret { padding-inline:var(--w2d-space-4,16px); } }
@media (max-width:700px) { #page-article .kinneret-page-title { padding-inline:var(--w2d-space-4,16px); } }
@media (max-width:480px) { .kinneret-gauge-threshold-detail { display:none; } }
@media (prefers-reduced-motion:reduce) { .kinneret-gauge-water,.kinneret-gauge-marker { transition:none; }.kinneret-gauge-duck-track,.kinneret-gauge-duck { animation:none; } }