.yapt-intro{padding:82px 0 40px;background:#fff;color:#142e50}.yapt-intro__grid{display:grid;grid-template-columns:1fr 1.13fr;gap:48px;}.yapt-intro__copy{text-align:right}.yapt-label{display:block;color:#126bc6;font-size:12px;font-weight:700}.yapt-intro h2{font-size:clamp(25px,2.8vw,34px);line-height:1.4;margin:7px 0 20px}.yapt-intro__content{color:#4d6480;font-size:14px;line-height:2.1}.yapt-intro__content p{margin:0 0 17px}.yapt-intro__gallery{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start;direction:ltr}.yapt-intro__thumb{grid-column:1;width:72px;height:72px;padding:2px;border:2px solid #d9e8f9;border-radius:7px;background:#fff;cursor:pointer;overflow:hidden}.yapt-intro__thumb.is-active{border-color:#126bc6;box-shadow:0 0 0 2px #dcecff}.yapt-intro__thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px}.yapt-intro__main-image{grid-column:2;grid-row:1 / span 20;display:block;width:100%;max-height:410px;object-fit:contain;border-radius:12px}.yapt-intro__links{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:25px;padding:24px 16px;border-radius:13px;background:#f1f7ff}.yapt-intro__link{min-width:0;padding:0 8px;text-align:center;font-size:11px;font-weight:700}.yapt-intro__link a,.yapt-intro__link span{display:block;color:#142e50}.yapt-intro__link a:hover{color:#126bc6}@media(max-width:900px){.yapt-intro{padding-top:52px}.yapt-intro__grid{grid-template-columns:1fr;gap:20px}.yapt-intro__main-image{max-width:650px}.yapt-intro__links{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:20px}}@media(max-width:550px){.yapt-intro__gallery{grid-template-columns:58px minmax(0,1fr);gap:6px}.yapt-intro__thumb{width:54px;height:54px}.yapt-intro__links{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:20px 8px}}.yapt-intro__link-icon{display:grid!important;place-items:center;width:53px;height:53px;margin:0 auto 7px;border:1px solid #cfe4ff;border-radius:50%;background:#eaf4ff;color:#126bc6;font-size:23px;font-weight:400;line-height:1}
.yapt-intro__link-icon{color:#126bc6!important;font-family:Arial,sans-serif!important;font-variant-emoji:text}
.yapt-intro h2{font-size:25px!important;font-weight:bold!important}
.yapt-intro__link-icon svg{width:28px;height:28px;stroke:currentColor;fill:none}
/* Keep quick-link icons centered when the row has fewer than seven items. */
.yapt-intro__links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 8px}
.yapt-intro__link{flex:0 1 132px;display:flex;justify-content:center}
@media(max-width:900px){.yapt-intro__link{flex-basis:calc(25% - 12px)}}
@media(max-width:550px){.yapt-intro__link{flex-basis:calc(50% - 12px)}}