/* Responsive rules for the learning, recognition and technology showcase. */
.repo-actions .repo-action-live span{color:#061123}
.recognition-panel{min-height:580px}
.recognition-list{position:relative;z-index:1;display:grid;gap:0;margin:20px 0 0;padding:0;list-style:none;border-top:1px solid #75d8ff28}
.recognition-list li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #75d8ff1c}
.recognition-list span{color:#9de8ff;font:500 8px "DM Mono",monospace}
.recognition-list b,.recognition-list a{min-width:0;color:#eaf7ff;font:600 11px Manrope,Arial,sans-serif;text-decoration:none}
.recognition-list a{transition:color .2s ease}.recognition-list a:hover{color:#9de8ff}
.recognition-list i{color:#9de8ff;font-style:normal}
.recognition-list em{color:#8fa9c5;font:500 8px "DM Mono",monospace;font-style:normal;text-align:right;white-space:nowrap}
.profile-links{position:relative;z-index:1;display:flex;gap:8px;margin-top:15px}
.profile-links a{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #75d8ff4a;border-radius:9px;color:#eaf7ff;background:#75d8ff0b;font:600 9px "DM Mono",monospace;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.profile-links a:hover{border-color:#9de8ff;background:#75d8ff1a;color:#9de8ff}.profile-links span{color:#9de8ff;font-size:12px}

/* Cards must allow a horizontal gesture to reach their scroll rail on touch devices. */
@media (hover:none),(pointer:coarse){
  .repo-card-grid,.repo-card-grid .repo-card{touch-action:pan-x pan-y pinch-zoom!important}
  .repo-card-grid{overscroll-behavior-x:contain}
}

@media(max-width:980px){
  .highlights-heading{grid-template-columns:1fr;gap:20px}
  .highlights-heading .eyebrow,.highlights-heading h2,.highlights-heading>p{grid-column:auto;grid-row:auto}
  .highlights-heading .eyebrow{margin:0 0 -8px}
  .highlights-heading>p{max-width:580px}
  .highlights-grid{grid-template-columns:1fr}
  .learning-panel,.recognition-panel{min-height:0}
  .recognition-panel{min-height:585px}
}

@media(max-width:620px){
  .highlights-section{padding:82px 0}
  .highlights-heading{margin-bottom:28px}
  .highlights-heading h2{font-size:clamp(42px,13vw,58px)}
  .highlights-heading>p{font-size:13px}
  .highlights-grid{gap:10px}
  .learning-panel,.recognition-panel{padding:22px;border-radius:18px}
  .course-list{margin-top:25px}
  .course-item{grid-template-columns:38px 1fr;gap:10px;padding:17px 0}
  .course-item h3{font-size:19px}
  .course-item p,.recognition-panel>p{font-size:11px}
  .recognition-panel{min-height:555px}
  .recognition-panel .panel-label{top:22px;left:22px;right:22px}
  .recognition-orbit{right:-47px;top:-46px;width:170px;height:170px}
  .recognition-orbit:before{width:118px;height:118px}
  .recognition-panel h3{font-size:50px}
  .recognition-list{margin-top:15px}
  .recognition-list li{grid-template-columns:21px minmax(0,1fr);gap:7px;padding:8px 0}
  .recognition-list em{grid-column:2;text-align:left;font-size:7px}
  .profile-links{margin-top:12px}
  .profile-links a{padding:8px 9px;font-size:8px}
  .technology-rail{margin-top:10px;border-radius:18px;padding-top:20px}
  .technology-rail-head{display:block;padding:0 22px 17px}
  .technology-rail-head p{margin-top:8px;font-size:11px;line-height:1.55}
  .technology-set{gap:9px;padding:11px 5px}
  .technology{min-width:126px;height:46px;padding:0 11px;font-size:9px}
  .technology img{width:22px;height:22px}
  .technology-track{animation-duration:24s}
  .projects-home .repo-card-grid{display:flex;gap:12px;overflow-x:auto;padding:0 1px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#75d8ff75 transparent;-webkit-overflow-scrolling:touch}
  .projects-home .repo-card{flex:0 0 min(82vw,330px);min-height:330px;scroll-snap-align:start}
  .technology-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#75d8ff75 transparent;-webkit-overflow-scrolling:touch}
  .technology-track{animation-play-state:paused}
  .technology-set{scroll-snap-align:start}
}

@media(prefers-reduced-motion:reduce){
  .technology-track,.recognition-orbit{animation:none}
}