/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 */
main>section.salon-stories{padding:68px 0 52px;background:var(--color-white);overflow:hidden}
.salon-stories-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.salon-stories-eyebrow{font-size:13px;letter-spacing:.12em;color:var(--color-accent);font-weight:700;margin-bottom:14px}
.salon-stories-intro{font-size:16px;line-height:1.9;color:var(--color-muted);margin-top:18px}
.salon-stories-controls{display:flex;gap:10px;flex-shrink:0}
.salon-stories-controls button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--brand-rule);border-radius:50%;background:var(--color-white);color:var(--color-accent);font-size:24px;cursor:pointer}
.salon-stories-controls button:disabled{opacity:.35;cursor:default}
.salon-stories-track{display:flex;align-items:stretch;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(24px,calc((100vw - 1280px)/2));padding:6px max(24px,calc((100vw - 1280px)/2)) 22px;scrollbar-width:thin;scrollbar-color:var(--brand-rule) transparent;overscroll-behavior-x:contain}
.salon-story{flex:0 0 440px;min-width:0;padding:26px;border:1px solid var(--brand-rule);border-radius:20px;background:var(--color-white);scroll-snap-align:start;box-shadow:0 5px 16px var(--brand-shadow)}
.salon-story-top{display:flex;align-items:center;gap:10px;color:var(--color-muted);font-size:12px;margin-bottom:20px}
.salon-story-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brand-tint);color:var(--color-accent);font:700 13px var(--font-brand)}
.salon-story-badge{margin-left:auto;font-size:10px;white-space:nowrap;border:1px solid var(--brand-rule);padding:3px 7px;border-radius:20px}
.salon-story h3{font-size:23px;line-height:1.65;font-weight:800;letter-spacing:-.025em;margin:0 0 20px;min-height:114px}
.salon-story h3 em{font-style:normal;color:var(--color-accent)}
.salon-story-problem{font-size:14px;line-height:1.8;color:var(--color-ink);font-weight:600;padding-top:17px;border-top:1px solid var(--brand-rule);margin-bottom:12px}
.salon-story-body{font-size:14px;line-height:1.9;color:var(--color-muted)}
.salon-stories-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px;color:var(--color-muted);font-size:11px;line-height:1.8}
.salon-stories-bottom span{white-space:nowrap}
@media(max-width:800px){main>section.salon-stories{padding:44px 0 32px}.salon-stories-heading{align-items:flex-start;flex-direction:column;gap:18px}.salon-stories-controls{align-self:flex-end}.salon-stories-intro{font-size:14px}.salon-stories-track{gap:16px;padding-inline:20px;scroll-padding-inline:20px}.salon-story{flex-basis:min(380px,calc(100vw - 56px));padding:20px}.salon-story h3{font-size:20px;min-height:0}.salon-story-top{gap:7px;font-size:11px}.salon-story-badge{font-size:9px;padding:2px 5px}.salon-story-number{width:28px;height:28px;flex-shrink:0}.salon-story-problem,.salon-story-body{font-size:13px}.salon-stories-bottom{display:block}.salon-stories-bottom span{display:block;margin-top:10px;text-align:right}}
/* Continuous right-to-left movement; manual scrolling remains available. */
.salon-stories-track{scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none}
.salon-stories-track::-webkit-scrollbar{display:none}
.salon-stories-controls .salon-stories-toggle{width:auto;min-width:88px;padding:0 18px;border-radius:24px;font-size:13px;white-space:nowrap}

.salon-story{padding:0;overflow:hidden}.salon-story-photo{display:block;width:100%;height:164px;object-fit:cover;object-position:center 42%}.salon-story-content{padding:24px}.salon-story-top{margin-bottom:14px}.salon-story h3{min-height:0}@media(max-width:800px){.salon-story{padding:0}.salon-story-photo{height:132px}.salon-story-content{padding:20px}}

/* Compact avatar cards directly below the hero. */
main>section.salon-stories{padding:24px 0 12px;position:relative}.salon-story-top .salon-story-photo{width:58px;height:58px;flex:0 0 58px;border-radius:50%;object-fit:cover;object-position:center 23%}.salon-story-top{gap:14px;margin-bottom:18px;font-size:12px}.salon-story-content{padding:24px}.salon-stories-playback{display:flex;justify-content:flex-end;padding:0 24px}.salon-stories-playback button{width:32px;height:32px;border:1px solid var(--brand-rule);border-radius:50%;background:var(--color-white);color:var(--color-accent);cursor:pointer;font-size:13px}@media(max-width:800px){main>section.salon-stories{padding:18px 0 10px}.salon-story-content{padding:20px}.salon-story-top .salon-story-photo{width:50px;height:50px;flex-basis:50px}}

.salon-stories-track{padding-inline:0;scroll-padding-inline:0}

.salon-story-draft{font-size:11px;color:var(--color-muted);margin:0 0 10px}

/* Avatar and business label beside the case heading. */
.salon-story-top{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:16px;margin-bottom:20px}
.salon-story-profile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.salon-story-profile .salon-story-business{font-size:11px;line-height:1.5;color:var(--color-muted);overflow-wrap:anywhere}
.salon-story-top h3{margin:0;font-size:21px;line-height:1.6;min-width:0}
@media(max-width:800px){.salon-story-top{grid-template-columns:62px minmax(0,1fr);gap:12px}.salon-story-top h3{font-size:18px;line-height:1.6}.salon-story-profile .salon-story-business{font-size:10px}}

.salon-stories-track{overflow-x:hidden;touch-action:pan-y}

.salon-stories-track,.salon-stories-track *{pointer-events:none;user-select:none;-webkit-user-select:none}.salon-story-photo{-webkit-user-drag:none}