/* Financial services landing page.
   Shell, services, work cards and the closing band come from ../css/styles.css; the page head
   and prose from ../insights/insights.css; findings, offers and FAQ from ../power-bi-review/review.css.
   This file adds the head actions, a four-up findings grid and the career-history ledger. */

.fs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s5);margin-top:var(--s6);}

/* Four findings sit two by two, never three plus an orphan. */
@media (min-width:760px){
  .finding-list.fs-findings{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1200px){
  .finding-list.fs-findings{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* Three services, so three columns once there is room (styles.css stops at two). */
@media (min-width:1000px){
  .service-grid.fs-services{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Career history, set as a ledger: organisation and dates on the left, the work on the right. */
.fs-history{padding:var(--s9) 0;}
.fs-history .h2{margin:var(--s3) 0 var(--s4);max-width:22ch;}
.fs-history > .lede{max-width:62ch;margin-bottom:var(--s6);}
.fs-roles{display:grid;border-top:1px solid var(--line-2);margin-bottom:var(--s6);}
.fs-role{display:grid;gap:var(--s2);padding:var(--s5) 0;border-bottom:1px solid var(--line);}
.fs-role dt{font:700 1.125rem/1.3 var(--display);color:var(--ink);}
.fs-role dt span{display:block;margin-top:6px;font:500 0.6875rem/1.4 var(--mono);letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);}
.fs-role dd{margin:0;font-size:0.9375rem;line-height:1.65;color:var(--ink-2);max-width:68ch;}
@media (min-width:760px){
  .fs-role{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s6);}
}

.offer .terms a{color:var(--ink);border-bottom:1px solid currentColor;}
.offer .terms a:hover{color:var(--accent-text);}