/* first-salary.html only (owner: first-salary) */
.fs-hero h1{max-width:20ch}
.fs-hero__photo{aspect-ratio:4/3.4;max-height:560px}
.fs-hero__photo img{object-position:30% center}
.fs-hero__facts{list-style:none;margin:clamp(24px,3vw,40px) 0 0;padding:18px 0 0;display:flex;flex-wrap:wrap;gap:12px 36px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.fs-hero__facts b{display:block;font:600 clamp(19px,1.8vw,24px)/1.2 var(--f-disp);color:var(--navy)}

/* ordered priorities: ruled rows, big numerals, timing tag */
.fs-order{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.fs-order li{display:grid;grid-template-columns:clamp(56px,7vw,110px) 1fr 150px;gap:clamp(14px,2.4vw,40px);align-items:start;padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--line)}
.fs-order__n{font:600 clamp(32px,4.4vw,60px)/1 var(--f-disp);color:var(--green)}
.fs-order h3{margin:0 0 8px}
.fs-order p{margin:0;color:var(--muted);max-width:70ch}
.fs-order__when{justify-self:end;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);border:1px solid var(--line);border-radius:999px;padding:6px 12px;white-space:nowrap}

/* sample split table */
.fs-table td:first-child{min-width:200px}
.fs-table__hi td{background:var(--green-l);font-weight:600}
.fs-table tfoot td{font-weight:600;color:var(--navy);border-top:2px solid var(--navy)}

/* delay race bars on navy */
.fs-race{margin:0;display:grid;gap:26px}
.fs-race dt{font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:#93a3bf;margin-bottom:8px}
.fs-race dd{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}
.fs-bar{grid-column:1/-1;display:block;height:14px;width:var(--w);background:var(--green);border-radius:3px}
.fs-race b{font:600 clamp(26px,3vw,40px)/1.1 var(--f-disp);color:#fff}
.fs-race small{color:#93a3bf}
#fs-delay .fine{color:#93a3bf}

/* lifestyle creep traps */
.fs-traps{border-left:3px solid var(--accent);padding-left:clamp(18px,2.4vw,32px)}
.fs-traps h3{margin-top:0}
.fs-x{list-style:none;margin:0;padding:0}
.fs-x li{position:relative;padding:12px 0 12px 30px;border-bottom:1px dashed var(--line);color:var(--muted)}
.fs-x li::before,.fs-x li::after{content:"";position:absolute;left:4px;top:50%;width:14px;height:1.75px;background:#b54434;transform:rotate(45deg)}
.fs-x li::after{transform:rotate(-45deg)}

/* 90-day columns, divided by rules not cards */
.fs-cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.fs-cols>div{padding:clamp(18px,2.2vw,30px) clamp(16px,2vw,28px) 0}
.fs-cols>div+div{border-left:1px solid var(--line)}
.fs-cols>div:first-child{padding-left:0}
.fs-cols h3{display:flex;align-items:center;gap:10px;margin-top:0}
.fs-cols h3 .ico{width:22px;height:22px;stroke:var(--green)}

@media (max-width:960px){
  .fs-cols{grid-template-columns:1fr}
  .fs-cols>div{padding-left:0;padding-right:0}
  .fs-cols>div+div{border-left:0;border-top:1px solid var(--line);margin-top:18px}
}
@media (max-width:640px){
  .fs-order li{grid-template-columns:48px 1fr}
  .fs-order__when{grid-column:2;justify-self:start}
}