.planner-header{display:flex;justify-content:center;align-items:baseline;width:100%;gap:20px}.planner-page-title{font-size:2rem;font-weight:700;text-align:center;margin-top:0;color:#333}.planner-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:auto;flex-direction:column;align-items:start}@media (min-width: 1024px){.planner-container{display:grid;grid-template-columns:minmax(32vw,480px) 1fr}}.planner-page-result{position:relative;width:100%;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.itinerary-header{display:flex;flex-direction:column;font-size:2rem;margin-bottom:1rem;text-align:start;color:#555}.itinerary-header small{font-size:12px}.error-message{color:red;font-weight:700;margin:1rem 0;word-wrap:break-word;overflow-wrap:anywhere}.arrow-container{display:flex;justify-content:space-between;margin:16px 0}.arrow-button,.swap-button,.back-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background-color:#07f;color:#fff;border-radius:50%;box-shadow:0 4px 6px #0000001a;transition:background-color .3s;border:#07f}.arrow-button{padding:4px 16px;width:auto;height:38px;border-radius:19px}.arrow-button:hover{background-color:#0056cc}.arrow-button svg path,.back-button svg path{fill:#fff}.arrow-icon{width:20px;height:20px;fill:currentColor}.itinerary-consumption{font-size:14px;line-height:14px;padding-bottom:8px;padding-top:4px;display:flex;justify-content:end;gap:4px}.consumption-value{color:#666;font-style:italic}.itinerary-item{margin-bottom:1rem;padding:0 1rem;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.itinerary-item:hover{background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a}.itinerary-item-overview{padding-top:1rem;cursor:pointer;outline:none;display:block;position:sticky;top:0;z-index:1;background:white}.no-itineraries{text-align:center;font-size:1.1rem;color:#888}._stmnlk-ItineraryDetail{gap:10px}.api-link{display:inline-block;width:100%;padding:10px 20px;font-size:14px;font-weight:600;background-color:#fafafa;border:none;border-radius:4px;text-decoration:none;text-align:center;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;transition:all .3s ease,box-shadow .2s ease}.api-link:hover{background-color:#0056cc}@media (max-width: 768px){.planner-page-result{width:100%}.arrow-container{flex-direction:column;gap:1rem}}