/* Neutral review chrome shared by all four prototypes (not part of any concept's design). */
.proto-bar {
  position: relative; z-index: 60; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px;
  padding: 7px clamp(14px, 3vw, 28px); background: #272366; color: #FFFFFF;
  font: 500 12.5px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: 0.01em;
}
.proto-bar__id { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
.proto-bar__dot { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.proto-bar__dot--a { background: #A02379; }
.proto-bar__dot--b { background: #E8E0FF; }
.proto-bar__dot--c { background: #BF2026; }
.proto-bar__dot--d { background: #FFE6F7; }
.proto-bar__tag { color: #E8E0FF; font-weight: 400; }
.proto-bar__nav { display: flex; flex-wrap: wrap; gap: 4px; }
.proto-bar__nav a { color: #FFFFFF; text-decoration: none; padding: 5px 10px; border-radius: 999px; min-height: 30px; display: inline-flex; align-items: center; }
.proto-bar__nav a:hover { background: #382A7B; }
.proto-bar__nav a[aria-current="page"] { background: #FFFFFF; color: #272366; }
.proto-bar__nav a:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
.proto-foot { margin: 0; padding: 14px clamp(14px, 3vw, 28px) 18px; background: #272366; color: #E8E0FF; font: 400 12.5px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
.skip { position: absolute; left: 10px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: 999px; background: #272366; color: #fff; font: 600 14px system-ui, sans-serif; text-decoration: none; }
.skip:focus { top: 10px; }
@media (max-width: 560px) { .proto-bar__tag { display: none; } }
/* Pending historical photo: shared, honest placeholder (striped, names the original file). */
.hist-ph { margin: 0; display: grid; place-content: center; gap: 6px; text-align: center; padding: 24px; min-height: 220px; height: 100%;
  background: repeating-linear-gradient(135deg, rgb(232 224 255 / 0.55) 0 12px, rgb(255 230 247 / 0.55) 12px 24px); border: 1.5px dashed #A02379; color: #272366;
  font: 600 13px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; }
.hist-ph__k { text-transform: uppercase; letter-spacing: 0.12em; font-size: 11.5px; }
.hist-ph__f { font-weight: 400; color: #4C4C4C; }