.ride-page .site-header nav [aria-current=page]{text-decoration:underline;text-decoration-color:#8caa62;text-decoration-thickness:2px;text-underline-offset:7px}.ride-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:45px;padding-block:60px 75px}.ride-intro .eyebrow{color:#697d43}.ride-intro h1{font-size:clamp(54px,6vw,84px);margin:19px 0 23px;line-height:1.02}.ride-intro h1 span{display:block;color:#4a733f}.ride-intro-copy{font-size:18px;max-width:510px;color:var(--muted)}.ride-intro-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px}.ride-primary{background:linear-gradient(145deg,#0c5942,#084c38 52%,#063e2f);gap:12px;padding:9px 18px}.ride-primary img{width:28px;height:28px}.ride-neighbours{width:100%;max-width:350px;justify-self:center}.ride-map-section{padding:65px 0 48px;background:#f0f1e3;border-block:1px solid var(--line);scroll-margin-top:20px}.ride-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:32px}.ride-section-heading .eyebrow{color:#697d43;margin-bottom:15px}.ride-section-heading h2{font-size:clamp(38px,4.2vw,58px)}.ride-section-heading>p{max-width:470px;font-size:15px;line-height:1.75;color:#5c705e}.ride-section-heading strong{color:var(--ink)}.ride-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:13px;font-size:12px}.ride-map-key{display:flex;align-items:center;gap:9px;font-weight:700}.ride-map-key i{display:block;width:28px;height:5px;border-radius:3px;background:#16a34a}.ride-map-toolbar button{display:flex;align-items:center;gap:10px;font:600 12px var(--body);color:var(--green);border:1px solid #a9b99a;border-radius:4px;padding:7px 10px;background:transparent;cursor:pointer}.ride-map-toolbar button:hover{background:#e4ead4}.ride-map-toolbar button:focus-visible,.ride-group-filters button:focus-visible{outline:3px solid #af680e;outline-offset:4px}.ride-map-frame{height:560px;position:relative;border:1px solid #c8d4bb;isolation:isolate;background:#e2e8df}#ride-network-map{position:absolute;inset:0}#ride-map-status{position:absolute;top:16px;left:16px;max-width:calc(100% - 70px);padding:8px 12px;background:var(--cream);font-size:12px;border:1px solid var(--line);z-index:2}#ride-map-status[hidden]{display:none}.ride-feature-detail{font-size:12px;line-height:1.6;color:var(--muted);height:49px;overflow:auto;padding-top:11px}.ride-connections{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-top:20px;border-top:1px solid #d0d8c3;font-size:13px}.ride-connections p{max-width:570px;color:var(--muted)}.ride-connections strong{display:block;color:var(--green);margin-bottom:3px}.ride-connections .text-link{font-size:12px;gap:12px;white-space:nowrap}.ride-data-note{font-size:10px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:760px}.ride-data-note a,.ride-directory-note a{text-decoration:underline;text-underline-offset:3px}.riding-groups{padding-block:85px;scroll-margin-top:28px}.ride-group-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ride-group-filters button{border:1px solid #bdcbb1;background:transparent;border-radius:20px;padding:8px 14px;color:var(--green);font:500 12px var(--body);cursor:pointer}.ride-group-filters button[aria-pressed=true]{background:var(--green);color:var(--cream);border-color:var(--green)}.ride-group-filters button:hover{border-color:var(--green)}.ride-group-count{font-size:11px;color:var(--muted);margin:15px 0 21px}.ride-group-list{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}.ride-group{border-top:1px solid var(--line);padding:25px 0 28px;min-width:0}.ride-group[hidden]{display:none}.ride-group-style{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#6c8149;margin:0 0 9px}.ride-group h3{font:700 24px/1.2 var(--heading);letter-spacing:-.035em;max-width:430px;margin:0 0 7px}.ride-group-area{font-size:11px;color:var(--muted);margin:0 0 14px}.ride-group-description{font-size:14px;line-height:1.75;max-width:440px;color:#516957;margin:0 0 15px}.ride-group .text-link{font-size:12px;gap:15px}.ride-group-note{font-size:10px;color:var(--muted);margin-top:12px}.ride-directory-note{font-size:11px;line-height:1.8;color:var(--muted);padding-top:22px;border-top:1px solid var(--line);margin-top:7px;max-width:850px}.ride-app-section{background:#e6edda;padding-block:65px;border-top:1px solid #d1ddc2}.ride-app-layout{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.ride-app-brand{display:flex;align-items:center;gap:18px;margin-bottom:23px}.ride-app-brand img{width:60px;height:60px;object-fit:contain}.ride-app-brand .eyebrow{max-width:180px;color:#607644}.ride-app-layout h2{font-size:clamp(38px,4.2vw,58px)}.ride-app-layout>div>p{font-size:15px;line-height:1.8;color:#506654;max-width:470px;margin:20px 0}.ride-app-layout .text-link{font-size:12px;gap:15px}.ride-app-downloads>p{font-family:var(--heading);font-size:25px!important;color:var(--green)!important;letter-spacing:-.03em}.ride-store-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px}.ride-store-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:66px}.ride-store-badge img{display:block;width:auto;height:44px}.ride-store-badge-google img{height:65.5px}.ride-store-badge:focus-visible{outline:3px solid #aa6819;outline-offset:3px;border-radius:5px}.ride-footer-link{font-size:12px;text-decoration:underline}.ride-page .site-footer{border-top:0}.ride-page .maplibregl-ctrl-attrib{font-size:9px}.ride-page .maplibregl-ctrl-scale{font:10px var(--body)}
@media(max-width:1000px){.ride-intro{gap:20px;padding-block:40px 55px}.ride-intro h1{font-size:62px}.ride-intro-copy{font-size:16px}.ride-section-heading{gap:35px}.ride-map-frame{height:510px}.ride-group-list{column-gap:35px}.ride-connections{display:block}.ride-connections .text-link{margin-top:14px}.ride-app-layout{gap:45px}.ride-neighbours{max-width:290px}}
@media(max-width:760px){.ride-intro{grid-template-columns:1fr;position:relative;padding-block:40px 45px;gap:15px}.ride-intro h1{font-size:clamp(48px,9vw,65px);position:relative;z-index:1}.ride-intro .eyebrow{font-size:9px}.ride-intro-copy{font-size:16px;max-width:440px}.ride-neighbours{width:230px;justify-self:end;margin-top:-12px}.ride-intro-actions{gap:23px;margin-top:23px}.ride-map-section{padding-block:42px 35px}.ride-section-heading{grid-template-columns:1fr;gap:19px;margin-bottom:24px}.ride-section-heading h2,.ride-app-layout h2{font-size:42px}.ride-section-heading>p{font-size:14px}.ride-map-frame{height:430px}.ride-map-toolbar{font-size:10px}.ride-map-key{gap:6px}.ride-map-key i{width:20px}.ride-map-toolbar button{font-size:10px;padding:6px 8px;gap:6px}.ride-map-toolbar .ui-icon{width:15px;height:15px}.ride-feature-detail{height:65px;font-size:11px}.ride-connections{font-size:12px}.ride-connections .text-link{white-space:normal;font-size:11px}.riding-groups{padding-block:48px}.ride-group-list{grid-template-columns:1fr}.ride-group h3{font-size:23px}.ride-group{padding-block:23px}.ride-group-filters{gap:7px}.ride-group-filters button{font-size:11px;padding:7px 11px}.ride-group-description{font-size:14px;max-width:none}.ride-app-section{padding-block:45px}.ride-app-layout{grid-template-columns:1fr;gap:20px}.ride-app-brand img{width:54px;height:54px}.ride-app-downloads>p{margin-top:0!important}.ride-page .maplibregl-ctrl-attrib{max-width:calc(100vw - 80px)}}
/* Outdoor discovery: a map and a flat, browsable place list. */
.ride-map-options{display:flex;align-items:center;gap:18px}.ride-network-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--green);cursor:pointer}.ride-network-toggle input{width:15px;height:15px;accent-color:#0b5840;margin:0}.ride-discovery-layout{--ride-map-height:560px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0;border:1px solid #c8d4bb}.ride-discovery-layout .ride-map-frame{height:var(--ride-map-height);border:0;min-width:0}.ride-places-panel{height:var(--ride-map-height);display:flex;flex-direction:column;min-width:0;background:#f8f6e9;border-left:1px solid #c8d4bb}.ride-places-heading{padding:21px 20px 12px}.ride-places-heading h3{font:700 24px/1.15 var(--heading);letter-spacing:-.04em;margin:0 0 6px}.ride-places-heading p{font-size:10px;color:var(--muted);margin:0}.ride-place-filters{display:flex;gap:5px;padding:0 18px 14px;border-bottom:1px solid #d9ddcb}.ride-place-filters button{padding:5px 10px;background:transparent;border:1px solid #c5cfb9;border-radius:20px;font:500 10px var(--body);color:var(--green);cursor:pointer}.ride-place-filters button[aria-pressed=true]{color:var(--cream);background:var(--green);border-color:var(--green)}.ride-place-list{flex:1;overflow:auto;overscroll-behavior:contain;position:relative;scrollbar-width:thin;scrollbar-color:#a9b99a transparent}.ride-place-row{margin:0 18px;border-bottom:1px solid #d9ddcb}.ride-place-row:last-child{border-bottom:0}.ride-place-row[hidden],.ride-place-description[hidden],.ride-poi-marker[hidden]{display:none!important}.ride-place-button{display:flex;align-items:center;text-align:left;gap:11px;width:100%;padding:14px 0;border:0;background:transparent;color:var(--green);font-family:var(--body);cursor:pointer}.ride-place-button:hover strong{text-decoration:underline;text-underline-offset:3px}.ride-place-list-art{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:50%}.ride-place-list-art img{width:37px;height:37px;object-fit:cover;border-radius:50%}.ride-place-list-copy{min-width:0;flex:1}.ride-place-list-copy strong{display:block;font:700 15px/1.2 var(--heading);letter-spacing:-.02em}.ride-place-list-copy>span{display:block;font-size:10px;line-height:1.45;color:#627460;margin-top:4px}.ride-place-expand{font-size:20px;font-weight:400;flex:0 0 13px;color:#6c8060}.ride-place-description{padding:0 0 18px;font-size:12px;line-height:1.65;color:#526b56}.ride-place-suburb{margin:0 0 9px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#6a7e5b}.ride-place-why{margin:0 0 11px}.ride-place-visit{padding-top:10px;border-top:1px solid #d9ddcb;margin:0 0 12px;font-size:11px}.ride-place-source{font-size:10px;text-decoration:underline;text-underline-offset:3px;color:var(--green)}.ride-place-row.is-selected .ride-place-list-copy strong{color:#07543b;text-decoration:underline;text-decoration-color:#a4ba7c;text-underline-offset:4px}.ride-place-row.is-selected .ride-place-expand{font-size:0}.ride-place-row.is-selected .ride-place-expand:after{content:'−';font-size:20px}.ride-places-loading{font-size:12px;padding:20px;color:var(--muted)}
.ride-poi-marker{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;z-index:2;touch-action:manipulation}.ride-poi-bubble{display:grid;place-items:center;width:21px;height:21px;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(22,50,79,.24);transition:transform 120ms ease;pointer-events:none}.ride-poi-bubble img{width:17px;height:17px;object-fit:contain}.ride-poi-marker:hover .ride-poi-bubble{transform:translateY(-2px)}.ride-poi-marker[aria-pressed=true]{z-index:3}.ride-poi-marker[aria-pressed=true] .ride-poi-bubble{transform:translateY(-2px)}.ride-poi-marker:focus-visible{outline:3px solid #aa6819;outline-offset:4px;border-radius:50%}.ride-place-button:focus-visible,.ride-place-filters button:focus-visible{outline:3px solid #aa6819;outline-offset:2px}.ride-network-toggle input:focus-visible{outline:3px solid #aa6819;outline-offset:3px}
.ride-place-popup{pointer-events:none;z-index:5}.ride-place-popup .maplibregl-popup-content{background:#fff;border:1px solid rgba(22,50,79,.08);border-radius:15px;padding:10px 13px 10px 9px;box-shadow:0 5px 15px rgba(22,50,79,.13)}.ride-poi-tooltip{display:flex;align-items:center;gap:9px;color:#16324f;font-family:var(--body)}.ride-poi-tooltip-art{width:35px;height:35px;object-fit:contain;flex:0 0 35px}.ride-poi-tooltip-copy strong{display:block;font-size:14px;line-height:1.25;font-weight:700;letter-spacing:-.02em}.ride-poi-tooltip-copy span{display:block;font-size:10px;line-height:1.4;color:#62788a;margin-top:3px}.ride-place-popup .maplibregl-popup-tip{border-width:6px}.ride-place-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#fff}.ride-place-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#fff}
@media(max-width:1000px){.ride-discovery-layout{--ride-map-height:510px;grid-template-columns:minmax(0,1fr) 275px}.ride-places-heading{padding-inline:16px}.ride-places-heading h3{font-size:22px}.ride-place-row{margin-inline:14px}.ride-place-filters{padding-inline:13px}.ride-place-filters button{padding:5px 8px}.ride-map-options{gap:12px}}
@media(max-width:760px){.ride-discovery-layout{--ride-map-height:430px;grid-template-columns:1fr}.ride-map-toolbar{flex-wrap:wrap;gap:12px}.ride-map-options{width:100%;justify-content:space-between}.ride-places-panel{height:auto;border-left:0;border-top:1px solid #c8d4bb}.ride-places-heading{padding:18px 17px 11px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ride-places-heading h3{font-size:23px;margin:0}.ride-places-heading p{font-size:10px;flex-shrink:0}.ride-place-filters{padding:0 16px 12px;gap:7px}.ride-place-filters button{font-size:11px;padding:6px 13px}.ride-place-list{max-height:350px;flex:none}.ride-place-row{margin-inline:17px}.ride-place-list-copy strong{font-size:16px}.ride-place-list-copy>span{font-size:11px}.ride-place-description{font-size:13px}.ride-place-visit{font-size:12px}.ride-place-source{font-size:11px}.ride-network-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ride-poi-bubble{transition:none}}
/* Each POI anchors an active outing and its mapped route. */
.ride-map-toolbar{flex-wrap:wrap}.ride-map-keys{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.ride-selected-key{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700;color:#59407d}.ride-selected-key i{height:4px;width:25px;background:#6b4a9c;border-radius:2px}.ride-selected-key[hidden],.ride-clear-outing[hidden]{display:none!important}.ride-map-toolbar .ride-clear-outing{border:0;padding:5px 0;gap:6px}.ride-clear-outing svg{width:17px;height:17px;flex:none}.ride-map-options{flex-wrap:wrap}.ride-outing-title{font:700 18px/1.2 var(--heading);letter-spacing:-.025em;color:var(--green);margin:0 0 10px}.ride-route-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:13px 0}.ride-route-frame{display:flex;align-items:center;gap:7px;color:var(--cream);background:linear-gradient(145deg,#0c5942,#084c38 52%,#063e2f);border:0;border-radius:4px;padding:7px 10px;cursor:pointer;font:600 11px var(--body)}.ride-route-frame img{width:21px;height:21px;object-fit:contain}.ride-route-frame:hover{background:#08432f}.ride-route-gpx{font-size:10px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.ride-route-frame:focus-visible,.ride-route-gpx:focus-visible{outline:3px solid #aa6819;outline-offset:3px}@media(max-width:760px){.ride-map-keys{gap:12px}.ride-selected-key{font-size:10px}.ride-map-options{justify-content:flex-start;gap:14px}.ride-map-options #ride-fit{margin-left:auto}.ride-outing-title{font-size:20px}.ride-route-frame{font-size:12px}.ride-route-gpx{font-size:11px}}

/* Compact category symbols on the map; edge-to-edge place art in details. */
.ride-place-list-art{overflow:hidden}.ride-place-list-art img{width:37px;height:37px;object-fit:cover;border-radius:50%}.ride-poi-bubble img{width:17px;height:17px;object-fit:contain}.ride-poi-tooltip-art{object-fit:contain}.ride-place-portrait{display:block;width:100%;height:auto;margin:0 0 14px;object-fit:contain}

.ride-route-context{font-size:11px;line-height:1.5;font-weight:600;color:#596d4c;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #d9ddcb}

.ride-art-caption{font-size:10px;line-height:1.5;color:var(--muted);margin:-6px 0 13px}

/* A quiet network beneath a clearly coloured selected route. */
.ride-map-key i{background:#32664b;height:2px}.ride-selected-key{gap:10px;color:var(--green);flex-wrap:wrap}.ride-selected-key>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:500}.ride-selected-key i{display:inline-block;height:4px;width:18px;border-radius:0}.ride-selected-key .ride-unrated-swatch{background:#6b4a9c}

.ride-map-key.ride-surface-key i{height:3px;width:22px;background:repeating-linear-gradient(90deg,#174c39 0 5px,transparent 5px 8px);border-radius:0}

/* Reuse AusBUG’s paired 3D phone presentation with its original app screenshots. */
.ride-app-layout{grid-template-columns:1fr 1fr;gap:70px}.ride-app-downloads{margin-top:24px}.ride-app-preview{margin:0;justify-self:center;text-align:center;width:min(100%,460px);min-width:0}.ride-app-phone-pair{position:relative;aspect-ratio:.8;perspective:1500px;isolation:isolate}.ride-app-device{position:absolute;width:47%;padding:5px;background:linear-gradient(120deg,#edf0ec 0%,#66746d 13%,#182820 36%,#9fa99e 60%,#182420 82%,#d9ded4 100%);border-radius:32px;box-shadow:2px 2px 0 #f9fff1 inset,-2px -2px 0 #15251d inset,7px 7px 0 -3px #26392e,10px 10px 0 -3px #6a7a6c,13px 22px 25px #122b3326;transform-style:preserve-3d}.ride-app-screen{border:4px solid #111b17;border-radius:27px;overflow:hidden;background:#d7e4da}.ride-app-screen img{display:block;width:100%;height:auto}.ride-app-device-map{left:6%;top:5%;transform:rotateY(12deg) rotateZ(-9deg);z-index:1}.ride-app-device-details{right:6%;top:8%;transform:rotateY(-12deg) rotateZ(7deg);z-index:2}.ride-app-preview figcaption{font-size:10px;line-height:1.5;color:#60715b;margin-top:0}.ride-app-layout h2{font-size:clamp(36px,3.8vw,54px)}
@media(max-width:1000px){.ride-app-layout{gap:40px}.ride-app-device{border-radius:27px}.ride-app-screen{border-radius:22px}}@media(max-width:760px){.ride-app-layout{grid-template-columns:1fr;gap:30px}.ride-app-layout h2{font-size:38px}.ride-app-preview{width:min(100%,370px);justify-self:center}.ride-app-device{padding:4px;border-radius:25px}.ride-app-screen{border-width:3px;border-radius:21px}.ride-app-section{scroll-margin-top:24px}}