.project-story{--story-line:#e4e4e7;--story-muted:#5f6368;--story-link:#1d4ed8;min-width:0}.dark .project-story{--story-line:#404047;--story-muted:#c4c4cd;--story-link:#a7c4ff}.project-story h1,.project-story h2,.project-story p,.project-story dd,.project-story li{overflow-wrap:anywhere}.project-story .story-heading{margin-bottom:28px}.project-story .story-heading>h2{font-size:30px}.project-story .story-intro{color:var(--story-muted);max-width:72ch;margin-top:18px;font-size:18px;line-height:1.65}.project-story dl{margin:0}.project-story .story-summary{flex-wrap:wrap;gap:18px 40px;margin-top:24px;display:flex}.project-story dt{color:var(--story-muted);font-size:14px}.project-story dd{margin:4px 0 0}.project-story .story-summary dd{font-weight:500}.project-story .story-outcome{max-width:72ch;margin-top:20px}.project-story .story-outcome strong{margin-bottom:4px;display:block}.project-story .story-links{gap:24px;margin-top:20px;display:flex}.project-story a{color:var(--story-link);text-underline-offset:4px;text-decoration:underline}.project-story .story-layout{grid-template-columns:minmax(0,1fr) 240px;gap:56px;margin-top:40px;display:grid}.project-story .story-body section{border-bottom:1px solid var(--story-line);padding:26px 0;scroll-margin-top:104px}.project-story .story-body section:first-child{padding-top:0}.project-story .story-body h2{margin:0 0 14px;font-size:24px}.project-story .story-body p{white-space:pre-line;max-width:72ch;color:var(--story-muted);line-height:1.75}.project-story .story-body p+p{margin-top:16px}.project-story .story-body ul{margin:0;padding-left:22px}.project-story .story-body li{color:var(--story-muted);margin-bottom:8px;line-height:1.7}.project-story .story-aside{border-left:1px solid var(--story-line);min-width:0;padding-left:24px}.project-story .story-aside h2{margin:24px 0 16px;font-size:18px}.project-story .story-aside dl>div{margin-bottom:16px}.project-story .story-contents summary{cursor:pointer;min-height:44px;font-weight:600}.project-story .story-contents nav{flex-direction:column;gap:4px;display:flex}.project-story .story-contents a{padding:8px 0;font-size:14px}@media (width<=900px){.project-story .story-layout{grid-template-columns:minmax(0,1fr) 200px;gap:28px}}@media (width<=700px){.project-story .story-intro{font-size:16px}.project-story .story-layout{flex-direction:column;gap:28px;display:flex}.project-story .story-aside{border-left:0;border-bottom:1px solid var(--story-line);order:-1;padding-bottom:16px;padding-left:0}.project-story .story-summary{gap:14px 24px}.project-story .story-body h2{font-size:22px}.project-story .story-aside dl{flex-wrap:wrap;gap:8px 24px;display:flex}.project-story .story-contents nav{grid-template-columns:1fr 1fr;display:grid}}
