/* 07D. Native buttons/handlers retained. Do not paint custom answer/card states. */
@media screen {
  body :is(#content-list, .auth-container, .sidebar-account) button {
    min-height: 44px;
    font-family: var(--common-font);
  }
  body :is(.primary, .ghost, .small-button, .icon-button, .media-icon-action, .media-small-icon-action, .toolbar-icon-button, .btn-submit, .btn-dev-login, .password-toggle) {
    min-height: 44px;
    border: 1px solid var(--common-ink);
    border-radius: 8px;
    font-family: var(--common-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    box-shadow: none;
    text-shadow: none;
  }
  body :is(.ghost, .small-button, .icon-button, .media-icon-action, .media-small-icon-action, .btn-dev-login, .password-toggle) {
    color: var(--common-ink);
    background: var(--common-paper);
  }
  body :is(.primary, .toolbar-icon-button, .btn-submit) {
    color: var(--common-paper);
    background: var(--common-ink);
  }
  body :is(.ghost, .small-button, .icon-button, .media-icon-action, .media-small-icon-action, .btn-dev-login, .password-toggle):hover:not(:disabled) {
    color: var(--common-ink); background: var(--common-shade);
  }
  body :is(.primary, .toolbar-icon-button, .btn-submit):hover:not(:disabled) {
    background: var(--common-ink); text-decoration: underline; text-underline-offset: 4px;
  }
  body :is(button, a.ghost, a.primary, a.small-button):focus-visible {
    outline: 3px solid var(--common-ink); outline-offset: 3px;
  }
  body :is(button, input[type="submit"]):disabled {
    cursor: not-allowed;
  }
  body :is(.primary, .ghost, .small-button, .icon-button, .media-icon-action, .media-small-icon-action, .toolbar-icon-button):disabled {
    color: var(--common-ink);
    background: var(--common-shade);
    border-style: dashed;
    opacity: .65;
    box-shadow: none;
  }
  body :is(.primary, .ghost, .small-button, .icon-button, .media-icon-action).danger {
    color: var(--common-ink); background: var(--common-paper);
    border: 3px double var(--common-ink);
  }
  body .media-display-toggle > button {
    min-height: 44px;
    border-color: var(--common-ink);
    color: var(--common-ink);
    background: var(--common-paper);
  }
  body .media-display-toggle > button.active {
    color: var(--common-paper); background: var(--common-ink);
    text-decoration: underline; text-underline-offset: 4px;
  }
}