/* Informacinių puslapių išdėstymas (privatumo ir slapukų politikos, DI valdymas, saugumo spragos; nuo 2026-10-16,
   naudotojo pastaba: šriftas ne vientisas, tekstas neišlygiuotas puslapio pločio kontekste).
   - Vienas skaitymo plotis visam puslapiui: antraštė, įžanga, kortelės, tekstas, lentelės ir mygtukai turi tą patį
     dešinįjį kraštą. Tekstas kortelės neapriboja (iki tol 78ch - dešinėje likdavo ~190 px tuščios vietos, o lentelės
     siekė kraštą); plotis parinktas matuojant: ~100 lietuviško teksto ženklų eilutėje 16 px Nunito Sans šriftu.
   - Vienas šriftas: domenai ir raktai (<code>) - teksto šriftu su švelniu fonu, ne naršyklės lygiapločiu; tekste
     nelūžta per brūkšnelį („g-“ / „procure.com“), siaurame ekrane - lūžta, kad tilptų.
   Puslapiui būdingi elementai lieka jo <style> bloke; jungiama iškart po epso-g.css. */
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-base);color:var(--color-graphite);background:var(--color-graphite-5);line-height:1.65;font-size:16px}
.container{max-width:820px;margin:0 auto;padding:0 24px}   /* 24 px, kaip portalo puslapiai ir moduliai (2026-10-17; iki tol 20 px); telefone - 16 px */

/* Antraštė */
.site-header{background:var(--color-white);border-bottom:1px solid var(--color-graphite-15)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding-top:8px;padding-bottom:8px}   /* 72 px ir ženklas - kaip portalo antraštėje (2026-10-17; iki tol 82 px) */  /* šonines paraštes duoda .container - antraštė lygiuojasi su įžanga ir kortelėmis */
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}
.brand__logo{height:28px;width:auto;display:block}
.brand__divider{width:1px;height:26px;background:var(--color-graphite-15)}
.brand__product{display:flex;flex-direction:column;line-height:1.1}
.brand__product-name{font-size:18px;font-weight:700;letter-spacing:-0.01em;display:block}
.brand__product-name em{color:var(--color-emerald-strong);font-style:normal}
.brand__product-tag{font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--color-graphite-50-strong);margin-top:2px}
.site-header__actions{display:flex;align-items:center;gap:14px}
.nav-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:14px;font-weight:600;color:var(--color-graphite)}
.nav-link:hover{color:var(--color-emerald-strong)}
.nav-link__arrow{color:var(--color-emerald-strong);font-weight:700}
.lang-switch{display:flex;border:1px solid var(--color-graphite-15);border-radius:999px;padding:3px;background:var(--color-white)}
.lang-switch__btn{border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:0.04em;padding:5px 12px;border-radius:999px;cursor:pointer;color:var(--color-graphite-50-strong)}
.lang-switch__btn[aria-pressed="true"]{background:var(--color-emerald-strong);color:var(--color-white)}
.lang-switch__btn:focus-visible{outline:2px solid var(--color-emerald);outline-offset:2px}

/* Įžanga */
.hero{background:var(--gradient-dark);color:var(--color-white);padding:40px 0 44px}
.hero h1{font-size:32px;line-height:1.2;margin:0 0 12px;letter-spacing:-0.01em}
.hero p{margin:0;color:rgba(255,255,255,0.9);font-size:16px}

/* Kortelės ir tekstas - visas kortelės plotis */
main{padding:28px 0 56px}
.kortele{background:var(--color-white);border:1px solid var(--color-graphite-15);border-radius:var(--radius-lg);padding:26px 30px;margin-bottom:18px;box-shadow:var(--shadow-subtle)}
.kortele > :last-child{margin-bottom:0}
.kortele h2{font-size:20px;line-height:1.3;margin:0 0 12px}
.kortele h3{font-size:18px;line-height:1.35;margin:22px 0 6px}
.kortele p,.kortele li{font-size:16px}
.kortele p{margin:0 0 12px}
.kortele ul,.kortele ol{padding-left:1.35em;margin:8px 0 14px}
.kortele li{margin:5px 0}
.kortele li::marker{color:var(--color-graphite-50-strong)}
.pastaba{font-size:14px;color:var(--color-graphite-50-strong)}
a{color:var(--color-emerald-strong);overflow-wrap:anywhere}

/* Domenai ir raktai - teksto šriftu */
code{font-family:inherit;font-size:14px;background:var(--color-graphite-5);border:1px solid var(--color-graphite-15);border-radius:5px;padding:0 0.3em}
.kortele p code,.kortele li code{white-space:nowrap}
td code,th code{overflow-wrap:break-word}  /* ne „anywhere“: kitaip lentelė stulpelį suspaudžia ir raktas lūžta žodžio viduryje */

/* Lentelės - tame pačiame plotyje; siaurame ekrane slenka savo rėmelyje */
.lentele{overflow-x:auto;margin:12px 0 16px}
table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;min-width:560px}
th,td{text-align:left;vertical-align:top;padding:9px 11px;border:1px solid var(--color-graphite-15)}
thead th{background:var(--color-graphite-5);font-size:14px}
tbody th{font-weight:700;background:var(--color-white)}
.lentele--plati{min-width:700px}
.lentele--plati th,.lentele--plati td{padding:9px 9px}
.lentele--plati tbody th[scope=row]{min-width:150px}
/* Planšetė ir kompiuteris (>= 641 px, 2026-10-17): lentelė prisitaiko prie kortelės pločio - nustatytas mažiausias plotis
   (560 / 700 px) tik telefonui; iki tol 641-767 px visos lentelės slinko kortelės viduje, o slapukų įrašų lentelėje 768 px
   paskutinis stulpelis buvo nukirptas. Netilpus net žodžiams - slenka savo rėmelyje, kaip iki tol. */
@media (min-width:641px){ table,.lentele--plati{min-width:0} }

/* Duomenų rūšys (privatumo politikos 3 skyrius) - blokais, ne 5 stulpelių lentele: siaurame stulpelyje tekstas
   lūždavo kas 2-3 žodžius; dabar pavadinimas, po juo eilutės „etiketė - reikšmė“ tame pačiame plotyje kaip tekstas */
.duomenu-sarasas{margin:6px 0 14px}
.duomenu-irasas{border-top:1px solid var(--color-graphite-15);padding:16px 0 6px}
.duomenu-irasas:first-child{border-top:0;padding-top:4px}
.kortele .duomenu-irasas h3{font-size:18px;margin:0 0 8px}
.duomenu-irasas dl{margin:0;display:grid;gap:8px}
.duomenu-irasas dl > div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px}
.duomenu-irasas dt{font-size:14px;font-weight:700;color:var(--color-graphite-50-strong);line-height:1.6;padding-top:1px}
.duomenu-irasas dd{margin:0;font-size:16px}

/* Santrauka, turinys, istorija, mygtukas */
.kortele--santrauka{border-left:4px solid var(--color-emerald);padding-left:27px}  /* storesnis rėmelis - tekstas lieka toje pačioje linijoje kaip kitose kortelėse */
.turinys ol{columns:2;column-gap:32px;padding-left:1.6em;margin:8px 0 0}
.turinys li{break-inside:avoid;margin:0 0 6px}
.istorija{list-style:none;padding-left:0}
.istorija li{padding-left:0}
.mygtukas{font-family:inherit;font-size:16px;font-weight:700;min-height:44px;padding:10px 18px;border-radius:8px;cursor:pointer;
  border:2px solid var(--color-graphite);background:var(--color-graphite);color:var(--color-white)}
.mygtukas:hover{background:#1C2129}
.mygtukas:focus-visible{outline:3px solid var(--color-emerald-strong);outline-offset:2px}

footer{border-top:1px solid var(--color-graphite-15);background:var(--color-white);padding:20px 0;font-size:14px;color:var(--color-graphite-50-strong)}
[data-kalba][hidden]{display:none}

/* Planšetė (641-900 px): kortelės vidinė paraštė 24 px (kompiuteryje 30, telefone 18) - tekstas ir lentelės gauna 12 px;
   santraukos storesnis kairysis rėmelis - tekstas toje pačioje linijoje kaip kitose kortelėse */
@media (min-width:641px) and (max-width:900px){ .kortele{padding:24px} .kortele--santrauka{padding-left:21px} }
@media (max-width:640px){
  .container{padding:0 16px}   /* telefone - 16 px, kaip portalo puslapiai ir moduliai (2026-10-17; iki tol 16 px tik iki 420 px) */
  .hero h1{font-size:24px}
  .brand__product-tag{display:none}
  .brand__logo,.brand__divider{display:none}
  .site-header__actions{gap:10px}
  .kortele{padding:20px 18px}
  .kortele--santrauka{padding-left:15px}
  .kortele p,.kortele li{font-size:16px}
  .turinys ol{columns:1}
  .duomenu-irasas dl > div{grid-template-columns:minmax(0,1fr);gap:0}
}
@media (max-width:420px){
  /* 320-420 px: suglaudinta antraštė - grįžimo nuoroda ir kalbos jungiklis telpa vienoje eilutėje */
  .site-header__actions{gap:8px}
  .nav-link{font-size:13px;gap:4px}
  .lang-switch__btn{padding:5px 9px}
  .kortele p code,.kortele li code{white-space:normal;overflow-wrap:anywhere}
}
@media print{
  .site-header,.lang-switch,.mygtukas{display:none}
  .hero{background:none;color:#000}
  .hero p{color:#000}
}