/* Utilidades compartidas: cargar después de typography.css y antes del layout. */
.container { width: min(calc(100% - 40px),var(--container-width)); margin-inline: auto; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: var(--z-1000); top: -100px; left: 14px; padding: var(--space-10) var(--space-15); color: var(--jaroni-dark); background: white; border-radius: var(--radius-8); box-shadow: var(--jaroni-shadow); }
.skip-link:focus { top: 14px; }