.site-detail-links { padding: 48px 0; border-top: 1px solid #dce5ec; background: #f6f9fc; }
.site-detail-links h2 { margin: 0 0 20px; color: #163c55; font-size: 24px; }
.site-detail-links ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.site-detail-links a { display: flex; flex-direction: column; height: 100%; gap: 8px; padding: 20px; border: 1px solid #cbd9e3; background: white; color: #204f6c; text-decoration: none; }
.site-detail-links a:hover, .site-detail-links a:focus-visible { border-color: #356d91; text-decoration: underline; }
.site-detail-links a:focus-visible { outline: 2px solid #356d91; outline-offset: 3px; }
.site-detail-links span { color: #486376; font-size: 14px; line-height: 1.6; }
@media(max-width:900px) { .site-detail-links ul { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { .site-detail-links ul { grid-template-columns: 1fr; } }