/* Shared styles for michaelfertman.com.
   Page layout and colors are set inline in each page, matching the approved mockup.
   Palette: aubergine #281C35, ivory #F6F1E7, gold #B99A55, persimmon #F05A28, lilac #D9CBE7. */

body { margin: 0; background: #F6F1E7; }

a { color: inherit; }
a:hover { color: inherit; opacity: 0.85; }

.wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .wrap { padding-left: 20px; padding-right: 20px; }
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #F05A28;
  outline-offset: 2px;
}

/* Home results: result 1 full width, results 2 to 4 in three equal columns */
.results-grid { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) {
  .results-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Keep the phrase go-to-market on one line */
.nw { white-space: nowrap; }

/* Contact cards: full-width main buttons on phones */
@media (max-width: 767px) {
  .card-btn { align-self: stretch !important; justify-content: center; text-align: center; padding: 10px 22px !important; line-height: 1.3; }
}

/* Home: shorter hero padding on phones */
@media (max-width: 640px) {
  .hero { padding-top: 48px !important; padding-bottom: 64px !important; }
}

/* Home: the operating partner and full-time columns stack on narrow screens */
@media (max-width: 900px) {
  .col-a { padding-right: 0 !important; }
  .col-b { padding-left: 0 !important; border-left: 0 !important; border-top: 1px solid rgba(40, 28, 53, 0.25) !important; padding-top: 36px !important; }
}