.tri-new{padding:80px var(--pad);color:#102f45;background:#edf4f8}.new-head{margin-bottom:56px}.new-head>.eyebrow{display:block;text-align:left;margin-bottom:30px}.new-head h2{font-size:clamp(34px,3.8vw,58px);line-height:1.12;letter-spacing:-.045em;text-align:center;font-weight:400;margin:0}.new-head h2 em{color:#5181a1;font-family:'Playfair Display',serif}.tri-new h3{font-weight:400}.tri-new p{font-size:15px;line-height:1.8}.tri-system{background:radial-gradient(ellipse at 80% 20%,#214d6c,transparent 70%),#0c263d;color:#edf7ff}.tri-system .new-head h2 em{color:#b3d7ed}.system-map{display:grid;grid-template-columns:1.35fr 1fr;border-top:1px solid #b7d6ed50;border-bottom:1px solid #b7d6ed50}.system-nodes{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:10px 35px 10px 0}.system-node{display:grid;grid-template-columns:62px 1fr 14px;gap:16px;align-items:center;min-height:136px;padding:20px 15px;color:#aac6d9;font:inherit;text-align:left;border:0;border-bottom:1px solid #a5c6dd25;background:none;cursor:pointer;transition:background .25s,color .25s}.system-node:nth-last-child(-n+2){border-bottom:0}.system-node img{width:62px;height:62px;object-fit:contain}.system-node span{font-size:18px;line-height:1.35}.system-node b{font-weight:400;font-size:18px;opacity:.3}.system-node:hover,.system-node[aria-pressed=true]{color:#fff;background:#b1daf014}.system-node[aria-pressed=true] b{opacity:1}.system-detail{padding:45px;border-left:1px solid #b7d6ed50;display:flex;align-items:center;min-height:420px}.system-detail h3{font-size:clamp(27px,2.6vw,39px);line-height:1.2;letter-spacing:-.04em;margin:30px 0 20px}.system-detail p{color:#b9d0e0;margin:0;max-width:40ch}.system-detail article[hidden]{display:none}.system-detail article{animation:detail-in .3s ease}@keyframes detail-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.system-node svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.system-node:focus-visible{outline:2px solid #c4e6fa;outline-offset:-3px}
.system-node:last-child{border-bottom:0}.system-node span{overflow-wrap:anywhere}
.tri-system.system-nutrition{background:radial-gradient(ellipse at 80% 20%,#285c58,transparent 70%),#102f32;color:#edf9f4}
.system-nutrition .new-head h2 em{color:#b6dcd0}.system-nutrition .system-node{color:#b4d3c7}.system-nutrition .system-detail p{color:#c1d9d0}
.system-map{align-items:stretch}.system-detail{position:sticky;top:90px;align-self:start}.system-detail h3{overflow-wrap:anywhere}
@media(max-width:950px){.system-map{grid-template-columns:1fr}.system-nodes{padding:0}.system-detail{position:static;border-left:0;border-top:1px solid #b7d6ed50;min-height:260px;padding:32px}}
@media(max-width:600px){.tri-new{padding-block:48px}.new-head{margin-bottom:35px}.system-node{grid-template-columns:40px 1fr;gap:10px;padding:16px 9px;min-height:106px}.system-node img,.system-node svg{width:40px;height:44px}.system-node span{font-size:15px}.system-node b{display:none}.system-detail{padding:28px 10px;min-height:260px}}
@media(prefers-reduced-motion:reduce){.system-detail article{animation:none}.system-node{transition:none}}

.system-nodes:has(>.system-node:nth-child(3):last-child){grid-template-columns:1fr}.system-nodes:has(>.system-node:nth-child(3):last-child) .system-node{min-height:125px;border-bottom:1px solid #a5c6dd25}.system-nodes:has(>.system-node:nth-child(3):last-child) .system-node:last-child{border-bottom:0}