/* First-page blog navigation only. It does not style the archive cards, query, or pagination. */
.utbo-blog-hub { margin: 0 0 32px; color: #263242; text-align: start; }
.utbo-blog-hub__head { margin-bottom: 15px; }
.utbo-blog-hub__head h2 { margin: 0 0 6px; color: #202833; font-size: clamp(20px, 2vw, 25px); line-height: 1.5; font-weight: 750; }
.utbo-blog-hub__head p { margin: 0; color: #606975; font-size: 14px; line-height: 1.8; }
.utbo-blog-hub__paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.utbo-blog-hub__path { min-width: 0; border: 1px solid #e1e5eb; border-radius: 12px; padding: 15px 17px 8px; background: #f8f9fb; }
.utbo-blog-hub__path h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 6px; color: #263242; font-size: 16px; font-weight: 750; line-height: 1.6; }
.utbo-blog-hub__path h3 span { color: #737e8b; font: 600 11px/1.6 Arial, sans-serif; }
.utbo-blog-hub__path ul { list-style: none; margin: 0; padding: 0; }
.utbo-blog-hub__path li { margin: 0; padding: 0; }
.utbo-blog-hub__path a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 8px 0; color: #30415a; font-size: 13px; line-height: 1.65; text-decoration: none; overflow-wrap: anywhere; }
.utbo-blog-hub__path li + li a { border-top: 1px solid #e5e9ef; }
.utbo-blog-hub__path a > span { flex: 0 0 auto; color: #778390; font-size: 15px; }
.utbo-blog-hub__path a:hover { color: #1f2937; text-decoration: underline; text-underline-offset: 4px; }
.utbo-blog-hub__path a:focus-visible { border-radius: 4px; outline: 2px solid #435772; outline-offset: 3px; }
@media (max-width: 689px) {
    .utbo-blog-hub { margin-bottom: 24px; }
    .utbo-blog-hub__paths { grid-template-columns: minmax(0, 1fr); gap: 9px; }
    .utbo-blog-hub__path { padding: 11px 15px 5px; }
    .utbo-blog-hub__path h3 { font-size: 15px; margin-bottom: 2px; }
    .utbo-blog-hub__head p { font-size: 13px; }
}