/* Native reference: Theme.swift, CommunityFeedPostCard, JournalRideStatisticsView. */
[hidden]{display:none!important}.app-surface{--bg:#0c0b0d;--fg:#f5f0ef;--primary:#c41e1a;--card:#171314;--border:#332b2d;--muted:#221a19;--muted-fg:#a69a97;--secondary:#1d2226;--secondary-fg:#c7cdd3;font-size:14px;background:var(--bg);color:var(--fg);color-scheme:dark}
.app-surface h1,.app-surface h2{font-weight:700;letter-spacing:normal;text-wrap:wrap}.community-header .wrap{max-width:1040px;gap:20px}.community-header .site-nav{gap:16px}.community-header a{white-space:nowrap}.community-page .wrap{max-width:1040px;padding-inline:20px}.ride-detail{max-width:600px;padding-inline:20px}.community-page section,.ride-detail section{padding:0;border:0}.community-page .community-hero{padding:24px 0 16px}.community-hero h1{font-size:30px;line-height:1.2;margin:0 0 6px}.community-hero .lede{font-size:13px;line-height:1.6;color:var(--muted-fg);margin:0}.community-topline{display:flex;justify-content:space-between;gap:12px;margin:8px 0 16px}.community-topline p{margin:0;font-size:11px;color:var(--muted-fg)}
.ride-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;list-style:none;margin:0 0 24px;padding:0}.ride-card{padding:4px 2px 14px;margin:0 0 16px;border-bottom:1px solid var(--border);min-width:0}.ride-card article{min-width:0}.ride-identity{display:flex;align-items:center;gap:9px;min-height:34px}.ride-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:var(--secondary);border:1px solid var(--border);border-radius:50%}.ride-avatar svg{width:17px;height:17px;fill:var(--secondary-fg)}.ride-username{font-size:12px;font-weight:700;overflow-wrap:anywhere}.anonymous-badge{font-size:8px;font-weight:700;letter-spacing:.8px;padding:3px 6px;background:var(--muted);border-radius:999px;color:var(--muted-fg)}.ride-bike{font-size:11px;font-weight:700;color:var(--primary-bright);margin:8px 0 4px}.ride-card h2{font-size:17px;line-height:1.3;margin:10px 0 0;overflow-wrap:anywhere}.ride-bike+h2{margin-top:4px}.ride-card h2 a{text-decoration:none}.ride-excerpt{font-size:12px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;color:var(--muted-fg);margin:7px 0 0}.ride-cover{display:block;margin-top:10px}.route-preview{position:relative;aspect-ratio:2/1;display:grid;place-items:center;overflow:hidden;background:var(--secondary);border-radius:16px}.route-map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.route-empty{color:var(--muted-fg);font-size:12px;text-align:center;padding:16px}.card-metrics{font-size:14px;font-weight:600;line-height:1.5;color:var(--muted-fg);margin:8px 0 0}.card-metrics strong{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--fg)}.metric-unit{font-size:12px;font-weight:400}.ride-social-row{display:flex;align-items:center;gap:18px;padding-top:8px;color:var(--muted-fg);min-height:44px}.social-action{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:11px;font-weight:600;color:var(--muted-fg);text-decoration:none}.social-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.ride-published{margin-left:auto;font-size:10px;text-align:right}.card-photos{display:flex;gap:6px;overflow-x:auto;margin-top:8px}.card-photos .photo-preview{flex:0 0 calc((100% - 24px)/5)}.card-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.community-callout{padding:24px!important;margin:24px 0 32px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--primary-bright);margin:0 0 8px}.community-callout h2{font-size:24px;line-height:1.2;margin:0 0 10px}.community-callout p:not(.eyebrow){font-size:13px;line-height:1.65;color:var(--muted-fg);margin:0}.callout-action{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:20px}.callout-action span{text-align:center;color:var(--muted-fg);font-size:10px}.app-surface .btn{min-height:48px;font-family:var(--font-body);font-size:13px;font-weight:700;border-radius:14px;white-space:normal;text-align:center;line-height:1.4;padding:12px 16px}.app-surface .btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.community-footer{border-top:1px solid var(--border);padding:20px 0;color:var(--muted-fg);font-size:11px}.community-footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.community-footer a{color:var(--muted-fg)}
.ride-detail{padding-top:20px;padding-bottom:32px}.back-link{font-size:12px;text-decoration:none;color:var(--muted-fg);display:inline-flex;align-items:center;min-height:44px}.ride-detail h1{font-size:27px;line-height:1.2;margin:12px 0 6px;overflow-wrap:anywhere}.ride-byline{font-size:13px;color:var(--muted-fg);margin:0 0 20px;line-height:1.5}.detail-visual{overflow:hidden;border-radius:12px;margin-bottom:24px;background:var(--secondary)}.detail-visual .route-preview,.ride-map{height:280px;aspect-ratio:auto;width:100%;border-radius:12px}.map-action{margin:8px 12px}.primary-data{display:flex;gap:32px;align-items:baseline;margin:0}.primary-data div{display:flex;flex-direction:column;gap:2px}.primary-data dd{font-family:var(--font-heading);font-size:38px;font-weight:700;line-height:1.2;margin:0}.primary-data div+div dd{font-size:26px}.primary-data dt{font-size:11px;font-weight:700;letter-spacing:1.6px;color:var(--muted-fg)}.ride-detail .ride-data-section{border-top:1px solid var(--border);padding-top:26px;margin-top:26px}.ride-detail .section-title{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--primary-bright);margin:0 0 16px}.stat-rows{margin:0}.stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:8px 0}.stat-row dt{font-size:14px;color:var(--muted-fg)}.stat-row dd{font-family:var(--font-heading);font-size:15px;font-weight:700;margin:0;text-align:right}.lean-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lean-pair div{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:16px}.lean-pair strong{font-family:var(--font-heading);font-size:30px}.lean-pair span{font-size:11px;letter-spacing:1.4px;color:var(--muted-fg)}.ride-body{white-space:pre-wrap;font-size:14px;line-height:1.65;overflow-wrap:anywhere;margin:0;color:var(--muted-fg)}.ride-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ride-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.ride-notice{font-size:11px;color:var(--muted-fg);line-height:1.6;margin:12px 0}.open-ride-area{margin-top:26px}.open-ride-area .btn{display:flex;width:100%}.ride-chart{margin:20px 0 0}.ride-chart figcaption{display:flex;justify-content:space-between;color:var(--muted-fg);font-size:11px;margin-bottom:8px}.ride-chart svg{display:block;width:100%;height:90px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 29px,var(--border) 30px)}.ride-chart path{fill:none;stroke:var(--primary-bright);stroke-width:1.8;vector-effect:non-scaling-stroke}.chart-axis{font-size:9px;text-align:right;color:var(--muted-fg);margin-top:5px}.loading-message{font-size:14px;color:var(--muted-fg);padding-block:32px}button.btn{cursor:pointer}button:disabled{cursor:wait;opacity:.65}
@media(max-width:680px){.community-header .desktop-link{display:none}.community-header .site-nav{gap:12px}.community-header .wrap{gap:8px;min-height:58px;padding-inline:20px}.community-header .brand-word{width:128px}.community-header .site-nav a{font-size:11px}.community-header .site-nav a:first-child{display:none}.community-header .brand{gap:8px}.ride-grid{grid-template-columns:minmax(0,1fr);gap:0}.ride-cover .route-preview{height:auto;aspect-ratio:2/1}.detail-visual .route-preview,.ride-map{height:auto;aspect-ratio:2/1;min-height:200px}.community-footer .wrap{padding-inline:20px}}

/* The preview ends after SÜRÜŞ; the app invitation stays readable and keyboard accessible. */
.ride-more{position:relative;isolation:isolate;margin-top:26px;min-height:330px;overflow:hidden;border-top:1px solid var(--border);border-radius:0 0 16px 16px}
.ride-more-preview{height:330px;overflow:hidden;filter:blur(7px);opacity:.5;pointer-events:none;user-select:none}
.ride-more-preview .ride-data-section:first-child{border-top:0;margin-top:0}
.ride-more-invitation{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;text-align:center;background:linear-gradient(180deg,rgba(12,11,13,.15),rgba(12,11,13,.88) 75%)}
.ride-more-invitation h2{max-width:340px;font-size:25px;line-height:1.25;margin:0 0 12px;text-wrap:balance}
.ride-more-invitation p{max-width:340px;color:var(--muted-fg);font-size:13px;line-height:1.6;margin:0 0 20px}
.ride-more-invitation .btn{width:100%;max-width:320px}
.ride-more-invitation .open-ride-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;font-size:12px;color:var(--fg);text-underline-offset:3px}

/* Share the text-row height within each desktop pair, without truncating descriptions. */
@media(min-width:681px){
 .ride-card{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
 .ride-card article{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
}
.ride-card-intro,.ride-card-content{min-width:0}
.route-endpoint{box-sizing:border-box;width:16px;height:16px;border:2px solid #fff;border-radius:50%}

/* Only fifteen rides are readable. Three real older rides hint at the app feed. */
.feed-gate{position:relative;isolation:isolate;overflow:hidden;padding:0!important;border:0;border-radius:0;background:transparent;margin-top:0}
.feed-preview{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0;height:410px;overflow:hidden;filter:blur(7px);opacity:.5;pointer-events:none;user-select:none;mask-image:linear-gradient(#000,transparent)}
.has-preview .feed-preview{display:grid}
.feed-preview .ride-card,.feed-preview .ride-card article{display:block;grid-row:auto}
.feed-gate-message{position:relative;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}
.has-preview .feed-gate-message{position:absolute;inset:0;justify-content:center;background:linear-gradient(transparent,rgba(12,11,13,.7) 45%,var(--bg))}
.feed-gate-message>div{width:100%;max-width:420px}
.feed-gate-message h2{font-size:28px;text-wrap:balance}
.feed-gate-message .callout-action{max-width:320px}
@media(max-width:680px){.feed-preview{grid-template-columns:minmax(0,1fr)}.feed-gate-message{padding-inline:16px}.feed-gate-message h2{font-size:25px}}

.photo-preview{display:block;width:100%;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;flex-shrink:0}
.photo-preview img{display:block}.photo-preview:focus-visible{outline:2px solid var(--primary-bright);outline-offset:3px}
.photo-app-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--fg)}
.photo-app-dialog::backdrop{background:rgba(0,0,0,.75)}
.photo-dialog-close{display:flex;justify-content:flex-end;margin:-12px -8px 8px}
.photo-dialog-close button{min-height:44px;padding:8px;background:transparent;border:0;color:var(--muted-fg);font:inherit;cursor:pointer}
.photo-app-dialog h2{font-size:25px;line-height:1.25;margin:0 0 12px;text-wrap:balance}
.photo-app-dialog p{font-size:14px;line-height:1.6;color:var(--muted-fg);margin:0 0 24px}
.photo-dialog-actions{display:grid;gap:10px}
.photo-app-dialog :focus-visible{outline:2px solid var(--primary-bright);outline-offset:3px}

/* Place search shares the native Community wording and existing website palette. */
.region-search{margin:8px auto 24px;max-width:680px}
.region-search label{display:block;font-size:15px;font-weight:600;margin-bottom:12px}
.region-search-row{display:flex;gap:10px;align-items:stretch}
.region-search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:1px solid #766b6e;border-radius:14px;background:var(--card);padding-left:14px}
.region-search-field>svg{flex-shrink:0;color:var(--muted-fg)}
.region-search-field:focus-within{outline:2px solid var(--primary-bright);outline-offset:3px}
.region-search input{width:100%;min-width:0;min-height:50px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:16px;padding:10px 0;outline:0}
.region-search input::placeholder{color:var(--muted-fg);opacity:1}
#region-clear{border:0;background:none;color:var(--muted-fg);font-size:26px;min-width:44px;min-height:48px;cursor:pointer;flex-shrink:0;border-radius:12px}
.region-search :is(button,[role=option]):focus-visible{outline:2px solid var(--primary-bright);outline-offset:3px}
.region-options{list-style:none;margin:8px 0 0;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--card);max-height:320px;overflow-y:auto;overscroll-behavior:contain}
.region-options li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px;border-radius:10px;cursor:pointer}
.region-options li:hover,.region-options li[aria-selected=true]{background:var(--secondary)}
.region-options strong{font-size:14px;overflow-wrap:anywhere}
.region-options span{font-size:12px;color:var(--muted-fg);flex-shrink:0}
.region-help{font-size:12px;line-height:1.6;color:var(--muted-fg);margin:10px 0 0}
.community-page .region-result-title{font-size:19px;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}
@media(max-width:420px){.region-search-row{gap:8px}.region-search-field{gap:8px;padding-left:10px}.region-search input{font-size:16px}.region-search-row>.btn{padding-inline:12px}.region-options li{flex-wrap:wrap;gap:4px 12px}}

/* Larger Community counters sit closer to the centered place search. */
.community-page .platform-totals{max-width:680px;grid-template-columns:max-content max-content;justify-content:center;column-gap:clamp(24px,6vw,72px);padding-block:20px 8px}
.community-page .platform-total strong{font-size:clamp(32px,4.5vw,56px)}
.community-page .platform-total>span{font-size:13px}
.community-page .community-hero{padding-bottom:8px}
.community-page .region-search{margin-top:0}
@media(max-width:600px){
 .community-page .platform-totals{column-gap:24px;padding-block:20px 8px}
 .community-page .platform-total strong{font-size:clamp(25px,8vw,32px)}
 .community-page .platform-total>span{font-size:11px}
}