/* Reset, tipografija, puslapio karkasas. */

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--page);
  color:var(--ink);
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.5;
  min-height:100vh;
  display:flex;flex-direction:column;
  -webkit-font-smoothing:antialiased;
}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
/* antraštė gauna fokusą tik programiškai (po perpiešimo) — rėmelis čia nereikalingas */
h1[tabindex="-1"]:focus{outline:none}
input{font:inherit;color:inherit}

.wrap{--gut:20px;width:100%;max-width:640px;margin:0 auto;padding:0 var(--gut);flex:1;display:flex;flex-direction:column}

main{flex:1;display:flex;flex-direction:column;padding:30px 0 40px}

/* matomas tik ekrano skaitytuvams */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width:420px){
  .wrap{--gut:16px}
}