.codex-place-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 1rem;
}
.codex-place-search .codex-button {
    margin: 0 0 .05rem;
    white-space: nowrap;
}
.codex-place-status {
    min-height: 1.35rem;
    margin: .8rem 0;
    color: #d9bc71;
    font-size: .85rem;
}
.codex-place-results {
    display: grid;
    gap: .6rem;
}
.codex-place-result {
    display: grid;
    gap: .25rem;
    width: 100%;
    border: 1px solid #5b4d35;
    border-radius: .45rem;
    background: #0c0a08;
    padding: .85rem 1rem;
    color: #f8eddb;
    text-align: left;
    cursor: pointer;
}
.codex-place-result:hover,
.codex-place-result:focus {
    border-color: #dec16e;
    background: #191309;
    outline: none;
}
.codex-place-result span {
    color: #9f9588;
    font-size: .76rem;
}
.codex-place-selected {
    margin-top: 1rem;
    border-left: 3px solid #d8b85e;
    background: #0d120c;
    padding: 1rem;
}
.codex-place-selected strong,
.codex-place-selected span {
    display: block;
}
.codex-place-selected span {
    margin-top: .35rem;
    color: #a9a093;
    font-size: .8rem;
}
@media (max-width: 720px) {
    .codex-place-search { grid-template-columns: 1fr; }
    .codex-place-search .codex-button { justify-content: center; width: 100%; }
}