.search__opt-main{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.search__opt-sub--item{flex-wrap:wrap;gap:2px 6px}.search__when{color:var(--text-2);font-variant-numeric:tabular-nums}.search__cat{color:var(--text-3)}.search__group{padding:var(--s-3) 10px var(--s-1);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);cursor:default;font-weight:700}.search__group:first-child{padding-top:var(--s-1)}.search__note{gap:var(--s-2);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-2);cursor:default;padding:10px;display:flex}.search__note svg{width:18px;height:18px;color:var(--text-3);flex:none;margin-top:2px}.search__opt[data-did-you-mean] .search__opt-main{font-weight:700}.answer__page{margin:var(--s-3) 0 0}.search__opt>svg,.search__opt>.icon,.search__opt>.badge{grid-column:1}.search__opt-main,.search__opt-sub{grid-column:2}.answer__top>.answer__q:first-child{grid-column:1/span 2}.route-cta{align-items:center;gap:var(--s-3);width:100%;min-height:var(--touch);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--dur-1), background var(--dur-1);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.route-cta[hidden]{display:none}.route-cta>svg{width:20px;height:20px;color:var(--text-2)}.route-cta>svg:first-child{border-radius:var(--r-1);background:var(--accent);width:32px;height:32px;color:var(--geel-ink);padding:6px}.route-cta:hover{border-color:var(--text-3);background:var(--surface)}.route-cta:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.route-cta__text{gap:1px;min-width:0;display:grid}.route-cta__text strong{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);letter-spacing:.03em;text-transform:uppercase}.route-cta__text span{font-size:var(--text-xs);color:var(--text-2);line-height:1.3}.panel__route:not([hidden]){gap:var(--s-3);margin:var(--s-3) var(--s-4) 0;scroll-margin-top:calc(var(--sticky-h,0px) + var(--s-2));scroll-margin-bottom:calc(var(--sheet-hidden,0px) + var(--s-2));display:grid}.panel.is-route .panel__summary,.panel.is-route .panel__roads,.panel.is-detail .panel__route{display:none}.route-form{gap:var(--s-3);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--shadow-1);display:grid}.route-form__head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.route-form__title{align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:.04em;text-transform:uppercase;margin:0;display:inline-flex}.route-form__title svg{width:20px;height:20px;color:var(--text-2)}.route-form__close{min-width:var(--touch);min-height:var(--touch);padding:0}.route-form__close svg{width:18px;height:18px}.route-form__intro{font-size:var(--text-sm);color:var(--text-2);margin:-4px 0 0;line-height:1.4}.route-form__stops{column-gap:var(--s-2);row-gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"from swap""to swap";align-items:end;display:grid}.route-form__stops>[data-stop-from]{grid-area:from}.route-form__stops>[data-stop-to]{grid-area:to}.route-form__swap{min-width:var(--touch);min-height:var(--touch);grid-area:swap;align-self:center;margin-top:18px;padding:0}.route-form__swap svg{width:18px;height:18px}.stop__label{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-weight:700;display:block}.stop .search__icon{top:auto;bottom:calc(var(--touch) / 2);transform:translateY(50%)}.stop .search__input{padding-right:var(--s-3)}.panel .stop .search__list{width:auto;left:0;right:0}.route-form__here{min-height:32px;color:var(--text-2);font-size:var(--text-sm);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;text-decoration:underline;display:inline-flex}.route-form__here svg{width:16px;height:16px}.route-form__here:hover{color:var(--text)}.route-form__here:disabled{opacity:.6;cursor:progress}.route-form__error{font-size:var(--text-sm);color:var(--v-dicht-text);margin:0;font-weight:600}.route-form__go{min-height:var(--touch);font-family:var(--font-display);letter-spacing:.02em;font-weight:800}.route-form__go svg{width:18px;height:18px}.route-card__stop{color:var(--text);font-weight:700}.route-card.is-updating .answer__headline{opacity:.6}.route-card__status{align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--text-2);margin:0;display:flex}.route-card__status svg{flex:none;width:18px;height:18px}@media (prefers-reduced-motion:no-preference){.route-card__status[role=status] svg{animation:1.1s linear infinite route-spin}}.route-card__status--error{color:var(--v-dicht-text);font-weight:600}@keyframes route-spin{to{transform:rotate(360deg)}}.route-card__advice{gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-1);background:var(--surface);font-size:var(--text-sm);margin:0;line-height:1.4;display:flex}.route-card__advice svg{width:18px;height:18px;color:var(--text-2);flex:none;margin-top:1px}.route-card__h{margin:var(--s-1) 0 -4px;font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:700}.route-opts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.route-opt{column-gap:var(--s-3);width:100%;min-height:var(--touch);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--dur-1), background var(--dur-1);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"time verdict""name verdict";align-items:center;display:grid;position:relative}.route-opt:hover{border-color:var(--text-3)}.route-opt:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.route-opt.is-selected{border-color:var(--text);box-shadow:inset 4px 0 0 var(--accent)}.route-opt__time{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:time}.route-opt__extra{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xs);color:var(--text-2)}.route-opt__name{font-size:var(--text-xs);color:var(--text-2);grid-area:name}.route-opt.is-recommended .route-opt__name{color:var(--text);font-weight:600}.route-opt__km{font-family:var(--font-mono);color:var(--text-3)}.route-opt__verdict{grid-area:verdict;justify-self:end}.route-card__actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.route-card__actions .btn svg{width:18px;height:18px}.route-card__maps{font-family:var(--font-display);font-weight:800}.route-card__note,.route-card__credit{font-size:var(--text-xs);color:var(--text-2);margin:0;line-height:1.45}.route-card__credit{color:var(--text-3)}.route-card__credit a{color:inherit;text-underline-offset:2px}.list__notice{margin:var(--s-4);font-size:var(--text-sm);color:var(--text-2);line-height:1.4}.panel{z-index:var(--z-panel);background:var(--surface);border:1px solid var(--border);min-height:0;box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:absolute;overflow:clip}.panel:before{content:"";background:var(--stripe);z-index:5;pointer-events:none;height:3px;position:absolute;inset:0 0 auto}.panel__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:var(--surface);flex:auto;min-height:0;position:relative;overflow:hidden auto}.panel__scroll:after{content:"";height:var(--sheet-hidden,0px);display:block}.panel__scroll::-webkit-scrollbar{width:10px}.panel__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-3) 45%, transparent);border:3px solid var(--surface);border-radius:var(--r-pill)}.panel__sticky{z-index:3;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr);display:grid;position:sticky;top:0}.panel__sticky>*{min-width:0}.panel__row{gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.panel__row>*{min-width:0}.panel .search__list{width:calc(var(--panel-w) - 2 * var(--s-4) - 2px);right:auto}@media (max-width:768px){.panel .search__list{width:calc(100vw - 2 * var(--s-4))}}@media (max-width:400px){.panel .search__list{width:calc(100vw - 2 * var(--s-3))}}.panel__scroll .item,.panel__answer,.panel__filters{scroll-margin-top:calc(var(--sticky-h,0px) + var(--s-2));scroll-margin-bottom:calc(var(--sheet-hidden,0px) + var(--s-2))}.panel__stale:not([hidden]),.panel__answer:not([hidden]){margin:var(--s-3) var(--s-4) 0;display:block}.panel.is-updating :is(.panel__route,.panel__answer,.panel__bar,.panel__roads,.panel__body){opacity:.45}.panel__bar{align-items:center;gap:var(--s-1) var(--s-2);min-height:var(--touch);padding:var(--s-2) var(--s-3) 0 var(--s-4);flex-wrap:wrap;display:flex}.panel__summary{min-width:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);flex:12rem;line-height:1.4}.panel.is-road .panel__summary{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);flex:auto;overflow:hidden}.panel .answer{gap:var(--s-2);padding:var(--s-3) var(--s-3) var(--s-3) calc(var(--s-3) + 6px)}.panel .answer__hidden{display:none}.panel .legend__btn{justify-content:center;padding:0}.panel .legend__btn-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel .sort__select{max-width:11rem}.panel__tools{align-items:center;gap:var(--s-2);flex:none;margin-left:auto;display:flex}.panel__body{border-top:1px solid var(--border);background:var(--surface);flex:none;overflow:visible}.panel.is-detail .panel__body{border-top:0}.panel__view--detail{padding-bottom:var(--s-4)}.panel__handle{width:100%;min-height:var(--touch);touch-action:none;background:var(--surface);flex:none;justify-content:center;align-items:center;display:none}.panel__grip{border-radius:var(--r-pill);background:var(--text-3);opacity:.55;width:44px;height:5px;transition:opacity var(--dur-1) var(--ease-out)}.panel__handle:hover .panel__grip,.panel__handle:focus-visible .panel__grip{opacity:1}.panel__handle:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.panel.is-dragging{transition:none!important}.panel__detailbar{display:none}.list{display:block}.list__items{flex-direction:column;display:flex}.list__items .item:last-child{border-bottom:0}.list__more{width:100%;min-height:var(--touch);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:0;justify-content:center}.list__cap{padding:var(--s-3) var(--s-4) var(--s-4);border-top:1px solid var(--border);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-2);margin:0}.list .empty,.list .banner{margin:var(--s-4)}.list .skeleton{padding:var(--s-2) 0}.panel__more{min-height:var(--touch);margin:var(--s-2) var(--s-4) var(--s-4);border:1px dashed var(--border);border-radius:var(--r-2);color:var(--text-2);font-size:var(--text-sm);justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:none}.panel__more:hover{color:var(--text);border-color:var(--text-3)}.panel.is-detail .panel__answer,.panel.is-detail .panel__filters,.panel.is-detail .panel__bar{display:none}@media (min-width:769px){.panel{top:var(--s-4);left:var(--s-4);width:var(--panel-w);max-height:calc(100% - 2 * var(--s-4));border-radius:var(--r-3)}.panel:before,.panel__sticky{border-radius:var(--r-3) var(--r-3) 0 0}}@media (min-width:1440px){.panel{top:var(--s-5);left:var(--s-5);max-height:calc(100% - 2 * var(--s-5))}}@media (max-width:768px){.panel{border-radius:var(--r-3) var(--r-3) 0 0;width:auto;transform:translateY(var(--sheet-y,50%));will-change:transform;border-bottom:0;inset:8px 0 0}.panel:before{border-radius:var(--r-3) var(--r-3) 0 0}.panel__handle{display:flex}.panel__sticky{padding:0 var(--s-4) var(--s-2)}.panel__body{padding-bottom:env(safe-area-inset-bottom)}.panel__more{display:flex}.list .empty,.list .banner{margin:var(--s-3)}.panel__detailbar:not([hidden]){z-index:4;height:var(--touch);padding:0 var(--s-2);pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0}.panel__detail-btn{pointer-events:auto;min-height:var(--touch);min-width:var(--touch);padding:0 var(--s-3)}.panel.is-detail .detail__top{display:none}.panel.is-detail .detail{padding-top:var(--s-2)}.panel.is-detail .panel__sticky{padding-bottom:var(--s-1)}.panel.is-detail .mode{padding:1px}.panel.is-detail .panel__sticky{column-gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto}.panel.is-detail .panel__row,.panel.is-detail .when,.panel.is-detail .when__pick{display:contents}.panel.is-detail .datepick__parts,.panel.is-detail .datepick__time,.panel.is-detail .panel__row>[data-search],.panel.is-detail .when__label,.panel.is-detail .when__chips{display:none}.panel.is-detail .when__date{grid-area:1/1;margin-top:0}.panel.is-detail .panel__row>[data-mode]{grid-area:1/2}.panel.is-detail .when__notes{grid-column:1/-1}.panel.is-detail .when__date-label span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.panel{will-change:auto}}@media (max-width:400px){.panel__sticky{padding-inline:var(--s-3)}.panel.is-detail .when__date-label,.panel.is-detail .when__clear{display:none}.panel.is-detail .when__date{padding-right:var(--s-2);grid-template-columns:minmax(0,1fr)}.item{padding-inline:var(--s-3)}}.app__stage[data-no-webgl] .panel{border-radius:var(--r-3) var(--r-3) 0 0;width:auto;max-height:62%;inset:auto 0 0;transform:none}.app__stage[data-no-webgl] .panel__scroll:after{height:0}.closed-roads{align-items:center;gap:var(--s-1) var(--s-2);padding:var(--s-1) var(--s-3) var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.closed-roads[hidden]{display:none}.closed-roads__lead{font-size:var(--text-sm);color:var(--text);font-weight:600}.closed-roads__list{flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.closed-roads__btn{min-width:var(--touch);min-height:var(--touch);border-radius:var(--r-1);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 2px;display:inline-flex}.closed-roads__btn:hover .badge{box-shadow:0 0 0 2px var(--accent)}.closed-roads__btn:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.closed-roads__more{font-size:var(--text-sm);color:var(--text-2);padding-left:var(--s-1)}.datepick{gap:var(--s-2);min-width:0;display:grid}.datepick__input{min-height:var(--touch);min-width:0;color:var(--text);font:inherit;font-family:var(--font-mono);font-size:var(--text-base);background:0 0;border:0}.datepick__input:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--r-1)}.datepick__parts{gap:var(--s-1);scrollbar-width:none;padding:2px;display:flex;overflow-x:auto}@media (max-width:768px){.datepick__parts{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}}.datepick__parts[hidden],.datepick__time[hidden]{display:none}.datepick__chip{min-height:var(--touch);padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);white-space:nowrap;font-variant-numeric:tabular-nums;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);flex:none;align-items:center;font-weight:500;display:inline-flex}.datepick__chip:hover:not(.is-on){border-color:var(--text-3);background:var(--surface);color:var(--text)}.datepick__chip.is-on{background:var(--chip-on-bg);border-color:var(--chip-on-bg);color:var(--chip-on-text);font-weight:600}.datepick__chip:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.datepick__time{align-items:center;gap:var(--s-2);min-height:var(--touch);padding:0 var(--s-2) 0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);max-width:16rem;display:flex}.datepick__time-label{font-size:var(--text-sm);color:var(--text-2);font-weight:500}.answer__kicker--when{font-family:var(--font-display);font-weight:800;font-size:var(--text-base);color:var(--text);text-wrap:balance;line-height:1.25}@media (min-width:769px){.answer__kicker--when{font-size:var(--text-lg)}}.panel .answer__kicker--when{font-size:var(--text-base)}.answer__kicker--when .answer__mode{font-family:var(--font-body);font-weight:500;font-size:var(--text-xs);color:var(--text-2)}.answer__now{justify-self:start;align-items:center;gap:var(--s-2);min-height:var(--touch);display:inline-flex}.answer__now svg{width:16px;height:16px}.panel__filters{margin:var(--s-1) var(--s-4) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface)}.panel__filters.is-active{border-color:var(--text-2);background:var(--surface-2)}.panel__filters-summary{align-items:center;gap:var(--s-2);min-height:var(--touch);padding:var(--s-1) var(--s-3);border-radius:var(--r-2);font-size:var(--text-sm);color:var(--text);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;font-weight:600;line-height:1.3;list-style:none;display:grid}.panel__filters-summary::-webkit-details-marker{display:none}.panel__filters-summary svg{width:16px;height:16px;color:var(--text-2)}.panel__filters-summary>svg:last-child{transition:transform var(--dur-1) var(--ease-out)}.panel__filters[open]>.panel__filters-summary>svg:last-child{transform:rotate(180deg)}.panel__filters-summary:hover{background:var(--surface-2)}.panel__filters-summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.panel__filters-body{gap:var(--s-2);padding:var(--s-1) var(--s-3) var(--s-3);display:grid}.panel__relevance{gap:0;display:grid}.panel__hidden{min-height:var(--touch);padding:0 var(--s-2);margin-left:calc(var(--s-1) * -1);border-radius:var(--r-1);font-size:var(--text-xs);color:var(--text-2);text-underline-offset:3px;text-align:left;justify-self:start;text-decoration:underline dotted}.panel__hidden:hover{color:var(--text);background:var(--surface-2)}.panel__hidden:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.panel .mode__btn{min-width:52px;padding:2px var(--s-1);flex-direction:column;gap:1px;font-size:11px;line-height:1.1}.when{gap:var(--s-1);grid-template-columns:minmax(0,1fr);display:grid}.when__label{font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.when__chips{min-width:0}.when__body{display:contents}.panel .chip--time{padding-inline:var(--s-2);white-space:nowrap}.panel .chips--time{width:100%;display:flex}.panel .chips--time .chip--time{flex:auto}.when__date{align-items:center;gap:var(--s-2);min-height:var(--touch);padding:0 0 0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.when.has-moment .when__date{border-color:var(--chrome);background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.when__date-label{font-size:var(--text-sm);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-weight:500;display:inline-flex}.when__date-label svg{width:16px;height:16px;color:var(--text-3)}.when.has-moment .when__date-label span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.when__input{min-height:var(--touch);min-width:0;color:var(--text);font:inherit;font-family:var(--font-mono);font-size:var(--text-base);background:0 0;border:0}.when__input:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--r-1)}.when__clear{width:var(--touch);height:var(--touch);min-width:var(--touch);border-radius:var(--r-1);color:var(--text-2);justify-content:center;align-items:center;display:inline-flex}.when__clear:hover{background:var(--surface);color:var(--text)}.when__clear:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.when__clear svg{width:16px;height:16px}.when__hint{font-size:var(--text-xs);color:var(--text-2)}.when__notes{gap:0 var(--s-3);flex-wrap:wrap;display:flex}.when__notes:not(:has(>:not([hidden]))){display:none}.when__range{font-size:var(--text-xs);color:var(--text);font-weight:600}.when__range[hidden]{display:none}.when__summary{align-items:center;gap:var(--s-2);width:100%;min-height:var(--touch);padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);text-align:left;transition:border-color var(--dur-1) var(--ease-out);grid-column:1/-1;display:none}.when__summary>svg{width:16px;height:16px;color:var(--text-3);flex:none}.when__summary-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-2);flex:auto;overflow:hidden}.when__summary-text strong{color:var(--text);font-weight:700}.when__summary-edit{color:var(--text-2);text-underline-offset:3px;font-weight:600;text-decoration:underline}.when__summary>svg:last-child{transition:transform var(--dur-1) var(--ease-out)}.when.is-open>.when__summary>svg:last-child{transform:rotate(180deg)}.when__summary:hover{border-color:var(--text-3)}.when__summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.when:not(.is-now)>.when__summary{border-color:var(--chrome);background:color-mix(in srgb, var(--accent) 14%, var(--surface))}@media (max-width:768px){.panel .mode__btn{min-width:var(--touch);width:var(--touch);padding:0}.panel .mode__label,.when__label{display:none}.panel .chips--time{flex-wrap:nowrap}.panel__sticky .when__hint,.panel__sticky .when.is-now .when__notes{display:none}.panel:not(.is-detail) .when.is-compact{position:relative}.panel:not(.is-detail) .when.is-compact>.when__summary{display:flex}.panel:not(.is-detail) .when.is-compact>.when__body{display:none}.panel:not(.is-detail) .when.is-compact.is-open>.when__body{z-index:2;top:calc(100% + var(--s-1));gap:var(--s-2);padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--shadow-2);grid-template-columns:minmax(0,1fr);display:grid;position:absolute;left:0;right:0}.panel .chips--cats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.panel .chips--cats>.chip{align-content:center;justify-items:start;column-gap:var(--s-2);width:100%;min-width:0;padding:2px var(--s-3);text-align:left;grid-template-columns:auto minmax(0,1fr);display:grid}.panel .chips--cats .chip__icon,.panel .chips--cats .chip__check{grid-row:1/span 2}.panel .chips--cats .chip__label{grid-column:2;max-width:100%}.panel .chips--cats .chip__label:last-child{grid-row:1/span 2;align-self:center}.panel .chips--cats .chip__count{grid-column:2;margin:0;padding:0;line-height:1.2}}@media (max-width:400px){.panel__filters{margin-inline:var(--s-3)}.panel__filters-body{padding-inline:var(--s-2)}.panel .chips--cats>.chip{padding-inline:10px}.panel .chips--time{flex-wrap:wrap}}@media (min-width:560px) and (max-width:768px){.when{column-gap:var(--s-2);grid-template-columns:auto minmax(0,1fr);align-items:center}.when__hint,.when__notes{grid-column:1/-1}.panel .chips--time{width:auto}}@media (min-width:769px) and (max-height:820px){.panel__sticky .when__label,.panel__sticky .when.is-now .when__notes{display:none}}.app-body{flex-direction:column;min-height:100dvh;display:flex}.app{flex-direction:column;flex:auto;min-width:0;display:flex}.app__stage{height:calc(100dvh - var(--topbar-h));background:var(--bg);isolation:isolate;min-height:380px;position:relative;overflow:clip}@media (max-height:440px) and (max-width:950px){.app__stage{min-height:0}}@supports not (height:100dvh){.app__stage{height:calc(100vh - var(--topbar-h))}}.home{border-top:1px solid var(--border);background:var(--bg);padding:var(--s-10) var(--s-4) var(--s-12)}.home__inner{gap:var(--s-10);max-width:76rem;margin:0 auto;display:grid}.home__title{padding-left:var(--s-4);margin-bottom:var(--s-5);font-size:clamp(1.75rem,1.1rem + 2.4vw,2.75rem);position:relative}.home__title:before{content:"";background:var(--stripe);border-radius:2px;width:4px;position:absolute;top:.15em;bottom:.15em;left:0}.home__text{max-width:68ch;color:var(--text-2);font-size:1.0625rem;line-height:1.65}.home__text+.home__text{margin-top:var(--s-4)}.home__h2{font-size:var(--text-xs);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--s-4);font-weight:600}.home__updated{margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2)}.home__linklist{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));list-style:none;display:grid}.home__linklist a{min-height:var(--touch);height:100%;padding:var(--s-3) var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);transition:border-color var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);flex-direction:column;gap:2px;text-decoration:none;display:flex}.home__linklist a:hover{border-color:var(--text);background:color-mix(in srgb, var(--accent) 10%, var(--surface));transform:translateY(-1px)}.home__linklist a:active{transform:translateY(0)}.home__linklist strong{font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:-.005em}.home__linklist span{font-size:var(--text-sm);color:var(--text-3)}.home__popular{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--border)}.home__popular-roads,.home__popular-places{gap:var(--s-2);flex-wrap:wrap;list-style:none;display:flex}.home__popular-places{margin-top:var(--s-3)}.home__popular-roads .badge{min-height:var(--touch);min-width:var(--touch);padding-inline:var(--s-3);font-size:var(--text-base);transition:transform var(--dur-1) var(--ease-out);text-decoration:none}.home__popular-roads .badge:hover{transform:translateY(-1px)}.home__popular-places a{min-height:var(--touch);padding:0 var(--s-4);background:var(--surface);border:1px solid var(--border);font-weight:600;font-size:var(--text-sm);color:var(--text);transition:border-color var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out);border-radius:999px;align-items:center;text-decoration:none;display:inline-flex}.home__popular-places a:hover{border-color:var(--text);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.home__popular a:active{transform:translateY(0)}@media (min-width:768px){.home{padding-inline:var(--s-6)}.home__inner{gap:var(--s-8) var(--s-10);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:start}.home__lead{grid-area:1/1/span 2}.home__links{grid-column:2}.home__linklist{grid-template-columns:1fr}}@media (min-width:1024px){.app__stage{min-height:520px}}@media (min-width:1440px){.home{padding:var(--s-12) var(--s-8)}.home__inner{grid-template-columns:minmax(0,1fr) minmax(0,22rem)}.home__lead,.home__links{grid-row:1}}.home__cards{gap:var(--s-3);margin-top:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.home__card{gap:var(--s-3);padding:var(--s-5) var(--s-4) var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);font-size:var(--text-sm);color:var(--text-2);align-content:start;line-height:1.55;display:grid;position:relative;overflow:hidden}.home__card:before{content:"";background:var(--stripe);height:3px;position:absolute;inset:0 0 auto}.home__card-title{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);color:var(--text);letter-spacing:.01em}.home__card a{color:var(--text);font-weight:500}.home__pills{gap:var(--s-2);list-style:none;display:grid}.home__pills li{align-items:start;gap:var(--s-2);grid-template-columns:auto 1fr;display:grid}.home__pills .vpill{margin-top:1px}.home__title:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:var(--r-1)}
