/* Use the approved logo consistently. Keep the illustration cards below it. */
header .brand{width:160px;flex-shrink:0;justify-content:center}
.approved-logo{display:block;width:132px;height:88px;object-fit:contain}
footer .approved-logo{width:110px;height:73px}
.system-art{min-height:443px}
.art-top{justify-content:flex-start}
.art-core{top:70px;left:50%;width:235px;height:157px;background:#faf9f6;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:1}
.art-core img{width:100%;height:100%;object-fit:contain;display:block}
.node{top:auto;bottom:76px;min-width:0;width:calc((100% - 64px)/3);padding:12px 9px;box-shadow:none}
.node strong{font-size:12px;overflow-wrap:anywhere}
.node>span{font-size:8px;line-height:1.5}
.n1{left:20px;right:auto}
.n2{left:calc(33.333% + 8px);right:auto}
.n3{left:calc(66.666% - 4px);right:auto}
@media(max-width:1050px){header .brand{width:135px}.art-core{width:210px;height:140px;top:80px}}
@media(max-width:760px){header .brand{width:105px}.approved-logo{width:105px;height:70px}.system-art{min-height:380px}.art-core{top:61px;width:205px;height:137px}.node{bottom:70px;width:calc((100% - 48px)/3);padding:11px 7px}.n1{left:12px}.n2{left:calc(33.333% + 4px)}.n3{left:calc(66.666% - 4px)}.node strong{font-size:11px}.node>span{font-size:8px}}