.arcane-codex-finder {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto 42px;
    padding: 28px 30px;
    border: 1px solid rgba(69, 52, 39, .3);
    background: rgba(235, 225, 199, .72);
    box-shadow: 0 14px 34px rgba(28, 20, 14, .08);
}
.arcane-codex-finder *, .arcane-codex-finder *::before, .arcane-codex-finder *::after { box-sizing: border-box; }
.arcane-codex-finder__heading { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(280px, 1.2fr); gap: 28px; align-items: end; margin-bottom: 24px; }
.arcane-codex-finder__heading h2 { margin: 3px 0 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(28px, 4vw, 44px); line-height: 1; color: #241a15; }
.arcane-codex-finder__heading > p { margin: 0; max-width: 650px; color: #5d4a3e; line-height: 1.55; }
.arcane-codex-finder__eyebrow { margin: 0; font-size: 11px; letter-spacing: .22em; font-weight: 700; color: #6c4f3d; }
.arcane-codex-finder__form { display: grid; grid-template-columns: minmax(220px, 1.5fr) repeat(5, minmax(120px, 1fr)); gap: 12px; align-items: end; }
.arcane-codex-finder__form label { display: grid; gap: 6px; min-width: 0; }
.arcane-codex-finder__form label > span { font-size: 11px; letter-spacing: .09em; text-transform: uppercase; font-weight: 700; color: #5a4336; }
.arcane-codex-finder__form input,
.arcane-codex-finder__form select { width: 100%; min-height: 42px; border: 1px solid rgba(58, 42, 31, .38); border-radius: 2px; background: rgba(255, 252, 243, .82); color: #2b211b; padding: 8px 10px; }
.arcane-codex-finder__actions { display: flex; align-items: center; gap: 12px; grid-column: 1 / -1; margin-top: 4px; }
.arcane-codex-finder__actions button { min-width: 112px; border: 1px solid #241b16; border-radius: 999px; background: #241b16; color: #f4ead4; padding: 10px 22px; cursor: pointer; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.arcane-codex-finder__actions a { color: #4b392f; }
@media (max-width: 1100px) { .arcane-codex-finder__form { grid-template-columns: repeat(3, minmax(160px, 1fr)); } .arcane-codex-finder__search { grid-column: span 2; } }
@media (max-width: 720px) { .arcane-codex-finder { padding: 22px 18px; } .arcane-codex-finder__heading { grid-template-columns: 1fr; gap: 10px; } .arcane-codex-finder__form { grid-template-columns: 1fr 1fr; } .arcane-codex-finder__search { grid-column: 1 / -1; } }
@media (max-width: 480px) { .arcane-codex-finder__form { grid-template-columns: 1fr; } .arcane-codex-finder__search { grid-column: auto; } }

.arcane-codex-finder { font-family:"Space Grotesk", Inter, sans-serif; }