.travel-stories{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr;gap:.625rem}@media (min-width: 768px){.travel-stories{grid-template-columns:1fr 4fr;grid-template-rows:auto;min-height:150vh}}.travel-stories__sidebar{background-color:#fff;width:100%;box-shadow:0 0 1rem #0003;border-radius:0;overflow:hidden;padding:1vmax;border-radius:1rem 1rem 0 0}@media (min-width: 768px){.travel-stories__sidebar{border-radius:1rem 0 0 1rem}}.travel-stories__sidebar input{height:2rem;width:100%;margin-bottom:1rem;padding:0 .75rem;border:1px solid #ddd;border-radius:.25rem}.travel-stories__sidebar nav{display:grid;grid-auto-flow:row;gap:.625rem}.travel-stories__sidebar-button{text-decoration:none;color:inherit;font-size:1.5rem}.travel-stories__sidebar-button:hover{text-decoration:underline}.travel-stories__sidebar .year-accordion{display:flex;flex-direction:column;gap:.625rem;width:100%}.travel-stories__sidebar .year-group{width:100%}.travel-stories__sidebar .year-button{background-color:#f5f5f5;border:none;text-align:left;padding:.625rem .9375rem;cursor:pointer;border-radius:.25rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;width:100%;transition:background-color .2s ease}.travel-stories__sidebar .year-button:hover{background-color:#e5e5e5}.travel-stories__sidebar .year-button.active{background-color:#4169e1;color:#fff}.travel-stories__sidebar .year-button.active .year-count{color:#fff}.travel-stories__sidebar .year-count{font-size:.85em;color:#666;margin-left:auto;margin-right:.5rem}.travel-stories__sidebar .toggle-icon{font-size:.7em;transition:transform .3s ease}.travel-stories__sidebar .year-blogs{max-height:0;overflow:hidden;transition:max-height .3s ease-out;display:flex;flex-direction:column;padding-left:.9375rem}.travel-stories__sidebar .blog-link{padding:.5rem .9375rem;margin:.25rem 0;text-decoration:none;color:inherit;border-radius:.25rem;transition:background-color .2s ease;font-size:1.25rem}.travel-stories__sidebar .blog-link:hover{background-color:#e0e0e0;text-decoration:underline}.travel-stories__sidebar .blog-link.active{background-color:#e0e0e0;font-weight:600}.travel-stories__content{display:grid;width:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.625rem;overflow:hidden;box-shadow:0 0 1rem #0003;border-radius:0 0 1rem 1rem}@media (min-width: 768px){.travel-stories__content{border-radius:0;grid-template-columns:auto;border-radius:0 1rem 1rem 0}}.travel-stories__content>*{background-color:#fff;padding:1vmax;box-shadow:0 0 1rem #0003}.travel-stories__content--text{overflow:auto;word-wrap:break-word;height:auto}.travel-stories__content--student{display:grid;grid-auto-flow:row;gap:.625rem;grid-template-columns:1fr;grid-template-rows:auto;overflow:hidden;justify-items:center;align-items:center;text-align:center}.travel-stories__content--student img{height:auto;border-radius:100%;border:solid 1px #000}@media (min-width: 768px){.travel-stories__content--student{height:100%;width:100%;display:grid;grid-template-columns:20% 20% 56%;gap:2%;text-align:left}.travel-stories__content--student img{height:auto;border-radius:100%;border:solid 1px #000}.travel-stories__content--student div{display:block;margin:auto 0;align-items:center}.travel-stories__content--student div h2{text-align:left}}.travel-stories__content--student-text{margin:auto 0;align-items:center}.travel-stories__carousel{box-sizing:border-box}:root{--font-size: 1rem;--scroll-marker-size: .5rem;--gap-size: 4vw;--marker-offset: 2rem;--button-offset-right: var(--font-size) * 1.5;--button-offset-left: var(--font-size) * 4.2;--padding: .5rem;--carrousel-padding-bottom: calc(var(--font-size) + 2.2rem)}@media (min-width: 600px){:root{--font-size: 1.5rem;--scroll-marker-size: .75rem;--gap-size: 3vw;--marker-offset: 2.25rem;--button-offset-left: var(--font-size) * 1.5;--button-offset-right: var(--font-size) * 4.2;--padding: .75rem;--carrousel-padding-bottom: calc(var(--font-size) + 1rem)}}@media (min-width: 1024px){:root{--font-size: 2rem;--scroll-marker-size: 1rem;--gap-size: 2vw;--marker-offset: 2.5rem;--button-offset-left: var(--font-size) * 1.5;--button-offset-right: var(--font-size) * 4.2;--padding: 1rem;--carrousel-padding-bottom: calc(var(--font-size) + 1rem)}}#image-carrousel[data-astro-cid-qdehabue]{position:relative;anchor-name:--carousel;padding-bottom:var(--carrousel-padding-bottom)}ul[data-astro-cid-qdehabue]{display:flex;height:100%;margin:0;padding:0;gap:var(--gap-size);overflow-x:scroll;scroll-snap-type:x mandatory;scroll-marker-group:after;anchor-name:--myCarousel;&::scroll-marker-group{position:absolute;position-anchor:--carousel;left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--gap-size);background-color:#fff;padding:var(--padding)}&::scroll-button(*){position:absolute;position-anchor:--myCarousel;border:0;font-size:var(--font-size);background:#fff;color:#000000b3;cursor:pointer;border:none;padding:.5rem;border-radius:.5rem;display:none}&::scroll-button(*):hover,&::scroll-button(*):focus{color:#000}&::scroll-button(*):active{translate:1px 1px}&::scroll-button(*):disabled{color:#0003;cursor:unset}&::scroll-button(left),&::scroll-button(right){top:calc(anchor(center) - 1em)}&::scroll-button(left){content:"◄";left:0}&::scroll-button(right){content:"►";right:0rem}}li[data-astro-cid-qdehabue]{list-style-type:none;background-color:#eee;border:1px solid #ddd;padding:0;flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center;align-items:center;&::scroll-marker:target-current{background-color:#000}&::scroll-marker{content:"";width:var(--scroll-marker-size);height:var(--scroll-marker-size);background-color:transparent;border:2px solid black;border-radius:50%}& img[data-astro-cid-qdehabue]{width:95%;object-fit:cover;aspect-ratio:16/9;border:2px solid black}}.manual-scroll[data-astro-cid-qdehabue]{display:none;position:absolute;position-anchor:--myCarousel;top:45%;transform:translateY(-50%);z-index:1;font-size:var(--font-size);background:#fff;color:#000000b3;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem}.manual-scroll[data-astro-cid-qdehabue].left{left:.5rem}.manual-scroll[data-astro-cid-qdehabue].right{right:.5rem}.manual-scroll[data-astro-cid-qdehabue]:disabled{color:#0003;cursor:default}h1{font-size:2rem}@media (min-width: 768px){h1{font-size:2.5rem}}@media (min-width: 1024px){h1{font-size:3rem}}.sidebar-search{width:100%;padding:8px 12px;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px;font-size:14px}.year-accordion{display:flex;flex-direction:column;gap:8px;width:100%}.year-group{border-radius:4px;overflow:hidden}.year-group[open] .year-blogs{animation:slideDown .3s ease-out;max-height:none;padding-top:.5rem;padding-bottom:.5rem}.year-group:not([open]) .year-blogs{animation:slideUp .3s ease-out;max-height:0;padding-top:0;padding-bottom:0}.year-button{background-color:#f5f5f5;border:none;text-align:left;padding:10px 15px;cursor:pointer;border-radius:4px;font-weight:600;display:flex;justify-content:space-between;align-items:center;width:100%;transition:background-color .2s ease;list-style:none}.year-button::-webkit-details-marker{display:none}.year-button::marker{display:none}.year-button:hover{background-color:#e5e5e5}.year-button .toggle-icon{font-size:.7em}.year-group[open] .year-button{background-color:#4169e1;color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.year-group[open] .year-button .year-count{color:#fff}.year-count{font-size:.85em;color:#666;margin-left:auto;margin-right:8px}.year-blogs{overflow:hidden;transition:all .3s ease-out;display:flex;flex-direction:column;padding-left:15px;background-color:#f9f9f9;border-bottom-left-radius:4px;border-bottom-right-radius:4px;will-change:max-height}.blog-link{padding:8px 15px;margin:4px 0;text-decoration:none;color:#333;border-radius:4px;transition:background-color .2s ease}.blog-link:hover{background-color:#e0e0e0}.blog-link.active{background-color:#e0e0e0;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.city-filter-active{margin-top:1rem;padding:.75rem;background-color:#f5f5f5;border-radius:4px;font-size:.9rem}.clear-filter{display:inline-block;margin-top:.5rem;color:#4169e1;text-decoration:none;font-weight:600}.clear-filter:hover{text-decoration:underline}.year-accordion.loading{opacity:.7;pointer-events:none}@media (max-width: 768px){.year-button{padding:12px 15px}.blog-link{padding:10px 15px}}