@import url('./legal.css');

/* The partner page reads like the legal pages, with one card per kind of team. */
.partners-layout { max-width: 820px; }
/* One card per kind of team: white with a hairline edge, like the home page's. */
.door { margin: 0 0 18px; padding: 30px 32px 30px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px #1414141a; }
.door h2 { margin-top: 4px; }
.door-mark { margin: 0; color: #5a5955; font: 600 15px/1.3 var(--sans); }
/* Each door is a mail link drawn as a button; the layout name outranks legal.css's links. */
.partners-layout .door-action { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 10px; padding: 12px 24px; border-radius: 999px; background: #d8b46a; color: #16130c; font: 600 16px var(--sans); text-decoration: none; transition: background-color .18s ease-out, transform .18s ease-out; }
.partners-layout .door-action:hover { background: #e5c687; color: #16130c; }
.partners-layout .door-action:active { background: #c7a35a; transform: scale(.97); }
.partners-layout .door-action:focus-visible { outline: 2px solid #85611f; outline-offset: 3px; }
.door-status { min-height: 24px; color: #1c1a16; font-weight: 500; }
@media (max-width: 560px) {
  .door { padding: 24px 20px 24px; border-radius: 24px; }
  .door-action { width: 100%; }
}