.history-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid rgba(215, 189, 122, .22); background: #050b13; }
.history-header > a:first-child { display: inline-flex; align-items: center; gap: .65rem; color: #e6d29b; font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-decoration: none; }
.history-header img { width: 1.8rem; height: 2.3rem; object-fit: contain; }
.history-back { color: #c1cbd5; font-size: .78rem; text-decoration: underline; text-underline-offset: .2em; }
.history-section { min-height: calc(100vh - 4rem); padding: 3rem 0 5rem; }
.history-section h1 { max-width: 15ch; margin: .5rem 0; color: #f5f2e9; font-size: clamp(2rem, 7vw, 3.5rem); line-height: 1.05; }
.history-intro { margin: .7rem 0 1.5rem; color: #a6b0bc; }
.history-filters { display: grid; grid-template-columns: 1fr; gap: .7rem; max-width: 52rem; margin-bottom: 1.2rem; }
.history-filters label { display: grid; gap: .35rem; color: #d4c18e; font-size: .66rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.history-filters select { min-width: 0; min-height: 2.8rem; padding: .65rem .75rem; border: 1px solid rgba(207, 178, 111, .38); border-radius: .45rem; color: #f1f4f7; background: #0b1520; font: inherit; letter-spacing: normal; text-transform: none; }
.history-results { grid-template-columns: minmax(0, 1fr); }
.history-results .result-card { min-width: 0; }
.history-empty { padding: 1.4rem; border: 1px dashed #485565; color: #c1cbd5; text-align: center; }
.history-more { display: block; min-width: 10rem; min-height: 2.9rem; margin: 1.6rem auto 0; padding: .7rem 1rem; border: 1px solid #cdb16a; border-radius: .4rem; color: #f2dfab; background: #101923; font: inherit; font-size: .72rem; font-weight: 850; letter-spacing: .1em; cursor: pointer; }
.history-more:hover,.history-more:focus-visible { background: #192738; }
@media (min-width: 640px) { .history-header { padding-inline: 2rem; } .history-section { padding-top: 4rem; } .history-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) { .history-results { grid-template-columns: repeat(2, minmax(0, 1fr)); } }