/* Customer-written source summaries follow the current compact editorial system. */
.customer-experiences{--experience-gap:24px;--experience-tight:8px;background:var(--sky);color:var(--ink)}
body.editorial-design .customer-experiences .experience-heading{display:block;max-width:760px;margin-bottom:var(--experience-gap)}
body.editorial-design .customer-experiences .experience-heading>p{max-width:65ch;margin-top:var(--experience-tight)}
.experience-rail{display:grid;grid-auto-flow:column;grid-template-rows:auto auto 1fr auto auto;grid-auto-columns:calc((100% - 32px)/3);gap:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent;overscroll-behavior-x:contain}
.experience-card{scroll-snap-align:start}
.experience-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;min-width:0;margin:0;padding:var(--experience-gap);background:var(--white);border-radius:var(--editorial-radius)}
.experience-card .experience-topic{font-size:12px;font-weight:700;color:var(--muted);margin:0 0 12px}
body.editorial-design.editorial-design.editorial-design .experience-card h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:0 0 12px;font-weight:700}
.experience-card .experience-copy{font-size:15px;line-height:1.7;margin:0 0 var(--experience-gap)}
.experience-source{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--muted);font-size:12px;line-height:1.5}
.experience-source span{font-weight:700;overflow-wrap:anywhere}
.experience-source time{white-space:nowrap}
.customer-experiences .experience-link{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;margin-top:var(--experience-tight);color:var(--accent);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;gap:var(--experience-tight)}
.customer-experiences .experience-link:hover{color:var(--accent-hover);text-decoration-thickness:2px}
.customer-experiences .experience-link:visited{color:var(--deep-end)}
.customer-experiences .experience-link:active{color:var(--accent-hover);transform:translateY(1px)}
.customer-experiences :is(a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}

.experience-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:16px}
.experience-controls[hidden]{display:none}
.experience-controls>span{font-size:13px;color:var(--muted);margin-right:8px}
.experience-controls button{width:44px;height:44px;min-width:44px;border:1px solid var(--control-line);border-radius:var(--editorial-control);background:var(--white);color:var(--ink);font-size:22px;cursor:pointer}
.experience-controls button:hover:not(:disabled){background:var(--deep);color:var(--white)}
.experience-controls button:active:not(:disabled){transform:translateY(1px)}
.experience-controls button:disabled{opacity:.4;cursor:not-allowed}
.customer-experiences :is(button,.experience-rail):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(min-width:1100px){
.customer-experiences>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 24px}
body.editorial-design.editorial-design.editorial-design .customer-experiences .experience-heading{grid-column:1;grid-row:1;display:block;margin:0}
body.editorial-design.editorial-design.editorial-design .customer-experiences .experience-heading>p{max-width:65ch;margin-top:8px}
.experience-controls{grid-column:2;grid-row:1;align-self:center;margin:0}
.experience-rail{grid-column:1/-1}
}
@media(max-width:1099px){.experience-rail{grid-auto-columns:calc((100% - 16px)/2)}}
@media(max-width:600px){.experience-rail{grid-auto-columns:88%;column-gap:12px}.experience-card{padding:20px}.experience-card .experience-copy{margin-bottom:16px}.experience-controls{justify-content:flex-start}}