/* Member guide pages. */

.hub { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); }
.hub-item {
  display: grid; gap: 0.3rem;
  padding: 2rem 2rem 2rem 0;
  border-bottom: 1px solid var(--line);
  text-decoration: none; color: inherit;
}
.hub-item:nth-child(even) { padding-left: 2rem; border-left: 1px solid var(--line); }
.hub-item .h-sub { font-size: 1.5rem; margin: 0; }
.hub-item:hover .h-sub { color: var(--text); }
.hub-num { font-family: var(--font-display); font-size: 1rem; color: var(--muted); letter-spacing: 0.1em; }

.sub-nav { display: flex; flex-wrap: wrap; gap: 0.2rem 1.6rem; margin-top: 1.6rem; }
.sub-nav a { font-family: var(--font-display); font-size: 1.1rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); text-decoration: none; border-bottom: 2px solid transparent; padding-bottom: 0.2rem; }
.sub-nav a:hover { color: var(--text); }
.sub-nav a[aria-current="page"] { color: var(--text); border-bottom-color: var(--gold); }


.ribbon-table td:first-child { white-space: nowrap; color: var(--text); }

.uniform-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.8rem 2.2rem; }

@media (max-width: 680px) {
  .hub { grid-template-columns: 1fr; }
  .hub-item:nth-child(even) { padding-left: 0; border-left: 0; }
  .ribbon-table td:first-child { white-space: normal; }
}