:root{--navy:#071b31;--midnight:#0f2d4a;--slate:#1e3f62;--orange:#ff8a2b;--blue:#1fa9ff;--white:#fff;--gray:#cbd5e1}*{box-sizing:border-box}body{margin:0;background:#071625;color:var(--white);font-family:Inter,system-ui,Arial,sans-serif}a{color:inherit}.shell{max-width:1680px;margin:auto;padding:0 24px}.header{background:#06192c;border-bottom:3px solid var(--orange)}.nav{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:86px}.logo{font:800 26px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.035em;text-decoration:none}.logo em{font-style:normal;color:var(--orange)}.navlinks{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.navlinks a{font-weight:650;font-size:14px;text-decoration:none}.navlinks a:hover{color:var(--orange)}.hero{padding:65px 0 46px;background:radial-gradient(circle at 70% 0%,#17496c 0%,transparent 43%)}.kicker{font-weight:800;font-size:13px;letter-spacing:.19em;color:var(--orange);text-transform:uppercase}.hero h1{font:800 clamp(46px,7vw,87px)/.99 'Barlow Condensed',Impact,sans-serif;max-width:790px;text-transform:uppercase;margin:15px 0}.hero p{font-size:17px;line-height:1.7;color:var(--gray);max-width:750px}.status{border:1px solid #a47a42;color:#ffe0af;background:#352918;border-radius:9px;padding:12px 16px;display:inline-block;margin-top:12px;font-size:13px}.layout{padding-bottom:75px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:22px 0}.sectionhead h2{font:800 34px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0}.muted{color:var(--gray)}.featured{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);border:1px solid #2b5472;border-radius:17px;overflow:hidden;background:var(--midnight)}.art{min-height:370px;position:relative;background:linear-gradient(90deg,rgba(3,19,35,.93) 3%,rgba(3,19,35,.42) 58%,rgba(3,19,35,.1)),url('https://images.unsplash.com/photo-1759922378275-32d7ca8bbcca?auto=format&fit=crop&fm=jpg&q=85&w=1200') center/cover}.art:before{content:'';position:absolute;inset:15px;border:2px solid rgba(31,169,255,.55);border-radius:13px;pointer-events:none}.artcopy{position:absolute;left:38px;bottom:32px;right:25px}.artcopy .small{display:inline-block;font-weight:800;font-size:13px;color:var(--orange);border:1px solid var(--orange);padding:7px 14px;border-radius:20px;background:#061b31b8}.artcopy h3{font:900 clamp(51px,6vw,84px)/.87 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:17px 0}.artcopy h3 span{color:var(--orange)}.artcopy p{letter-spacing:.12em;font-weight:750;text-transform:uppercase}.detail{padding:38px 34px}.detail h3{font:800 33px 'Barlow Condensed',Impact,sans-serif;margin:13px 0}.detail p{color:var(--gray);line-height:1.7}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.chip{border:1px solid #557693;border-radius:30px;padding:7px 11px;font-size:12px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{background:#0077b8;border:1px solid #23aef6;color:white;text-decoration:none;border-radius:8px;padding:13px 19px;font-weight:800}.btn:hover{filter:brightness(1.14)}.btn.secondary{background:transparent;border-color:#7893a6}.btn.disabled{background:#253e55;border-color:#45617a;color:#b7cada;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:26px 0 0}.card{background:#102b43;border:1px solid #315575;border-radius:13px;overflow:hidden}.cardtop{height:152px;padding:18px;background:linear-gradient(125deg,#071b31c9,#0a2a46ad),linear-gradient(28deg,#1c4e74 25%,#16324a 25% 45%,#366080 45% 55%,#0e3553 55%);display:flex;flex-direction:column;justify-content:space-between}.cardtop span{font-size:12px;color:#ffb176;font-weight:850;letter-spacing:.1em}.cardtop strong{font:800 30px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.cardbody{padding:22px}.cardbody p{color:var(--gray);line-height:1.6;font-size:14px}.foot{padding:28px 0;border-top:1px solid #264661;color:var(--gray);font-size:13px}@media(max-width:800px){.featured{grid-template-columns:1fr}.art{min-height:340px}.cards{grid-template-columns:1fr}.nav{align-items:start;flex-direction:column;padding:20px 0}.hero{padding-top:44px}}
/* PRIG Brand Standards v1: vertically stacked featured training card */
.featurecard{max-width:570px;margin:0 auto;border:2px solid #159fe9;border-radius:20px;overflow:hidden;background:#071d33;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.featurevisual{min-height:420px;position:relative;background:linear-gradient(90deg,rgba(3,17,34,.92) 0%,rgba(4,25,43,.64) 46%,rgba(3,17,34,.08)),url('https://images.unsplash.com/photo-1759922378275-32d7ca8bbcca?auto=format&fit=crop&fm=jpg&q=82&w=1300') center/cover;border-bottom:3px solid #169ef0}
.featurevisual:before{content:'';position:absolute;inset:10px;border:2px solid rgba(31,169,255,.35);border-radius:12px;pointer-events:none}
.featuretopbrand{position:absolute;left:28px;top:26px;font:800 24px 'Barlow Condensed',Impact,sans-serif;text-shadow:0 2px 8px #000;letter-spacing:.04em}.featuretopbrand strong{color:var(--orange);display:block;font-size:18px}
.featurearttext{position:absolute;left:34px;right:15px;bottom:32px;display:flex;flex-direction:column;align-items:start;gap:12px}
.featuretitle{font:900 clamp(65px,8vw,110px)/.83 'Barlow Condensed',Impact,sans-serif;text-shadow:0 5px 12px #0007}.featuretitle strong{color:#ff9b26}
.featuresub{font:700 19px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.1em;text-shadow:0 3px 8px #000}
.featurepill{border:2px solid #ffab21;border-radius:50px;background:#071a2c;padding:9px 17px;font-weight:800;font-size:15px}
.featureinfo{padding:32px 30px 23px;background:linear-gradient(115deg,#082039,#071627)}
.featureinfo h3{font:800 37px/1.03 Inter,system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 21px}
.featureinfo>p{font-size:17px;line-height:1.65;color:#d7e3ef}
.featureactions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}
.featurebutton{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border:2px solid #1fa9ff;padding:14px 8px;border-radius:11px;background:#0e3554;color:white;font-weight:800}.featurebutton.solid{background:#0861c8}.featurebutton:hover{filter:brightness(1.16)}
.featureinfo p.preview{margin:18px 0 0;color:#a6bacd;font-size:12px}
.cardbody{min-height:184px;display:flex;flex-direction:column;align-items:start}.cardbody .btn,.cardbody .chip{margin-top:auto}
@media(max-width:600px){.featurevisual{min-height:355px}.featuretopbrand{font-size:20px}.featuretitle{font-size:68px}.featureinfo{padding:26px 22px}.featureinfo h3{font-size:28px}.featureactions{gap:8px}.featurebutton{font-size:13px}.featuresub{font-size:16px}}

/* Use the exact approved uploaded UTV artwork; active link regions align with visual buttons. */
.featurecard-exact{position:relative;max-width:570px;border:none;border-radius:20px;background:transparent;overflow:hidden}
.featurecard-exact img{display:block;width:100%;height:auto}
.feature-image-link{position:absolute;bottom:4.1%;height:9.7%;z-index:2;border-radius:12px}
.feature-image-link-view{left:6%;width:42%}.feature-image-link-start{left:51%;width:43%}
.feature-image-link:focus-visible{outline:4px solid #fff;outline-offset:-4px;background:#1fa9ff33}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.feature-note{max-width:570px;margin:13px auto 0;font-size:12px;color:#bacbd8;line-height:1.5}

/* Approved PRTA course-thumbnail artwork: full-card image display. */
.image-course-card{position:relative;overflow:hidden;border:1px solid #159fe9;border-radius:14px;background:#06192b}
.course-thumbnail{display:block;width:100%;height:auto;aspect-ratio:1100 / 1376;object-fit:contain}
.course-card-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Alphabetical catalog with category dropdown and planned-course cards */
.catalog-tools{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:16px 20px;background:#0e2a43;border:1px solid #315575;border-radius:12px}
.catalog-tools label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750;color:#e0eaf4;min-width:230px;flex:1}
.catalog-tools select,.catalog-tools input{width:100%;min-height:44px;background:#071b31;color:#fff;border:1px solid #69869c;border-radius:7px;padding:10px 12px;font:500 15px Inter,system-ui,sans-serif}
.catalog-tools select:focus-visible,.catalog-tools input:focus-visible{outline:3px solid #1fa9ff;outline-offset:2px}
#course-count{margin:0 0 10px;color:#cbd5e1;font-size:13px}
.catalog-item[hidden]{display:none!important}.catalog-image-wrap{display:block;line-height:0}.catalog-image-wrap:focus-visible{outline:4px solid #ff8a2b;outline-offset:-4px}
.planned-card{display:flex;flex-direction:column;min-height:360px}.planned-card-art{flex:1;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;background:linear-gradient(125deg,rgba(2,20,38,.9),rgba(16,65,105,.6)),repeating-linear-gradient(28deg,#133d63 0 32px,#0a2947 32px 60px)}
.planned-category{font-size:12px;color:#ff9e53;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.planned-card-art h3{font:800 32px/1.03 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0;color:#fff}.planned-mark{font-size:11px;letter-spacing:.13em;color:#a9cadf}
.planned-body{padding:18px 20px;background:#102b43}.planned-body .chip{display:inline-block}.catalog-note{color:#bacbd8;font-size:13px;margin-top:18px}

/* Compact scalable five-column catalog, preserving full artwork. */
#course-grid.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#course-grid .catalog-item{min-width:0;align-self:start}
#course-grid .course-thumbnail{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:30px 0 10px;flex-wrap:wrap}
.catalog-pagination[hidden]{display:none}
.catalog-pagination button{padding:10px 17px;border:1px solid #1fa9ff;color:white;border-radius:8px;background:#103451;font-weight:700;cursor:pointer}
.catalog-pagination button:disabled{opacity:.4;cursor:not-allowed}
.catalog-pagination button:focus-visible{outline:3px solid #ff8a2b;outline-offset:2px}
.catalog-pagination span{color:#cbd5e1;font-size:14px}
@media(max-width:1150px){#course-grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){#course-grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#course-grid.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:390px){#course-grid.cards{grid-template-columns:1fr}}

/* Accessible real catalog controls, independent of artwork's printed buttons */
#course-grid .image-course-card{display:flex;flex-direction:column}
#course-grid .catalog-image-wrap{display:block;pointer-events:none}
#course-grid .course-meta{padding:11px 12px 14px;display:flex;flex-direction:column;gap:10px;flex:1;background:#0d2a43;border-top:1px solid #287ab6}
#course-grid .course-meta h3{font:700 14px/1.32 Inter,system-ui,sans-serif;margin:0;min-height:2.7em}
#course-grid .course-meta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto}
#course-grid .course-status{display:inline-flex;align-items:center;border:1px solid #66829b;border-radius:22px;padding:6px 9px;color:#d5dfeb;font-size:11px;font-weight:700}
#course-grid .course-status.preview{color:#ffe5bd;border-color:#ff8a2b}
#course-grid .course-action{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;background:#0876c8;border:1px solid #28b2ff;border-radius:7px;text-decoration:none;font-size:12px;font-weight:800}
#course-grid .course-action:hover{background:#095ea5}
#course-grid .course-action:focus-visible{outline:3px solid #ff8a2b;outline-offset:2px}

/* UTV is the only live clickable course in the catalog. */
#course-grid .catalog-utv-link{pointer-events:auto;cursor:pointer}
#course-grid .catalog-utv-link:focus-visible{outline:3px solid #ff8a2b;outline-offset:-3px}