.pt-program-garland{
  box-sizing:border-box;
  position:relative;
  z-index:6;
  width:100%;
  border-block:1px solid rgba(20,55,95,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,253,.97));
  box-shadow:0 12px 34px rgba(18,50,88,.08);
  color:#10213d;
  font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif;
}
.pt-program-garland *{box-sizing:border-box}
.pt-program-garland-track{
  display:flex;
  align-items:flex-start;
  gap:8px;
  width:100%;
  margin:0 auto;
  padding:14px clamp(12px,2vw,32px) 16px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline proximity;
  scrollbar-width:thin;
  scrollbar-color:#55aaf2 transparent;
}
.pt-program-garland-item{
  position:relative;
  flex:1 0 92px;
  min-width:92px;
  min-height:116px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:9px 5px;
  border:1px solid transparent;
  border-radius:16px;
  color:inherit;
  text-align:center;
  text-decoration:none;
  scroll-snap-align:start;
  transform-origin:center;
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.pt-program-garland-item[aria-current="page"]{
  flex-basis:118px;
  min-width:118px;
  min-height:128px;
  border-color:rgba(70,145,220,.24);
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 28px rgba(18,62,112,.14);
}
.pt-program-garland-icon{
  display:block;
  width:48px;
  height:48px;
  border-radius:12px;
  object-fit:cover;
  filter:saturate(.62);
  opacity:.78;
  box-shadow:0 6px 14px rgba(8,36,78,.16);
  transition:transform .18s ease,filter .18s ease,opacity .18s ease,box-shadow .18s ease;
}
.pt-program-garland-item[aria-current="page"] .pt-program-garland-icon{
  width:72px;
  height:72px;
  border-radius:17px;
  filter:none;
  opacity:1;
  box-shadow:0 11px 24px rgba(8,36,78,.28);
}
.pt-program-garland-label{
  max-width:100%;
  font-size:12px;
  font-weight:500;
  line-height:1.22;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.pt-program-garland-item[aria-current="page"] .pt-program-garland-label{
  font-weight:700;
}
html[data-theme="night"] .pt-program-garland,
html.night-theme .pt-program-garland{
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(15,27,49,.98),rgba(10,19,35,.97));
  box-shadow:0 14px 38px rgba(0,0,0,.24);
  color:#eaf2ff;
}
html[data-theme="night"] .pt-program-garland-item[aria-current="page"],
html.night-theme .pt-program-garland-item[aria-current="page"]{
  border-color:rgba(96,184,255,.3);
  background:rgba(255,255,255,.06);
}
@media(hover:hover) and (pointer:fine){
  .pt-program-garland-item:hover{
    z-index:2;
    transform:translateY(-4px) scale(1.055);
    border-color:rgba(78,154,224,.26);
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 38px rgba(8,36,78,.2),0 4px 12px rgba(47,208,161,.14);
  }
  .pt-program-garland-item:hover .pt-program-garland-icon{
    transform:scale(1.07);
    filter:saturate(.86);
    opacity:.96;
    box-shadow:0 12px 26px rgba(8,36,78,.28);
  }
  html[data-theme="night"] .pt-program-garland-item:hover,
  html.night-theme .pt-program-garland-item:hover{
    background:rgba(255,255,255,.1);
  }
}
@media(max-width:640px){
  .pt-program-garland-track{padding:12px 10px 14px}
  .pt-program-garland-item{flex-basis:94px;min-width:94px}
  .pt-program-garland-item[aria-current="page"]{flex-basis:116px;min-width:116px}
}
@media(prefers-reduced-motion:reduce){
  .pt-program-garland-item,
  .pt-program-garland-icon{transition:none}
}