/* Blog archive pagination and the Blog Topics hub ([alg_topic_hub]) */

/* Pagination */
.alg-pagination { display: block !important; position: static !important; float: none !important; clear: both; order: 99; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin: 40px 0 10px !important; text-align: center; }
.alg-pagination .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.alg-pagination .nav-links { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; position: static !important; float: none !important; margin: 0 auto !important; }
.alg-pagination .page-numbers { display: inline-flex !important; align-items: center; justify-content: center; min-width: 44px; height: 44px; margin: 0 !important; padding: 0 14px; border: 1px solid #222766; border-radius: 3px; background: #fff; color: #222766 !important; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none !important; transition: background .15s, color .15s; }
.alg-pagination a.page-numbers:hover,
.alg-pagination a.page-numbers:focus,
.alg-pagination .page-numbers.current { background: #222766; color: #fff !important; }
.alg-pagination .page-numbers.dots { min-width: auto; padding: 0 4px; border: 0; background: transparent; }
.alg-pagination .prev.page-numbers,
.alg-pagination .next.page-numbers { border-color: #C5A867; background: #C5A867; color: #fff !important; font-size: 14px; letter-spacing: .05em; text-transform: uppercase; }
.alg-pagination .prev.page-numbers:hover,
.alg-pagination .next.page-numbers:hover { border-color: #222766; background: #222766; }

/* Blog Topics hub */
.alg-docket,
.alg-docket *,
.alg-docket *::before,
.alg-docket *::after { box-sizing: border-box; }
.alg-docket { --navy: #222766; --gold: #B08D57; --golds: #c9a978; --ink: #1b1f52; --muted: #4d5178; --line: rgba(34, 39, 102, .15); --tint: #faf6ef; position: relative; z-index: 10; max-width: 900px; margin: 0 auto; padding: 6px 18px 60px; color: var(--ink); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.55; text-align: left; -webkit-text-size-adjust: 100%; }
/* Reset legacy theme heading and list styles inside the hub */
.alg-docket h2,
.alg-docket h3,
.alg-docket p,
.alg-docket ul,
.alg-docket li,
.alg-docket span { float: none; margin: 0; padding: 0; border: 0; font-weight: 400; letter-spacing: normal; text-transform: none; }
.alg-docket ul { list-style: none !important; }
.alg-docket li::before { content: none !important; }
.alg-docket a { border: 0; background: none; box-shadow: none; color: inherit; text-decoration: none !important; }
.alg-docket a:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.alg-docket svg { display: block; flex: 0 0 auto; }

.alg-docket__eyebrow { color: var(--gold); font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .2em !important; text-transform: uppercase !important; }
.alg-docket__title { margin: 12px 0 0 !important; color: var(--navy); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(30px, 6.2vw, 46px) !important; line-height: 1.1; letter-spacing: -.015em !important; }
.alg-docket__rule { width: 78px; height: 3px; margin: 20px 0 16px; background: var(--gold); }
.alg-docket__lede { width: 100%; color: var(--muted); font-size: 16.5px; }

.alg-docket__sec { margin-top: 40px; }
.alg-docket__sech { display: flex; align-items: center; gap: 14px; color: var(--navy); font-family: Georgia, 'Times New Roman', serif; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .18em !important; text-transform: uppercase !important; }
.alg-docket__sech::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--line); }
.alg-docket__list { margin-top: 10px !important; border-top: 1px solid var(--line); }
.alg-docket__row { border-bottom: 1px solid var(--line); }

.alg-docket__link { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 22px 14px; transition: background-color .18s ease; }
.alg-docket__link::before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 0; width: 4px; background: var(--gold); transform: scaleY(0); transition: transform .22s ease; pointer-events: none; }
.alg-docket__link:hover,
.alg-docket__link:focus-visible { background: var(--tint); }
.alg-docket__link:hover::before,
.alg-docket__link:focus-visible::before { transform: scaleY(1); }

.alg-docket__num { align-self: center; min-width: 1.75em; color: #ece3d2; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(28px, 7.5vw, 40px) !important; line-height: 1; letter-spacing: -.02em !important; -webkit-text-stroke: 1px var(--golds); }
.alg-docket__num--arrow { padding-left: 22px; }
.alg-docket__num svg { transition: transform .22s ease; }
.alg-docket__link:hover .alg-docket__num svg,
.alg-docket__link:focus-visible .alg-docket__num svg { transform: translateX(6px) scaleX(1.25); }

.alg-docket__nm { display: block; }
.alg-docket__nmi { display: inline; padding-bottom: 2px; color: var(--navy); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(19px, 3.9vw, 24px); line-height: 1.25; background-image: linear-gradient(var(--gold), var(--gold)); background-position: 0 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size .28s ease; }
.alg-docket__link:hover .alg-docket__nmi,
.alg-docket__link:focus-visible .alg-docket__nmi { background-size: 100% 2px; }
.alg-docket__desc { display: block; max-width: 58ch; margin-top: 6px; color: var(--muted); font-size: 14.5px; line-height: 1.5; }
.alg-docket__chev { color: var(--gold); transition: transform .22s ease; }
.alg-docket__link:hover .alg-docket__chev,
.alg-docket__link:focus-visible .alg-docket__chev { transform: translateX(4px); }

@media (max-width: 600px) {
  .alg-docket { padding-right: 14px; padding-left: 14px; }
  .alg-docket__link { gap: 12px; padding: 18px 8px; }
  .alg-docket__num { align-self: start; margin-top: 3px; }
  .alg-docket__desc { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .alg-docket *,
  .alg-docket *::before,
  .alg-docket *::after { transition: none !important; }
}
