/*
 * The OAuth consent page (app/views/doorkeeper/authorizations/new.html.erb).
 *
 * That page renders under doorkeeper's own layout, not the app shell, so
 * site.css does not style it: these few rules do, echoing site.css's palette
 * and type. They are a file of their own, which the page links, because the
 * Content-Security-Policy's style-src 'self' drops an inline style block.
 * Every rule sits under .consent, so the app layout, which links every
 * stylesheet in this folder, is untouched by them.
 */
.consent {
  max-width: 26rem; margin: 4rem auto; padding: 0 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color: #111827;
}
.consent h1 {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  color: #3A241C; font-size: 1.6rem;
}
.consent .field { margin: 1.25rem 0; }
.consent label { display: block; margin-bottom: 0.3rem; font-weight: 600; }
.consent select { width: 100%; padding: 0.45rem; font-size: 1rem; }
.consent .actions form { display: inline-block; margin-right: 0.5rem; }
.consent .button {
  background: #A04E26; color: #ffffff; border: 0; border-radius: 0.375rem;
  padding: 0.55rem 1.2rem; font-size: 1rem; cursor: pointer;
}
.consent .button--secondary {
  background: transparent; color: #A04E26;
  border: 1px solid rgba(58, 36, 28, 0.35);
}
.consent .muted { color: #6F5A4E; }
.consent fieldset { border: 0; padding: 0; margin: 1.25rem 0; }
.consent legend { font-weight: 600; margin-bottom: 0.3rem; padding: 0; }
.consent .choice { display: block; font-weight: 400; margin: 0.5rem 0; }