.wsp-legacy-helmet-page { color: #202a31; background: #f5f7f8; }
.wsp-legacy-helmet-page main { max-width: 1180px; margin: 0 auto; padding: 24px 20px 64px; }
.wsp-legacy-helmet-page .legacy-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; margin-bottom: 18px; }
.wsp-legacy-helmet-page .legacy-breadcrumbs a { color: #155b72; }
.wsp-legacy-helmet-page h1 { font-size: 38px; line-height: 1.15; margin: 0 0 10px; }
.wsp-legacy-helmet-page h2 { font-size: 22px; margin: 0 0 12px; }
.wsp-legacy-helmet-page .legacy-lead { max-width: 75ch; margin: 0 0 20px; }
.wsp-legacy-helmet-page .legacy-links { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.wsp-legacy-helmet-page .legacy-links a { color: #11546a; padding: 8px 10px; border: 1px solid #aebcc4; border-radius: 4px; background: #fff; font-weight: 700; }
.wsp-legacy-helmet-page .legacy-lookup { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: start; gap: 20px; }
.wsp-legacy-helmet-page .legacy-panel { min-width: 0; background: #fff; border: 1px solid #cbd5da; border-radius: 6px; padding: 16px; }
.wsp-legacy-helmet-page .legacy-diagram img { display: block; width: 100%; height: auto; }
.wsp-legacy-helmet-page .legacy-diagram button { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.wsp-legacy-helmet-page .legacy-diagram button:focus-visible { outline: 3px solid #e37422; }
.wsp-legacy-helmet-page .legacy-search { display: block; margin: 8px 0 14px; font-weight: 700; }
.wsp-legacy-helmet-page .legacy-search input { display: block; width: 100%; min-height: 44px; margin-top: 6px; padding: 9px; border: 1px solid #798e99; border-radius: 4px; }
.wsp-legacy-helmet-page .legacy-table-wrap { overflow-x: auto; }
.wsp-legacy-helmet-page table { width: 100%; border-collapse: collapse; }
.wsp-legacy-helmet-page th, .wsp-legacy-helmet-page td { padding: 10px 8px; border-bottom: 1px solid #dce4e8; text-align: left; vertical-align: top; }
.wsp-legacy-helmet-page th { background: #eaf0f2; font-size: 14px; }
.wsp-legacy-helmet-page tr[hidden] { display: none; }
.wsp-legacy-helmet-page td:nth-child(1), .wsp-legacy-helmet-page td:nth-child(2) { white-space: nowrap; font-weight: 700; }
.wsp-legacy-helmet-page .legacy-buy { display: inline-block; padding: 8px 10px; border-radius: 4px; background: #be551c; color: #fff; font-weight: 700; white-space: nowrap; }
.wsp-legacy-helmet-page .legacy-buy:hover, .wsp-legacy-helmet-page .legacy-buy:focus { color: #fff; background: #934015; }
.wsp-legacy-helmet-page .legacy-note { font-size: 14px; color: #45565f; margin: 14px 0 0; }
.wsp-legacy-helmet-page dialog { max-width: min(96vw, 1200px); max-height: 94vh; padding: 12px; border: 1px solid #354650; border-radius: 6px; }
.wsp-legacy-helmet-page dialog::backdrop { background: rgba(0,0,0,.74); }
.wsp-legacy-helmet-page dialog img { display: block; max-width: 100%; max-height: 82vh; object-fit: contain; margin: auto; }
.wsp-legacy-helmet-page dialog button { float: right; margin: 0 0 8px; padding: 7px 12px; }
@media (max-width: 780px) {
  .wsp-legacy-helmet-page h1 { font-size: 28px; }
  .wsp-legacy-helmet-page .legacy-lookup { display: block; }
  .wsp-legacy-helmet-page .legacy-panel { margin-bottom: 14px; }
  .wsp-legacy-helmet-page table, .wsp-legacy-helmet-page tbody { display: block; }
  .wsp-legacy-helmet-page thead { display: none; }
  .wsp-legacy-helmet-page tr { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 5px 10px; padding: 12px 0; border-bottom: 1px solid #cbd5da; }
  .wsp-legacy-helmet-page td { display: block; padding: 0; border: 0; overflow-wrap: anywhere; }
  .wsp-legacy-helmet-page td::before { content: attr(data-label) ': '; color: #485b64; font-weight: 400; }
  .wsp-legacy-helmet-page td:nth-child(3), .wsp-legacy-helmet-page td:nth-child(4) { grid-column: 1 / -1; }
  .wsp-legacy-helmet-page td:nth-child(4) .legacy-buy { display: block; text-align: center; white-space: normal; }
}