/* Explore presentation only; trip search, ranking and actions stay in app.js. */
/* Fixed row geometry prevents image dimensions or long titles stretching rows. */
body .explore-page .trip-card{height:216px;grid-template-rows:42px 22px 36px 24px 52px 38px}
body .explore-page .trip-card .photo{min-height:0;height:100%}
body .explore-page .trip-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .explore-page .trip-card h3 button{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .explore-page .trip-card>.card-route,body .explore-page .trip-card>.card-shape,body .explore-page .trip-card>.reason{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .explore-page .trip-card>.card-timing{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:520px){body .explore-page .trip-card{height:270px;grid-template-rows:42px 28px 44px 30px 80px 44px}}
/* Translucent panels, not translucent content: photos and text retain contrast. */
body .explore-page .trip-card,body .explore-page .intro-note{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(7px) saturate(120%);backdrop-filter:blur(7px) saturate(120%);box-shadow:inset 0 1px 0 #ffffff30}
[data-theme="dark"] .explore-page .trip-card,[data-theme="dark"] .explore-page .intro-note{background:rgba(8,23,31,.60)}
@media(max-width:520px){body:has(.explore-page):not([data-theme="dark"]) .explore-page .discover-heading>div{border-radius:12px;background:rgba(247,247,244,.65);padding:10px}[data-theme="dark"] body:has(.explore-page) .explore-page .discover-heading>div,body[data-theme="dark"]:has(.explore-page) .explore-page .discover-heading>div{background:rgba(8,23,31,.48)}}
body:has(.explore-page){--explore-fade:#f7f7f4;--explore-glass:rgba(255,255,255,.52);--explore-highlight:rgba(255,255,255,.55);--explore-edge:rgba(255,255,255,.72);--explore-card:rgba(255,255,255,.86);background:var(--explore-fade)}
[data-theme="dark"] body:has(.explore-page),body[data-theme="dark"]:has(.explore-page){--explore-fade:#081216;--explore-glass:rgba(8,23,31,.46);--explore-highlight:rgba(255,255,255,.10);--explore-edge:rgba(194,221,231,.38);--explore-card:rgba(8,23,31,.84)}
body:has(.explore-page)::before{content:"";position:absolute;inset:0 0 auto;height:650px;pointer-events:none;background:linear-gradient(180deg,transparent 50%,var(--explore-fade)),linear-gradient(90deg,rgba(247,247,244,.84),rgba(247,247,244,.45) 48%,rgba(247,247,244,.08) 78%),url('assets/go/mountain-road-hero.jpg') center 48%/cover no-repeat}
[data-theme="dark"] body:has(.explore-page)::before,body[data-theme="dark"]:has(.explore-page)::before{background:linear-gradient(180deg,transparent 50%,var(--explore-fade)),linear-gradient(90deg,rgba(3,13,19,.58),rgba(3,13,19,.24) 48%,rgba(3,13,19,.04) 78%),url('assets/go/mountain-road-hero.jpg') center 48%/cover no-repeat}
body:has(.explore-page) .topbar,.explore-page .searchbar,.explore-page .chip,.explore-page .switch{background:linear-gradient(160deg,var(--explore-highlight),transparent 55%),var(--explore-glass);border:1px solid var(--explore-edge);-webkit-backdrop-filter:blur(9px) saturate(140%);backdrop-filter:blur(9px) saturate(140%);box-shadow:inset 0 1px 0 var(--explore-highlight),0 5px 18px #00000018}
body:has(.explore-page) .topbar{position:relative;border-width:0 0 1px}
.explore-page{position:relative;width:92%;max-width:1500px;margin:auto;padding:28px 0 40px}.explore-page .discover-heading{margin-bottom:18px;align-items:center}.explore-eyebrow{display:block;color:var(--primary);text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:800;margin-bottom:5px}.explore-page h1{font-size:clamp(34px,3.6vw,52px);line-height:1.02;letter-spacing:-.035em;margin:0}.explore-page .discover-heading p{font-size:17px;line-height:1.5;margin:10px 0 0}.explore-motto{font-style:italic;font-size:19px;line-height:1.4;margin-right:12px;padding:16px;color:var(--text-primary);background:var(--explore-glass);border-radius:14px}.explore-motto::after{content:"";display:block;width:26px;height:2px;background:var(--primary);margin-top:14px}
.explore-page .searchbar{border-radius:16px;grid-template-columns:1.65fr 1fr 1fr auto;margin-bottom:22px}.explore-page .searchbar label{padding:9px 20px;color:var(--text-primary)}.explore-page .searchbar input,.explore-page .searchbar select{color:var(--text-primary);font-size:16px;min-width:0}.explore-page .searchbar option{background:var(--bg-surface);color:var(--text-primary)}.explore-page .searchbar .btn{min-width:190px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px}
.explore-page .chip.active,[data-theme="dark"] .explore-page .chip.active,.explore-page .switch button.active,[data-theme="dark"] .explore-page .switch button.active,.explore-page .searchbar .btn{background:linear-gradient(160deg,#ff667638,transparent 60%),rgba(189,16,36,.85);color:white;border-color:#fa5265;box-shadow:inset 0 1px 0 #ffffff40,0 0 15px #e01a3030}.explore-page .toolbar{margin:0 0 18px;gap:16px;flex-wrap:wrap}.explore-page .chip{padding:9px 17px}.explore-page .switch{border-radius:12px}.explore-page .switch button{min-width:84px;justify-content:center;color:var(--text-primary)}
.explore-page .discover-layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:20px}.explore-page .cards-column{min-width:0}.explore-page .section-head{margin:0 0 12px}.explore-page .cards{grid-template-columns:1fr;gap:12px}.explore-page .trip-card{display:grid;grid-template-columns:30% minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto;column-gap:16px;border:1px solid var(--explore-edge);border-radius:14px;overflow:hidden;background:var(--explore-card);padding:0 14px 0 0}.explore-page .trip-card .photo{grid-column:1;grid-row:1/7;aspect-ratio:auto;height:100%;min-height:180px;border-radius:0}.explore-page .trip-card h3{grid-column:2;margin:12px 0 3px;font-size:18px;line-height:1.25}.explore-page .trip-card>.card-route,.explore-page .trip-card>.card-timing,.explore-page .trip-card>.card-shape,.explore-page .trip-card>.hostline,.explore-page .trip-card>.reason{grid-column:2}.explore-page .card-route,.explore-page .card-timing{font-size:12px}.explore-page .card-shape{font-size:12px;font-weight:500}.explore-page .hostline{margin-top:7px;padding-top:7px}.explore-page .reason{margin:6px 0 10px;font-size:11px}.explore-page .photo .badge{top:10px;bottom:auto;max-width:calc(100% - 55px);font-size:10px}.explore-page .save{background:rgba(8,23,31,.7);color:white;border:1px solid #ffffff50;backdrop-filter:blur(8px)}
.explore-page .map-shell{height:calc(100vh - 120px);min-height:540px;max-height:820px;top:24px;border-color:var(--explore-edge);border-radius:16px}.explore-page .map-caption{background:var(--explore-card);border:1px solid var(--explore-edge);color:var(--text-primary)}.explore-page .intro-note{background:var(--explore-card);border:1px solid var(--explore-edge);margin-top:16px}.explore-page button:focus-visible,.explore-page input:focus-visible,.explore-page select:focus-visible{outline:3px solid #e7354b;outline-offset:3px}
.explore-page.list-only .discover-layout,.explore-page.map-only .discover-layout{grid-template-columns:1fr}.explore-page.list-only .map-shell{display:none}.explore-page.map-only .cards-column{display:none}.explore-page.map-only .map-shell{display:block}.explore-page.list-only .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:721px){body:has(.explore-page) .topbar .nav{background:transparent}body:has(.explore-page) .topbar .nav button:not(.active){color:var(--text-primary)}}
@media(max-width:1100px){.explore-motto{display:none}.explore-page .discover-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.explore-page .searchbar .btn{min-width:135px}.explore-page .searchbar label{padding:8px 12px}}
@media(max-width:850px){.explore-page .discover-layout{grid-template-columns:1fr}.explore-page .map-shell{position:relative;top:0;height:460px;min-height:0}.explore-page.list-only .cards{grid-template-columns:1fr}.explore-page .searchbar{grid-template-columns:1fr 1fr}.explore-page .searchbar label:first-child{grid-column:1/3;border-right:0;border-bottom:1px solid var(--explore-edge)}.explore-page .searchbar label:nth-child(3){border-right:0}.explore-page .searchbar .btn{grid-column:1/3;min-height:46px;margin:7px 0 0}.explore-page .toolbar .switch{margin-left:auto}}
@media(max-width:520px){.explore-page{padding-top:24px}.explore-page .discover-heading p{font-size:15px}.explore-page .chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding:2px 0 6px}.explore-page .chip{white-space:nowrap}.explore-page .trip-card{grid-template-columns:32% minmax(0,1fr);column-gap:12px;padding-right:10px}.explore-page .trip-card h3{font-size:16px}.explore-page .hostline{flex-wrap:wrap}.explore-page .photo .badge{left:5px;top:50px;max-width:calc(100% - 10px);padding:5px}.explore-page .trip-card .photo{min-height:220px}.explore-page .discover-heading>.mobile-only{flex-shrink:0}}
/* Compact the hero, search and filters while preserving trip-card dimensions. */
@media(min-width:721px){body:has(.explore-page) .topbar{height:78px}.explore-page{padding-top:25px}.explore-page .discover-heading{margin-bottom:16px}.explore-eyebrow{font-size:12px}.explore-page h1{font-size:clamp(31px,3.25vw,47px)}.explore-page .discover-heading p{font-size:15px;margin-top:9px}.explore-motto{font-size:17px;padding:14px}.explore-page .searchbar{margin-bottom:20px}.explore-page .searchbar label{padding:8px 18px}.explore-page .searchbar input,.explore-page .searchbar select{font-size:14px}.explore-page .searchbar .btn{min-width:171px}.explore-page .toolbar{margin-bottom:16px}.explore-page .chip{padding:8px 15px}}