/* ==========================================================================
   Ostemio · Base & reset
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--dm);
  background:var(--bg);
  color:var(--txt);
  -webkit-font-smoothing:antialiased;
  overscroll-behavior-y:none;
}
button{font-family:inherit}
input{font-family:inherit}
a{color:inherit}
img,svg{display:block;max-width:100%}

/* tipografia editoriale (Playfair) per nomi piatto/locale */
.f-pf{font-family:var(--pf);font-style:italic;font-weight:400}

/* scrollbar sottile, coerente su tutte le aree scrollabili */
.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch}
.scroll-area::-webkit-scrollbar{width:3px}
.scroll-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}
.scroll-area::-webkit-scrollbar-track{background:transparent}

.visually-hidden-ost{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}