@import url("../engineering/style.css");

.section--practice{background:#eaf1f4}
.practice-intro{max-width:840px;margin:34px 0 0;color:var(--muted);font-size:18px;line-height:2}
.system-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;margin:54px 0 0;list-style:none;border:1px solid #bdcbd0;background:#fff}
.system-flow li{position:relative;min-height:178px;padding:26px 22px;border-right:1px solid #bdcbd0}
.system-flow li:last-child{border-right:0}
.system-flow li:not(:last-child)::after{position:absolute;right:-12px;top:77px;z-index:1;display:flex;width:24px;height:24px;align-items:center;justify-content:center;border:1px solid #bdcbd0;border-radius:50%;content:"›";color:var(--blue);background:#fff;font-size:19px;font-weight:800;line-height:1}
.system-flow span{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}
.system-flow strong{display:block;margin-top:18px;color:var(--navy);font-size:18px;line-height:1.55}
.system-flow small{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.65}
.practice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border:1px solid #bdcbd0;background:#fff}
.practice-cards article{padding:30px;border-right:1px solid #bdcbd0}
.practice-cards article:last-child{border-right:0}
.practice-cards h3{margin:18px 0 12px;font-size:22px}
.practice-cards p:last-child{margin:0;color:var(--muted);font-size:15px}
.practice-note{margin:22px 0 0;color:var(--muted);font-size:13px}

@media(max-width:980px){.system-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.system-flow li{border-bottom:1px solid #bdcbd0}.system-flow li:nth-child(3){border-right:0}.system-flow li:nth-child(n+4){border-bottom:0}.system-flow li:nth-child(3)::after{display:none}.practice-cards{grid-template-columns:1fr}.practice-cards article{border-right:0;border-bottom:1px solid #bdcbd0}.practice-cards article:last-child{border-bottom:0}}
@media(max-width:720px){.hero__grid{padding-bottom:92px}.practice-intro{font-size:17px}.system-flow{grid-template-columns:1fr}.system-flow li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 12px;min-height:0;padding:23px 20px;border-right:0;border-bottom:1px solid #bdcbd0!important}.system-flow li:last-child{border-bottom:0!important}.system-flow li::after{display:none!important}.system-flow strong{margin-top:0;font-size:18px}.system-flow small{grid-column:2;margin-top:3px}.practice-cards article{padding:26px 22px}}