/* The desktop index uses the same individual cards as the mobile index. */
@media(min-width:801px){
 body.sober-home .sober-project-heading nav:not(.gn-quick-index):not(.gn-direct-studies){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0;padding:3px 1px 12px;}
 body.sober-home .sober-project-heading nav .project-index-item{min-width:0;min-height:178px;border:1px solid #dce3ed;border-radius:17px;background:#fff;box-shadow:0 7px 22px #1c2d4d0e;overflow:hidden;transition:border-color 160ms ease,box-shadow 160ms ease;}
 body.sober-home .sober-project-heading nav .project-index-item:hover{border-color:#b9c9e1;box-shadow:0 9px 25px #1c2d4d16;}
 body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{display:grid;grid-template-columns:42px minmax(0,1fr) 15px;gap:10px;align-items:center;min-height:112px;padding:17px 14px 8px;border:0;border-radius:0;background:transparent;}
 body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link .project-entry-mark{width:42px;}
 body.sober-home .project-index-story-cue{font-size:12px;font-weight:400;color:#20324c;}
 body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{display:inline-flex;gap:6px;align-items:center;min-height:44px;margin:0 14px 6px 66px;padding:4px 2px;}
 body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study span{display:inline-flex;}
 body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study svg{display:block;width:13px;height:13px;fill:currentColor;}
}
@media(min-width:801px) and (max-width:1100px){body.sober-home .sober-project-heading nav:not(.gn-quick-index):not(.gn-direct-studies){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){body.sober-home .sober-project-heading nav .project-index-item{transition:none;}}
@media(min-width:801px){body.sober-home .sober-project-heading nav .project-entry-topic{min-height:40px;}}

/* Direct case-study access from the experience that prompted it. */
body.sober-home .experience .experience-study{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;}
body.sober-home .experience .experience-study svg{width:16px;height:16px;stroke:currentColor;fill:none;}