/* Base global */
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: var(--font-sans);
  font-size: var(--fs-16);
  line-height: var(--lh-base);
  color: var(--c-text);
  background: var(--c-bg);
  overflow: hidden;
}
a{ color: inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }
button{ font-family: inherit; }
:focus-visible{
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
  border-radius: 10px;
}

/* Container */
.container{
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0 var(--space-4);
}

/* Helpers */
.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;
}
.is-hidden{ display:none !important; }

/* Controles de edição só aparecem quando o modo edição está ativo no root. */
html:not(.edit-mode-enabled) [data-edit-only]{
  display: none !important;
}
.muted{ color: var(--c-text-muted); }
.stack{ display:grid; gap: var(--space-4); }
.stack-tight{ gap: 0; }
.row{ display:flex; gap: var(--space-3); align-items:center; }
.spacer{ flex:1; }