.legacy-main{padding-bottom:80px;min-height:65vh}
.legacy-head{border-radius:24px;background:linear-gradient(125deg,#edf5fc,#fff 68%);padding:48px 52px;margin-bottom:26px;border:1px solid #e0eaf3;}
.legacy-kicker{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#6285a5;margin-bottom:10px}
.legacy-head h1{color:#103d6e;font-size:clamp(28px,4vw,48px);line-height:1.4;margin:0 0 10px}
.legacy-head p{font-size:14px;line-height:2.1;color:#6b8298;max-width:65ch;margin:0}
.legacy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.legacy-item{background:white;border:1px solid #e5edf5;border-radius:19px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;min-width:0}
.legacy-item:hover{box-shadow:0 13px 30px #0a426013;transform:translateY(-3px)}
.legacy-image{height:220px;display:flex;justify-content:center;align-items:center;background:#f5f8fb;padding:15px}
.legacy-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.legacy-item-body{padding:17px 17px 19px;display:flex;flex-direction:column;gap:12px;flex:1}
.legacy-item h2{font-size:16px;line-height:1.6;margin:0;color:#123d69}
.legacy-item p{color:#8093a4;font-size:12px;line-height:1.9;margin:0}
.legacy-item a.legacy-link{margin-top:auto;color:#0d4b80;text-decoration:none;font-size:12px;font-weight:800}
.legacy-note{font-size:12px;color:#7590a6;margin:28px 0;line-height:1.95}
@media(max-width:980px){.legacy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.legacy-head{padding:26px 22px}.legacy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.legacy-image{height:170px}.legacy-item-body{padding:13px}.legacy-item h2{font-size:13px}}