/* Salary calculator v2, design C3 (bands: teal / cream / white / cream / white / teal). Loaded only by app/Views/tools/salary.php (not tools.css: no DM Mono, no shared tool styles).
   Fonts: Playfair Display + DM Sans only (loaded site-wide by header.php). Tokens extend the site's :root variables.
   Cards carry a 1 px border (3:1 against the cream band, 3.4:1 against white) plus a shadow, so they stay visible when brightness is low, in dark/night modes and in forced-colors mode. */
body{overflow-x:clip}   /* the site sets overflow-x:hidden on html AND body, which turns body into a scroll container and breaks position:sticky */
.sc{
  --sc-deep:#0B3A3F; --sc-deeper:#082B2F; --sc-edge:#1F5257; --sc-line-d:#4A777C;
  --sc-sand:#E3B99A; --sc-cream:#F5EDE6; --sc-pale:#C4DADC; --sc-teal2:#7FB5BA; --sc-teal3:#3E8A92;
  --sc-page:#F5F1EA; --sc-text:#1A1B2E; --sc-text2:#3D3D4F; --sc-mute:#5E5E70; --sc-line:#E4DFD5; --sc-line2:#EEE9E0;
  --sc-card-line:#948B78; --sc-band-line:#CFC7B8; --sc-acc:#765843;
  --sc-pri:#005C63; --sc-warn-bg:#FBF1DC; --sc-warn:#5E3E00;
  --sc-nav:72px;   /* height of the fixed site nav */
  background:var(--sc-page); color:var(--sc-text); font-family:var(--sans); font-size:16px; line-height:1.55;
}
.sc *,.sc *::before,.sc *::after{box-sizing:border-box}
.sc h1,.sc h2,.sc h3,.sc h4{font-family:var(--serif); font-weight:700; line-height:1.15; margin:0; font-variant-numeric:lining-nums; text-wrap:balance}
.sc p{margin:0}
.sc a{color:var(--sc-pri)}
.sc [hidden]{display:none!important}
.sc-vh,.sc-ph{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.sc :focus-visible{outline:3px solid var(--sc-sand); outline-offset:2px; border-radius:4px}
.sc-cream :focus-visible,.sc-white :focus-visible,.sc-sub-nav :focus-visible,.tool-disclaimer :focus-visible{outline-color:var(--sc-pri)}
.sc-wrap{max-width:1240px; margin:0 auto; padding:0 5vw}
.sc-b{font-weight:700}
.sc-band{position:relative}
.sc-cream,.sc-white{padding:40px 0}
.sc-cream{background:var(--sc-page); border-top:1px solid var(--sc-band-line)}
.sc-white{background:#fff; border-top:1px solid var(--sc-band-line); border-bottom:1px solid var(--sc-band-line)}
.sc-stack{display:flex; flex-direction:column; gap:18px; min-width:0}
.sc-head{display:flex; flex-direction:column; gap:6px}
.sc .sc-eb2{color:var(--sc-acc)}
.sc-head h2{font-size:clamp(1.7rem,3.2vw,2.15rem)}
.sc-lead2{font-size:1.08rem; color:var(--sc-text2); max-width:62ch}
.sc-h3{font-size:1.4rem}
.sc .sc-h3b{font-family:var(--sans); font-size:1.05rem; margin-bottom:6px}
.sc .sc-h4{font-family:var(--sans); font-size:1.05rem; margin:0 0 10px}

/* ── cards ── */
.sc-card{background:#fff; border:1px solid var(--sc-card-line); border-radius:14px; box-shadow:0 1px 2px rgba(11,58,63,.10),0 8px 22px rgba(11,58,63,.08); padding:22px; min-width:0}

/* ── hero ── */
.sc-hero{background:var(--sc-deep); color:var(--sc-cream); padding:24px 0 32px}
.sc-hero-grid{display:grid; grid-template-columns:minmax(0,1fr); gap:32px 56px; align-items:start}
@media (min-width:1000px){.sc-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* ── hero ── */
.sc-col-in{display:flex; flex-direction:column; gap:16px; min-width:0}
.sc-crumbs{display:flex; flex-wrap:wrap; gap:2px 8px; font-size:.82rem; color:var(--sc-pale)}
.sc-crumbs a{color:var(--sc-pale); text-decoration:none; padding:6px 0; min-height:24px}
.sc-crumbs a:hover{color:#fff; text-decoration:underline}
.sc-eyebrow{font-size:.8rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--sc-sand)}
.sc-hero h1{font-size:clamp(1.9rem,4.6vw,3.1rem); color:var(--sc-cream)}
.sc-hero h1 em{font-style:italic; color:var(--sc-sand)}
.sc-lead{color:var(--sc-pale); max-width:48ch}

.sc-form{display:flex; flex-direction:column; gap:18px; margin-top:4px}
.sc-seg{display:flex; flex-wrap:nowrap; gap:4px; background:var(--sc-deeper); border-radius:99px; padding:4px; border:0; margin:0; align-self:flex-start; max-width:100%}
.sc-seg label{display:block}
.sc-seg input{position:absolute; opacity:0; width:1px; height:1px}
.sc-seg span{display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:99px; cursor:pointer; font-weight:500; color:var(--sc-pale); white-space:nowrap}
.sc-seg input:checked+span{background:var(--sc-cream); color:var(--sc-deep); font-weight:500; box-shadow:0 0 0 1px var(--sc-cream)}
.sc-seg input:focus-visible+span{outline:3px solid var(--sc-sand); outline-offset:2px}
.sc-lbl{display:flex; justify-content:space-between; align-items:baseline; gap:8px; font-size:.8rem; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--sc-pale); margin-bottom:4px}
.sc-lbl2{display:flex; justify-content:space-between; align-items:baseline; gap:8px; font-size:.9rem; color:var(--sc-pale); margin-bottom:4px}
.sc-amt{display:flex; align-items:baseline; gap:10px; border-bottom:3px solid var(--sc-sand); padding:4px 10px 0; margin-inline:-10px; border-radius:10px 10px 0 0; transition:background-color .15s}
.sc-amt:focus-within{background:rgba(255,255,255,.08); border-bottom-color:#fff}
.sc-amt input,.sc-num{flex:1; min-width:0; width:100%; border:0; background:transparent; font-family:var(--sans); font-size:clamp(2.6rem,6vw,4rem); font-weight:500; color:var(--sc-cream); padding:2px 0; border-radius:0}
.sc-num{border-bottom:3px solid var(--sc-sand); font-size:2.4rem}
.sc-amt input:focus-visible,.sc-amt input:focus{outline:none}   /* focus is shown on the whole field (.sc-amt:focus-within), so no ring collides with the label or the unit */
.sc-num{padding-inline:6px; border-radius:6px 6px 0 0}
.sc-num:focus,.sc-num:focus-visible{outline:none; background:rgba(255,255,255,.08); border-bottom-color:#fff}
.sc-unit{font-size:1.2rem; color:var(--sc-pale); white-space:nowrap}
.sc-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}
.sc-chip{font:inherit; font-size:.95rem; font-weight:500; padding:8px 16px; min-height:44px; border-radius:99px; cursor:pointer; border:1px solid var(--sc-line-d); background:transparent; color:var(--sc-cream)}
.sc-chip:hover{border-color:var(--sc-sand)}
.sc-chip[aria-pressed="true"]{border-color:var(--sc-sand); background:var(--sc-sand); color:var(--sc-text)}
.sc-go{margin-top:12px; font:inherit; font-weight:500; min-height:48px; padding:0 28px; border-radius:99px; border:0; background:var(--sc-sand); color:var(--sc-text); cursor:pointer}
.sc-err{margin-top:8px; background:var(--sc-warn-bg); color:var(--sc-warn); border-radius:10px; padding:10px 12px; font-size:.95rem}
.sc-two{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.sc-grp-hour{display:none}
.sc-form[data-mode="hour"] .sc-grp-hour{display:block}
.sc-form[data-mode="hour"] .sc-grp-amount .sc-amt,.sc-form[data-mode="hour"] .sc-grp-amount .sc-lbl{display:none}
.sc-form[data-mode="hour"] .sc-grp-amount .sc-chips{margin-top:0}

.sc-panel{background:var(--sc-deeper); border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:14px}
.sc-opts{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:14px}
.sc-switch{display:flex; align-items:center; gap:12px; cursor:pointer; min-height:44px; position:relative}
.sc-switch input[type=checkbox]{position:absolute; opacity:0; width:56px; height:44px; margin:0; cursor:pointer}
.sc-track{flex:none; width:56px; height:32px; border-radius:99px; background:var(--sc-line-d); position:relative; transition:background .2s}
.sc-track::after{content:""; position:absolute; left:3px; top:3px; width:26px; height:26px; border-radius:50%; background:var(--sc-deep); transition:transform .2s}
.sc-switch input:checked+.sc-track{background:var(--sc-sand)}
.sc-switch input:checked+.sc-track::after{transform:translateX(24px)}
.sc-switch input:focus-visible+.sc-track{outline:3px solid var(--sc-sand); outline-offset:2px}
.sc-switch-t{line-height:1.3; font-weight:500}
.sc-switch-t small,.sc-check small{display:block; font-size:.9rem; color:var(--sc-pale); font-weight:400}
.sc-stepper{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.sc-step-ctl{display:flex; align-items:center; gap:8px}
.sc-step-b{width:44px; height:44px; border:1px solid var(--sc-line-d); border-radius:50%; background:transparent; color:var(--sc-cream); font-size:1.3rem; cursor:pointer; line-height:1}
.sc-step-b:hover{border-color:var(--sc-sand)}
.sc-stepper input{width:3.2ch; min-width:52px; text-align:center; background:transparent; border:0; border-bottom:2px solid var(--sc-line-d); color:var(--sc-cream); font:inherit; font-size:1.25rem; font-weight:500; min-height:44px; -moz-appearance:textfield}
.sc-stepper input::-webkit-outer-spin-button,.sc-stepper input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.sc-adv summary{cursor:pointer; min-height:44px; display:flex; align-items:center; color:var(--sc-cream); font-weight:500; border-top:1px solid var(--sc-edge); padding-top:6px; list-style:none}
.sc-adv summary::-webkit-details-marker{display:none}
.sc-adv summary::before{content:"+"; display:inline-block; width:1.4em; font-size:1.3rem; color:var(--sc-sand)}
.sc-adv[open] summary::before{content:"−"}
.sc-adv-body{display:flex; flex-direction:column; gap:14px; padding-top:8px}
.sc-adv select{width:100%; min-height:48px; background:var(--sc-deep); color:var(--sc-cream); border:1px solid var(--sc-line-d); border-radius:10px; padding:8px 12px; font:inherit}
.sc-check{display:flex; align-items:flex-start; gap:12px; min-height:44px; cursor:pointer}
.sc-check input[type=checkbox]{width:24px; height:24px; margin-top:2px; accent-color:var(--sc-sand); flex:none}

/* ── result ── */
.sc-result{display:flex; flex-direction:column; gap:20px; min-width:0}


/* ── result column ── */
.sc-main{display:flex; flex-direction:column}
.sc-k{font-size:.8rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--sc-sand)}
.sc-big{font-family:var(--serif); font-weight:700; font-size:clamp(2.6rem,7vw,4.2rem); line-height:1; color:var(--sc-cream); margin-top:4px; font-variant-numeric:lining-nums; white-space:nowrap}
.sc-sub{color:var(--sc-pale); margin-top:6px}
.sc-ok{font-size:.9rem; color:var(--sc-pale); margin-top:2px}
.sc-ok span{color:var(--sc-sand)}
.sc-note{background:var(--sc-warn-bg); color:var(--sc-warn); border-radius:10px; padding:12px 14px; font-size:.95rem}
.sc-note-min{background:#F8E3E0; color:#6E1F18}
.sc-split-h{font-size:.95rem; color:var(--sc-pale); margin-bottom:8px}
.sc-split-h b{color:var(--sc-cream); font-weight:500}
.sc-bar{display:block; width:100%; height:22px; border-radius:6px; overflow:hidden; forced-color-adjust:none}
.sc-bf1{fill:#F5EDE6} .sc-bf2{fill:#E3B99A} .sc-bf3{fill:#7FB5BA} .sc-bf4{fill:#3E8A92}
.sc-legend{list-style:none; margin:6px 0 0; padding:0; display:grid; gap:0}
.sc-legend li{display:grid; grid-template-columns:14px 1fr auto 5.2ch; gap:0 10px; align-items:center; padding:6px 0; font-size:.95rem; border-bottom:1px solid var(--sc-edge)}
.sc-legend li:last-child{border-bottom:0}
.sc-legend b{font-weight:500; color:var(--sc-cream); white-space:nowrap}
.sc-legend em{font-style:normal; color:var(--sc-pale); text-align:right; white-space:nowrap}
.sc-dot{display:inline-block; width:12px; height:12px; border-radius:50%; forced-color-adjust:none}
.sc-d1{background:var(--sc-cream)} .sc-d2{background:var(--sc-sand)} .sc-d3{background:var(--sc-teal2)} .sc-d4{background:var(--sc-teal3)} .sc-d5{background:var(--sc-teal2)}
.sc-metrics{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0}
.sc-metrics div{background:var(--sc-deeper); border:1px solid var(--sc-edge); border-radius:12px; padding:10px 14px}
.sc-metrics dt{font-size:.85rem; color:var(--sc-pale); line-height:1.3}
.sc-metrics dd{margin:2px 0 0; font-size:1.25rem; font-weight:500; white-space:nowrap}
.sc-mini{display:none}
.sc-chg{color:var(--sc-sand); font-size:.8rem; font-weight:500; letter-spacing:.02em; text-transform:none; white-space:nowrap; margin-left:8px}
.sc-chg-line{font-size:.85rem; color:var(--sc-sand); margin-top:-10px}
.sc-adv summary .sc-chg{margin-left:auto}

/* ── compare (U7) ── */
.sc-cmp-wrap{min-height:170px}
.sc-cmp{border:1px solid var(--sc-line-d); border-radius:14px; padding:16px 18px; display:flex; flex-direction:column; gap:12px; background:#0E4247}
.sc-cmp-top{display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; justify-content:space-between}
.sc-cmp-t{font-size:1.06rem; font-weight:700; margin:0}
.sc-cmp-s{font-size:.9rem; color:var(--sc-pale); margin-top:2px}
.sc-cmp-btns{display:flex; gap:8px; flex-wrap:wrap}
.sc .sc-cbtn{font:inherit; font-size:.9rem; min-height:44px; padding:0 16px; border-radius:99px; border:1px solid var(--sc-teal2); background:transparent; color:var(--sc-cream); cursor:pointer}
.sc .sc-cbtn:hover{border-color:var(--sc-sand)}
.sc .sc-cbtn-q{border-color:var(--sc-line-d); color:var(--sc-pale)}
.sc .sc-cbtn-big{min-height:48px; padding:0 22px; background:var(--sc-sand); border-color:var(--sc-sand); color:var(--sc-text); font-weight:700; font-size:1rem; align-self:flex-start}
.sc .sc-cbtn-big:hover{background:#ecc7ab}
.sc-cmp-chg{display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:.85rem; color:var(--sc-pale)}
.sc-cmp-chg b{background:var(--sc-sand); color:var(--sc-text); border-radius:99px; padding:4px 12px; font-size:.85rem; font-weight:500}
.sc-cmp-scroll{overflow-x:auto; max-width:100%}
.sc-cmp table{width:100%; border-collapse:collapse; font-size:.92rem; font-variant-numeric:lining-nums}
.sc-cmp th{font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; color:var(--sc-pale); font-weight:500; text-align:right; padding:6px 0 6px 10px; white-space:nowrap}
.sc-cmp td{padding:7px 0 7px 10px; text-align:right; border-top:1px solid var(--sc-edge); white-space:nowrap}
.sc-cmp th:first-child,.sc-cmp td:first-child{text-align:left; padding-left:0; white-space:normal}
.sc-cmp tbody th{text-transform:none; letter-spacing:0; font-size:inherit; color:inherit; font-weight:400; text-align:left; padding:7px 0; border-top:1px solid var(--sc-edge); white-space:normal}
.sc-cmp td:last-child{color:var(--sc-pale)}
.sc-cmp tr.sc-cmp-net th{font-weight:700; border-top:1px solid var(--sc-line-d); background:rgba(255,255,255,.05); padding-left:6px}
.sc-cmp tr.sc-cmp-net td{font-weight:700; border-top:1px solid var(--sc-line-d); background:rgba(255,255,255,.05)}
.sc-cmp tr.sc-cmp-net td:last-child{color:var(--sc-sand)}
.sc-cmp-sum{font-size:.92rem; color:var(--sc-pale)}

/* ── action row ── */
.sc-act{display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.sc-tools{display:flex; flex-wrap:wrap; gap:10px; align-items:center; min-height:44px}
.sc-tools button{font:inherit; font-size:.95rem; min-height:44px; padding:0 16px; border-radius:99px; border:1px solid var(--sc-line-d); background:transparent; color:var(--sc-cream); cursor:pointer}
.sc-tools button:hover{border-color:var(--sc-sand)}
.sc-btn{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border-radius:99px; background:var(--sc-sand); color:var(--sc-text)!important; font-weight:700; text-decoration:none}
.sc-btn:hover{background:#ecc7ab}
.sc .sc-link{color:var(--sc-cream); text-decoration:underline; text-underline-offset:4px; padding:12px 6px}

/* ── mobile result bar: top, under the fixed site nav (no clash with cookie banner / WhatsApp / keyboard) ── */
.sc-mbar{position:fixed; top:72px; left:0; right:0; z-index:150; background:var(--sc-deeper); color:var(--sc-cream); display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 5vw; border-bottom:2px solid var(--sc-sand); font-size:.9rem}
.sc-mbar b{font-family:var(--serif); font-size:1.4rem; font-weight:700; white-space:nowrap; font-variant-numeric:lining-nums}

/* ── sticky in-page navigation ── */
.sc-sub-nav{position:sticky; top:var(--sc-nav); z-index:120; background:#fff; border-top:1px solid var(--sc-band-line); border-bottom:1px solid var(--sc-card-line); box-shadow:0 2px 8px rgba(11,58,63,.08)}
.sc-sub-nav ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:0 6px}
.sc-sub-nav a{display:inline-flex; align-items:center; min-height:56px; padding:0 14px; font-weight:500; font-size:.95rem; text-decoration:none; color:var(--sc-text2); border-bottom:3px solid transparent}
.sc-sub-nav a:hover{color:var(--sc-pri)}
.sc-sub-nav a[aria-current="true"]{color:var(--sc-pri); font-weight:700; border-bottom-color:var(--sc-pri)}
#detalas,#tabulas,#ka-aprekina,#buj,#avoti{scroll-margin-top:calc(var(--sc-nav) + 56px + 8px)}

/* ── tabs ── */
.sc-tabs{display:flex; flex-wrap:nowrap; overflow-x:auto; gap:0; border-bottom:1px solid var(--sc-card-line); scrollbar-width:thin}
.sc .sc-tabs>button{font:inherit; font-size:1rem; font-weight:500; min-height:52px; padding:0 22px; flex:none; white-space:nowrap; border:0; border-bottom:3px solid transparent; margin-bottom:-1px; background:none; cursor:pointer; color:var(--sc-text2)}
.sc .sc-tabs>button:hover{color:var(--sc-pri)}
.sc .sc-tabs>button[aria-selected="true"]{color:var(--sc-pri); font-weight:700; border-bottom-color:var(--sc-pri)}
.sc-split2{display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; align-items:start}
.sc-panels,.sc-aside,.sc-tpanels{display:flex; flex-direction:column; gap:16px; min-width:0}
.sc-aside p,.sc-pnl>p,.sc-side p{color:var(--sc-text2); font-size:.9rem; line-height:1.5}
.sc-aside .sc-card,.sc-side .sc-card{display:flex; flex-direction:column; gap:10px}
.sc-pnl{padding:12px 24px 20px}
.sc-pnl-h{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 0 4px; font-size:.85rem; color:var(--sc-mute)}
.sc .sc-openall,.sc .sc-showall{font:inherit; font-size:.9rem; font-weight:700; color:var(--sc-pri); background:none; border:0; cursor:pointer; min-height:44px; padding:0 4px}
.sc .sc-openall:hover,.sc .sc-showall:hover{text-decoration:underline}
.sc-pnl>.sc-h3,.sc-pnl>.sc-hint{padding-top:10px}

/* ── rows with chevrons ── */
.sc-rows{display:flex; flex-direction:column}
.sc-row{border-bottom:1px solid var(--sc-line)}
.sc-row summary,.sc-row.sc-tot{display:flex; justify-content:space-between; gap:12px; align-items:center; min-height:44px; padding:6px 4px; cursor:pointer; list-style:none; font-variant-numeric:lining-nums}
.sc-row summary::-webkit-details-marker{display:none}
.sc-rv{display:flex; align-items:center; gap:12px; white-space:nowrap; font-weight:500}
.sc-chev{position:relative; flex:none; width:26px; height:26px; border-radius:50%; border:1px solid var(--sc-card-line); background:#fff}
.sc-chev::after{content:""; position:absolute; left:50%; top:50%; width:6px; height:6px; border-right:2px solid var(--sc-pri); border-top:2px solid var(--sc-pri); transform:translate(-65%,-50%) rotate(45deg); transition:transform .15s}
details[open]>summary .sc-chev{background:var(--sc-pri); border-color:var(--sc-pri)}
details[open]>summary .sc-chev::after{border-color:#fff; transform:translate(-50%,-70%) rotate(135deg)}
.sc-row p{font-size:.95rem; color:var(--sc-text2); background:var(--sc-page); border-radius:10px; padding:12px 16px; margin:2px 0 10px}
.sc-sub summary{color:var(--sc-mute); font-size:.95rem}
.sc-tot{font-weight:700; color:var(--sc-deep); font-size:1.25rem; border-top:2px solid var(--sc-deep); border-bottom:0; margin-top:6px; cursor:default!important}
.sc-curve{width:100%; min-height:240px} .sc-curve svg{display:block; width:100%; height:auto}
.sc .sc-concl{background:var(--sc-page); border-radius:10px; padding:12px 16px; margin-top:12px}

/* ── tables ── */
.sc-tcard{padding:8px 20px 14px}
.sc .sc-hint{font-size:.9rem; color:var(--sc-mute); margin:10px 0 0}
.sc-hint-wide{max-width:84ch}
.sc-table{width:100%; border-collapse:collapse; font-size:.95rem; font-variant-numeric:lining-nums}
.sc-table th,.sc-table td{padding:11px 10px; border-top:1px solid var(--sc-line); text-align:right; vertical-align:top; white-space:nowrap}
.sc-rates th,.sc-rates td{white-space:normal}
.sc-table thead th{white-space:normal; border-top:0; border-bottom:1px solid var(--sc-card-line); font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; color:var(--sc-mute); font-weight:500}
.sc-table tbody th,.sc-table thead th:first-child{text-align:left; font-weight:500}
.sc-rates td:last-child,.sc-rates th:last-child{text-align:left}
.sc-b{color:var(--sc-pri)}
.sc-table tr[data-gross]>*{padding-block:14px}
.sc-ladder tr[data-gross]>:last-child{position:relative; padding-right:40px}
.sc-ladder tr[data-gross][tabindex]{cursor:pointer}
.sc-ladder tr[data-gross][tabindex]>:last-child::after{content:""; position:absolute; right:12px; top:50%; width:7px; height:7px; border-right:2px solid var(--sc-pri); border-top:2px solid var(--sc-pri); transform:translateY(-50%) rotate(45deg)}
.sc-table tr[data-gross]:hover>*{background:var(--sc-page)}
.sc-scroll{overflow-x:auto; max-width:100%}
.sc-halves{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start}
.sc-halves .sc-table th,.sc-halves .sc-table td{padding:9px 8px}
.sc-pills{display:flex; flex-wrap:wrap; gap:8px}
.sc-sched{margin-bottom:16px}
.sc-pills a,.sc .sc-pill{font:inherit; font-size:.95rem; font-weight:500; color:var(--sc-pri); text-decoration:none; background:#fff; border:1px solid var(--sc-card-line); border-radius:99px; padding:0 18px; min-height:44px; display:inline-flex; align-items:center; cursor:pointer}
.sc-pills a:hover,.sc .sc-pill:hover{border-color:var(--sc-pri)}
.sc .sc-pill[aria-selected="true"]{background:var(--sc-pri); color:#fff; border-color:var(--sc-pri)}

/* ── method ── */
.sc-steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr)); gap:12px; align-items:stretch}
.sc-stp{display:flex; flex-direction:column; gap:4px; padding:16px}
.sc-stp-n{font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--sc-acc)}
.sc-stp b{font-size:1rem}
.sc-stp-v{font-family:var(--serif); font-weight:700; font-size:1.5rem; color:var(--sc-pri); font-variant-numeric:lining-nums; white-space:nowrap}
.sc-stp-t{font-size:.85rem; line-height:1.45; color:var(--sc-mute)}
.sc-stp-res{background:var(--sc-deep); color:var(--sc-cream); border:1px solid var(--sc-deep); border-radius:14px; box-shadow:0 8px 22px rgba(11,58,63,.18)}
.sc-stp-res .sc-stp-n{color:var(--sc-sand)} .sc-stp-res .sc-stp-v{color:var(--sc-cream)} .sc-stp-res .sc-stp-t{color:var(--sc-pale)}
.sc-cols3{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:20px 28px}
.sc-cols3 p{font-size:.9rem; color:var(--sc-text2)}

/* ── FAQ ── */
.sc-faq-grid{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:36px 48px; align-items:start}
.sc-faq{display:flex; flex-direction:column; gap:10px}
.sc-q{background:#fff; border:1px solid var(--sc-card-line); border-radius:12px; box-shadow:0 1px 2px rgba(11,58,63,.08)}
.sc-q summary{cursor:pointer; font-weight:700; padding:14px 20px; min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:14px; list-style:none}
.sc-q summary::-webkit-details-marker{display:none}
.sc-q p{margin:0; padding:0 20px 16px; color:var(--sc-text2)}
.sc-side{display:flex; flex-direction:column; gap:16px}
.sc-src{margin:0; padding-left:1.1em; display:flex; flex-direction:column; gap:7px; font-size:.95rem}
.sc-src a{padding:2px 0}

/* ── CTA band ── */
.sc-cta-band{background:var(--sc-deep); color:var(--sc-cream); padding:44px 0}
.sc-cta{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:32px 56px; align-items:center}
.sc-cta-l{display:flex; flex-direction:column; gap:14px}
.sc-cta h2{font-size:clamp(1.8rem,3.6vw,2.5rem); color:var(--sc-cream); margin:0}
.sc-cta-l p{color:var(--sc-pale); max-width:46ch}
.sc-cta-l .sc-eyebrow{color:var(--sc-sand)}
.sc-cta-btns{display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; margin-top:4px}
.sc-cal{background:#0F4A50; border:1px solid var(--sc-line-d); border-radius:16px; padding:22px 24px; display:flex; flex-direction:column; gap:14px}
.sc-cal-h{display:flex; justify-content:space-between; gap:12px; align-items:baseline; flex-wrap:wrap}
.sc-cal-h span{font-size:.9rem; color:var(--sc-pale)}
.sc-cal ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.sc-cal li{display:flex; gap:12px; align-items:flex-start; color:var(--sc-pale)}
.sc-cal li b{color:var(--sc-cream); font-weight:500}
.sc-cal .sc-dot{margin-top:6px; flex:none}

/* ── disclaimer partial: a small dark footnote band ── */
.sc .tool-disclaimer{background:var(--sc-deeper); color:var(--sc-pale); padding:18px 0}
.sc .tool-disclaimer__inner{max-width:1240px; margin:0 auto; padding:0 5vw; display:block}
.sc .tool-disclaimer__icon{display:none}
.sc .tool-disclaimer__title{font-size:.85rem; font-weight:700; color:var(--sc-cream); margin-bottom:.25rem}
.sc .tool-disclaimer__text{font-size:.85rem; line-height:1.55; margin-bottom:.3rem}
.sc .tool-disclaimer__text strong{color:var(--sc-cream); font-weight:500}
.sc .tool-disclaimer__cta{font-size:.85rem}
.sc .tool-disclaimer a{color:var(--sc-sand); font-weight:500}
.sc .tool-disclaimer :focus-visible{outline-color:var(--sc-sand)}

/* ── print: a clean A4 report (only #sc-print is printed) ── */
.sc-print{display:none}
@page{size:A4; margin:10mm 14mm 10mm}
@media print{
  html,body{background:#fff!important; color:#000!important}
  body>*:not(main):not(script):not(style){display:none!important}   /* site nav, mobile menu, footer, cookie banner, WhatsApp */
  .breadcrumb,.sc-mbar,.tool-disclaimer{display:none!important}
  main#main-content{padding:0!important; margin:0!important; max-width:none!important}
  .sc{background:#fff!important; padding:0!important}
  .sc>*:not(.sc-print){display:none!important}
  .sc>.sc-print{display:block!important}
  .sc-print{font-family:var(--sans); font-size:9.5pt; line-height:1.3; color:#111; -webkit-print-color-adjust:exact; print-color-adjust:exact}
  .sc-print *{box-sizing:border-box}
  .scp-head{display:flex; justify-content:space-between; align-items:flex-end; gap:12mm; padding-bottom:4mm; border-bottom:2px solid #005C63; margin-bottom:4mm}
  .scp-brand{display:block; font-family:var(--serif); font-weight:700; font-size:24pt; line-height:1; color:#005C63}
  .scp-brand span{color:#B08A6E}
  .scp-sub{display:block; font-size:8pt; color:#444; margin-top:1mm}
  .scp-meta{font-size:8.5pt; color:#333; text-align:right}
  .scp-title{font-family:var(--serif); font-size:15pt; margin:0 0 2.5mm; color:#111}
  .scp-result{display:flex; justify-content:space-between; align-items:flex-end; gap:8mm; border:1.5pt solid #005C63; border-radius:2mm; padding:2.5mm 5mm; margin-bottom:3mm; break-inside:avoid}
  .scp-k{display:block; font-size:8.5pt; letter-spacing:.08em; text-transform:uppercase; color:#005C63}
  .scp-big{display:block; font-family:var(--serif); font-weight:700; font-size:23pt; line-height:1.1; color:#005C63; white-space:nowrap}
  .scp-sub2{font-size:9.5pt; color:#222; text-align:right}
  .sc-print h3{font-family:var(--sans); font-size:10pt; margin:0 0 1.5mm; color:#005C63; break-after:avoid}
  .scp-t{width:100%; border-collapse:collapse; margin-bottom:2.5mm; font-size:8.5pt; break-inside:avoid}
  .scp-t th,.scp-t td{padding:.9mm 2mm; border-bottom:.5pt solid #bbb; text-align:left; vertical-align:top; white-space:normal}
  .scp-t thead th{font-size:7.5pt; letter-spacing:.05em; text-transform:uppercase; color:#555; border-bottom:1pt solid #333; font-weight:500}
  .scp-t .r{text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums}
  .scp-t tr.tot td{font-weight:700; border-top:1.2pt solid #000; border-bottom:1.2pt solid #000}
  .scp-in,.scp-in tbody{display:block}
  .scp-in tbody{display:grid; grid-template-columns:1fr 1fr; column-gap:8mm}
  .scp-in tr{display:grid; grid-template-columns:44% 56%; break-inside:avoid}
  .scp-in th{font-weight:500; color:#333}
  .scp-cols{display:block}
  .scp-note{font-size:9pt; border:.8pt solid #999; border-left:3pt solid #B08A6E; padding:2mm 3mm; margin:0 0 4mm; break-inside:avoid}
  .scp-note[hidden]{display:none!important}
  .scp-line{font-size:8.5pt; color:#222; margin:0 0 3mm}
  .scp-line b{font-weight:700}
  .scp-foot{margin-top:3mm; padding-top:2mm; border-top:.5pt solid #999; font-size:7.5pt; color:#333; display:flex; flex-direction:column; gap:1.5mm}
  .scp-foot p{margin:0}
  .scp-url{word-break:break-all}
}

@media (max-width:999px){
  .sc-hero{padding:14px 0 24px}
  .sc-hero .sc-lead{display:none}
  .sc .sc-eb2{display:none}
  .sc-legend li{padding:4px 0}
  .sc-split2,.sc-faq-grid{grid-template-columns:minmax(0,1fr)}
  .sc-mini{display:flex; justify-content:space-between; align-items:center; gap:10px; background:var(--sc-cream); color:var(--sc-deep); border-radius:14px; padding:14px 16px}
  .sc-mini-k{display:block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--sc-acc)}
  .sc-mini-v{display:block; font-family:var(--serif); font-size:2.1rem; line-height:1.1; font-variant-numeric:lining-nums}
  .sc-mini-r{text-align:right; font-size:.85rem; color:var(--sc-text2); line-height:1.35}
  .sc-mini-r b{display:block; font-size:1.05rem; color:var(--sc-deep); font-weight:700}
  .sc-main .sc-k,.sc-main .sc-big{display:none}
  .sc-main .sc-sub{margin-top:0}
  .sc-sub-nav{position:static; box-shadow:none}
  .sc-sub-nav .sc-wrap{padding:0}
  .sc-sub-nav ul{flex-wrap:nowrap; overflow-x:auto; padding:0 8px; scrollbar-width:thin}
  .sc-sub-nav a{white-space:nowrap; min-height:48px}
  #detalas,#tabulas,#ka-aprekina,#buj,#avoti{scroll-margin-top:calc(var(--sc-nav) + 64px)}
}
@media (max-width:860px){
  .sc-hero-grid{gap:20px}
  .sc-col-in,.sc-form{gap:14px}
  .sc-result{gap:14px}
  .sc-row summary,.sc-row.sc-tot{min-height:44px}
  .sc-q summary{min-height:44px; padding:8px 14px}
  .sc-q p{padding:0 16px 14px}
  .sc-faq{gap:6px}
  .sc-cta-band{padding:26px 0}
  .sc-cal{padding:14px 16px; gap:8px} .sc-cal ul{gap:8px}
  .sc-cta-l{gap:10px}
  .sc .tool-disclaimer{padding:14px 0} .sc .tool-disclaimer__text{font-size:.8rem}
  .sc-src{font-size:.9rem; gap:4px}
  .sc-aside .sc-card,.sc-side .sc-card{gap:6px; padding:14px 16px}
  .sc-aside p{font-size:.9rem}
  .sc-two{grid-template-columns:1fr}
  .sc-card{padding:18px}
  .sc-legend li{grid-template-columns:14px 1fr auto 5.4ch}
  .sc-cream,.sc-white{padding:26px 0}
  .sc-stack{gap:14px}
  .sc-halves{grid-template-columns:minmax(0,1fr)}
  .sc-pnl{padding:8px 16px 16px}
}
@media (max-width:600px){
  .sc-hm{display:none}
  .sc-steps{grid-template-columns:minmax(0,1fr); gap:10px}
  .sc-stp{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 12px; padding:10px 14px; align-items:baseline}
  .sc-cols3{gap:14px}
  .sc-stp-n{grid-column:1} .sc-stp b{grid-column:1} .sc-stp-v{grid-column:2; grid-row:1 / span 2; align-self:center}
  .sc-stp-t{grid-column:1 / -1}
}
@media (max-width:420px){
  .sc-cmp{padding:14px 12px} .sc-cmp table{font-size:.8rem} .sc-cmp th{padding-left:6px; font-size:.7rem; letter-spacing:.03em} .sc-cmp td{padding-left:6px}
  .sc-seg{width:100%} .sc-seg label{flex:1} .sc-seg span{padding:0 6px; font-size:.9rem; justify-content:center; width:100%}
  .sc-wrap{padding:0 16px}
  .sc-legend li{font-size:.9rem}
  .sc-table{font-size:.88rem}
  .sc-table th,.sc-table td{padding:9px 5px}
  .sc-metrics div{padding:7px 10px} .sc-metrics dd{font-size:1.1rem}
  .sc .sc-tabs>button{padding:0 14px; font-size:.95rem; flex:1 1 auto}
  .sc-tcard{padding:6px 12px 12px}
  .sc-tools button{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){.sc *{transition:none!important; scroll-behavior:auto!important}}
@media (forced-colors:active){
  .sc-card,.sc-q,.sc-cmp,.sc-metrics div,.sc-cal{border:1px solid CanvasText}
  .sc-chev{border-color:CanvasText}
  .sc-sub-nav a[aria-current="true"]{border-bottom-color:Highlight}
}

/* focus rings of rows that sit flush against their neighbours are drawn inside the element, so they never overlap the text next to them */
.sc summary:focus-visible,.sc tr[data-gross]:focus-visible,.sc .sc-seg input:focus-visible+span,.sc .sc-tabs>button:focus-visible,.sc-sub-nav a:focus-visible{outline-offset:-3px}