/* Navigation markup and rules copied from index.html. */
.section-navigation{--ink:#17212B;--mute:#5C6975;--rule:#D9DFE6;--blue:#2E63A6;background:#F5F7FA;font-family:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif;padding:20px 16px 0}
.section-navigation > nav{max-width:860px;margin-left:auto;margin-right:auto}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}
.tri a{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid #C5CDD6;border-top:3px solid transparent;border-radius:8px;padding:10px 14px 12px;line-height:1.25;box-shadow:0 1px 2px rgba(23,33,43,.08);transition:transform .12s,box-shadow .12s,border-color .12s}
.tri a b{display:block;font-size:16px;font-weight:700}
.tri a span{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}
.tri a:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 3px 8px rgba(23,33,43,.12)}
.tri a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink);border-top-color:#35b9ed;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.tri a[aria-current="page"] span{color:#C9D2DB}
@media(max-width:640px){
  .section-navigation{padding:14px 10px 0}
  .tri{grid-template-columns:1fr}
  .tri a{padding:10px 12px}
}
