/* Focused product introductions. Deliberately no viewport-height constraint. */
.overview{padding:56px 0 48px}
.overview-hero{display:grid;gap:40px;align-items:center}
.overview-copy{max-width:620px}
.overview-label{font-size:14px;color:var(--hint);margin:0 0 20px}
.overview h1{font-size:var(--text-title);line-height:1.1;letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance}
.overview h1 em{font-style:normal;color:var(--link)}
.overview .lead{font-size:18px;line-height:1.65;max-width:52ch;margin-bottom:28px;color:var(--hint)}
.overview-note{font-size:13px;color:var(--hint);margin:20px 0 0}
.overview-art{padding:24px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;display:grid;gap:12px}
.overview-mark{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;margin-bottom:12px}
.overview-mark>.icon{width:44px;height:44px;color:var(--link)}
.overview-example{display:flex;gap:16px;align-items:center;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.overview-example>.icon{width:24px;height:24px;flex-shrink:0;color:var(--link)}
.overview-example>div{min-width:0}.overview-example span{display:block;font-size:13px;color:var(--hint);margin-bottom:6px}
.overview-example strong{display:block;font-size:16px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.overview-scope{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.overview-scope h2{font-size:28px;line-height:1.25;margin-bottom:28px;letter-spacing:-.03em}
.overview-grid{display:grid;gap:28px}.overview-grid article>.icon{width:28px;height:28px;color:var(--link);margin-bottom:16px}
.overview-grid h3{font-size:18px;margin:0 0 8px}.overview-grid p{font-size:16px;line-height:1.6;color:var(--hint);margin:0;max-width:42ch}
.landing-details[hidden]{display:none!important}.landing-details{scroll-margin-top:24px;outline:none}
.details-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0;border-top:1px solid var(--line)}
.details-heading h2{font-size:28px;margin:0}.details-heading a{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-size:14px}
@media(min-width:768px){.overview{padding:72px 0 64px}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.overview-art{padding:32px}.overview-scope{margin-top:64px}}
@media(min-width:1000px){.overview-hero{grid-template-columns:1.15fr 1fr;gap:64px}.overview{padding-top:80px}.overview-scope{margin-top:80px}}
@media(max-width:400px){.overview .actions{align-items:stretch}.overview .actions>a{flex:1;justify-content:center}.overview-art{padding:16px}.overview-example{padding:16px;gap:12px}}

.overview-more{display:flex;justify-content:center;margin-top:48px}
.site-footer.overview-footer{display:flex;flex-wrap:wrap}
.site-footer.overview-footer .labs-credit{flex:0 0 100%;justify-content:center;text-align:center;margin-top:20px}