:root{--gold:#e5b642;--green:#003f32;--deep:#00372d;--cream:#f5efe1}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--deep)}
body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.capilano-page{position:relative;width:100%;max-width:100vw;margin:0 auto;background:var(--deep)}
.capilano-reference{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;z-index:10;text-indent:-9999px;overflow:hidden;border:0;background:transparent;cursor:pointer}
.hotspot:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.hs-explore{left:4.7%;top:82.5%;width:16.7%;height:8.4%}

/* Refined editorial feature band: same visual language as the header and hero. */
.course-feature-band{border-top:1px solid var(--gold);background:linear-gradient(120deg,#004b3d 0%,#00392f 58%,#00372d 100%);color:var(--cream);padding:22px 7% 18px}
.course-feature-row{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.course-feature{position:relative;min-height:88px;display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;padding:8px 34px;text-decoration:none;color:inherit;border-radius:8px;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.course-feature:first-child{padding-left:0}
.course-feature:last-child{padding-right:0}
.course-feature+.course-feature{border-left:1px solid rgba(229,182,66,.28)}
.course-feature-icon{width:72px;height:72px;object-fit:contain;transition:filter .22s ease,transform .22s ease}
.course-feature h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,1.75vw,30px);line-height:1.05;font-weight:400;margin:0 0 9px;color:#f7f0df}
.course-feature p{font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.05vw,18px);line-height:1.45;margin:0;color:rgba(247,240,223,.92)}
.course-feature::after{content:"";position:absolute;left:112px;bottom:3px;width:0;height:1px;background:var(--gold);transition:width .24s ease}
.course-feature:hover,.course-feature:focus-visible{transform:translateY(-3px);background:rgba(229,182,66,.055);box-shadow:0 8px 22px rgba(0,0,0,.12);outline:none}
.course-feature:hover h2,.course-feature:focus-visible h2{color:var(--gold)}
.course-feature:hover .course-feature-icon,.course-feature:focus-visible .course-feature-icon{filter:brightness(1.18);transform:scale(1.025)}
.course-feature:hover::after,.course-feature:focus-visible::after{width:calc(100% - 146px)}

.course-signature{display:flex;justify-content:center;align-items:baseline;gap:10px;flex-wrap:wrap;margin:16px auto 0;text-align:center}
.course-signature strong{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.course-signature em{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:400;color:var(--gold)}

@media(max-width:900px){
  .course-feature-band{padding:18px 24px 20px}
  .course-feature-row{grid-template-columns:1fr}
  .course-feature{padding:17px 8px;min-height:0;grid-template-columns:64px 1fr}
  .course-feature+.course-feature{border-left:0;border-top:1px solid rgba(229,182,66,.24)}
  .course-feature-icon{width:58px;height:58px}
  .course-feature::after{left:80px;bottom:8px}
  .course-feature:hover::after,.course-feature:focus-visible::after{width:calc(100% - 96px)}
  .course-signature{margin-top:12px}
}