/* Recruiter reading route, using the workshop's existing palette and local fonts. */
.engineering-section { max-width: 1320px; margin-inline: auto; padding: 90px 6% 95px; border-top: 1px solid var(--line); scroll-margin-top: 24px; }
.engineering-section p { color: var(--muted); font-size: 16px; line-height: 1.85; max-width: 65ch; }
.engineering-section h3 { font-size: 25px; line-height: 1.25; font-weight: 600; margin: 0 0 18px; letter-spacing: -.02em; }
.engineering-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 12%; align-items: start; }
.engineering-intro h2 { font-size: clamp(36px,4vw,54px); }
.engineering-intro > div > p:last-child { margin-bottom: 0; }
.engineering-availability { padding-top: 8px; }
.engineering-availability h3 { font-size: 22px; }
.engineering-links { display: flex; flex-wrap: wrap; gap: 12px 25px; align-items: center; margin-top: 22px; }
.engineering-links a,.engineering-section .text-button { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 5px 0; font-size: 15px; line-height: 1.5; color: var(--paper); text-decoration: none; border: 0; border-bottom: 1px solid #b7b69a77; border-radius: 0; background: none; }
.engineering-links a:hover,.engineering-section .text-button:hover { color: #efaa85; border-bottom-color: #efaa85; }
.engineering-toolkit { margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--line); }
.engineering-toolkit > h3 { font-size: 23px; }
.engineering-toolkit dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px 40px; margin: 25px 0 0; }
.engineering-toolkit dt { color: #efaa85; font-size: 15px; margin-bottom: 7px; }
.engineering-toolkit dd { margin: 0; font-size: 16px; line-height: 1.8; color: var(--paper); }
@media (min-width: 761px) and (max-width: 1000px) {
  .site-header { gap: 12px; }
  .site-header .wordmark { font-size: 17px; }
  .site-header nav { gap: 12px; font-size: 12px; }
  .header-actions { gap: 5px; }
  .engineering-intro { gap: 7%; }
  .engineering-toolkit dl { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 35px; }
}
@media (max-width: 760px) {
  .site-header nav { gap: 4px; justify-content: space-between; font-size: 12px; }
  .site-header nav a { min-height: 44px; }
  .engineering-section { padding: 58px 25px 65px; }
  .engineering-intro h2 { font-size: 39px; }
  .engineering-availability { padding-top: 30px; }
  .engineering-toolkit { margin-top: 40px; padding-top: 28px; }
  .engineering-toolkit dl { grid-template-columns: 1fr; gap: 22px; }
  .engineering-cloudship { border-top: 1px solid var(--line); margin-top: 36px; padding-top: 30px; }
}
.story-tech-tags { margin: 14px 0 0; color: #52615e; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }