.page-hero {
  padding: calc(var(--nav-height) + 3.5rem) 0 3rem;
  background: var(--forest-gradient);
  color: var(--cream);
  text-align: center;
}
.page-hero .eyebrow { color: var(--gold-light); }
.page-hero h1 { color: var(--cream); }
.page-hero p { max-width: 56ch; margin: 0 auto; color: var(--text-muted-dark); font-size: 1.05rem; }

.guide-section {
  padding: clamp(3.5rem, 7vw, 5.5rem) 0;
}
.guide-section:nth-of-type(odd) { background: var(--marble); }
.guide-section:nth-of-type(even) { background: var(--cream); }

.guide-section h2 { margin-bottom: 0.3em; }
.guide-section .section-intro { color: var(--text-muted-light); max-width: 62ch; margin-bottom: 2.5rem; }

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border-hairline-light);
  border-radius: var(--radius-sm);
}

table.size-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 0.95rem;
  background: #fff;
}

table.size-table thead th {
  background: var(--gold-gradient);
  color: var(--forest-deep);
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.72rem;
  text-align: left;
  padding: 1em 1.25em;
  white-space: nowrap;
}

table.size-table tbody td {
  padding: 0.95em 1.25em;
  border-top: 1px solid var(--border-hairline-light);
  color: var(--text-on-light);
  white-space: nowrap;
}

table.size-table tbody td:first-child,
table.size-table thead th:first-child {
  font-family: var(--font-serif);
  font-weight: 600;
}

table.size-table tbody tr {
  transition: background var(--dur-fast) var(--ease-out);
}
table.size-table tbody tr:hover {
  background: rgba(201, 162, 75, 0.09);
}

.guide-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2.5rem;
}

.guide-card {
  padding: 2rem;
  background: #fff;
  border: 1px solid var(--border-hairline-light);
  border-radius: var(--radius-sm);
}
.guide-card h3 { margin-bottom: 0.6em; }
.guide-card ol, .guide-card ul { margin: 0; padding-left: 1.2em; color: var(--text-muted-light); }
.guide-card li { margin-bottom: 0.5em; }

.fit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.fit-card {
  padding: 2rem;
  border: 1px solid var(--border-hairline-light);
  border-radius: var(--radius-sm);
  background: var(--marble);
  text-align: center;
}
.fit-card .eyebrow { margin-bottom: 0.4em; }
.fit-card p { color: var(--text-muted-light); font-size: 0.92rem; margin: 0; }

.notes-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}
.notes-list li {
  position: relative;
  padding-left: 1.6em;
  color: var(--text-muted-light);
}
.notes-list li::before {
  content: '';
  position: absolute;
  left: 0; top: 0.55em;
  width: 6px; height: 6px;
  background: var(--gold);
  border-radius: 50%;
}

@media (max-width: 860px) {
  .guide-grid, .fit-grid { grid-template-columns: 1fr; }
}