:root{--primary:#008c95;--primary-hover:#167e80;--primary-soft:#edf7f7;--ink:#18365d;--ink-muted:#687a8b;--surface-100:#fff;--surface-200:#fff;--border:#ddd;--radius-lg:12px}
.department-site{background:#fff}.site-header{background:#f1f8f8;position:relative}.header-row{max-width:1740px;min-height:100px;gap:30px}.brand{font-size:17px;max-width:580px;color:#008d98}.brand img{width:85px;height:70px;object-fit:contain}.brand span{line-height:1.5}.site-nav>ul{gap:18px}.site-nav>ul>li>a{font-size:15px}.site-nav .header-actions{gap:8px}.container{max-width:1140px}.reference-intro{padding:55px 0 45px}.reference-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.reference-intro h1{font-size:34px;color:#173766;margin-bottom:30px}.reference-intro .prose{font-size:16px;line-height:1.85}.program-illustration{max-height:400px;width:100%;object-fit:contain}.reference-facts{background:#f5f5f5;padding:65px 0 20px}.facts-five{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-block:0}.facts-five>div{position:relative;border:1px solid #d5d5d5;border-radius:9px;padding:45px 10px 20px;text-align:center;min-height:130px}.fact-symbol{position:absolute;top:-65px;inset-inline-start:calc(50% - 45px);width:90px;height:90px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffd09c}.fact-symbol .icon{width:30px;height:30px}.fact-1{background:#a7eadf}.fact-2{background:#ffb6be}.fact-3{background:#605da3}.fact-4{background:#a54daf}.facts-five dt{font-size:19px;font-weight:600;color:#111}.facts-five dd{margin:10px 0 0;color:#73808a;font-size:14px}.reference-careers{padding-block:55px 65px;text-align:center}.reference-careers h2{font-size:28px;color:#188b8e;margin-bottom:40px}.careers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.careers-grid img{width:85px;height:85px;object-fit:contain}.careers-grid h3{font-size:17px;color:#008f98;margin-top:15px}.reference-details{padding-bottom:50px}.program-tabset{border:1px solid #288a89}.program-tabs{display:grid;grid-template-columns:repeat(6,1fr);background:#1c8383}.program-tabs button{font:600 14px/1.5 var(--font-sans);background:transparent;border:0;border-radius:0;padding:35px 8px 18px;min-height:155px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:15px}.program-tabs .icon{height:50px;width:50px;stroke-width:1.5}.program-tabs button[aria-selected=true]{background:white;color:#008f98;box-shadow:0 3px 9px #0003}.program-tabset [role=tabpanel]{padding:40px 45px;min-width:0}.program-tabset [role=tabpanel][hidden]{display:none}.program-tabset [role=tabpanel] .prose{line-height:1.9}.program-tabset .panel-heading{font-size:21px}.tabs-ready .panel-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.program-tabset .prose img{display:block;max-height:750px;width:auto;margin:20px auto}.reference-docs{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;padding-inline-start:20px}.reference-docs a{font-size:14px}.reference-ticker{text-align:center;padding:8px;background:#fff;font-size:12px}.reference-vision{background:#e7eff2;padding:35px 0 20px}.reference-vision .container{max-width:1500px;background:#ffffff65;padding:24px 50px}.reference-vision h2{font-size:18px;color:#00949a;margin-bottom:8px}.reference-vision p{font-size:25px;font-weight:600;line-height:1.5;color:#21497f;margin-bottom:30px}.reference-vision .btn{font-size:13px;min-width:140px}.reference-logos{display:flex;gap:80px;justify-content:center;padding:20px}.reference-logos img{width:80px;height:85px;object-fit:contain}.reference-heading{color:#008f9c;font-size:20px;font-weight:500;margin-bottom:28px}.reference-goals{list-style:none;margin:0 auto;padding:0;max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:45px 75px}.reference-goals li{background:#e7ac00;color:#fff;border-radius:9px;padding:25px 30px;box-shadow:0 2px 12px #0002;font-size:17px;position:relative}.reference-goals li:nth-child(2n){background:#204980;transform:translateY(30px)}.reference-goals li:nth-child(3){background:#008c91}.reference-goals li:before{content:'';position:absolute;inset-inline-start:-22px;top:15px;width:4px;height:calc(100% + 55px);background:#d3d6ef}.reference-services .card,.reference-programs .card{text-align:center;box-shadow:0 2px 20px #00000007;border:0;padding:25px 20px}.reference-services img{height:85px;width:85px;object-fit:contain;margin-bottom:15px}.reference-services h3,.reference-programs h3{font-size:17px;font-weight:500}.reference-services h3 a,.reference-programs h3 a{color:#234577;text-decoration:none}.reference-services p,.reference-programs p{font-size:14px;color:#73808b}.reference-programs,.reference-guides{background:#f1f8f8}.reference-program-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:23px}.reference-program-grid img{width:65px;height:45px;object-fit:cover;border:2px solid #008c95;margin-bottom:16px}.reference-commitments{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px}.reference-commitments img{width:100%}.reference-guides .grid{margin-top:40px}.reference-guides .card{text-align:center;border:0;border-radius:0;padding:35px}.reference-guides .icon{width:50px;height:50px;margin-bottom:15px}.reference-guides h3{color:#0096a0}.reference-guides .muted{font-size:13px;margin-top:20px}.reference-news{max-width:460px;margin:auto;text-align:center}.reference-news h3{font-size:16px}.reference-news img{max-height:380px;width:100%;object-fit:contain}.reference-news p{font-size:13px;color:#73808b;margin-top:15px}.site-footer{background:#37415e}.section{padding-block:45px}
@media(max-width:1180px){.header-row{min-height:90px}.brand{font-size:15px;max-width:75%}.brand img{width:65px;height:60px}.site-nav>ul{gap:0}.reference-intro-grid{gap:30px}.facts-five{gap:10px}.reference-program-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.reference-intro{padding:30px 0}.reference-intro-grid{grid-template-columns:1fr;gap:20px}.reference-intro h1{font-size:27px;margin-bottom:18px}.reference-intro .prose{font-size:15px}.program-illustration{max-height:260px}.facts-five{grid-template-columns:repeat(2,1fr);row-gap:65px}.facts-five>div:last-child{grid-column:1/-1}.facts-five dt{font-size:16px}.reference-facts{padding-top:65px}.careers-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.reference-careers{padding-block:35px}.careers-grid h3{font-size:15px}.program-tabs{grid-template-columns:repeat(3,1fr)}.program-tabs button{min-height:105px;padding:15px 6px;font-size:12px}.program-tabs .icon{width:30px;height:30px}.program-tabset [role=tabpanel]{padding:22px 16px}.reference-docs{grid-template-columns:1fr}.reference-vision .container{padding:25px}.reference-vision p{font-size:19px}.reference-goals{grid-template-columns:1fr;gap:20px;padding-inline:20px}.reference-goals li:nth-child(2n){transform:none}.reference-goals li:before{height:calc(100% + 25px)}.reference-program-grid{grid-template-columns:1fr 1fr;gap:16px}.reference-commitments{grid-template-columns:1fr;gap:25px}.reference-commitments img{max-width:350px;margin:auto}.reference-logos{gap:40px}.brand{font-size:13px}.reference-services .grid{grid-template-columns:1fr 1fr}.reference-services .card{padding:20px 12px}}
@media(max-width:380px){.reference-program-grid,.reference-services .grid{grid-template-columns:1fr}}
.header-row{min-width:0}.brand{white-space:normal;min-width:0;flex-shrink:1}.brand span{overflow-wrap:anywhere}.brand img{flex-shrink:0}.menu-toggle{flex-shrink:0}.reference-program-grid>*{min-width:0}.reference-intro-grid>*{min-width:0}
@media(max-width:700px){.header-row{gap:12px;padding-block:10px}.brand{max-width:calc(100% - 60px);gap:10px;font-size:12px}.brand img{width:54px;height:54px}.program-tabs button{overflow-wrap:anywhere}.reference-vision .container{padding-inline:20px}}

/* Let the public navigation use the full viewport width. */
.department-site .site-header > .header-row {
  width: 100%;
  max-width: none;
  padding-inline: clamp(16px, 2vw, 40px);
}
@media (min-width: 1181px) {
  .department-site .site-header .brand { max-width: 25%; }
  .department-site .site-nav { min-width: 0; gap: 16px; }
  .department-site .site-nav > ul {
    flex: 1;
    justify-content: space-evenly;
    gap: clamp(8px, 1vw, 20px);
    margin-inline-end: 0;
    flex-wrap: wrap;
  }
  .department-site .header-actions { flex-shrink: 0; }
}

/* Center card artwork and make each card one keyboard-accessible link. */
.reference-services .card > img,
.reference-programs .card > img {
  display: block;
  margin-inline: auto;
}
.reference-card-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  color: #234577;
  text-decoration: none;
}
.reference-card-link h3 { color: inherit; }
.reference-card-link:hover {
  color: #008d98;
  box-shadow: 0 4px 20px #00000012;
}
.reference-card-link:focus-visible {
  outline: 3px solid #008d98;
  outline-offset: 4px;
}

.reference-services .reference-card-art,
.reference-programs .reference-card-art {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.reference-services .reference-card-art > img,
.reference-programs .reference-card-art > img {
  display: block;
  margin: 0;
  flex: none;
  object-fit: contain;
}

/* Accessible policy accordions, including content entered in the editor. */
.prose details {
  margin-block: 14px;
  border: 1px solid #cfdde3;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.prose details > summary {
  padding: 18px 22px;
  cursor: pointer;
  color: #21497f;
  background: #f1f8f8;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.prose details[open] > summary { color: #008d98; border-bottom: 1px solid #cfdde3; }
.prose details > summary:focus-visible { outline: 3px solid #008d98; outline-offset: -3px; }
.prose details > p { padding: 18px 22px; margin: 0; }
.prose details a { color: #006e78; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .prose details > summary { font-size: 16px; padding: 14px 16px; }
  .prose details > p { padding: 14px 16px; }
}

/* Service catalogue: original colourful illustrations, centered in four cards. */
.department-site .services-catalog > .container {
  width: 100%;
  max-width: none;
  padding-inline: clamp(20px, 4vw, 80px);
}
.service-illustration-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.department-site .service-illustration-card {
  align-items: center;
  text-align: center;
  padding: 36px 26px;
  border: 0;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 2px 24px #00000009;
}
.service-illustration-art {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  max-width: 100%;
  margin: 0 auto 12px;
}
.service-illustration-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.service-illustration-art > .icon { width: 100px; height: 100px; color: #008d98; }
.service-illustration-card h2 { font-size: 22px; color: #37415e; }
.service-illustration-card p { font-size: 17px; line-height: 1.8; }
.service-illustration-card:focus-visible { outline: 3px solid #008d98; outline-offset: 4px; }
@media (max-width: 1180px) { .service-illustration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }
@media (max-width: 600px) {
  .service-illustration-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .service-illustration-art { width: 150px; height: 150px; }
}