/* Little Pathway — base reset + primitives */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
ul[class],ol[class]{margin:0;padding:0;list-style:none}
ul:not([class]){margin:0;padding:0;list-style:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}

body{
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.028em;
  text-wrap:balance;
}
p{text-wrap:pretty}

.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.stack{display:flex;flex-direction:column;gap:1.1rem}

.skip{
  position:absolute;left:-9999px;top:0;z-index:300;
  background:var(--ink);color:#fff;padding:.75rem 1.1rem;border-radius:var(--radius-s);
}
.skip:focus{left:14px;top:14px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}