/* Ledger — bendras stilių lapas visoms skaičiuoklėms */
:root{--paper:#faf9f7;--surface:#fff;--ink:#1a1917;--ink-2:#57544f;--ink-3:#6b6862;--line:#e2ded8;--line-2:#cfc9c1;--acc:#0b6b5e;--acc-2:#e8f1ef;--acc-3:#084f45;--warn:#8a5a00;--warn-2:#c79a4a}
*{box-sizing:border-box}
/* `hidden` turi nugalėti bet kurį `display`. Be šito `.fields{display:grid}`
   perrašo naršyklės numatytą `[hidden]{display:none}`, ir paslėpti laukai
   (pvz. darbo laiko „Nuo–Iki") lieka matomi. */
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 "IBM Plex Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc-3);text-decoration:underline}
/* Nuoroda teksto viduje turi skirtis ne vien spalva — kitaip spalvų neskiriantis
   naudotojas jos nepastebi (Lighthouse `link-in-text-block`). */
p a,li a,dd a,.hint a,.kn a{text-decoration:underline;text-underline-offset:2px}
.plain a,nav a,.lgrid a,.guides a,.track-x a,.crumbs a{text-decoration:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
::selection{background:var(--acc-2)}
.num{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* Turinio plotis: 1280px, o ne maketo 1140px. Sąmoningas nuosprendis 2026-09-12 —
   sutampa su dabartinės gyvos svetainės pločiu (max-w-7xl), prie kurio naudotojai
   pripratę. Prie 1140px 1920px ekrane tuščia liktų 41 % ploto. */
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── header ── */
header.top{position:sticky;top:0;z-index:30;background:rgba(250,249,247,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:32px;height:60px}
.brand{display:flex;align-items:baseline;gap:8px;color:var(--ink);font-weight:600;letter-spacing:-.02em}
.brand:hover{text-decoration:none}
.brand .mark{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;color:var(--acc);border:1px solid var(--acc);padding:2px 5px}
nav.main{display:flex;gap:24px;margin-left:auto;font-size:14.5px}
nav.main a{color:var(--ink-2)}nav.main a:hover{color:var(--acc);text-decoration:none}
nav.main a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
/* iškrentantis meniu */
.dd{position:relative;display:flex;align-items:center}
.dd-t{border:0;background:none;font:inherit;font-size:14.5px;color:var(--ink-2);cursor:pointer;padding:0;display:flex;align-items:center;gap:5px}
.dd-t::after{content:"▾";font-size:10px;color:var(--ink-3)}
.dd-t:hover{color:var(--acc)}
.dd[data-cur] .dd-t{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
/* Tarp mygtuko ir skydelio yra 18px tarpas (top: 100% + 18px). Pelei jį kertant
   `:hover` nutrūksta ir meniu užsiveria. `::before` užpildo tą tarpą nematoma
   juosta, todėl pelė iš mygtuko į skydelį pereina neprarasdama hover. */
.dd-p::before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}
.dd-p{position:absolute;top:calc(100% + 18px);left:-20px;z-index:40;width:min(560px,calc(100vw - 48px));background:var(--surface);border:1px solid var(--line-2);box-shadow:0 12px 28px rgba(26,25,23,.11);padding:6px;display:none}
/* Skydelis lygiuojamas prie DEŠINĖS visada, ne tik siaurame ekrane kaip makete.
   Maketo `.wrap` yra 1140px ir meniu mygtukas lieka viduryje, todėl `left:-20px`
   tilpdavo. Mūsų 1280px plotyje navigacija nustumta toliau į dešinę ir 560px
   skydelis išlįsdavo už ekrano krašto (1440px ekrane — 13px). */
.dd-p{left:auto;right:-20px}
.dd[data-open] .dd-p,.dd:hover .dd-p{display:block}
.dd-g{display:grid;grid-template-columns:1fr 1fr}
.dd-g a{display:block;padding:11px 13px;color:var(--ink);font-size:14.5px;line-height:1.35}
.dd-g a:hover{background:var(--acc-2);text-decoration:none}
.dd-g a i{display:block;font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;color:var(--ink-3);margin-bottom:3px}
.dd-all{display:block;margin:6px 0 0;padding:11px 13px;border-top:1px solid var(--line);font-size:13.5px;color:var(--acc)}
.dd-all:hover{background:var(--acc-2);text-decoration:none}
.burger{display:none;margin-left:auto;border:1px solid var(--line-2);background:var(--surface);width:40px;height:40px;font-size:16px;cursor:pointer;color:var(--ink)}
.burger:hover{border-color:var(--acc);color:var(--acc)}
@media(max-width:900px){nav.main{display:none}.burger{display:block}}

/* forma */
.form{display:grid;gap:18px;max-width:560px}
.form .fr{display:grid;gap:7px}
.form input,.form textarea,.form select{border:1px solid var(--line-2);background:var(--surface);font:400 15.5px "IBM Plex Sans",sans-serif;padding:11px 13px;color:var(--ink);width:100%}
/* Žymimasis langelis nėra teksto laukas: `width:100%` jį ištempdavo per visą
   eilutę ir sutikimo tekstas atsidurdavo toli nuo varnelės. */
.form input[type=checkbox]{width:auto;flex:none;padding:0}
.form textarea{min-height:130px;resize:vertical;line-height:1.5}
.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-2)}
.form .fh{font-size:12.5px;color:var(--ink-3)}

/* mobili navigacija */
.drawer{position:fixed;inset:0;z-index:50;display:none}
.drawer[data-open]{display:block}
.drawer .veil{position:absolute;inset:0;background:rgba(26,25,23,.4)}
.drawer .sheet{position:absolute;top:0;right:0;bottom:0;width:min(360px,88vw);background:var(--paper);border-left:1px solid var(--line-2);overflow:auto;display:flex;flex-direction:column}
.drawer .sh-h{display:flex;align-items:center;height:60px;padding:0 20px;border-bottom:1px solid var(--line)}
.drawer .sh-h strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:500}
.drawer .x{margin-left:auto;border:1px solid var(--line-2);background:var(--surface);width:34px;height:34px;font-size:15px;cursor:pointer;color:var(--ink)}
.drawer h3{margin:22px 20px 8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:500}
.drawer a.d-item{display:flex;align-items:baseline;gap:10px;padding:13px 20px;border-top:1px solid var(--line);color:var(--ink);font-size:15.5px}
.drawer a.d-item:hover{background:var(--acc-2);text-decoration:none}
.drawer a.d-item i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.06em;color:var(--ink-3);margin-left:auto;flex:none}
.drawer .d-foot{margin-top:auto;padding:18px 20px 26px;border-top:1px solid var(--line-2);display:grid;gap:10px;font-size:14.5px}

/* ── page head ── */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--ink-3);padding:20px 0 0}
.crumbs a{color:var(--ink-3)}
h1{font-size:clamp(27px,3.6vw,38px);line-height:1.1;letter-spacing:-.025em;margin:14px 0 8px;font-weight:600;text-wrap:balance}
.lead{font-size:17px;color:var(--ink-2);max-width:62ch;margin:0;text-wrap:pretty}
.meta-row{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--ink-3);padding:14px 0 20px;border-bottom:1px solid var(--line);margin-bottom:26px}

/* ── pirmas ekranas: įvestis + rezultatas ── */
.first{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"amt res" "sw res";gap:0 44px;align-items:start;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:40px}
.first .a-amt{grid-area:amt}
.first .a-res{grid-area:res}
.first .a-sw{grid-area:sw}
@media(max-width:900px){.first{grid-template-columns:minmax(0,1fr);grid-template-areas:"amt" "res" "sw";gap:0}}
.lbl-h{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);margin:0 0 10px}
.amount{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--line-2);background:var(--surface)}
.amount input{border:0;background:transparent;font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-size:clamp(30px,4.4vw,38px);font-weight:500;color:var(--ink);padding:15px 18px;width:100%;min-width:0;letter-spacing:-.02em}
.amount input:focus{outline:0}
.amount:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-2)}
.amount .cur{display:flex;align-items:center;padding:0 18px;font-size:21px;color:var(--ink-3);border-left:1px solid var(--line)}
.seg{display:flex;flex-wrap:wrap;margin-top:10px;border:1px solid var(--line-2);width:fit-content;background:var(--surface)}
.seg button{border:0;background:transparent;font:inherit;font-size:14px;padding:8px 15px;color:var(--ink-2);cursor:pointer;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed=true]{background:var(--acc);color:#fff;font-weight:500}
.seg button:hover[aria-pressed=false]{background:var(--acc-2);color:var(--acc-3)}
.hint{font-size:13px;color:var(--ink-3);margin:10px 0 0;text-wrap:pretty}
.switches{margin-top:24px;border-top:1px solid var(--line)}
.sw{display:flex;align-items:center;gap:16px;padding:13px 0;border:0;border-bottom:1px solid var(--line);width:100%;background:none;font:inherit;text-align:left;cursor:pointer;color:inherit}
.sw:hover{background:linear-gradient(90deg,var(--acc-2),transparent 70%)}
.sw .t{flex:1}.sw .t strong{display:block;font-weight:500;font-size:15px}
.sw .t span{font-size:13px;color:var(--ink-3)}
.track{width:40px;height:22px;border:1px solid var(--line-2);background:var(--surface);position:relative;flex:none}
.track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--line-2);transition:.15s}
.sw[aria-pressed=true] .track{background:var(--acc);border-color:var(--acc)}
.sw[aria-pressed=true] .track::after{left:20px;background:#fff}
details.more{margin-top:16px}
details.more summary{font-size:14px;font-weight:500;color:var(--acc);cursor:pointer;list-style:none}
details.more summary::-webkit-details-marker{display:none}
details.more summary::after{content:" ▾"}
details.more[open] summary::after{content:" ▴"}
.fields{display:grid;gap:12px;margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
label.f{display:block;font-size:12.5px;font-weight:500;color:var(--ink-2);margin-bottom:6px}
select.s{width:100%;border:1px solid var(--line-2);background:var(--surface);font:400 14.5px "IBM Plex Sans",sans-serif;padding:9px 11px;color:var(--ink)}

/* rezultatas */
.result{background:var(--surface);border:1px solid var(--line-2);border-top:3px solid var(--acc);padding:22px 24px 20px}
.result .lbl{font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);margin:0 0 6px;font-weight:600}
.result .big{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-size:clamp(40px,6.2vw,56px);line-height:1;font-weight:500;letter-spacing:-.03em;margin:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.result .big em{font-style:normal;font-size:.36em;color:var(--ink-3);font-weight:400}
.result .sub{font-size:14.5px;color:var(--ink-2);margin:12px 0 0;text-wrap:pretty}
.bar{display:flex;height:12px;margin:18px 0 0;background:var(--line)}
.bar i{display:block;height:100%}
.bar-key{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;margin:10px 0 0;color:var(--ink-2)}
.bar-key span{display:flex;align-items:center;gap:7px}
.bar-key b{width:9px;height:9px;flex:none}
.result dl{display:grid;grid-template-columns:1fr auto auto;gap:9px 14px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px}
.result dt{color:var(--ink-2)}
.result dd{margin:0;font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;text-align:right}
.result dd.pct{color:var(--ink-3);font-size:13px}
/* lipnus rezultatas */
/* Normos santrauka po „Papildomais nustatymais". Makete ji buvo puslapio
   stiliuose, o naudoja ją ir paskolų, ir indėlių puslapiai. */
.rate-out{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.rate-out b{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-size:19px;font-weight:500;color:var(--ink)}
.mini{position:fixed;left:0;right:0;bottom:0;z-index:36;background:var(--ink);color:#faf9f7;transform:translateY(100%);transition:transform .18s}
.mini[data-on]{transform:none}
.mini .wrap{display:flex;align-items:center;gap:16px;height:54px}
.mini span{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:#a9a49d}
.mini strong{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;letter-spacing:-.02em;margin-left:auto}
.mini a{color:#faf9f7;font-size:13.5px;border-bottom:1px solid #57544f}
.mini a:hover{text-decoration:none;border-color:#faf9f7}

/* ── sekcijos ── */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:56px;align-items:start}
@media(max-width:980px){.cols{grid-template-columns:minmax(0,1fr);gap:40px}}
section.blk{margin:0 0 44px}
.blk-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-2);padding-bottom:8px;margin-bottom:18px}
.blk-h h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);margin:0}
.blk-h .aside{font-size:12.5px;color:var(--ink-3)}

/* lentelės */
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:11px 0;border-bottom:1px solid var(--line)}
thead th{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:500;border-bottom:1px solid var(--line-2);padding-bottom:7px}
td.r,th.r{text-align:right;font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
tr.sum td{border-bottom:0;border-top:2px solid var(--ink);font-weight:600;padding-top:13px}
/* Siaurame ekrane lentelė slenka pati, o ne stumia viso puslapio. Be šito
   platesnės lentelės (nedarbo grafikas, vaiko pervedimai) išplėsdavo puslapį
   ir atsirasdavo horizontalus slinkimas — rasta `npm run audit:ui`. */
@media(max-width:700px){
  .blk table{display:block;overflow-x:auto;max-width:100%}
  .blk table thead,.blk table tbody{display:table;width:100%;min-width:max-content}
}
td .d{display:block;font-size:12.5px;color:var(--ink-3)}
tr.child td:first-child{padding-left:18px;color:var(--ink-2);font-size:14px}
tr.child td{padding-top:7px;padding-bottom:7px}
details.grp{border-bottom:1px solid var(--line)}
details.grp summary{display:flex;align-items:baseline;gap:16px;padding:12px 0;cursor:pointer;list-style:none;font-size:15px}
details.grp summary>span:first-of-type{flex:1;text-wrap:pretty}
details.grp summary::-webkit-details-marker{display:none}
details.grp summary:hover{color:var(--acc-3)}
details.grp summary .s{flex:none;margin-left:auto;font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-weight:600}
details.grp summary::before{content:"+";flex:none;font-family:"IBM Plex Mono",monospace;color:var(--acc);font-weight:600;margin-right:-6px}
details.grp[open] summary::before{content:"–"}
details.grp .body{padding:0 0 10px}

/* šoninė kolona */
aside .box{border-top:2px solid var(--ink);padding:14px 0 22px;margin-bottom:22px}
aside h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);margin:0 0 12px;font-weight:600}
aside .kpi{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-size:28px;font-weight:500;letter-spacing:-.02em;margin:0}
aside .kn{font-size:13px;color:var(--ink-3);margin:6px 0 14px;text-wrap:pretty}
aside dl{display:grid;grid-template-columns:1fr auto auto;gap:9px 12px;margin:0;font-size:14px;align-items:baseline}
aside dt{color:var(--ink-2)}
aside dd{margin:0;font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;text-align:right}
aside dd.pct{color:var(--ink-3);font-size:12.5px}
aside dl .tot{border-top:1px solid var(--line-2);padding-top:9px;font-weight:600;color:var(--ink)}
aside ul{margin:0;padding-left:16px;font-size:14px;color:var(--ink-2)}
aside li{margin-bottom:8px;text-wrap:pretty}
aside ul.plain{list-style:none;padding:0}

/* horizontali juosta (slankiklis) */
.rail-h{position:relative}
.rail-h .track-x{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:1px solid var(--line-2);border-left:1px solid var(--line)}
.rail-h .track-x::-webkit-scrollbar{display:none}
.rail-h .track-x>a{scroll-snap-align:start;display:block;padding:18px 20px 20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:var(--ink)}
.rail-h .track-x>a:hover{background:var(--acc-2);text-decoration:none}
/* Maketo `minmax(270px,1fr)` prie 1140px `.wrap` pločio duodavo beveik lygiai
   keturias korteles. Mūsų 1280px plotyje likdavo pusė kortelės ir juosta
   atrodydavo nukirsta. Todėl juosta dalijama į sveiką stulpelių skaičių —
   kraštas visada lygus, o slinkimas išlieka. */
.rail-h .track-x{grid-auto-columns:calc(100%/4)}
@media(max-width:1000px){.rail-h .track-x{grid-auto-columns:calc(100%/3)}}
@media(max-width:760px){.rail-h .track-x{grid-auto-columns:calc(100%/2)}}
@media(max-width:520px){.rail-h .track-x{grid-auto-columns:100%}}
.rail-h .track-x>a i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink-3);letter-spacing:.06em}
.rail-h .track-x>a strong{display:block;font-weight:500;font-size:16px;letter-spacing:-.01em;margin-top:6px}
.rail-h .track-x>a span{display:block;font-size:13.5px;color:var(--ink-2);margin-top:5px;text-wrap:pretty}
.rail-nav{display:flex;gap:6px;margin-left:auto}
.rail-nav button{border:1px solid var(--line-2);background:var(--surface);width:30px;height:30px;cursor:pointer;color:var(--ink-2);font-size:14px;line-height:1}
.rail-nav button:hover{border-color:var(--acc);color:var(--acc);background:var(--acc-2)}
.rail-nav button[disabled]{opacity:.35;cursor:default;border-color:var(--line);color:var(--ink-3);background:var(--surface)}

/* reklama */
.ad{border:1px dashed var(--line-2);padding:10px;text-align:center;color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.ad .slot{background:repeating-linear-gradient(135deg,#f2efeb,#f2efeb 6px,transparent 6px,transparent 12px);display:flex;align-items:center;justify-content:center;margin-top:8px;font-family:"IBM Plex Mono",monospace;letter-spacing:0;text-transform:none;height:200px}

/* diagrama */
.charts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center}
@media(max-width:640px){.charts{grid-template-columns:1fr;gap:20px}}
.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative}
.donut::after{content:"";position:absolute;inset:26px;background:var(--paper);border-radius:50%}
.donut b{position:relative;z-index:1;font-family:"IBM Plex Mono",monospace;font-size:22px;font-weight:500}
.donut b small{display:block;font-family:"IBM Plex Sans",sans-serif;font-size:11px;font-weight:400;color:var(--ink-3);text-align:center;letter-spacing:.04em}

/* sąrašas / pradinis */
/* Skaičiuoklių tinklelis. `auto-fill` prie 1280px duodavo keturis stulpelius,
   o turint devynias skaičiuokles paskutinėje eilutėje likdavo viena kortelė ir
   trys tuščios vietos. Trys stulpeliai susideda lygiai (3×3), o korteles daro
   platesnes ir skaitomesnes. */
.lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-2)}
@media(max-width:900px){.lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lgrid{grid-template-columns:1fr}}
.lgrid a{display:block;padding:18px 20px 20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:var(--ink)}
.lgrid a:hover{background:var(--acc-2);text-decoration:none}
.lgrid a strong{display:block;font-weight:500;font-size:16px;letter-spacing:-.01em}
.lgrid a span{display:block;font-size:13.5px;color:var(--ink-2);margin-top:5px;text-wrap:pretty}
.lgrid a i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink-3);letter-spacing:.06em}
.strip{border-top:1px solid var(--line);padding:52px 0 64px;background:var(--surface)}
.btn{display:inline-block;border:0;background:var(--acc);color:#fff;font:500 15px/1 "IBM Plex Sans",sans-serif;padding:14px 22px;cursor:pointer;text-align:center}
.btn:hover{background:var(--acc-3);color:#fff;text-decoration:none}
.btn-o{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.btn-o:hover{background:var(--acc-2);color:var(--acc-3)}
footer{border-top:1px solid var(--line-2);padding:40px 0 64px;font-size:13.5px;color:var(--ink-3);background:var(--paper)}
footer .fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:28px;margin-bottom:28px}
footer h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);margin:0 0 12px;font-weight:600}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{color:var(--ink-2)}footer a:hover{color:var(--acc)}

/* ── bendrinių (turinio) puslapių sistema ── */
.doc{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:56px;align-items:start;padding-bottom:8px}
@media(max-width:980px){.doc{grid-template-columns:minmax(0,1fr);gap:32px}}
.art{max-width:72ch}
.art h2{font-size:clamp(21px,2.4vw,26px);line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:44px 0 12px;padding-top:22px;border-top:1px solid var(--line);text-wrap:balance}
.art h2:first-child{margin-top:0;padding-top:0;border-top:0}
.art h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:26px 0 8px}
.art p{font-size:16.5px;line-height:1.65;color:var(--ink-2);margin:0 0 15px;text-wrap:pretty}
.art p strong,.art li strong{color:var(--ink);font-weight:600}
.art ul,.art ol{margin:0 0 15px;padding-left:20px;font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.art li{margin-bottom:9px;text-wrap:pretty}
.art .quote{border-left:2px solid var(--acc);padding:2px 0 2px 20px;margin:22px 0;font-size:16.5px;color:var(--ink-2);text-wrap:pretty}
.art dl.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 24px;margin:22px 0;font-size:15.5px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art dl.facts dt{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding-top:3px}
.art dl.facts dd{margin:0;color:var(--ink-2);text-wrap:pretty}
.art table{margin:22px 0}
.art .upd{font-size:13px;color:var(--ink-3);margin:34px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.toc{position:sticky;top:88px}
@media(max-width:980px){.toc{position:static}}
.toc h4{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);margin:0 0 10px;font-weight:600;padding-bottom:9px;border-bottom:2px solid var(--ink)}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc ol li{counter-increment:t;border-bottom:1px solid var(--line)}
.toc ol a{display:flex;gap:10px;padding:9px 0;font-size:14px;color:var(--ink-2)}
.toc ol a::before{content:counter(t,decimal-leading-zero);font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink-3);padding-top:3px}
.toc ol a:hover{color:var(--acc);text-decoration:none}
.toc ol a[aria-current]{color:var(--ink);font-weight:500}
.toc ol a[aria-current]::before{color:var(--acc)}
.pagenav{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line-2);margin-top:40px}
.pagenav a{display:block;background:var(--surface);padding:16px 18px;color:var(--ink)}
.pagenav a:hover{background:var(--acc-2);text-decoration:none}
.pagenav a i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.08em;color:var(--ink-3);display:block;margin-bottom:5px}
.pagenav a strong{font-weight:500;font-size:15.5px;letter-spacing:-.01em}

/* Numeruoti žingsniai akordeono viduje („Kaip naudotis"). Mono numeriai ir
   plona linija kairėje — tas pats raštas kaip `.toc` turinio puslapiuose. */
.steps{list-style:none;counter-reset:s;margin:14px 0 0;padding:0;display:grid;gap:14px}
.steps li{counter-increment:s;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:baseline}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink-3);padding-top:3px;grid-row:1}
/* Ir antraštė, ir tekstas gula į ANTRĄ stulpelį. Be `grid-column` tekstas
   nukrisdavo į 26px pločio numerio stulpelį ir laužydavosi po vieną žodį. */
.steps li strong{grid-column:2;display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em}
.steps li span{grid-column:2;display:block;font-size:14.5px;color:var(--ink-2);text-wrap:pretty}