/* Content hierarchy shared by full pages and Experience previews. */
.experience-page{max-width:800px;margin:24px auto;padding:28px;overflow-wrap:anywhere}
.experience-header h1{font-size:clamp(28px,5vw,40px);line-height:1.15;margin:12px 0}
.experience-header .eyebrow{margin:0;font-size:11px}
.experience-header .experience-byline,.experience-header .experience-date{margin:8px 0}
.experience-tags{margin:12px 0;gap:6px}
.experience-story{margin-top:22px}
.experience-story h2,.location-context h2{font-size:22px;margin:0 0 12px}
.experience-story-text{white-space:pre-wrap;line-height:1.8}
.experience-photos{margin-top:20px}
.experience-photos .photo-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.experience-details{margin-top:22px}
.experience-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:20px 0}
.experience-vote-feedback{flex-basis:100%;margin:0}
.experience-vote-feedback:empty{display:none}
.location-context{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;display:flow-root}
.location-context h3{font-size:20px;margin:10px 0}
.location-context-image{float:right;width:96px;height:96px;object-fit:cover;border-radius:8px;margin:0 0 12px 16px}
.experience-preview{display:block;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.experience-preview p{white-space:pre-line}
.experience-read{color:var(--purple-dark);text-decoration:underline}
.experience-preview:hover .experience-read{text-decoration-thickness:2px}
.experience-quote h3{margin:0 0 10px}
.experience-quote .photo-gallery{display:block;margin-top:16px}
.experience-quote .photo-gallery img{width:120px;height:90px;object-fit:cover}
.experience-thumbnail{object-fit:cover;border-radius:8px;margin-top:12px}
.community-location .experience-story h2,.community-location .location-context h2{font-size:22px}
.community-location .experience-header h1{font-size:clamp(28px,5vw,40px)}
.primary-experience-photo .photo-gallery{display:block}
.primary-experience-photo img{max-height:240px;width:auto;max-width:100%;object-fit:contain}
.primary-experience-label{font-size:12px;color:var(--muted);margin:16px 0 10px}
.community-experience-actions,.community-location-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.community-location .more-experiences{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:760px){
  .experience-page{margin:12px auto;padding:18px 16px}
  .experience-header h1{font-size:28px}
  .experience-header .experience-byline,.experience-header .experience-date{font-size:13px}
  .experience-page .experience-tags .activity-tag{padding:4px 8px;font-size:11px}
  .experience-story{margin-top:18px}
}