.reference-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center;padding-block:38px 45px}
.reference-intro h1{font-size:clamp(36px,4vw,55px)}
.reference-intro .intro{font-size:16px;margin-top:23px;max-width:620px}
.reference-intro aside{background:#f0f3f1;border:1px solid #cbd3ce;border-radius:5px;padding:28px}
.reference-intro aside h2{font-size:24px}
.reference-intro aside p{font-size:14px;color:#4c5751;margin-top:17px}
.reference-intro aside .text-link{font-size:13px;margin-top:20px}
.reference-jumps{display:flex;gap:10px;flex-wrap:wrap}
.reference-jumps a{display:block;border:1px solid #cbd3ce;border-radius:4px;padding:11px 16px;font-size:13px;background:#f5f7f6}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.reference-card{border:1px solid #cbd3ce;border-radius:5px;overflow:hidden;background:white;display:flex;flex-direction:column}
.reference-media{aspect-ratio:16/10;background:#e9eeeb;display:flex;align-items:center;justify-content:center}
.reference-media>a{display:block;width:100%;height:100%}
.reference-media img,.reference-media video{display:block;width:100%;height:100%;max-height:360px;object-fit:contain}
.reference-media video{aspect-ratio:16/10;background:#222}
.reference-body{padding:28px;display:flex;flex:1;flex-direction:column}
.reference-body h3{font-size:25px;line-height:1.2}
.reference-body>p:not(.eyebrow){font-size:14px;color:#4c5751;margin-top:16px}
.reference-body dl{font-size:13px;margin:22px 0}
.reference-body dl>div{display:grid;grid-template-columns:1fr 1.7fr;gap:16px;border-top:1px solid #dfe3e3;padding:11px 0}
.reference-body dt{font-weight:700}
.reference-body dd{margin:0;color:#4c5751}
.reference-actions{margin-top:auto;display:flex;flex-direction:column;gap:13px}
.reference-body .text-link{font-size:13px}
.reference-small .reference-body>.text-link{margin-top:20px}
.reference-training{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;margin-top:35px;padding-top:30px;border-top:1px solid #cbd3ce;align-items:center}
.reference-training h3{font-size:24px}
.reference-training p:not(.eyebrow){font-size:14px;color:#4c5751;margin-top:15px}
.reference-training .text-link{font-size:13px;display:flex;margin-block:15px}
.reference-training p.reference-note{font-size:12px}
@media(max-width:1000px){.reference-intro{gap:30px}.reference-body{padding:23px}.reference-body h3{font-size:23px}.reference-body dl>div{grid-template-columns:1fr;gap:5px}.reference-grid{gap:22px}}
@media(max-width:760px){.reference-intro{grid-template-columns:1fr;padding-block:28px 32px}.reference-intro h1{font-size:40px}.reference-intro aside{padding:23px}.reference-grid{grid-template-columns:1fr}.reference-media img,.reference-media video{max-height:none}.reference-training{grid-template-columns:1fr;gap:16px}.reference-jumps a{font-size:12px;padding:10px 12px}.reference-body dl>div{grid-template-columns:1fr 1.7fr;gap:15px}}
@media(max-width:400px){.reference-body{padding:20px}.reference-body dl>div{grid-template-columns:1fr;gap:5px}.reference-intro h1{font-size:35px}}