/* Scoped layout/accessibility helpers; no reset outside .sar-ui. */
.sar-ui .sar-container { width: min(100%, var(--sar-width-content)); margin-inline: auto; padding-inline: var(--sar-space-4); }
.sar-ui .sar-reading { max-width: var(--sar-width-reading); }
.sar-ui .sar-stack > * + * { margin-block-start: var(--sar-space-5); }
.sar-ui .sar-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sar-space-3); }
.sar-ui .sar-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sar-space-5); }
.sar-ui .sar-pad { padding: var(--sar-space-5); }
.sar-ui .sar-muted { color: var(--sar-color-muted); }
.sar-ui .sar-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; }
.sar-ui .sar-skip-link { position: absolute; inset-block-start: var(--sar-space-2); inset-inline-start: var(--sar-space-2); transform: translateY(-200%); min-height: var(--sar-control-target); padding: var(--sar-control-padding); background: var(--sar-color-surface); color: var(--sar-color-text); border: 2px solid var(--sar-color-bg-primary); z-index: 100; }
.sar-ui .sar-skip-link:focus { transform: translateY(0); }
.sar-ui .sar-visually-clear { list-style: none; margin: 0; padding: 0; }
@media (min-width: 30rem) { .sar-ui .sar-grid--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .sar-ui .sar-grid--cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .sar-ui .sar-skip-link { transition: none; } }