/* Rebuilt Courses page, based on the approved 16:9 layout */
.courses{padding-top:10px;padding-bottom:10px}
.courses-hero{height:178px;min-height:178px;isolation:isolate}
.courses-hero .scenery{inset:-10px -2vw -3px 31%;background-size:cover;background-position:center 48%;opacity:1;mask-image:linear-gradient(to right,transparent 0%,black 39%),linear-gradient(to top,transparent 0%,black 34%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 39%);z-index:-1}
.courses-hero::after{content:"";position:absolute;inset:0 0 -4px 28%;background:linear-gradient(90deg,#fff 0%,#ffffffd9 19%,#ffffff00 59%),linear-gradient(0deg,#fff 0%,#ffffff00 32%);pointer-events:none;z-index:-1}
.courses-hero .eyebrow{font-size:11px;letter-spacing:2.4px}
.courses-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(39px,3.1vw,52px);line-height:.94;letter-spacing:-2.1px;margin:9px 0 9px;font-weight:900;max-width:650px}
.courses-hero .intro{font:15px/1.25 Georgia,'Times New Roman',serif;max-width:700px;position:relative;z-index:1}
.course-grid{gap:16px;align-items:stretch;min-height:0;flex:1}
.course-card{border-radius:13px;box-shadow:0 7px 20px #271d6219;position:relative}
.course-top{height:43%;min-height:155px;background-size:cover;background-position:center center;flex-shrink:0}
.course-top:after{background:linear-gradient(to top,rgba(7,10,31,.89) 0%,rgba(8,11,31,.45) 46%,rgba(8,11,31,.08) 100%)}
.course-top .toptext{inset:11px 13px 12px}
.course-top h2{font-size:clamp(21px,1.8vw,28px);letter-spacing:-.6px;line-height:1.08;margin:auto 0 5px;font-weight:850;text-shadow:0 2px 9px #1118}
.course-top p{font:clamp(12px,.92vw,14px)/1.22 Georgia,'Times New Roman',serif;max-width:94%;margin:0 0 2px;text-shadow:0 2px 7px #000a}
.tagrow{width:100%;gap:6px;flex-wrap:nowrap}
.tagrow .smalltag:last-child{margin-left:auto}
.km{padding:7px 11px;font-size:16px;white-space:nowrap}
.smalltag{font-size:9px;white-space:nowrap;padding:7px 8px}
.challenge{margin-left:0!important;position:relative;padding:7px 7px}
.challenge-sub{position:absolute;top:43px;left:85px;font:700 8px Arial,sans-serif;letter-spacing:.2px;color:white;text-shadow:0 1px 5px #000;white-space:nowrap}
.course-bottom{padding:9px 12px 11px;gap:0}
.stats{grid-template-columns:1.12fr 1fr .93fr;gap:4px;min-height:44px;align-items:center}
.stat{gap:7px;min-width:0;line-height:1.1}
.stat i{display:flex;align-items:center;flex-shrink:0;color:var(--course-accent);font-size:26px}
.stat svg{width:26px;height:26px}
.stat strong{font-size:13px;line-height:1.1}
.stat small{font:11px/1.1 Georgia,serif}
.course-card.green{--course-accent:#07843b}
.course-card.blue{--course-accent:#1163ff}
.course-card.pink{--course-accent:#ff245d}
.profile{margin:auto 0 2px;height:clamp(31px,5vh,48px);min-height:27px;max-height:48px}
.utmb{min-height:21px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:10px}
.utmb b{padding:4px 5px;font-size:11px}
.utmb mark{padding:4px 6px;font-size:11px}
.utmb small{font-size:8px;letter-spacing:.1px;color:#222}
.departure{padding:5px 0 7px;font-size:11px}
.course-link{display:block;padding:10px 5px;border-radius:8px;font-size:11px;min-height:37px}
.courses .footfacts{min-height:53px;margin-top:9px;border-radius:8px}
.courses .footfacts>div{font-size:11px;padding:7px 13px}
.courses .footfacts i{font-size:24px}
@media(min-width:901px) and (max-height:840px){.courses-hero{height:172px;min-height:172px}.course-top{height:43%;min-height:138px}.course-bottom{padding:8px 11px}.courses .footfacts{min-height:48px;margin-top:7px}.profile{height:32px}.course-top h2{font-size:clamp(20px,1.7vw,26px)}}
@media(max-width:900px){.courses-hero{height:auto;min-height:205px;padding-bottom:18px}.courses-hero h1{font-size:clamp(35px,8vw,52px)}.courses-hero .scenery{inset:0 -12px 0 15%;opacity:.42}.course-grid{grid-template-columns:1fr}.course-card{min-height:400px}.course-top{height:195px}.course-bottom{min-height:190px}.profile{height:42px}.challenge-sub{display:none}.courses .footfacts{grid-template-columns:repeat(2,1fr)}}