/* A quiet reading index above the existing, equally sized story cards. */
.hp-home #stories .shead{margin-bottom:16px}
.hp-home #stories .shead .hs-series-label{
  margin-bottom:8px;
  color:var(--hp-gold,#927c59);
  font-size:10px;
  letter-spacing:.07em;
  text-transform:none;
}
.hp-home #stories .shead .lbl{font-size:clamp(27px,3vw,36px);letter-spacing:.035em}
.hp-home #stories .hap{row-gap:24px;column-gap:clamp(46px,5.8vw,82px)}
.hp-home #stories .hap-kicker{display:none}
.hp-home #stories .hap-intro h2{margin:0;font-size:clamp(23px,2.2vw,30px);font-weight:400;line-height:1.6;letter-spacing:.035em}
.hp-home #stories .hap-intro>p:not(.hap-kicker):not(.hap-note){max-width:34em;margin-top:18px;font-size:13px;line-height:2.05}
.hp-home #stories .hap-intro>p:not(.hap-kicker):not(.hap-note){margin:18px 0 0}
.hp-home #stories .hap-intro>p+p:not(.hap-note){margin-top:10px}
.hp-home #stories .hap-intro>.hs-story-research-link{margin-top:8px}
.hp-home #stories .hs-story-research-link a{min-height:44px;padding-block:8px}
.hp-home #stories .stories-note{margin:0}
.hp-home #stories .hs-story-browser{
  grid-column:2;
  min-width:0;
}
.hp-home #stories .hs-story-browser>.stories{
  grid-column:auto;
  min-width:0;
}
.hp-home #stories .hs-story-browser>.stories .story[hidden]{display:none!important}
.hp-home #stories .hs-story-expand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:min(100%,320px);
  min-height:48px;
  margin:26px auto 0;
  padding:10px 18px;
  border:1px solid #b9af9d;
  border-radius:0;
  color:#5f523f;
  background:transparent;
  box-shadow:none;
  font:inherit;
  font-size:12px;
  line-height:1.6;
  letter-spacing:.04em;
  cursor:pointer;
  transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease;
}
.hp-home #stories .hs-story-expand[hidden]{display:none!important}
.hp-home #stories .hs-story-expand:hover{border-color:#927c59;background:#f4efe6;color:#302c25}
.hp-home #stories .hs-story-expand-count{color:#927c59;font-size:10px}
.hp-home #stories .hs-story-expand>span:last-child{color:#927c59;font-size:17px;line-height:1}
.hp-home #stories .hs-story-controls{
  margin:0 0 16px;
  padding:0;
  color:var(--hp-ink,#292620);
}
.hp-home #stories .hs-story-controls[hidden],
.hp-home #stories .hs-story-controls [hidden]{display:none!important}
.hp-home #stories .hs-story-filters{
  max-width:340px;
}
.hp-home #stories .hs-story-field{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  margin:0;
  cursor:pointer;
}
.hp-home #stories .hs-story-field-label{
  display:block;
  flex:none;
  color:#766a55;
  font-size:10px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:.09em;
}
.hp-home #stories .hs-story-field select{
  display:block;
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-width:0;
  min-height:44px;
  margin:0;
  padding:10px 25px 10px 0;
  border:0;
  border-bottom:1px solid #b9af9d;
  border-radius:0;
  color:#302c25;
  background-color:transparent;
  background-image:linear-gradient(45deg,transparent 50%,#8a785b 50%),linear-gradient(135deg,#8a785b 50%,transparent 50%);
  background-position:calc(100% - 12px) 52%,calc(100% - 8px) 52%;
  background-size:4px 4px;
  background-repeat:no-repeat;
  box-shadow:none;
  font:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:.025em;
  cursor:pointer;
}
.hp-home #stories .hs-story-field select:hover{border-bottom-color:#807056}
.hp-home #stories .hs-story-field select:focus-visible{
  outline:none;
  border-bottom-color:#6f5e43;
  box-shadow:inset 0 -2px 0 #6f5e43;
}
.hp-home #stories .hs-story-reset:focus-visible{
  outline:2px solid #927c59;
  outline-offset:4px;
}
.hp-home #stories .hs-story-feedback{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px 20px;
  min-height:24px;
  margin-top:2px;
}
.hp-home #stories .hs-story-status{
  min-width:0;
  margin:0;
  color:#716b61;
  font-size:10px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:.01em;
}
.hp-home #stories .hs-story-reset{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:0;
  padding:8px 0;
  border:0;
  border-radius:0;
  color:#6f5e43;
  background:none;
  box-shadow:none;
  font:inherit;
  font-size:10px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:.03em;
  text-decoration:underline;
  text-decoration-color:#b6a789;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
  cursor:pointer;
}
.hp-home #stories .hs-story-reset:hover{color:#302c25;text-decoration-color:#807056}
.hp-home #stories .hs-story-reset:disabled{display:none}
.hp-home #stories .hs-story-browser>.hap-links{
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 24px;
  margin-top:20px;
}
.hp-home #stories .hs-story-browser>.hap-links a{
  min-height:44px;
  padding-block:8px;
}
html[lang^="en"] .hp-home #stories .hs-story-field select{letter-spacing:0}
html[lang^="en"] .hp-home #stories .hs-story-feedback{flex-wrap:wrap;gap:0 16px}
/* On wide screens the gallery begins level with the section title. */
@media(min-width:1101px){
  .hp-home #stories .hs-story-browser{margin-top:clamp(-96px,-5vw,-72px)}
}
@media(max-width:1000px){
  .hp-home #stories .hs-story-field select{font-size:12px}
  .hp-home #stories .hs-story-feedback{flex-wrap:wrap;gap:0 15px}
}
@media(max-width:700px){
  .hp-home #stories .shead{margin-bottom:22px}
  .hp-home #stories .shead .hs-series-label{margin-bottom:7px;font-size:9px;letter-spacing:.1em}
  .hp-home #stories .shead .lbl{font-size:27px;line-height:1.6}
  .hp-home #stories .hap{display:grid;grid-template-columns:1fr;row-gap:16px}
  .hp-home #stories .hs-story-browser{grid-column:1;width:100%;flex:0 0 auto}
  .hp-home #stories .hs-story-browser>.stories{width:100%;max-width:100%;box-sizing:border-box}
  .hp-home #stories .hs-story-browser>.stories .story{flex:0 0 44%;max-width:44%}
  .hp-home #stories .hap-intro h2{font-size:25px;line-height:1.65}
  .hp-home #stories .hap-intro>p:not(.hap-kicker):not(.hap-note){margin-top:14px;font-size:12.5px;line-height:1.95}
  .hp-home #stories .stories-note{grid-column:1}
  .hp-home #stories .hs-story-browser{grid-column:1}
  .hp-home #stories .hs-story-controls{margin-bottom:14px}
  .hp-home #stories .hs-story-filters{max-width:none}
  .hp-home #stories .hs-story-field-label{font-size:10px;line-height:1.7}
  .hp-home #stories .hs-story-field select{min-height:44px;padding:8px 24px 8px 0;font-size:16px;line-height:1.5;letter-spacing:0}
  .hp-home #stories .hs-story-feedback{flex-wrap:nowrap;gap:4px 12px;margin-top:3px}
  .hp-home #stories .hs-story-status{font-size:10px;line-height:1.75}
  .hp-home #stories .hs-story-reset{font-size:10px;letter-spacing:0}
  html[lang^="en"] .hp-home #stories .hs-story-feedback{flex-wrap:wrap}
}
@media(max-width:359px){
  .hp-home #stories .hs-story-feedback{flex-wrap:wrap;gap:0 12px}
}

/* Keep the woman in frame when the published landscape thumbnail is shown as a portrait. */
.hp-home #stories [data-story-id="patient-79"] .story-ph img{object-position:84% center}