/* st-hub-sections.css — FIX 2026-06-11 AUDIT
   Styles for the sitewide 'Choose the next section' menus
   (st-hub-section-routes). Standalone file for pages whose
   own stylesheets do not include the block. Source: v2.css. */
.st-hub-section-routes {
  padding: 48px 0;
  background: var(--ink,#111111);
  color: var(--white,#FFFFFF);
  border-top: 1px solid rgba(244, 239, 231, 0.16);
}

.st-hub-section-routes__inner {
  max-width: var(--container,1180px);
  margin: 0 auto;
  padding: 0 var(--gutter,48px);
}

.st-hub-section-routes__head {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(280px, 0.28fr);
  gap: 32px;
  align-items: end;
  margin-bottom: 28px;
}

.st-hub-section-routes__eyebrow,
.st-hub-section-menu__kicker,
.st-hub-section-menu__links a {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.st-hub-section-routes__eyebrow {
  font-size: 11px;
  letter-spacing: 0.3em;
  color: var(--oxblood,#5C1A1A);
  margin: 0 0 12px;
}

.st-hub-section-routes h2 {
  font-family: 'Fraunces', Georgia, serif;
  font-variation-settings: "opsz" 60, "SOFT" 50, "wght" 500;
  font-size: 32px;
  line-height: 1.12;
  color: var(--white,#FFFFFF);
  margin: 0;
  max-width: 22ch;
  text-wrap: balance;
}

.st-hub-section-routes p {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(244, 239, 231, 0.72);
  margin: 0;
}

.st-hub-section-routes__menus {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.st-hub-section-menu {
  background: rgba(244, 239, 231, 0.055);
  border: 1px solid rgba(244, 239, 231, 0.16);
  border-top: 3px solid var(--oxblood,#5C1A1A);
}

.st-hub-section-menu:nth-child(2) { border-top-color: var(--steel); }
.st-hub-section-menu:nth-child(3) { border-top-color: var(--teal); }
.st-hub-section-menu:nth-child(4) { border-top-color: var(--ochre); }

.st-hub-section-menu summary {
  min-height: 104px;
  cursor: pointer;
  list-style: none;
  padding: 18px 18px 16px;
}

.st-hub-section-menu summary::-webkit-details-marker { display: none; }

.st-hub-section-menu summary::after {
  content: "+";
  float: right;
  margin-left: 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  line-height: 1;
  color: rgba(244, 239, 231, 0.72);
}

.st-hub-section-menu[open] summary::after { content: "-"; }

.st-hub-section-menu__kicker {
  font-size: 10px;
  letter-spacing: 0.18em;
  color: rgba(244, 239, 231, 0.58);
  margin-bottom: 14px;
}

.st-hub-section-menu strong {
  display: block;
  font-family: 'Fraunces', Georgia, serif;
  font-variation-settings: "opsz" 24, "SOFT" 50, "wght" 500;
  font-size: 21px;
  line-height: 1.16;
  color: var(--white,#FFFFFF);
  text-wrap: balance;
}

.st-hub-section-menu__links {
  display: grid;
  gap: 1px;
  padding: 0 18px 18px;
}

.st-hub-section-menu__links a {
  padding: 11px 0;
  border-top: 1px solid rgba(244, 239, 231, 0.12);
  color: rgba(244, 239, 231, 0.78);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-decoration: none;
}

.st-hub-section-menu__links a:hover { color: var(--white,#FFFFFF); }
@media(max-width:760px){
  .st-hub-section-routes{padding:42px 0}
  .st-hub-section-routes__head{grid-template-columns:1fr;gap:14px}
  .st-hub-section-routes__menus{grid-template-columns:1fr}
  .st-hub-section-menu summary{min-height:96px;padding:16px}
  .st-hub-section-menu__links{padding:0 16px 16px}
  .st-hub-section-menu strong{font-size:19px}
}