/* 2026-10-28 (Grace): the whole site is light, always; a phone or computer set to dark mode must not change it */
:root { color-scheme: light; }
/* Phone only: iPhones draw form controls their own way (faint outlines, plain blue rounded buttons). This makes them look like the desktop ones. */
@media (max-width: 480px) {
  input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], textarea, select {
    border: 1px solid #767676 !important; border-radius: 4px; -webkit-appearance: none; appearance: none; background-color: #fff; color: #000; }
  select { background-image: linear-gradient(45deg, transparent 50%, #555 50%), linear-gradient(135deg, #555 50%, transparent 50%); background-position: calc(100% - 15px) 55%, calc(100% - 10px) 55%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 28px !important; text-overflow: ellipsis; }
  button:not(.collapse-toggle):not(.info-icon):not(.gd-heart):not(.rw-x):not(.pbtn):not(.msbtn):not(.mmic):not(.tchip):not(.hval):not(.pick-nudge):not(.save-btn):not(.revert-btn):not(.rec-btn):not(.clr-btn), input[type="submit"], input[type="button"] {
    -webkit-appearance: none; appearance: none; background: #efefef; color: #000; border: 1px solid #767676 !important; border-radius: 4px; }
  button:not(.collapse-toggle):not(.info-icon):not(.gd-heart):not(.rw-x):not(.pbtn):not(.msbtn):not(.mmic):not(.tchip):not(.hval):not(.pick-nudge):not(.save-btn):not(.revert-btn):not(.rec-btn):not(.clr-btn):active { background: #dcdcdc; }
}