:root { --wcg-ink:#102033; --wcg-harbor:#173b4c; --wcg-teal:#247a75; --wcg-cloud:#f5f8fb; --wcg-mist:#e5eef3; }
html { scroll-padding-top:10rem; }
body { font-size:1rem; }
header > div { flex-wrap:wrap; }
header nav a { min-height:2.75rem; display:inline-flex; align-items:center; }
header nav a[aria-current="page"] { background:var(--wcg-cloud); color:var(--wcg-harbor); box-shadow:inset 0 -2px var(--wcg-teal); }
.wcg-container { width:min(100%,80rem); margin-inline:auto; padding-inline:2rem; }
.wcg-section { padding-block:5rem; }
.wcg-cloud { background:var(--wcg-cloud); }
.eyebrow { font-size:.875rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; color:var(--wcg-teal); }
.wcg-heading { margin-top:.75rem; max-width:48rem; font-size:clamp(1.85rem,3vw,2.5rem); font-weight:700; line-height:1.2; }
.wcg-intro { font-size:1.125rem; max-width:48rem; margin-block:1.5rem; line-height:1.8; }
.wcg-button { display:inline-flex; align-items:center; justify-content:center; min-height:2.75rem; padding:.85rem 1.3rem; border-radius:.375rem; background:var(--wcg-teal); color:white; font-size:.95rem; font-weight:600; text-align:center; line-height:1.5; }
.wcg-button:hover { background:var(--wcg-harbor); }
.wcg-button-light { background:white; color:var(--wcg-ink); }
.wcg-button-light:hover { background:var(--wcg-mist); }
.wcg-button:focus-visible,.wcg-text-link:focus-visible,.training-anchor:focus-visible { outline:3px solid #b7833c; outline-offset:4px; }
.wcg-text-link { color:var(--wcg-teal); text-decoration:underline; text-underline-offset:.2em; font-weight:600; }
.wcg-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem; margin-top:2rem; }
.training-hero { padding-block:5rem; background:var(--wcg-ink); color:white; }
.training-hero .eyebrow,.workshop-request .eyebrow { color:#99e4d9; }
.training-hero-grid { display:grid; grid-template-columns:1.6fr 1fr; gap:4rem; align-items:center; }
.training-hero h1 { font-weight:700; font-size:clamp(2.2rem,4vw,3.65rem); line-height:1.12; margin-block:1rem 1.5rem; }
.training-hero p { line-height:1.8; }
.training-hero .training-lead { font-size:1.4rem; line-height:1.45; margin-bottom:1.25rem; color:#b7e1df; }
.training-instructor { border-left:3px solid #b7833c; padding:1.75rem 2rem; background:#173b4c; }
.training-instructor h2 { font-size:1.55rem; font-weight:700; margin-block:.75rem 1rem; }
.training-anchor { display:inline-block; text-decoration:underline; text-underline-offset:.25em; font-weight:600; }
.training-instructor .training-anchor { margin-top:1.5rem; }
.workshop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin-top:3rem; }
.workshop-card { border:1px solid var(--wcg-mist); border-top:3px solid var(--wcg-teal); padding:2rem; border-radius:.375rem; }
.workshop-card h3,.readiness-panel h3 { font-size:1.5rem; line-height:1.3; font-weight:700; margin-block:.75rem 1rem; }
.workshop-card p,.readiness-panel p,.organization-grid p { line-height:1.8; }
.workshop-card p+p { margin-top:1rem; }
.workshop-number { font-size:.875rem; text-transform:uppercase; letter-spacing:.08em; color:var(--wcg-teal); font-weight:700; }
.workshop-card ul,.readiness-panel ul,.organization-audiences ul { list-style:disc; padding-left:1.25rem; margin-top:1rem; line-height:1.8; }
.workshop-card li+li,.readiness-panel li+li,.organization-audiences li+li { margin-top:.35rem; }
.readiness-panel { background:var(--wcg-cloud); border:1px solid var(--wcg-mist); display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; padding:2.5rem; margin-top:2rem; border-radius:.375rem; }
.readiness-note { background:white; padding:1.5rem; border-left:3px solid #b7833c; align-self:start; }
.readiness-note h4 { font-size:1.15rem; font-weight:700; margin-bottom:.75rem; }
.readiness-note a { display:inline-block; margin-top:1rem; }
.organization-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; }
.organization-audiences { background:white; padding:2rem; border:1px solid var(--wcg-mist); border-radius:.375rem; }
.organization-audiences h3 { font-weight:700; font-size:1.3rem; }
.workshop-request { background:var(--wcg-harbor); color:white; }
.training-service-card { grid-column:1/-1; border:1px solid var(--wcg-teal); border-left:4px solid var(--wcg-teal); background:var(--wcg-cloud); padding:2rem; border-radius:.5rem; }
.training-service-card h3 { font-size:1.5rem; font-weight:700; margin-block:.7rem; }
.training-service-card p { line-height:1.8; max-width:65rem; }
.training-service-card p+p { margin-top:.7rem; }
.training-service-link { display:inline-block; margin-top:1.2rem; font-weight:700; color:var(--wcg-teal); text-decoration:underline; text-underline-offset:.2em; }
.credential-heading { grid-column:1/-1; font-weight:700; font-size:1.1rem; }
.field-hint { display:block; margin-top:.5rem; font-size:.875rem; line-height:1.6; color:#475569; }
.trademark { margin-top:1.5rem; font-size:.875rem; line-height:1.6; color:#c7d5de; }
form button:disabled { opacity:.6; cursor:wait; }
#form-status { margin-top:1rem; line-height:1.6; }
@media(max-width:900px) { .training-hero-grid,.organization-grid,.readiness-panel { grid-template-columns:1fr; gap:2rem; } header > div { flex-direction:column; } }
@media(max-width:640px) { .wcg-container { padding-inline:1.25rem; } .wcg-section,.training-hero { padding-block:3rem; } .workshop-grid { grid-template-columns:1fr; } .workshop-card,.readiness-panel,.organization-audiences { padding:1.5rem; } .training-instructor { padding:1.5rem; } header { position:relative!important; } header nav { justify-content:center; gap:.15rem; } .wcg-actions { align-items:stretch; flex-direction:column; } .wcg-actions a { text-align:center; } }