/* Readable practical guides in the established Howcroft Index design. */
#offers .latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-table-wrap { max-width: 100%; overflow-x: auto; margin: 28px 0; border: 1px solid rgba(10,10,10,.18); }
.guide-table { border-collapse: collapse; width: 100%; min-width: 540px; font-size: 15px; line-height: 1.6; }
.guide-table caption { padding: 18px; text-align: left; font-weight: 700; }
.guide-table th, .guide-table td { padding: 16px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(10,10,10,.14); }
.guide-table th { font-weight: 700; background: #f2efe9; }
.guide-table tr:last-child td { border-bottom: 0; }
.buyer-guide-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; margin: 28px 0; }
.buyer-guide-links article { border: 1px solid rgba(10,10,10,.18); padding: 26px; min-width: 0; }
.buyer-guide-links h3 { font-size: 22px; line-height: 1.3; margin: 0 0 14px; }
.buyer-guide-links p { margin: 0; }
.guide-note { border-left: 3px solid #141414; padding: 8px 0 8px 22px; margin: 28px 0; }
.hiring-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px; }
.hiring-grid article { min-width: 0; padding: 32px; border: 1px solid rgba(10,10,10,.22); display: flex; flex-direction: column; align-items: flex-start; }
.hiring-grid h3 { margin: 22px 0 16px; font-size: clamp(26px,2.6vw,38px); line-height: 1.12; letter-spacing: -.035em; }
.hiring-grid p { margin: 0 0 28px; }
.hiring-grid .button-link { margin-top: auto; }
.career-record article { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 32px; border-top: 1px solid rgba(10,10,10,.2); padding: 30px 0; }
.career-record h3 { margin: 0 0 14px; font-size: 28px; line-height: 1.2; }
.career-record p { margin: 0; }
.page-experience #experience-title { font-size: clamp(42px,6.2vw,82px); line-height: 1.03; margin-bottom: 28px; }
.page-experience .section-head p + p { margin-top: 18px; }
nav.nav-links { min-width: 0; flex-wrap: wrap; }
@media (max-width: 720px) {
  #offers .latest-grid, .buyer-guide-links, .hiring-grid { grid-template-columns: 1fr; }
  .buyer-guide-links article { padding: 22px; }
  .guide-table th, .guide-table td { padding: 14px; }
  .hiring-grid article { padding: 24px; }
  .career-record article { grid-template-columns: minmax(0,1fr); gap: 14px; }
  nav.nav-links { gap: 0 12px; justify-content: flex-start; }
}
@media (max-width: 560px) {
  h1.hero-statement { font-size: clamp(40px,11vw,54px); line-height: 1.01; }
  nav.nav-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 12px; }
  nav.nav-links a { justify-content: center; min-height: 44px; }
  html { scroll-padding-top: 152px; }
}