/* Practical Product explanations within Index's existing editorial layout. */
.index-site .product-intro-link{margin-top:24px}
.index-site .project-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:38px 0 0}
.index-site .project-workflow-steps>li{border-top:1px solid var(--index-border);padding-top:20px}
.index-site .project-workflow-steps>li>span{font-size:11px;color:var(--index-ink-secondary)}
.index-site .project-workflow-steps h3{font-size:23px;line-height:1.25;margin:16px 0 12px}
.index-site .team-expanded .project-workflow-steps p{font-size:14px;line-height:1.8;margin:0}
.index-site .workflow-outcome{display:flex;align-items:start;justify-content:space-between;gap:36px;border-top:1px solid var(--index-border);margin-top:32px;padding-top:24px}
.index-site .team-expanded .workflow-outcome p{max-width:65ch;font-size:14px;line-height:1.8;margin:0}
.index-site .workflow-outcome strong{font-weight:500;color:var(--index-slate)}
.index-site .workflow-outcome>.text-link{flex-shrink:0;margin-top:4px}
.index-site .enterprise-story{padding-block:64px 80px;border-top:1px solid var(--index-border)}
.index-site .enterprise-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;align-items:end;margin-bottom:40px}
.index-site .enterprise-heading>.chapter-label{grid-column:1/-1}
.index-site .enterprise-heading h2{font-size:clamp(32px,3.7vw,48px);line-height:1.12;margin:0}
.index-site .enterprise-heading>p:last-child{max-width:44ch;font-size:15px;line-height:1.85;margin:0;color:var(--index-ink-secondary)}
.index-site .enterprise-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,76px);align-items:start}
.index-site .enterprise-network-study{margin:0;min-width:0}
.index-site .enterprise-network-surface{border:1px solid var(--index-mist);border-radius:5px;background:var(--index-ice);padding:28px}
.index-site .enterprise-map-label{display:block;font-size:10px;color:var(--index-ink-secondary);letter-spacing:.015em}
.index-site .enterprise-company{display:flex;align-items:center;justify-content:center;gap:10px;padding-block:28px 24px;font-size:15px;color:var(--index-slate)}
.index-site .enterprise-initial{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--index-mist);border-radius:50%;background:var(--index-paper);color:var(--index-blue-deep)}
.index-site .enterprise-company small,.index-site .enterprise-person small{display:block;font-size:10px;margin-top:4px;color:var(--index-ink-secondary)}
.index-site .enterprise-departments{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:22px;margin-inline:12px}
.index-site .enterprise-departments::before{content:"";position:absolute;top:0;left:25%;right:25%;height:1px;background:var(--index-blue)}
.index-site .enterprise-departments::after{content:"";position:absolute;bottom:100%;left:50%;height:18px;width:1px;background:var(--index-blue)}
.index-site .enterprise-department{position:relative;text-align:center}
.index-site .enterprise-department::before{content:"";position:absolute;bottom:100%;left:50%;height:22px;width:1px;background:var(--index-blue)}
.index-site .enterprise-department>span{font-size:11px;color:var(--index-blue-deep)}
.index-site .enterprise-person{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 20px;text-align:left;font-size:13px}
.index-site .enterprise-network-surface .enterprise-map-boundary{font-size:11px;line-height:1.7;text-align:center;color:var(--index-ink-secondary);margin:0 0 24px}
.index-site .enterprise-shared-board{display:flex;align-items:center;gap:16px;border:1px solid var(--index-mist);border-radius:4px;background:var(--index-paper);padding:22px 18px}
.index-site .enterprise-shared-board img{width:38px;height:64px;object-fit:contain;flex-shrink:0}
.index-site .enterprise-shared-board h3{font-size:23px;line-height:1.3;margin:5px 0}
.index-site .enterprise-shared-board p{font-size:11px;line-height:1.6;color:var(--index-ink-secondary);margin:0}
.index-site .enterprise-access{display:flex;flex-direction:column;gap:8px;padding-top:16px}
.index-site .enterprise-access>span{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--index-ink-secondary)}
.index-site .enterprise-access strong{font-weight:400;color:var(--index-blue-deep)}
.index-site .enterprise-network-study figcaption{font-size:11px;line-height:1.7;color:var(--index-ink-secondary);margin-top:12px}
.index-site .enterprise-copy h3{font-size:26px;line-height:1.3;margin:0 0 14px}
.index-site .enterprise-copy p{font-size:14px;line-height:1.85;margin:0 0 24px;color:var(--index-ink-secondary)}
.index-site .enterprise-direction{border-block:1px solid var(--index-border);padding-block:15px;margin-top:28px}
.index-site .enterprise-direction summary{cursor:pointer;font-size:13px;line-height:1.6;color:var(--index-slate)}
.index-site .enterprise-direction summary::marker{color:var(--index-blue-deep)}
.index-site .enterprise-direction summary:focus-visible{outline:2px solid var(--index-blue-deep);outline-offset:5px}
.index-site .enterprise-direction p{margin:15px 0 0;font-size:13px}
.index-site .enterprise-actions{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:25px}
.index-site .enterprise-copy .enterprise-access-note{font-size:11px;line-height:1.7;margin:18px 0 0}
@media(max-width:1000px){.index-site .project-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px}.index-site .enterprise-heading{gap:20px 36px}.index-site .enterprise-network-surface{padding:22px}.index-site .enterprise-departments{margin-inline:0;gap:14px}.index-site .workflow-outcome{display:block}.index-site .workflow-outcome>.text-link{margin-top:16px}}
@media(max-width:700px){.index-site .product-intro-link{font-size:12px}.index-site .enterprise-story{padding-block:45px 60px}.index-site .enterprise-heading,.index-site .enterprise-content{grid-template-columns:1fr;gap:24px}.index-site .enterprise-heading{margin-bottom:28px}.index-site .enterprise-heading>.chapter-label{grid-column:auto}.index-site .enterprise-heading h2{font-size:35px}.index-site .enterprise-heading>p:last-child{font-size:14px}.index-site .enterprise-content{gap:35px}.index-site .enterprise-network-surface{padding:24px}.index-site .enterprise-copy h3{font-size:25px}.index-site .project-workflow-steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.index-site .project-workflow-steps h3{font-size:24px;margin-top:12px}.index-site .team-expanded .project-workflow-steps p{max-width:44ch}.index-site .enterprise-shared-board{padding:18px 14px}}
