/* Valdom.lt teisiniu puslapiu stilius. Balta, juoda, viena spalva. */
:root{
  --black:#0A0A0A;
  --white:#FFFFFF;
  --accent:#0B31F5;
  --g-050:#FAFAFA;
  --g-100:#F2F2F2;
  --g-200:#E4E4E4;
  --g-500:#8A8A8A;
  --g-600:#6B6B6B;

  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--white);color:var(--black);
  font-family:var(--sans);font-size:16px;line-height:1.66;
  -webkit-font-smoothing:antialiased;
}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
a{color:var(--accent)}
a:hover{color:var(--black)}

.twrap{max-width:760px;margin:0 auto;padding-inline:22px}

/* header */
.thdr{border-bottom:1.5px solid var(--g-200);background:var(--white);position:sticky;top:0;z-index:10}
.thdr .twrap{display:flex;align-items:center;gap:16px;height:70px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.logo-m{width:26px;height:26px;background:var(--black);display:grid;place-items:center;flex:none}
.logo-t{font-size:19px;font-weight:700;letter-spacing:-.045em;color:var(--black)}
.logo-t span{color:var(--accent)}
.back{margin-left:auto;font-size:14px;color:var(--g-600);text-decoration:none;white-space:nowrap}
.back:hover{color:var(--black)}

/* dokumentas */
.doc{padding-block:clamp(40px,6vw,70px) clamp(60px,8vw,96px)}
.kicker{
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--black);margin:0 0 16px;display:inline-flex;align-items:center;gap:10px;
}
.kicker::before{content:"";width:7px;height:7px;background:var(--accent);flex:none}
.doc h1{
  font-size:clamp(32px,5.4vw,50px);font-weight:700;
  letter-spacing:-.042em;line-height:1.1;margin:0 0 14px;text-wrap:balance;
}
.updated{font-family:var(--mono);font-size:12px;color:var(--g-500);margin:0 0 38px}
.doc h2{
  font-size:clamp(20px,2.7vw,25px);font-weight:600;
  letter-spacing:-.028em;color:var(--black);margin:42px 0 14px;padding-top:24px;
  border-top:1.5px solid var(--g-200);text-wrap:balance;
}
.doc h2:first-of-type{border-top:0;padding-top:0}
.doc p{margin:0 0 15px;color:var(--g-600)}
.doc strong{color:var(--black);font-weight:600}
.doc ul{margin:0 0 17px;padding-left:20px;display:grid;gap:8px}
.doc li{color:var(--g-600)}
.doc li strong{color:var(--black)}
.doc code{
  font-family:var(--mono);font-size:.88em;background:var(--g-100);
  border:1px solid var(--g-200);padding:2px 7px;color:var(--accent);
}

/* pastaba */
.todo{
  background:var(--g-050);border:1.5px solid var(--g-200);
  border-left:3px solid var(--accent);
  padding:18px 20px;margin:0 0 38px;font-size:14.5px;line-height:1.6;color:var(--g-600);
}
.todo strong{color:var(--black)}

/* lentele */
.doc table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14.5px}
.doc th{
  font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;
  color:var(--g-500);text-align:left;padding:11px 15px;
  background:var(--g-050);border-bottom:1.5px solid var(--g-200);
}
.doc td{padding:13px 15px;border-bottom:1px solid var(--g-200);color:var(--g-600);vertical-align:top}
.doc tbody tr:last-child td{border-bottom:0}
@media (max-width:560px){
  .doc table,.doc thead,.doc tbody,.doc tr,.doc th,.doc td{display:block}
  .doc thead{display:none}
  .doc tr{border-bottom:1.5px solid var(--g-200);padding:8px 0}
  .doc td{border-bottom:0;padding:5px 0}
  .doc td:first-child{color:var(--black);font-weight:600}
}

/* footer */
.tfoot{border-top:1.5px solid var(--g-200);padding-block:28px 36px}
.tfoot .twrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.tfoot p{font-family:var(--mono);font-size:11.5px;color:var(--g-500);margin:0}
.tfoot nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px 20px}
.tfoot nav a{font-size:13.5px;color:var(--g-600);text-decoration:none}
.tfoot nav a:hover{color:var(--black)}
@media (max-width:520px){.tfoot nav{margin-left:0}}