/* Reading surfaces: topic first, with no stock-photo card wall. */
.family-insights .insights-feature{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
  gap:clamp(38px,6vw,110px);
  align-items:center;
  min-height:620px;
  border-block:1px solid #d7d7cc;
  padding-block:clamp(65px,8vw,125px);
}
.family-insights .insights-feature-copy{max-width:650px}
.family-insights .insights-feature-copy h2{font:700 clamp(68px,7.7vw,126px)/.91 BigShoulders,sans-serif;letter-spacing:-.025em;margin:24px 0 30px}
.family-insights .insights-feature-copy>p:not(.section-kicker){max-width:43ch;font-size:clamp(18px,1.45vw,21px);line-height:1.65;color:#5e5a54}
.family-insights .insights-feature-art{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:450px;border-left:1px solid #d7d7cc;padding:34px 0 34px clamp(28px,4vw,74px)}
.family-insights .insights-feature-art:before,.family-insights .insights-feature-art:after{content:"";position:absolute;left:-4px;width:7px;height:7px;background:#71876a}
.family-insights .insights-feature-art:before{top:0}.family-insights .insights-feature-art:after{bottom:0}
.family-insights .insights-feature-art .art-label{font:11px Satoshi,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#71876a;margin-bottom:24px}
.family-insights .insights-feature-art strong{font:700 clamp(53px,6vw,94px)/.95 BigShoulders,sans-serif;letter-spacing:-.01em;color:#242320;display:block}
.family-insights .insights-feature-art strong:nth-of-type(2){padding-left:13%}
.family-insights .insights-feature-art strong:nth-of-type(3){padding-left:26%}
.family-insights .insights-feature-art .art-line{height:1px;width:min(100%,560px);background:#b8c0b1;margin:20px 0 22px}
.family-insights .insights-feature-art small{font:13px/1.5 Satoshi,sans-serif;color:#5e5a54;max-width:35ch;display:block;margin-left:26%}
.family-insights .insights-feature-art .art-square{position:absolute;right:0;bottom:31px;width:24px;height:24px;background:#71876a;box-shadow:7px 7px 0 #c7d0c2}
.family-insights .library-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px;border-block:1px solid #d7d7cc;margin-bottom:0}
.family-insights .library-controls[hidden]{display:none}
.family-insights .reading-grid{display:block;counter-reset:guide}
.family-insights .reading-item{counter-increment:guide;border-bottom:1px solid #d7d7cc;padding:0}
.family-insights .reading-item[hidden]{display:none}
.family-insights .reading-item>a{display:grid;grid-template-columns:65px minmax(0,1.25fr) minmax(180px,.65fr) 46px;column-gap:clamp(22px,3vw,55px);align-items:start;padding:32px 0 37px;text-decoration:none;color:inherit}
.family-insights .reading-item>a:before{content:counter(guide,decimal-leading-zero);font:700 28px/1 BigShoulders,sans-serif;color:#71876a;padding-top:6px}
.family-insights .reading-item .section-kicker{grid-column:2;grid-row:1;margin:0 0 12px}
.family-insights .reading-item h2{grid-column:2;grid-row:2;font:700 clamp(32px,3.3vw,52px)/1.02 BigShoulders,sans-serif;max-width:24ch;letter-spacing:-.015em;margin:0}
.family-insights .reading-item p:not(.section-kicker){grid-column:3;grid-row:2;margin:2px 0 0;font:16px/1.6 Satoshi,sans-serif;color:#5e5a54;max-width:35ch}
.family-insights .reading-item .read-action{grid-column:4;grid-row:2;border:0;padding:0;font-size:0;display:block;margin:5px 0 0;text-align:right}
.family-insights .reading-item .read-action:before{display:none}
.family-insights .reading-item .read-action>span{font:30px/1 Satoshi,sans-serif;color:#71876a;display:inline-block;transition:transform .25s ease}
.family-insights .reading-item>a:hover .read-action>span,.family-insights .reading-item>a:focus-visible .read-action>span{transform:translate(5px,-5px)}
.family-insights .reading-item>a:focus-visible{outline:2px solid #71876a;outline-offset:4px}
.family-article .article-image{display:none}
.family-article .article-shell{border-top:1px solid #d7d7cc}
.family-article .editorial-article{max-width:780px}
.family-article .editorial-article>p:first-of-type{font-size:clamp(21px,1.9vw,27px);line-height:1.5;color:#242320}
.family-article .editorial-article h2{border-top:1px solid #d7d7cc;padding-top:34px;margin-top:68px}
.family-article .editorial-article h2:before{content:"";display:block;width:7px;height:7px;background:#71876a;margin-bottom:25px}
.family-article .article-toc{top:42px;align-self:start}
.family-article .article-toc summary{cursor:pointer;font:11px Satoshi,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#536b48;padding:18px 0;list-style:none}
.family-article .article-toc summary::-webkit-details-marker{display:none}
.family-article .article-toc summary:after{content:'+';float:right;font-size:19px;line-height:11px}
.family-article .article-toc details[open] summary:after{content:'−'}
.family-article .article-toc summary:focus-visible{outline:2px solid #71876a;outline-offset:4px}
@media(max-width:900px){
  .family-insights .insights-feature{grid-template-columns:1fr;min-height:0;gap:40px}
  .family-insights .insights-feature-art{min-height:320px}
  .family-insights .reading-item>a{grid-template-columns:48px minmax(0,1fr) 35px}
  .family-insights .reading-item p:not(.section-kicker){grid-column:2;grid-row:3;margin-top:17px}
  .family-insights .reading-item .read-action{grid-column:3;grid-row:2}
}
@media(max-width:760px){
  .family-insights .insights-feature{padding-block:45px}
  .family-insights .insights-feature-copy h2{font-size:clamp(64px,15vw,92px)}
  .family-insights .insights-feature-art{padding-left:25px;min-height:260px}
  .family-insights .insights-feature-art strong{font-size:clamp(50px,12vw,72px)}
  .family-insights .library-controls{display:block}
  .family-insights .library-controls label{margin-top:22px}
  .family-insights .reading-item>a{column-gap:12px;padding-block:25px 29px}
  .family-insights .reading-item>a:before{font-size:23px}
  .family-insights .reading-item h2{font-size:clamp(31px,8vw,41px)}
  .family-insights .reading-item p:not(.section-kicker){font-size:15px}
  .family-article .editorial-article h2{margin-top:48px;padding-top:24px}
  .family-article .article-toc{border-top:1px solid #d7d7cc}
  .family-article .article-toc details:not([open]){padding-bottom:0}
}
@media(prefers-reduced-motion:reduce){.family-insights .reading-item .read-action>span{transition:none}}