.resource-intro{padding:clamp(100px,12vw,160px) 0 48px}.resource-intro h1{max-width:900px;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.12;letter-spacing:-.035em;color:var(--gray-900);margin:18px 0 24px}.resource-intro .resource-lead{max-width:760px;font-size:1.15rem;line-height:1.7;color:var(--gray-600)}.resource-meta{font-size:.875rem;color:var(--gray-600);margin-top:24px}.resource-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:64px;padding-bottom:80px}.resource-body{max-width:760px;color:var(--gray-700);line-height:1.8}.resource-body h2{font-size:1.65rem;line-height:1.3;margin:40px 0 18px;color:var(--gray-900)}.resource-body h3{font-size:1.15rem;color:var(--gray-900);margin:24px 0 12px}.resource-body p{margin:0 0 18px}.resource-body ul,.resource-body ol{padding-left:24px;margin-bottom:24px}.resource-body li{margin:10px 0}.resource-body a,.resource-aside a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.resource-aside{align-self:start;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:28px}.resource-aside h2{font-size:1.2rem;color:var(--gray-900);margin-bottom:20px}.resource-aside ol{padding-left:20px}.resource-aside li{margin:14px 0}.resource-aside p{color:var(--gray-600);line-height:1.7}.resource-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:48px}.resource-card{display:flex;flex-direction:column;align-items:start;gap:16px;padding:32px;border:1px solid var(--gray-200);border-radius:16px;background:var(--white)}.resource-card h3{font-size:1.45rem;line-height:1.35;color:var(--gray-900)}.resource-card p{color:var(--gray-600);line-height:1.65}.resource-card a{color:var(--primary);font-weight:700;margin-top:auto}.resource-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--primary)}.course-scenario{border-block:1px solid var(--gray-200);background:var(--gray-50);padding:64px 0;scroll-margin-top:110px}.course-scenario h2{font-size:clamp(1.7rem,3vw,2.4rem);max-width:760px;margin:16px 0 24px;color:var(--gray-900)}.scenario-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}.scenario-layout p{color:var(--gray-700);line-height:1.75}.scenario-layout dl{display:grid;gap:24px}.scenario-layout dt{font-weight:700;color:var(--gray-900);margin-bottom:8px}.scenario-layout dd{margin:0;color:var(--gray-700);line-height:1.7}.scenario-note{color:var(--gray-600);font-size:.875rem;margin-top:24px;max-width:900px}.course-scenario a{color:var(--primary);font-weight:600}.quote-programme{margin-bottom:20px}.quote-programme small{color:var(--gray-600);line-height:1.6}.resource-body [id]{scroll-margin-top:120px}@media(max-width:760px){.resource-layout,.scenario-layout,.resource-cards{grid-template-columns:1fr;gap:28px}.resource-card{padding:24px}.resource-layout{padding-bottom:48px}.resource-aside{order:-1}.course-scenario{padding:40px 0}.resource-intro{padding-bottom:28px}}
.ui-polish.resource-page .header{background:var(--white);border-bottom:1px solid var(--gray-200)}
.ui-polish.resource-page .header .logo-text,.ui-polish.resource-page .header .nav-link{color:var(--gray-700)}
.ui-polish.resource-page .header .nav-link:hover{color:var(--primary)}
.ui-polish.resource-page .header .btn-outline{color:var(--primary);border-color:var(--gray-300)}
.ui-polish.resource-page .header .logo img{filter:none}
[data-theme="dark"] .ui-polish.resource-page .header .logo img{filter:brightness(0) invert(1)}
.ui-polish.resource-page .header .menu-toggle span{background:var(--gray-700)}
.resource-body ul{list-style:disc}.resource-body ol,.resource-aside ol{list-style:decimal}
.resource-page #guides-title{margin-bottom:24px}
.resource-intro a{color:var(--primary)}

/* Shared guide section on the home page and training catalogue. */
.project-resources { padding: clamp(48px,6vw,88px) 0; border-top: 1px solid var(--gray-200); background: var(--gray-50); }
.project-resources-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 36px; }
.project-resources-heading > div { max-width: 710px; }
.project-resources .resource-eyebrow { display: flex; align-items: center; gap: 12px; font-size: 11px; letter-spacing: .13em; line-height: 1.6; }
.project-resources .resource-eyebrow::before { content: ''; width: 26px; height: 2px; background: #f97316; flex-shrink: 0; }
.project-resources h2 { margin: 14px 0 18px; color: var(--gray-900); font-size: clamp(28px,3.2vw,42px); line-height: 1.16; letter-spacing: -.035em; text-wrap: balance; }
.project-resources-heading p { max-width: 620px; margin: 0; color: var(--gray-600); font-size: 16px; line-height: 1.75; }
.project-resources-all { display: inline-flex; flex-shrink: 0; align-items: center; gap: 16px; min-height: 46px; padding: 11px 16px; border: 1px solid var(--gray-300); border-radius: 10px; color: var(--primary); background: var(--white); font-size: 13px; font-weight: 650; line-height: 1.5; text-decoration: none; }
.project-resources-all:hover { border-color: var(--primary); }
.project-guides { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.project-guide { min-width: 0; display: flex; flex-direction: column; align-items: stretch; padding: 30px; background: var(--white); border: 1px solid var(--gray-200); border-radius: 16px; }
.project-guide-top { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }
.project-guide-icon { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 11px; background: var(--gray-50); color: var(--primary); }
.project-guide-icon svg { width: 23px; height: 23px; }
.project-guide-audience { color: var(--primary); font-size: 12px; font-weight: 700; }
.project-guide-format { margin-left: auto; color: var(--gray-600); font-size: 11px; white-space: nowrap; }
.project-guide h3 { max-width: 560px; margin: 0 0 16px; color: var(--gray-900); font-size: clamp(21px,2vw,26px); line-height: 1.35; letter-spacing: -.025em; text-wrap: balance; }
.project-guide p { margin: 0 0 28px; color: var(--gray-600); font-size: 15px; line-height: 1.75; }
.project-guide-link { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 54px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--gray-200); color: var(--primary); font-size: 14px; font-weight: 700; text-decoration: none; }
.project-guide-link > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--primary); background: var(--gray-50); font-size: 20px; }
.project-guide-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.project-guide:focus-within { border-color: var(--primary); }
.project-resources a:focus-visible { outline: 3px solid #f97316; outline-offset: 5px; border-radius: 6px; }
@media(max-width:900px) {
  .project-resources-heading { flex-wrap: wrap; align-items: flex-start; gap: 22px; }
  .project-guide { padding: 24px; }
  .project-guide-top { flex-wrap: wrap; gap: 10px; }
  .project-guide-format { flex-basis: 100%; margin: 0; }
}
@media(max-width:640px) {
  .project-guides { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .project-resources-heading { margin-bottom: 24px; }
  .project-resources-heading p { font-size: 15px; }
  .project-resources-all { width: 100%; justify-content: space-between; }
  .project-guide { padding: 22px; }
  .project-guide-top { margin-bottom: 20px; }
  .project-guide-format { flex-basis: auto; margin-left: auto; }
}
@media(max-width:380px) { .project-guide-format { flex-basis: 100%; margin-left: 0; } }