.auction-with-nav { margin-left: 112px; }
.auction-section-nav { position: fixed; z-index: 20; left: 8px; top: 100px; width: 96px; display: grid; gap: 5px; padding: 8px; background: #191d34; border: 1px solid #36415c; border-radius: 5px; }
.auction-section-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 52px; gap: 4px; color: #cbd0e2; text-decoration: none; font-size: 12px; border-radius: 5px; }
.auction-section-nav svg { width: 20px; height: 20px; flex-shrink: 0; }
.auction-section-nav a:hover { background: #272d49; color: white; }
.auction-section-nav a[aria-current] { color: white; background: #303b64; box-shadow: inset 3px 0 #5077ff; }
.auction-section-nav a:focus-visible { outline: 2px solid #2457f5; }
.auction-with-nav .auction-options { display: grid; gap: 28px; border: 0; }
.auction-with-nav .auction-option { padding: 28px; border: 1px solid #d8dee6; border-left: 5px solid #2457f5; border-radius: 12px; background: white; }
.auction-with-nav [tabindex="-1"] { scroll-margin-top: 120px; }
.auction-with-nav .auction-selected { outline: 1px solid #2457f5; border-left: 5px solid #2457f5; }
.auction-auto { display: flex; justify-content: center; }
.auction-auto img { display: block; width: min(100%, 230px); height: auto; filter: drop-shadow(0 0 14px #ffffff20); }
.auction-with-nav .auction-hero { background: #191d34; }
.auction-with-nav .auction-hero__inner { grid-template-columns: minmax(0, 1fr) 230px; gap: 24px 40px; }
.auction-hero__copy { grid-column: 1 / -1; }
.auction-with-nav .auction-hero__copy > p { max-width: 900px; }
@media (max-width: 780px) {
  .auction-with-nav { margin-left: 0; padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
  body:has(.auction-with-nav) { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
  .auction-section-nav { top: auto; bottom: 0; left: 0; width: 100%; box-sizing: border-box; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0; padding: 6px 3px calc(6px + env(safe-area-inset-bottom)); border-radius: 12px 12px 0 0; }
  .auction-section-nav a { min-width: 0; font-size: 10px; min-height: 52px; }
  .auction-with-nav .auction-option { padding: 20px 14px; }
  .auction-with-nav .auction-field-grid, .auction-with-nav .auction-year-grid { grid-template-columns: 1fr; }
  .auction-with-nav .auction-hero__inner { grid-template-columns: minmax(0, 1fr) 110px; gap: 18px 12px; }
  .auction-with-nav .auction-hero h1 { font-size: clamp(28px, 6vw, 40px); }
  .auction-auto { align-self: start; }
  .auction-auto img { width: 110px; }
  .auction-with-nav input, .auction-with-nav select, .auction-with-nav textarea { font-size: 16px; min-width: 0; max-width: 100%; }
}
@media print { .auction-section-nav { display: none; } .auction-with-nav { margin-left: 0; } }