/* Trades: the opening sets Isaac Ayam's review and the action in the right-hand column, as the audiences job's
   opening grid has them (audiences.css .a-open-grid: text in columns 1 to 6, review and action in 8 to 12;
   one column below 1200 px, the review under a construction rule). Tokens and kit classes only. */
@media (min-width: 1200px) {
  .site-page-trades .f-opening { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; grid-template-rows: auto auto auto 1fr auto; align-items: start; }
  .site-page-trades .f-opening > .f-h1 { grid-column: 1 / -1; }
  .site-page-trades .f-opening > .f-lead { grid-column: 1 / 7; }
  .site-page-trades .f-opening > .a-review { grid-column: 8 / 13; grid-row: 2 / span 3; margin-top: 24px; }
  .site-page-trades .f-opening > .f-action { grid-column: 8 / 13; grid-row: 5; margin-top: 24px; }
}
@media (max-width: 1199px) {
  .site-page-trades .f-opening > .a-review { margin-top: 32px; border-top: 1px solid var(--color-line-construction); padding-top: 24px; }
  .site-page-trades .f-opening > .f-action { margin-top: 24px; }
}
/* Section 4: Abdallah Jassir's review sits under the hanging heading, where the job's section heading holds it (432 px, columns 1 to 4). */
.site-page-trades .f-section > .a-review { grid-column: 1 / 5; grid-row: 2; margin-top: 32px; }
@media (max-width: 1199px) {
  .site-page-trades .f-section > .a-review { margin-top: 24px; }
}