/* Complement of the published desktop criterion; no change to desktop layout. */
.mobile-png-panel { margin-top: 20px; padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); text-align: left; }
.mobile-png-panel [role="status"] { color: var(--yellow); font-size: 18px; line-height: 1.45; }
.mobile-png-panel [role="status"]:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }
.mobile-png-choices { display: grid; gap: 12px; margin-top: 18px; }
.mobile-png-panel .button { width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere; font-size: 18px; padding-inline: 16px; text-align: center; }
.mobile-png-panel .button:not(.button-primary) { background: var(--surface); color: white; border: 1px solid var(--muted); box-shadow: none; }
.mobile-png-help { color: var(--muted); font-size: 16px; line-height: 1.5; margin-top: 14px; }
.mobile-png-help summary { cursor: pointer; padding-block: 8px; }
.mobile-png-help p { margin-top: 10px; }
@media not all and (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .submitted-desktop-action { display: none !important; }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .mobile-png-only { display: none !important; }
}