.footer-related-row { padding-top: 22px; padding-bottom: 22px; border-top: 1px solid #ffffff16; }
.related-sites { position: relative; display: inline-block; max-width: 100%; }
.related-sites__trigger { display: inline-flex; align-items: center; gap: 16px; min-height: 42px; border: 1px solid #c5a16b66; border-radius: 6px; padding: 9px 15px; background: #ffffff08; color: #e4c994; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.related-sites__trigger:hover, .related-sites__trigger:focus-visible { background: #c5a16b17; outline: 2px solid #c5a16b; outline-offset: 3px; }
.related-sites__panel { display: none; position: absolute; z-index: 120; left: 0; bottom: calc(100% + 9px); width: min(960px,calc(100vw - 32px)); max-height: min(580px,70vh); max-height: min(580px,70dvh,var(--related-panel-height,70dvh)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 1px solid #c5a16b77; border-radius: 8px; background: #102a43; color: #edf3f7; box-shadow: 0 15px 45px #00132155; }
.related-sites::before { content: ''; display: none; position: absolute; bottom: 100%; left: 0; width: 100%; height: 12px; }
.related-sites[data-open]::before { display: block; }
.related-sites[data-open] .related-sites__panel { display: block; }
.related-sites__heading { padding: 18px 20px 14px; border-bottom: 1px solid #ffffff16; }
.related-sites__heading h3 { margin: 0 0 4px; font-size: 16px; color: #e5cb99; }
.related-sites__heading p { margin: 0; font-size: 10px; color: #a7bdcb; }
.related-sites__list { list-style: none; margin: 0; padding: 12px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px 8px; }
.related-sites__list li { min-width: 0; margin: 0; padding: 0; }
.site-footer .related-sites__list a { display: flex; align-items: flex-start; gap: 9px; min-height: 76px; height: 100%; padding: 10px 9px; border-radius: 5px; color: #edf3f7; text-decoration: none; font-size: 11px; line-height: 1.65; }
.site-footer .related-sites__list a:hover, .site-footer .related-sites__list a:focus-visible { background: #ffffff0e; outline: 1px solid #c5a16b66; }
.related-sites__number { flex: 0 0 19px; padding-top: 1px; color: #d7b77f; font-size: 10px; font-variant-numeric: tabular-nums; }
.related-sites__copy { flex: 1; min-width: 0; }
.related-sites__copy strong { display: block; font-weight: 500; overflow-wrap: anywhere; }
.related-sites__copy small { display: block; margin-top: 4px; color: #a0b5c4; font-size: 9px; overflow-wrap: anywhere; }
.related-sites__arrow { flex: 0 0 10px; color: #d4b47b; }
@media (max-width: 1050px) { .related-sites__panel { width: min(720px,calc(100vw - 32px)); } .related-sites__list { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) { .footer-related-row { padding-top: 16px; padding-bottom: 16px; } .related-sites__panel { width: calc(100vw - 32px); max-height: 65vh; max-height: min(65dvh,var(--related-panel-height,65dvh)); } .related-sites__list { grid-template-columns: minmax(0,1fr); padding: 9px; } .related-sites__heading { padding: 15px; } .site-footer .related-sites__list a { min-height: 58px; padding: 9px; } }

.related-sites[data-side="below"] .related-sites__panel { top: calc(100% + 9px); bottom: auto; }
.related-sites[data-side="below"]::before { top: 100%; bottom: auto; }