/* Shared, quiet discovery links. Existing page layouts and visual tokens remain primary. */
.page-representations {
  clear: both; position: relative; z-index: 2; max-width: 1080px;
  margin: 28px auto; padding: 18px 22px; border-top: 1px solid rgba(184,216,227,.23);
  color: #c0c8ce; font: 13px/2 system-ui, sans-serif; overflow-wrap: anywhere;
}
.page-representations a { color: #ffd089; text-decoration: underline; text-underline-offset: 3px; display: inline-block; padding-block: 4px; }
.representation-index { max-width: 1000px; width: calc(100% - 40px); margin: 48px auto; padding: 30px; background: rgba(6,14,24,.9); border: 1px solid rgba(184,216,227,.23); border-radius: 16px; }
.representation-index h1 { font: 400 clamp(32px,5vw,54px)/1.15 var(--serif); margin-bottom: 24px; }
.representation-index p { margin: 20px 0; font: 17px/1.7 system-ui, sans-serif; }
.representation-index a { color: #ffd089; text-underline-offset: 3px; }
.representation-records { list-style: none; padding: 0; }
.representation-records li { padding: 22px 0; border-top: 1px solid rgba(184,216,227,.23); font: 15px/1.8 system-ui,sans-serif; overflow-wrap: anywhere; }
.representation-records span, .representation-records small { color: #c0c8ce; }
@media(max-width:600px) { .representation-index { padding: 22px 18px; } .page-representations { margin-inline: 16px; padding-inline: 4px; } }