/* =========================================================
   V83 — Featured content / Client Stories / dashboard binding fixes
   ========================================================= */

/* Client Stories — approved screenshot direction */
.client-stories-section{
  background:#fff;
  padding:112px 0 118px;
  overflow:hidden;
}
.client-stories-wrap{width:min(var(--max,1320px),calc(100% - 64px));margin:0 auto}
.client-stories-head{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
  gap:72px;
  align-items:end;
  margin-bottom:46px;
}
.client-stories-title-wrap .eyebrow{display:block;margin-bottom:18px}
.client-stories-title{
  margin:0;
  font-size:clamp(46px,4.25vw,68px);
  line-height:.94;
  letter-spacing:-.045em;
  font-weight:400;
}
.client-stories-title em{color:var(--accent);font-weight:400}
.client-stories-aside{align-self:end;padding-bottom:4px}
.client-stories-aside>p{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.65;max-width:520px}
.client-stories-controls{display:flex;gap:9px}
.client-story-arrow{
  width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:var(--paper);
  color:var(--ink);display:inline-grid;place-items:center;font-size:17px;cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.client-story-arrow:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-1px)}
.client-story-arrow:disabled{opacity:.38;cursor:default;transform:none}
.client-stories-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(270px,1fr);
  grid-template-rows:1fr;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  padding:0 0 4px;
}
.client-stories-track::-webkit-scrollbar{display:none}
.client-story-card{
  scroll-snap-align:start;
  min-height:320px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:10px;
  padding:30px 26px 25px;
  display:flex;
  flex-direction:column;
}
.client-story-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.client-story-stars{font-size:10px;letter-spacing:2px;color:var(--accent);white-space:nowrap}
.client-story-index{font-size:8px;letter-spacing:.2em;color:var(--muted)}
.client-story-card blockquote{
  margin:42px 0 28px;
  font-size:22px;
  line-height:1.02;
  letter-spacing:-.018em;
  font-weight:400;
  max-width:95%;
}
.client-story-meta{margin-top:auto;display:flex;align-items:center;gap:12px;min-width:0}
.client-story-meta i{width:31px;height:1px;background:var(--accent);opacity:.7;flex:0 0 auto}
.client-story-meta span{font-size:8px;line-height:1.45;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:normal}

/* Make the Header dashboard toggle real on paper/internal pages only. */
body.shg-static-internal-header #site-header[data-header-mode="paper"]{position:relative!important;top:auto!important}
body.shg-static-internal-header:not(.home) .shg-about-page,
body.shg-static-internal-header:not(.home) .team-v16,
body.shg-static-internal-header:not(.home) .contact-page-v18,
body.shg-static-internal-header:not(.home) .journal-v16,
body.shg-static-internal-header:not(.home) .journal-single-v38{padding-top:0!important}

@media(min-width:1180px){
  .client-stories-track{grid-auto-columns:calc((100% - 42px)/4)}
}
@media(max-width:980px){
  .client-stories-section{padding:90px 0 96px}
  .client-stories-head{grid-template-columns:1fr;gap:28px;margin-bottom:34px}
  .client-stories-aside{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end}
  .client-stories-aside>p{margin:0}
  .client-stories-track{grid-auto-columns:calc((100% - 14px)/2)}
}
@media(max-width:620px){
  .client-stories-section{padding:74px 0 80px}
  .client-stories-wrap{width:calc(100% - 32px)}
  .client-stories-title{font-size:clamp(42px,12.2vw,56px);line-height:.96}
  .client-stories-aside{grid-template-columns:1fr;gap:18px}
  .client-stories-track{grid-auto-columns:min(86vw,310px);gap:12px;overflow-x:auto}
  .client-story-card{min-height:300px;padding:25px 22px 22px}
  .client-story-card blockquote{font-size:21px;margin-top:36px}
  .client-story-arrow{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
  .client-stories-track{scroll-behavior:auto}
  .client-story-arrow{transition:none}
}