.collection-delete-form { display:flex; justify-content:flex-end; margin:8px 0; }
.collection-delete-form button { font-size:.8rem; padding:7px 11px; color:#8b2525; }
@media print { .collection-delete-form { display:none!important; } }
/* Shared, deliberately quiet action and navigation feedback. */
.interaction-feedback {
  margin: 0 0 18px;
  padding: 10px 13px;
  border: 1px solid #bcd9dd;
  border-left: 3px solid #ffcb73;
  border-radius: 7px;
  color: #000000;
  background: #f2f8f8;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.interaction-feedback[hidden] { display: none; }
.interaction-feedback[data-kind="success"] { border-left-color: #ffcb73; }
.interaction-feedback[data-kind="error"] { border-left-color: #000000; background: #ffffff; font-weight: 600; }
.action-feedback { margin: 10px 0 0; flex-basis: 100%; }
.nav .inline .action-feedback { position: absolute; right: 12px; max-width: 240px; }

:where(button, .button, [role="button"], .textbutton, .nav a, .section-tab, .manage-page-link, .analytics-button, .sp-link-button):active:not(:disabled):not([aria-disabled="true"]) {
  /* Do not replace transforms used to position media controls or other overlays. */
  filter: brightness(.94);
}
:where(button, a, [role="button"], input, select, textarea, summary):focus-visible {
  outline: 2px solid #000000;
  outline-offset: 3px;
}
:where(.nav a, .section-tab)[aria-current="page"] {
  text-decoration: underline;
  text-decoration-color: #ffcb73;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
:where(a[aria-current="page"], [role="tab"][aria-selected="true"]) {
  text-decoration: underline;
  text-decoration-color: #ffcb73;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.nav a[aria-current="page"] { color: #000000; }
:where(.section-tab[aria-current="page"], .section-tab.is-active) {
  background-color: #fff5df;
  border-color: #ffcb73;
}
:where(button, [role="button"], input[type="submit"], input[type="button"])[aria-busy="true"],
:where(button, [role="button"], input[type="submit"], input[type="button"])[data-pending="true"] {
  cursor: progress;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%);
}
:where(a, button, [role="button"])[aria-disabled="true"] {
  cursor: not-allowed;
  text-decoration: none;
}
:where(button, [role="button"]):disabled { cursor: not-allowed; }

@media (prefers-reduced-motion: reduce) {
  :where(button, a, [role="button"], input, select, textarea, summary) {
    scroll-behavior: auto;
    transition-duration: .01ms;
    animation-duration: .01ms;
    animation-iteration-count: 1;
  }
}