/* GLP-1 guide pages. Sits on top of article.css: a grouped index for the hub,
   a related-links note at the foot of every page, and a light facts table
   for the dosing and clearance rows that the dark vote-panel is too heavy for. */

.glp-hub {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 40px;
  margin: 48px 0 8px;
  max-width: none;
}
.glp-hub section { min-width: 0; }
.glp-hub h2 {
  font-size: 1.25rem;
  margin: 0 0 6px;
  max-width: none;
}
.glp-hub p.glp-lede { font-size: 0.96rem; color: #5d5d57; margin: 0 0 14px; }
.glp-hub ul { list-style: none; padding: 0; margin: 0; }
.glp-hub li { margin: 0; padding: 0; font-size: 1rem; line-height: 1.5; }
.glp-hub li a {
  display: block;
  padding: 9px 0;
  border-bottom: 1px solid rgba(25, 25, 25, 0.1);
  text-decoration: none;
}
.glp-hub li a:hover { text-decoration: underline; }
.glp-hub li:last-child a { border-bottom: 0; }

.glp-facts {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0 1.4em;
  font-size: 0.97rem;
}
.glp-facts th, .glp-facts td {
  text-align: left;
  vertical-align: top;
  padding: 10px 14px 10px 0;
  border-bottom: 1px solid rgba(25, 25, 25, 0.12);
  line-height: 1.5;
}
.glp-facts th {
  font-family: var(--pd-mono);
  font-weight: 400;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6b64;
  white-space: nowrap;
}
.glp-facts tbody th { font-family: inherit; font-size: 0.97rem; letter-spacing: 0; text-transform: none; color: inherit; font-weight: 600; white-space: normal; }
.glp-facts td.num { font-family: var(--pd-mono); white-space: nowrap; }
.glp-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 1.4em; }
.glp-scroll .glp-facts { min-width: 520px; margin-bottom: 0; }

.glp-related { margin-top: 56px; }
.glp-related ul { margin: 10px 0 0; padding-left: 1.1em; }
.glp-related li { font-size: 0.98rem; line-height: 1.6; }
.glp-related .glp-crumb { font-family: var(--pd-mono); font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: #6b6b64; }

.glp-faq h3 { margin-top: 26px; }

@media (max-width: 720px) {
  .glp-hub { grid-template-columns: 1fr; gap: 22px; }
}

/* The prose keeps its 68ch measure; wide tables and the hub grid take the
   whole Inset track, which article.css's .art-wide only pretends to do inside
   a max-width container. */
.glp-page .art-body { max-width: none; }
.glp-page .art-body > :not(.art-wide) { max-width: 68ch; }
.glp-page .art-wide { max-width: none; }