.btn:focus-visible,
.input:focus-visible,
.textarea:focus-visible,
.select:focus-visible,
.custom-select__button:focus-visible,
.form-control-input:focus-visible,
.switch-control__input:focus-visible,
[class*="information-"]:focus-visible {
  outline: 0;
}

:where(a[href], button, input, select, textarea, summary, [role="button"], [role="link"], [role="tab"], [role="switch"], [role="checkbox"], [role="radio"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 1px solid rgba(239, 207, 145, 0.42);
  outline-offset: 2px;
}

.access-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  align-items: stretch;
}

.access-card {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--space-6);
}

.access-card__meta {
  color: var(--accent-amber-light);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  text-transform: uppercase;
}

.access-card h2 { margin: var(--space-3) 0 var(--space-2); font-size: var(--text-xl); }
.access-card p { color: var(--text-soft); }
.access-card strong { margin-top: auto; padding-top: var(--space-5); color: var(--text-main); }
.access-card .btn { width: 100%; margin-top: var(--space-4); }

.repeat-question-panel { max-width: 720px; padding: var(--space-7); }
.repeat-question-panel p { color: var(--text-soft); }

@media (max-width: 900px) {
  .access-overview { grid-template-columns: 1fr; }
  .access-card { min-height: 220px; }
}