.demo-results{margin:32px 0;padding-top:24px;border-top:1px solid #dce6ed}.demo-results>p,.demo-detail p,.demo-admin p{color:#52677b;line-height:1.6}.demo-badge{display:inline-block;padding:6px 11px;background:#fff4dd;color:#835512;border:1px solid #ecd6a9;border-radius:99px;font:700 12px/1.3 system-ui}.demo-card{margin:18px 0;border:1px solid #dce6ed;border-radius:22px;background:#fff;overflow:hidden;color:#12283e}.demo-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:#fafcff;font-size:12px}.demo-card-route{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px;text-decoration:none;color:inherit}.demo-card-route strong,.demo-card-route small,.demo-card-route span{display:block}.demo-card-route strong{font-size:18px;overflow-wrap:anywhere}.demo-card-route small{font-size:12px;color:#64748b;margin-bottom:8px}.demo-price{font-size:19px;font-weight:800;white-space:nowrap}.demo-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-top:1px solid #e2e8f0}.demo-person{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}.demo-person img{width:48px;height:48px;object-fit:cover;border-radius:50%;flex-shrink:0}.demo-person strong{font-size:14px;overflow-wrap:anywhere}.demo-card-footer>div{font-size:12px;text-align:right;flex-shrink:0}.demo-card-footer small{display:block;color:#64748b;margin-top:4px}.demo-avatar{display:block;object-fit:cover;border-radius:50%;margin-top:20px}.demo-detail,.demo-admin{overflow-wrap:anywhere}.demo-admin button{padding:13px 20px;background:#12283e;color:white;border:0;border-radius:12px;font-weight:700;cursor:pointer;margin:12px 0}.demo-card a:focus-visible,.demo-admin button:focus-visible{outline:3px solid #287bb5;outline-offset:-3px}@media(max-width:360px){.demo-card-route{grid-template-columns:minmax(0,1fr)}.demo-card-footer{align-items:flex-start;flex-direction:column}.demo-card-footer>div{text-align:left}}
.demo-itinerary{margin:24px 0}.demo-itinerary h2{font-size:20px}.demo-itinerary ol{list-style:none;padding:0 0 0 12px;margin:22px 0}.demo-itinerary li{position:relative;border-left:3px solid #287bb5;padding:0 0 26px 22px;min-width:0}.demo-itinerary li:last-child{border-color:transparent;padding-bottom:0}.demo-itinerary li:before{content:'';position:absolute;left:-8px;top:3px;width:13px;height:13px;box-sizing:border-box;border:3px solid #287bb5;border-radius:50%;background:#fff}.demo-itinerary li strong,.demo-itinerary li span{display:block;overflow-wrap:anywhere}.demo-itinerary li span{font-size:13px;color:#52677b;margin-top:5px}.demo-detail .ride-route-map{max-width:100%}

.journeys-results .demo-card{margin:0}.demo-list-item{min-width:0}

.demo-person .rating-avatar{flex:0 0 76px}.demo-person .rating-face img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 40%}.demo-person small{display:block;font-size:10px;color:#64748b}.demo-connections ul{list-style:none;margin:0;padding:0}.demo-connections li{padding:12px 0;border-bottom:1px solid #e2e8f0}.demo-connections small{display:block;color:#64748b;font-size:12px;margin-top:4px}

/* 81: identity and availability each have their own row. */
.demo-card .demo-card-footer{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}
.demo-card .demo-person{width:100%;min-width:0;gap:12px}
.demo-card .demo-person>span:not(.rating-avatar){flex:1;min-width:0}
.demo-card .demo-person strong{display:block;word-break:normal;overflow-wrap:break-word;line-height:1.35}
.demo-card .demo-card-footer>div{min-width:0;width:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding-top:10px;border-top:1px solid #edf1f5}
.demo-card .demo-card-footer>div>small{margin:0}