.fnf-breadcrumbs { padding: 24px max(20px, calc((100vw - 1180px) / 2)); background: #f6f7fa; color: #16324c; font-size: 14px; }
.fnf-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.fnf-breadcrumbs li + li::before { content: '/'; padding-right: 8px; color: #566575; }
.fnf-breadcrumbs a, .fnf-editorial-note a, .fnf-related a { text-decoration: underline; text-underline-offset: 3px; }
.fnf-accessibility-link { padding: 10px 20px; text-align: center; font-size: 13px; }
.fnf-accessibility-link a { color: #fff; text-decoration: underline; }
main .post-wrap { width: min(100% - 40px, 780px); margin-inline: auto; padding-block: 36px 48px; }
.fnf-editorial-note { margin-top: 32px; padding-top: 20px; border-top: 1px solid #d4dae2; font-size: 14px; color: #425367; }
.fnf-related { margin-top: 28px; }
.fnf-related h2 { font-size: 22px; }
.fnf-related ul { padding-left: 22px; }
.fnf-related li { margin-block: 10px; }
.fnf-resource-links { padding: 32px max(20px, calc((100vw - 1180px) / 2)); background: #f6f7fa; color: #16324c; }
.fnf-resource-links h2 { font-size: 22px; margin-bottom: 16px; }
.fnf-resource-links nav { display: flex; flex-wrap: wrap; gap: 16px 24px; }
.fnf-resource-links a { text-decoration: underline; text-underline-offset: 3px; }
.fnf-breadcrumbs a:focus-visible, .fnf-related a:focus-visible, .fnf-editorial-note a:focus-visible { outline: 3px solid #8c712a; outline-offset: 4px; }