.application-reference { scroll-margin-top: 108px; }
.application-reference .appref-figure { margin: 28px 0; border: 1px solid #d9ddd8; background: #f4f6ef; }
.application-reference .appref-figure img { display: block; width: 100%; height: auto; }
.application-reference .appref-figure figcaption { padding: 12px 18px; border-top: 1px solid #d9ddd8; color: #687271; font-size: 13px; line-height: 1.6; }
.appref-link, .appref-nav a { display: inline-block; color: #e51520; font-weight: 700; border-bottom: 1px solid currentColor; margin-top: 12px; }
.appref-nav { display: flex; flex-wrap: wrap; gap: 24px; }
@media(max-width:700px){.application-reference{scroll-margin-top:88px}.application-reference .appref-figure{margin-block:20px}}

.f-diagram{margin:24px 0;border-top:1px solid #d9ddd8;padding-top:20px}.f-diagram summary{cursor:pointer;font-size:20px;font-weight:700;color:#d92431}.f-diagram>p{margin-top:12px}