/* App-specific additions on top of brand.css (the canonical S&D system).
   Never restyle brand primitives here — only what brand.css doesn't cover. */

.page { max-width: 960px; margin: 0 auto; padding: 26px 16px 40px; }

label { display: block; margin: 12px 0 4px; }
input, select, textarea {
  width: 100%; box-sizing: border-box; padding: 12px 12px; font: inherit;
  border: 1px solid var(--divider); border-radius: 0; background: var(--white, #fff);
  color: var(--body); min-height: 44px; /* mobile tap target */
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--gold); outline-offset: -1px; }

button.linklike {
  background: none; border: 0; padding: 0; font: inherit; cursor: pointer;
  color: inherit; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;
}

form .btn { margin-top: 16px; }

.om-tab {
  background: none; border: 0; border-bottom: 2px solid transparent; cursor: pointer;
  font: inherit; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--secondary); padding: 12px 18px; min-height: 44px;
}
.om-tab.on { color: var(--heading); border-bottom-color: var(--gold); }
.om-tab:hover { color: var(--heading); }