/* [project]/src/index.css [app-client] (css) */
:root {
  color: #243029;
  font-synthesis: none;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #f9f7ef;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  line-height: 1.45;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

a {
  color: inherit;
}

/* [project]/src/App.css [app-client] (css) */
main {
  min-height: 100vh;
}

.hero {
  color: #f6f2e8;
  background: linear-gradient(90deg, #121618eb, #12161894), url("https://commons.wikimedia.org/wiki/Special:FilePath/HIMARS_-_missile_launched.jpg?width=1800") center / cover;
  grid-template-columns: minmax(0, 1fr) 230px;
  align-items: end;
  gap: 32px;
  min-height: 72vh;
  padding: 56px;
  display: grid;
}

.hero__copy {
  max-width: 820px;
}

.eyebrow {
  color: #c0a062;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: .78rem;
  font-weight: 800;
}

.eyebrow-link {
  text-decoration: none;
  display: inline-flex;
}

.eyebrow-link:hover, .eyebrow-link:focus-visible {
  color: #d7b673;
}

h1, h2, p {
  margin-top: 0;
}

h1 {
  max-width: 920px;
  margin-bottom: 22px;
  font-size: clamp(3rem, 8vw, 7.6rem);
  line-height: .92;
}

h2 {
  color: #17201c;
  line-height: 1.05;
}

h3 {
  color: #17201c;
  margin: 0;
  font-size: 1rem;
}

.hero__lede {
  color: #e6dfcf;
  max-width: 680px;
  margin-bottom: 0;
  font-size: 1.12rem;
}

.hero__panel {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #0f17176b;
  border: 1px solid #ffffff57;
  border-radius: 8px;
  padding: 22px;
}

.hero__panel span {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}

.hero__panel p {
  margin: 6px 0 0;
}

.toolbar {
  z-index: 3;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #f9f7eff5;
  border-bottom: 1px solid #d8d7cf;
  grid-template-columns: minmax(220px, 300px) repeat(2, minmax(260px, 1fr));
  align-items: start;
  gap: 18px;
  padding: 18px 28px;
  display: grid;
  position: sticky;
  top: 0;
}

.archive-links {
  background: #f0efe7;
  border-top: 1px solid #d8d7cf;
  gap: 18px;
  padding: 30px 28px 42px;
  display: grid;
}

.archive-links__header {
  gap: 4px;
  display: grid;
}

.archive-links__header h2 {
  margin: 0;
  font-size: clamp(1.5rem, 3vw, 2.4rem);
}

.archive-links__header .eyebrow {
  margin: 0 0 6px;
}

.archive-links__grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
  display: grid;
}

.archive-links__group {
  min-width: 0;
}

.archive-links__group h3 {
  color: #667168;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-size: .76rem;
  font-weight: 900;
}

.archive-links__group div {
  flex-wrap: wrap;
  gap: 6px 10px;
  display: flex;
}

.archive-links a {
  color: #1f3a30;
  border-bottom: 1px solid #1f3a3040;
  align-items: center;
  gap: 6px;
  font-size: .84rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.archive-links a span {
  color: #667168;
  font-size: .74rem;
}

.archive-links a:hover, .archive-links a:focus-visible {
  color: #9f7f43;
  border-bottom-color: currentColor;
}

.search span, label span, .conflict-picker span, .category-picker span {
  color: #667168;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: .76rem;
  font-weight: 800;
  display: block;
}

input, select, textarea {
  box-sizing: border-box;
  color: #17201c;
  width: 100%;
  font: inherit;
  background: #fffef9;
  border: 1px solid #c9c8be;
  border-radius: 6px;
  padding: 11px 12px;
}

.conflict-picker, .category-picker {
  min-width: 0;
}

.conflict-picker select, .category-picker select {
  min-height: 44px;
  padding-right: 36px;
  font-weight: 800;
}

.conflict-picker p, .category-picker p {
  color: #667168;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 35px;
  margin: 8px 0 0;
  font-size: .82rem;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.catalog-layout {
  display: block;
}

.card__image {
  background: #202923;
  overflow: hidden;
}

.card__image img, .image-strip img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.image-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 24px;
  display: grid;
}

.image-strip button {
  aspect-ratio: 4 / 3;
  cursor: pointer;
  background: #202923;
  border: 2px solid #0000;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
}

.image-strip button.is-active {
  border-color: #c0a062;
}

.stats {
  gap: 10px;
  margin: 20px 0;
  display: grid;
}

.identity-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 14px;
  display: grid;
}

.identity-facts div {
  background: #fffef9;
  border: 1px solid #c9c8be;
  border-radius: 8px;
  min-width: 0;
  padding: 10px;
}

.identity-facts dt {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.identity-facts dd {
  overflow-wrap: anywhere;
  font-size: .94rem;
  font-weight: 800;
  line-height: 1.25;
}

.identity-facts dd a, .spec-list dd a, .stats dd a, .card__identity a {
  color: #1f3a30;
  text-underline-offset: 3px;
  -webkit-text-decoration: underline #1f3a3061;
  text-decoration: underline #1f3a3061;
}

.identity-facts dd a:hover, .identity-facts dd a:focus-visible, .spec-list dd a:hover, .spec-list dd a:focus-visible, .stats dd a:hover, .stats dd a:focus-visible, .card__identity a:hover, .card__identity a:focus-visible {
  color: #9f7f43;
  text-decoration-color: currentColor;
}

.fact-link-item {
  display: inline;
}

.identity-facts--hero {
  max-width: 820px;
  margin-top: 16px;
}

.conflict-list {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.conflict-list a {
  color: #334039;
  background: #fffef9;
  border: 1px solid #c9c8be;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
  transition: border-color .16s, background .16s, color .16s;
  display: inline-flex;
}

.conflict-list a small {
  color: #667168;
  font-size: .72rem;
  font-weight: 800;
}

.conflict-list a:hover, .conflict-list a:focus-visible {
  color: #1f3a30;
  background: #f5ecd8;
  border-color: #9f7f43;
}

.stats div {
  border-bottom: 1px solid #d8d7cf;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 14px;
  padding-bottom: 10px;
  display: grid;
}

dt {
  color: #667168;
  font-size: .82rem;
  font-weight: 800;
}

dd {
  color: #17201c;
  margin: 0;
}

.detail-summary {
  color: #334039;
}

.spec-block {
  margin: 22px 0;
}

.spec-block h3 {
  margin-bottom: 12px;
}

.spec-block dl {
  gap: 8px;
  margin: 0;
  display: grid;
}

.spec-block div {
  background: #fffef994;
  border: 1px solid #d8d7cf;
  border-radius: 8px;
  gap: 4px;
  padding: 10px;
  display: grid;
}

.spec-block dt {
  text-transform: uppercase;
}

.tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  display: flex;
}

.tags a, .tags span {
  color: #1f3a30;
  background: #dde3d2;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .16s, color .16s;
}

.tags a:hover, .tags a:focus-visible {
  color: #17201c;
  background: #cbd5bd;
}

.source-links {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  display: flex;
}

.source-links a {
  color: #1f3a30;
  background: #fffef9;
  border: 1px solid #c9c8be;
  border-radius: 8px;
  gap: 3px;
  padding: 7px 10px;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
  display: grid;
}

.source-links small {
  color: #667168;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.35;
}

.gallery {
  padding: 28px;
}

.gallery__header {
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
  display: flex;
}

.gallery__header h2 {
  max-width: 720px;
  margin-bottom: 0;
}

.gallery__header strong {
  white-space: nowrap;
  color: #667168;
}

.cards {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 14px;
  display: grid;
}

.empty-state {
  background: #fffef9;
  border: 1px solid #d8d7cf;
  border-radius: 8px;
  max-width: 680px;
  padding: 24px;
}

.empty-state h2 {
  margin-bottom: 10px;
}

.empty-state p:last-child {
  color: #334039;
  margin-bottom: 0;
}

.card {
  background: #fffef9;
  border: 1px solid #d8d7cf;
  border-radius: 8px;
  overflow: hidden;
}

.card__details {
  gap: 7px;
  display: grid;
}

.card__image {
  aspect-ratio: 16 / 10;
  display: block;
}

.card__image-link {
  color: inherit;
  text-decoration: none;
}

.card__body {
  gap: 7px;
  padding: 14px;
  display: grid;
}

.card__meta, .card__type {
  color: #667168;
  font-size: .84rem;
}

.card__title {
  color: #17201c;
  font-size: 1.12rem;
  font-weight: 800;
  text-decoration: none;
}

.card__title:hover, .card__title:focus-visible, .card__image-link:hover + .card__body .card__title, .card__image-link:focus-visible + .card__body .card__title {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.card__identity {
  color: #334039;
  font-size: .82rem;
  line-height: 1.35;
}

.card__identity b {
  color: #17201c;
}

.card__stats {
  color: #334039;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .78rem;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.image-fallback {
  color: #f6f2e8;
  text-align: center;
  place-items: center;
  height: 100%;
  padding: 18px;
  font-weight: 800;
  display: grid;
}

.page-shell {
  width: min(1180px, 100% - 40px);
  margin: 0 auto;
  padding: 24px 0 56px;
}

.breadcrumb {
  color: #667168;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  font-size: .9rem;
  font-weight: 800;
  display: flex;
}

.breadcrumb a {
  color: #1f3a30;
  text-decoration: none;
}

.record-hero, .list-hero {
  margin-bottom: 30px;
}

.record-hero {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .78fr);
  align-items: end;
  gap: 30px;
  display: grid;
}

.record-hero h1, .list-hero h1 {
  color: #17201c;
  margin-bottom: 18px;
  font-size: clamp(2.5rem, 6vw, 5.6rem);
  line-height: .96;
}

.record-hero__lede, .list-hero p {
  color: #334039;
  max-width: 760px;
  font-size: 1.08rem;
}

.record-hero__image {
  aspect-ratio: 4 / 3;
  background: #202923;
  border-radius: 8px;
  overflow: hidden;
}

.record-hero__image img, .record-gallery img, .seo-card__image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.record-image-link, .record-gallery a {
  width: 100%;
  height: 100%;
  display: block;
}

.record-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 18px;
  margin-bottom: 30px;
  display: grid;
}

.record-panel, .record-section {
  background: #fffef9;
  border: 1px solid #d8d7cf;
  border-radius: 8px;
  padding: 22px;
}

.record-panel h2, .record-section h2 {
  margin-bottom: 18px;
}

.spec-list {
  gap: 10px;
  margin: 0;
  display: grid;
}

.spec-list div {
  border-bottom: 1px solid #d8d7cf;
  gap: 4px;
  padding-bottom: 10px;
  display: grid;
}

.record-section {
  margin-top: 18px;
}

.record-gallery {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.record-gallery a {
  aspect-ratio: 4 / 3;
  background: #202923;
  border-radius: 8px;
  overflow: hidden;
}

.list-hero {
  color: #f6f2e8;
  background: linear-gradient(90deg, #121618f0, #121618a3), url("https://commons.wikimedia.org/wiki/Special:FilePath/HIMARS_-_missile_launched.jpg?width=1600") center / cover;
  border-radius: 8px;
  padding: 42px;
}

.list-hero h1, .list-hero p {
  color: inherit;
}

.list-hero strong {
  color: #e6dfcf;
}

.seo-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  display: grid;
}

.seo-card-grid--compact {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.seo-card {
  background: #fffef9;
  border: 1px solid #d8d7cf;
  border-radius: 8px;
  overflow: hidden;
}

.seo-card a {
  height: 100%;
  color: inherit;
  text-decoration: none;
  display: grid;
}

.seo-card__image {
  aspect-ratio: 16 / 10;
  background: #202923;
  overflow: hidden;
}

.seo-card__body {
  gap: 8px;
  padding: 16px;
  display: grid;
}

.seo-card__body strong {
  color: #17201c;
  font-size: 1.2rem;
}

.seo-card__body span:last-child {
  color: #334039;
}

.site-footer {
  color: #667168;
  background: #f0efe7;
  border-top: 1px solid #d8d7cf;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px 20px;
  padding: 22px;
  font-size: .86rem;
  font-weight: 800;
  display: flex;
}

.site-footer a {
  color: #1f3a30;
  text-underline-offset: 3px;
  -webkit-text-decoration: underline #1f3a3061;
  text-decoration: underline #1f3a3061;
}

.site-footer a:hover, .site-footer a:focus-visible {
  color: #9f7f43;
  text-decoration-color: currentColor;
}

.policy-document {
  background: #fffef9;
  border: 1px solid #d8d7cf;
  border-radius: 8px;
  max-width: 820px;
  padding: 30px;
}

.policy-document h1 {
  color: #17201c;
  margin-bottom: 8px;
  font-size: clamp(2.4rem, 5vw, 4.4rem);
  line-height: .98;
}

.policy-document h2 {
  margin: 0 0 10px;
  font-size: 1.28rem;
}

.policy-document section {
  margin-top: 24px;
}

.policy-document p {
  color: #334039;
}

.policy-document p:last-child {
  margin-bottom: 0;
}

.policy-list {
  color: #334039;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
  display: grid;
}

.policy-list li {
  padding-left: 4px;
}

.policy-email {
  color: #1f3a30;
  text-underline-offset: 3px;
  font-weight: 800;
  text-decoration-color: #1f3a3061;
}

.policy-email:hover, .policy-email:focus-visible {
  color: #9f7f43;
  text-decoration-color: currentColor;
}

.policy-updated {
  color: #667168;
  font-size: .92rem;
  font-weight: 800;
}

@media (max-width: 980px) {
  .hero, .toolbar, .record-hero, .record-grid {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: 640px;
    padding: 34px 20px;
  }

  .toolbar {
    position: static;
  }

  .record-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .hero {
    background: linear-gradient(90deg, #121618eb, #12161894), url("https://commons.wikimedia.org/wiki/Special:FilePath/HIMARS_-_missile_launched.jpg?width=900") center / cover;
  }

  h1 {
    font-size: 3rem;
  }

  .hero__panel {
    max-width: 210px;
  }

  .stats div, .identity-facts {
    grid-template-columns: 1fr;
  }

  .gallery__header {
    display: block;
  }

  .page-shell {
    width: min(100% - 28px, 1180px);
  }

  .list-hero {
    padding: 28px 20px;
  }

  .record-gallery {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=src_1j05wv_._.css.map*/