/* SRA News — homepage sections */

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;padding:26px 0 8px}
.lead .thumb{aspect-ratio:16/9;margin-bottom:14px}
.lead h1{font-family:var(--serif);font-size:32px;font-weight:900;line-height:1.2;margin:10px 0 8px}
.lead h1 a:hover{color:var(--navy)}
.lead p{font-size:15px;color:var(--muted);max-width:640px}
.lead .meta{margin-top:10px}
.lead2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.lead2 article .thumb{aspect-ratio:16/10;margin-bottom:10px}
.lead2 h3{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.35;margin:6px 0 4px}
.lead2 h3 a:hover{color:var(--navy)}
.topstories h4{font-family:var(--serif);font-size:15px;letter-spacing:.5px;border-bottom:2px solid var(--navy);padding-bottom:8px;margin-bottom:4px}
.topstories ul{list-style:none}
.topstories li{list-style:none;padding:13px 0;border-bottom:1px solid var(--border)}
.topstories li:last-child{border:0}
.topstories li a{font-family:var(--serif);font-size:15.5px;font-weight:700;line-height:1.4}
.topstories li a:hover{color:var(--navy)}
.topstories .meta{margin-top:3px}
@media (max-width:920px){.hero{grid-template-columns:1fr}.lead h1{font-size:26px}}
@media (max-width:560px){.lead2{grid-template-columns:1fr}}

/* Tabs panel */
.tabs-panel{border:1px solid var(--border);border-top:3px solid var(--navy);margin-bottom:30px}
.tabbar{display:flex;border-bottom:1px solid var(--border);background:#fff}
.tabbar button{background:none;border:0;padding:14px 20px;font-size:14.5px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.tabbar button.on{color:var(--ink);border-color:var(--navy)}
.tabbar button.nk{color:var(--green)}
.tabbar button.nk.on{border-color:var(--green)}
.tabpage{display:none}
.tabpage.on{display:block}
.trow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px 18px;border-bottom:1px solid var(--border);align-items:center}
.trow:last-child{border:0}
.trow .thumb{aspect-ratio:16/10;border-radius:3px}
.trow h3{font-family:var(--serif);font-size:16.5px;font-weight:700;line-height:1.35;margin-bottom:7px}
.trow h3 a:hover{color:var(--navy)}
.trend-row{display:flex;gap:16px;padding:15px 18px;border-bottom:1px solid var(--border);align-items:baseline}
.trend-row:last-child{border:0}
.trend-row .num{font-family:var(--serif);font-weight:900;font-size:26px;color:#C3CDD8;min-width:34px;line-height:1}
.trend-row h3{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.4}
.trend-row h3 a:hover{color:var(--navy)}
.alert-row{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--border);align-items:center}
.alert-row:last-child{border:0}
.alert-row h3{font-family:var(--serif);font-size:15.5px;font-weight:700;line-height:1.4}
.alert-row h3 a:hover{color:var(--green)}
.alert-row .org{font-size:12.5px;color:var(--muted);margin-top:2px}
.alert-row .date{font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}
.alert-row .date b{display:block;color:var(--breaking);font-size:13px}
@media (max-width:560px){.trow{grid-template-columns:96px minmax(0,1fr)}.trow h3{font-size:15px}}

/* Live vacancies table */
.vac{border:1px solid var(--border);border-top:3px solid var(--green);margin-bottom:30px}
.vac .vh{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}
.vac .vh h2{font-family:var(--serif);font-size:19px;font-weight:900;display:flex;align-items:center;gap:10px}
.vac .vh h2 i{font-style:normal;width:5px;height:18px;background:var(--green);border-radius:2px}
.vac .vh a{font-size:13px;font-weight:700;color:var(--green)}
.vac table{width:100%;border-collapse:collapse;font-size:14px}
.vac th{background:var(--green-soft);color:var(--green);text-align:left;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:10px 18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.vac td{padding:13px 18px;border-bottom:1px solid var(--border);vertical-align:middle}
.vac tr:last-child td{border:0}
.vac .job b{font-family:var(--serif);font-size:15.5px}
.vac .job span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.vac .last{color:var(--breaking);font-weight:700;white-space:nowrap}
.vac .det a{font-weight:700;color:var(--green);white-space:nowrap}
.vac .soon{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:#FBEAE8;color:var(--breaking);padding:2px 7px;border-radius:3px;margin-left:8px}
@media (max-width:680px){.vac .hidem{display:none}.vac th,.vac td{padding-left:14px;padding-right:14px}}

/* Category sections */
.catsec{margin-bottom:30px}
.catgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.catgrid .main .thumb{aspect-ratio:16/9;margin-bottom:10px}
.catgrid .main h3{font-family:var(--serif);font-size:20px;font-weight:900;line-height:1.3;margin:8px 0 6px}
.catgrid .main h3 a:hover{color:var(--navy)}
.catgrid .main p{font-size:13.5px;color:var(--muted)}
.catgrid .list{list-style:none}
.catgrid .list li{list-style:none;padding:11px 0;border-bottom:1px solid var(--border)}
.catgrid .list li:first-child{padding-top:2px}
.catgrid .list li:last-child{border:0}
.catgrid .list a{font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.4}
.catgrid .list a:hover{color:var(--navy)}
.catgrid .list .meta{margin-top:2px}
@media (max-width:680px){.catgrid{grid-template-columns:1fr}}

/* Biography strip */
.bios{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bios a{text-align:center;border:1px solid var(--border);padding:18px 12px 16px}
.bios a:hover{box-shadow:0 6px 18px rgba(14,42,71,.1)}
.bios .thumb{width:78px;aspect-ratio:1;border-radius:50%;margin:0 auto 10px}
.bios b{font-family:var(--serif);font-size:14.5px;display:block}
.bios span{font-size:11.5px;color:var(--muted)}
@media (max-width:680px){.bios{grid-template-columns:1fr 1fr;gap:14px}}