/* Local fourth-section hierarchy trial: tabs / core board / growth index / deeper topics. */
#system-types{background:linear-gradient(180deg,#F7FCFC 0%,#FFFFFF 38%)}
#system-types .section-intro{margin-bottom:30px}
#system-types .industry-controls{display:block;margin-bottom:0}
#system-types .industry-tabs{display:flex;width:100%;max-width:100%;gap:30px;padding:0;border-bottom:1px solid #DDE5E8;scrollbar-width:thin;scroll-padding-inline:10px}
#system-types .industry-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:13px 4px;min-height:50px;font-size:16px;font-weight:500;color:#50515D;box-shadow:none}
#system-types .industry-tabs button[aria-selected=true]{background:transparent;border-bottom-color:#5428CC;color:#5428CC}
#system-types .industry-tabs button:hover{color:#5428CC}
#system-types .industry-description{font-size:16px;line-height:1.8;margin:23px 0 34px;padding-bottom:24px;border-bottom:1px solid #E4E4EB;color:#50515D}
#system-types .system-group{display:grid;grid-template-columns:132px minmax(0,1fr);gap:28px;margin-bottom:30px;align-items:start}
#system-types .system-group>h3{border:0;padding:22px 0 0;margin:0;font-size:16px;line-height:1.6;letter-spacing:0;color:#242333;font-weight:600}
#system-types .core-systems .system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #D7E8E8;border-radius:12px;overflow:hidden;background:#FFFFFF}
#system-types .core-systems .system-card{border:0;border-right:1px solid #E0ECEC;border-radius:0;box-shadow:none;background:transparent;padding:26px 22px;min-width:0}
#system-types .core-systems .system-card:last-child{border-right:0}
#system-types .core-systems .system-card h4{font-size:27px;line-height:1.3;color:#006F6F;margin:0 0 12px;overflow-wrap:anywhere}
#system-types .core-systems .system-card p{font-size:14px;line-height:1.8;color:#50515D;margin:0 0 16px}
#system-types .core-systems .system-card p:first-of-type{font-size:15px;font-weight:500;color:#242333;margin-bottom:14px}
#system-types .core-systems .tags{gap:6px;padding-top:2px}
#system-types .core-systems .tags span{background:#F0F9F9;border:0;color:#006F6F;font-size:12px;padding:4px 7px;border-radius:4px}
#system-types .growth-systems>h3{padding-top:16px;color:#50515D}
#system-types .growth-systems .system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border:0;background:transparent;border-radius:0}
#system-types .growth-systems .system-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:2px 20px;padding:17px 0;border:0;border-bottom:1px solid #E4E4EB;border-radius:0;box-shadow:none;background:transparent;align-content:start}
#system-types .growth-systems .system-card h4{grid-column:1;grid-row:1 / span 2;font-size:18px;line-height:1.5;color:#242333;margin:0;font-weight:500;overflow-wrap:anywhere}
#system-types .growth-systems .system-card p{grid-column:2;font-size:14px;line-height:1.7;color:#626371;margin:0;font-weight:400}
#system-types .growth-systems .system-card p:first-of-type{color:#50515D;font-weight:500}
#system-types .growth-systems .tags{display:none}
#system-types .deep-systems{display:flex;align-items:baseline;gap:22px;font-size:13px;margin-top:6px;color:#626371}
#system-types .deep-systems span:first-child{width:138px;flex-shrink:0;font-size:14px}
#system-types .deep-systems span:not(:first-child){border:0;background:transparent;padding:0;border-radius:0;color:#006F6F;font-size:13px}
@media(max-width:1100px){#system-types .core-systems .system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#system-types .core-systems .system-card:nth-child(2){border-right:0}#system-types .core-systems .system-card:nth-child(-n+2){border-bottom:1px solid #E0ECEC}#system-types .growth-systems .system-grid{grid-template-columns:1fr}#system-types .industry-tabs{gap:24px}}
@media(max-width:760px){#system-types .section-intro{margin-bottom:20px}#system-types .industry-tabs{gap:12px}#system-types .industry-tabs button{padding:12px 8px;font-size:14px;min-height:48px}#system-types .industry-description{font-size:14px;margin:18px 0 28px;padding-bottom:20px}#system-types .system-group{display:block;margin-bottom:28px}#system-types .system-group>h3{padding:0;margin-bottom:14px;font-size:15px}#system-types .core-systems .system-card{padding:22px 17px}#system-types .core-systems .system-card h4{font-size:24px;margin-bottom:10px}#system-types .core-systems .system-card p{font-size:14px;margin-bottom:14px}#system-types .core-systems .system-card p:first-of-type{font-size:14px;margin-bottom:12px}#system-types .growth-systems .system-card{grid-template-columns:88px minmax(0,1fr);gap:2px 16px;padding:16px 0}#system-types .growth-systems .system-card h4{font-size:17px}#system-types .deep-systems{gap:12px;flex-wrap:wrap}#system-types .deep-systems span:first-child{flex-basis:100%;width:auto;margin-bottom:2px}}
/* Keep all five industry choices visible on narrow screens. */
@media(max-width:760px){#system-types .industry-tabs{gap:0}#system-types .industry-tabs button{flex:1;min-width:0;padding-left:2px;padding-right:2px;font-size:14px}}
/* Segmented industry page tabs: contained affordance, quieter than the site CTA. */
#system-types .industry-tabs{width:max-content;max-width:100%;gap:5px;padding:5px;border:1px solid #DCDDE8;border-radius:10px;background:#F3F4F8;overflow-x:auto;scrollbar-width:thin}
#system-types .industry-tabs button{flex:none;padding:10px 20px;min-height:46px;border:1px solid transparent;border-radius:6px;background:transparent;color:#50515D;font-size:15px;font-weight:500;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}
#system-types .industry-tabs button[aria-selected=true]{background:#FFFFFF;border:1px solid #A98CDD;color:#5428CC;box-shadow:0 2px 5px rgba(84,40,204,.07)}
#system-types .industry-tabs button:hover:not([aria-selected=true]){background:#EAE6F3;border-color:#D7CDE8;color:#5428CC}
#system-types .industry-tabs button:focus-visible{outline:2px solid #5428CC;outline-offset:1px}
@media(max-width:760px){#system-types .industry-tabs{width:100%;gap:4px;padding:4px;border-radius:9px}#system-types .industry-tabs button{flex:0 0 auto;min-height:44px;padding:10px 15px;font-size:14px}}
/* Core is one cohesive colour unit; text badges identify systems, not vendor logos. */
#system-types .system-group.core-systems{display:block;padding:26px 28px 28px;border:1px solid #D4E8E8;border-radius:14px;background:#EDF7F7;margin-bottom:32px}
#system-types .core-systems>h3{padding:0;margin:0 0 22px;font-size:17px;color:#242333}
#system-types .core-systems .system-grid{gap:26px;border:0;border-radius:0;overflow:visible;background:transparent}
#system-types .core-systems .system-card{padding:0;border:0!important;border-radius:0;background:transparent;box-shadow:none}
#system-types .core-systems .system-mark{width:112px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:7px;border:1px solid #C4DFDF;border-radius:10px;background:#FFFFFF;color:#006F6F;font-family:'PingFang SC',Noto,sans-serif;font-size:24px;line-height:1.25;font-weight:500;margin:0 0 18px;overflow-wrap:anywhere;text-align:center}
#system-types .core-systems .system-mark.wide-mark{font-size:18px}
#system-types .core-systems .system-card h4.system-name{font-size:18px;line-height:1.5;font-weight:500;color:#242333;letter-spacing:0;margin:0 0 12px}
#system-types .core-systems .system-card>p{font-size:14px;line-height:1.8;font-weight:400;color:#50515D;margin:0 0 18px}
#system-types .core-systems .tags span{background:#FFFFFF;color:#006F6F}
#system-types .system-group.growth-systems{display:block;margin-bottom:28px}
#system-types .growth-systems>h3{padding:0;margin:0 0 12px;font-size:16px;color:#50515D}
#system-types .growth-systems .system-grid{gap:0 40px}
#system-types .growth-systems .system-card{grid-template-columns:84px minmax(0,1fr);gap:2px 18px;align-items:start}
#system-types .growth-systems .system-card h4.system-mark{width:84px;min-height:42px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:6px 8px;border:1px solid #E0E6E8;border-radius:7px;background:#F8FBFB;font-size:16px;line-height:1.35;font-weight:500;color:#50515D;margin:0;overflow-wrap:anywhere;text-align:center}
#system-types .deep-systems{gap:18px}
#system-types .deep-systems span:first-child{width:auto;margin-right:4px}
@media(max-width:1100px){#system-types .core-systems .system-grid{gap:26px 24px}}
@media(max-width:760px){#system-types .system-group.core-systems{padding:22px 18px 24px;border-radius:12px}#system-types .core-systems>h3{font-size:16px;margin-bottom:22px}#system-types .core-systems .system-grid{gap:25px 20px}#system-types .core-systems .system-mark{width:100%;max-width:112px;height:58px;font-size:21px;margin-bottom:14px}#system-types .core-systems .system-mark.wide-mark{font-size:16px}#system-types .core-systems .system-card h4.system-name{font-size:16px;margin-bottom:10px}#system-types .core-systems .system-card>p{font-size:14px;margin-bottom:15px}#system-types .core-systems .tags{gap:4px}#system-types .core-systems .tags span{font-size:11px;padding:4px 5px}#system-types .growth-systems .system-card{grid-template-columns:80px minmax(0,1fr);gap:2px 15px}#system-types .growth-systems .system-card h4.system-mark{width:80px;font-size:15px}#system-types .deep-systems span:first-child{flex-basis:auto}}
@media(max-width:760px){#system-types .core-systems .tags span{font-size:12px}}
#system-types .core-systems .system-mark.wide-mark{width:132px;max-width:100%;white-space:nowrap}