/* Skills grid (prototype for the owner, 27 Sep 2026; review items D8 and D9): the six skill areas side by side instead
   of behind tabs, built by src/content/skills-grid.mjs. Cards are not links, so nothing on them moves or changes on
   hover; the ways of working are grey tags, never link green. One scale: 32px heading, 20px card title, 16px outcome,
   15px text, 13px labels. Cards in a row share their row lines (subgrid), so outcomes, evidence and tags line up. */
.programme-skills[data-skills-grid] .ps-programme-heading{row-gap:16px;margin:48px 0 28px}
.programme-skills[data-skills-grid] .ps-programme-heading h3{font-size:32px;line-height:1.15;max-width:14em}
.programme-skills[data-skills-grid] .ps-programme-heading>p{font-size:16px}
.programme-skills[data-skills-grid] .ps-programme-heading>p.ps-grid-stat{grid-column:2;display:flex;align-items:baseline;gap:10px;margin:0;font-size:15px;line-height:1.4;color:var(--ps-muted)}
.ps-grid-stat strong{font-size:28px;font-weight:600;letter-spacing:-.03em;color:var(--ps-ink)}
.ps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ps-grid>.ps-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:16px;align-content:start;min-width:0;margin:0;padding:28px 28px 26px;background:#fff;border:1px solid #d6e2d9;border-radius:16px}
.programme-skills .ps-card h4{display:flex;gap:12px;align-items:baseline;margin:0;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--ps-ink)}
.ps-card h4>span{flex:none;font-size:13px;font-weight:500;letter-spacing:0;color:var(--ps-muted);font-variant-numeric:tabular-nums}
.programme-skills .ps-card-outcome{margin:0;font-size:15px;line-height:1.65;color:var(--ps-muted)}
.ps-card-outcome>strong{display:block;margin-bottom:6px;font-size:16px;line-height:1.5;font-weight:500;color:var(--ps-ink)}
.programme-skills .ps-card-evidence{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;margin:0;padding:16px 0 0;border-top:1px solid #dfe8e2}
.programme-skills .ps-card-evidence>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;margin:0;padding:0;border:0}
.programme-skills .ps-card-evidence dt{font-size:13px;line-height:1.6;color:var(--ps-muted)}
.programme-skills .ps-card-evidence dd{display:grid;gap:4px;margin:0;font-size:15px;line-height:1.45;font-weight:400;color:var(--ps-ink)}
.ps-card-verbs{display:flex;flex-wrap:wrap;align-content:start;gap:6px;list-style:none;margin:0;padding:0}
.ps-card-verbs>li{margin:0;padding:4px 10px;border-radius:6px;background:#eef3ef;color:#3f5a51;font-size:13px;line-height:1.5}
@media(max-width:1100px){.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .programme-skills[data-skills-grid] .ps-programme-heading{grid-template-columns:1fr;gap:14px;margin-top:36px}
 .programme-skills[data-skills-grid] .ps-programme-heading>p.ps-grid-stat{grid-column:1}
 .programme-skills[data-skills-grid] .ps-programme-heading h3{font-size:26px}
 .ps-grid{grid-template-columns:1fr;gap:12px}
 .ps-grid>.ps-card{padding:22px 20px;gap:14px}
 .programme-skills .ps-card h4{font-size:18px}
}
