/* System explanations reuse the same tab behavior as the product views. */
.hero-layout>*,.journey-layout>*,.core-stage>*,.work-layout>*,.journey-steps li{min-width:0;overflow-wrap:anywhere}
.hero h1,.hero h1 em{overflow-wrap:anywhere}
.routes-head h2,.routes-head h2 em{overflow-wrap:anywhere}
.core-top h2,.core-top h2 em,.closing-inner :is(h2,em,p){overflow-wrap:anywhere}
.closing-inner>*{min-width:0;max-width:100%}
.audience-switch{min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.footer-grid>*{min-width:0;overflow-wrap:anywhere}
.footer-grid :is(a,p){overflow-wrap:anywhere}
.tech-hero-grid>*{min-width:0}
.tech-hero :is(h1,p,span,strong){overflow-wrap:anywhere}
.tech-options>*,.tech-option-list>*,.tech-next-grid>*{min-width:0}
.tech-options :is(h2,h3,p,strong){overflow-wrap:anywhere}
.tech-closing>*{min-width:0;overflow-wrap:anywhere}
.tech-closing :is(h2,p){overflow-wrap:anywhere}
.system-overview{padding-block:clamp(48px,7vw,96px);background:#eef6f7;color:#12384b}
.system-overview :is(h2,h3,p,a){overflow-wrap:anywhere}
.system-overview h2{max-width:900px;margin:0 0 20px}
.system-intro{max-width:70ch;margin:0 0 28px;color:#446475;font-size:1.02rem;line-height:1.6}
.system-tabs{display:flex;gap:8px;min-width:0;max-width:100%;overflow-x:auto;padding:4px 3px 12px;scrollbar-width:thin}
.system-tabs button{flex:0 0 auto;min-height:44px;max-width:240px;padding:10px 17px;border:1px solid #b6d3d8;border-radius:999px;background:#fff;color:#153c4e;font:inherit;font-size:.9rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere;cursor:pointer}
.system-tabs button[aria-selected="true"]{background:#0d5263;color:#fff;border-color:#0d5263}
.system-tabs button:focus-visible,.system-panel:focus-visible{outline:3px solid #e9865f;outline-offset:3px}
.system-panels{min-width:0}
.system-panel{min-width:0;margin-top:12px;padding:clamp(20px,3vw,38px);border:1px solid #c1d9df;border-radius:18px;background:#fff;overflow-wrap:anywhere}
.system-panel[hidden]{display:none}
.system-panel h3{max-width:850px;margin:0 0 20px;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.2;letter-spacing:-.025em}
.system-panel :is(h3,p,a){overflow-wrap:anywhere}
.system-panel p{max-width:76ch;margin:0 0 16px;color:#355b6b;font-size:1rem;line-height:1.65}
.system-more{display:inline-block;min-height:44px;padding-block:10px;color:#08687a;font-size:.9rem;font-weight:700;text-underline-offset:4px}
.system-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:0 0 24px;padding:0}
.system-flow li{min-width:0;padding:14px;border:1px solid #bfdade;border-radius:10px;background:#f1f8f8;font-size:.88rem;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.system-flow span{display:block;margin-bottom:7px;color:#087b87;font-size:.7rem;letter-spacing:.06em}
.system-detail{padding-block:clamp(38px,5vw,70px);border-bottom:1px solid #d2e1e5;scroll-margin-top:0;overflow-wrap:anywhere}
.system-detail>h2{max-width:940px;margin-bottom:22px}
.system-detail>p{max-width:78ch;margin:0 0 20px;line-height:1.75}
.system-layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:30px 0}
.system-layers li{min-width:0;padding:22px;border:1px solid #c6dde1;border-radius:14px;background:#f5fafb}
.system-layers h3{margin:0 0 12px;font-size:1.2rem;line-height:1.3}
.system-layers p{margin:0;font-size:.98rem;line-height:1.7}
.system-sources{font-size:.87rem}
.system-sources a{color:#08687a;text-underline-offset:3px}
@media(max-width:650px){.system-overview h2{font-size:clamp(1.8rem,7vw,2.25rem)}.system-intro{font-size:.98rem}.system-tabs button{max-width:210px;font-size:.84rem;padding:9px 14px}.system-panel{padding:20px 17px}.system-panel p{font-size:.95rem;line-height:1.6}.system-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.system-flow li{padding:11px;font-size:.8rem}.system-layers{grid-template-columns:1fr;gap:14px}.system-layers li{padding:19px}}

/* Four immediately readable benefits; technical detail stays on its own page. */
.basis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:30px 0 14px;padding:0}
.basis-card{min-width:0;padding:26px 22px;border:1px solid #c1d9df;border-top:3px solid #087b87;border-radius:14px;background:#fff}
.basis-card h3{margin:0 0 12px;font-size:1.15rem;line-height:1.3;letter-spacing:-.02em}
.basis-card p{margin:0;color:#355b6b;font-size:1rem;line-height:1.6}
@media(max-width:1100px){.basis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.basis-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}.basis-card{padding:20px}.basis-card h3{margin-bottom:8px}}