/* Evidence-backed systems profile; extends the existing portfolio theme. */
.systems-profile{position:relative;z-index:2;width:min(1120px,calc(100% - 40px));margin:clamp(48px,8vw,104px) auto;color:#e6edf5;text-align:start;overflow-wrap:anywhere}
.systems-profile h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 24px;color:#f1f6fc}
.systems-profile .systems-intro{max-width:75ch;font-size:1.08rem;line-height:1.85;color:#c2cedd;margin:0 0 20px}
.systems-competencies{margin-top:36px;border-top:1px solid #344356}
.systems-competency{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);gap:36px;padding:30px 0;border-bottom:1px solid #344356}
.systems-profile h3{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;line-height:1.4;color:#f1f6fc;margin:0 0 12px}
.systems-profile p{line-height:1.8;margin:0 0 12px;color:#c2cedd;max-width:80ch}
.systems-profile .systems-technical{font-size:.94rem;color:#b8c8dd}
.systems-profile .systems-examples{font-size:.93rem;color:#8fc0ff}
.systems-principles{display:flex;flex-wrap:wrap;gap:12px 30px;padding:22px 0;margin:0;list-style:none;color:#d8e8ff;font-size:.95rem}
.systems-note{border-inline-start:3px solid #60a5fa;padding-inline-start:18px;font-size:.92rem}
.systems-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:28px}
.systems-service{border-top:2px solid #5b9ee7;padding-top:22px}
.systems-profile a{color:#96c6ff;text-decoration:underline;text-underline-offset:4px}
.systems-profile a:focus-visible{outline:2px solid #b9dcff;outline-offset:5px;border-radius:2px}
.hero-role,.hero-title{max-width:38ch;margin-inline:auto;text-wrap:balance}
@media(max-width:680px){.systems-competency,.systems-services{grid-template-columns:minmax(0,1fr);gap:16px}.systems-competency{padding:24px 0}.systems-profile{width:calc(100% - 32px)}.systems-services{gap:32px}}