.arcane-codex-category-hero,
.arcane-codex-category-finder,
.arcane-codex-category-spotlight,
.arcane-codex-category-catalogue,
.arcane-codex-category-recent { box-sizing: border-box; }
.arcane-codex-category-hero *,
.arcane-codex-category-finder *,
.arcane-codex-category-spotlight *,
.arcane-codex-category-catalogue *,
.arcane-codex-category-recent * { box-sizing: border-box; }
.arcane-codex-category-hero, .arcane-codex-category-finder, .arcane-codex-category-spotlight, .arcane-codex-category-catalogue, .arcane-codex-category-recent, .arcane-codex-source-block { font-family: "Space Grotesk", Inter, sans-serif; }

.arcane-codex-category-hero {
    position: relative;
    width: 100%;
    min-height: 340px;
    margin: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #171212;
    color: #f2e4c4;
}
.arcane-codex-category-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--ac-archive-hero-image, none);
    background-position: center;
    background-size: cover;
    transform: scale(1.015);
}
.arcane-codex-category-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,6,7,.28), rgba(8,6,7,.76)), rgba(0,0,0,var(--ac-archive-hero-overlay,.28));
}
.arcane-codex-category-hero__inner {
    position: relative;
    z-index: 1;
    width: min(1120px, calc(100% - 40px));
    text-align: center;
    padding: 72px 20px;
}
.arcane-codex-category-hero__eyebrow,
.arcane-codex-feature-panel__eyebrow,
.arcane-codex-plate-card__eyebrow {
    margin: 0 0 8px;
    font: 600 11px/1.2 Oswald, "Arial Narrow", sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.arcane-codex-category-hero h1 {
    margin: 0;
    color: inherit;
    font: 600 clamp(3rem, 8vw, 6.5rem)/.92 "Cormorant Garamond", Georgia, serif;
    letter-spacing: -.04em;
}
.arcane-codex-category-hero__description {
    max-width: 760px;
    margin: 22px auto 0;
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.6;
    color: rgba(242,228,196,.86);
}

.arcane-codex-category-finder,
.arcane-codex-category-spotlight,
.arcane-codex-category-catalogue,
.arcane-codex-category-recent {
    width: min(1240px, calc(100% - 40px));
    margin: 56px auto;
}
.arcane-codex-category-section-heading { margin-bottom: 22px; }
.arcane-codex-category-section-heading--center { text-align: center; }
.arcane-codex-category-section-heading h2 {
    margin: 0;
    color: #241a15;
    font: 600 clamp(2rem, 4vw, 3.4rem)/1 "Cormorant Garamond", Georgia, serif;
    letter-spacing: -.03em;
}
.arcane-codex-category-section-heading p {
    max-width: 720px;
    margin: 10px 0 0;
    color: #685649;
    line-height: 1.55;
}

.arcane-codex-category-finder {
    padding: 30px;
    border: 1px solid rgba(66,45,34,.14);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(246,239,222,.96), rgba(225,213,186,.9));
    box-shadow: 0 16px 44px rgba(42,27,18,.08);
}
.arcane-codex-category-finder__form { display: grid; gap: 18px; }
.arcane-codex-category-finder__search input {
    width: 100%;
    min-height: 54px;
    padding: 13px 18px;
    border: 1px solid rgba(53,39,30,.25);
    border-radius: 999px;
    background: rgba(255,252,244,.92);
    color: #291f19;
    font-size: 17px;
    outline: 0;
}
.arcane-codex-category-finder__search input:focus { border-color: #6d4b42; box-shadow: 0 0 0 2px rgba(109,75,66,.13); }
.arcane-codex-category-finder__groups { display: flex; flex-wrap: wrap; gap: 10px; }
.arcane-codex-filter-group { position: relative; }
.arcane-codex-filter-group summary {
    list-style: none;
    cursor: pointer;
    user-select: none;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 9px 16px;
    border: 1px solid rgba(42,31,25,.2);
    border-radius: 999px;
    font: 600 11px/1 Oswald, "Arial Narrow", sans-serif;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #2f261f;
    background: #e7d8b9;
}
.arcane-codex-filter-group summary::-webkit-details-marker { display: none; }
.arcane-codex-filter-group--property summary { background:#dac6cf; }
.arcane-codex-filter-group--element summary { background:#c9cdb6; }
.arcane-codex-filter-group--planet summary { background:#d4c4ad; }
.arcane-codex-filter-group--season summary { background:#dfc49d; }
.arcane-codex-filter-group--energy summary { background:#c9bdc8; }
.arcane-codex-filter-group.is-active summary { border-color:#38291f; box-shadow: inset 0 0 0 1px rgba(56,41,31,.18); }
.arcane-codex-filter-group__options {
    position: absolute;
    z-index: 20;
    top: calc(100% + 8px);
    left: 0;
    width: min(440px, calc(100vw - 56px));
    max-height: 280px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 14px;
    border: 1px solid rgba(46,34,27,.18);
    border-radius: 12px;
    background: #fbf5e8;
    box-shadow: 0 18px 44px rgba(28,18,13,.18);
}
.arcane-codex-filter-option,
.arcane-codex-selected-filter,
.arcane-codex-finder-clear {
    border: 1px solid rgba(58,42,31,.18);
    border-radius: 999px;
    background: #fffaf0;
    color: #342820;
    cursor: pointer;
    padding: 7px 11px;
    font-size: 12px;
}
.arcane-codex-filter-option.is-selected { background:#2b211b; color:#f4e7c8; border-color:#2b211b; }
.arcane-codex-category-finder__selected { min-height: 32px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.arcane-codex-selected-filter { background:#2c2420; color:#f4e7c8; }
.arcane-codex-finder-clear { background:transparent; border-style:dashed; }
.arcane-codex-category-finder__status { min-height: 1.2em; margin: 10px 0 0; color:#6e5b4d; font-size:13px; }
.arcane-codex-category-finder.is-loading { opacity:.78; }
.arcane-codex-finder-submit { min-height:42px; padding:9px 18px; border-radius:999px; }

.arcane-codex-category-spotlight {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 24px;
}
.arcane-codex-feature-panel {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(160px, 42%) 1fr;
    overflow: hidden;
    border: 1px solid rgba(52,37,28,.14);
    border-radius: 16px;
    background: #171313;
    color: #f2e4c4;
}
.arcane-codex-feature-panel__image { min-height: 280px; background:#2b2521; overflow:hidden; }
.arcane-codex-feature-panel__image img { width:100%; height:100%; display:block; object-fit:cover; }
.arcane-codex-feature-panel__body { min-width:0; padding:28px; align-self:center; }
.arcane-codex-feature-panel__eyebrow { color:#c6ad86; }
.arcane-codex-feature-panel h2 { margin:0 0 5px; font:600 clamp(1.8rem,3vw,3rem)/1 "Cormorant Garamond",Georgia,serif; }
.arcane-codex-feature-panel h2 a { color:inherit; text-decoration:none; }
.arcane-codex-feature-panel__scientific { margin:0 0 15px; color:#c9bda8; }
.arcane-codex-feature-panel__excerpt { color:rgba(242,228,196,.76); line-height:1.5; }
.arcane-codex-feature-panel__button,
.arcane-codex-plate-card__button {
    display:inline-flex;
    min-height:38px;
    align-items:center;
    gap:8px;
    margin-top:8px;
    padding:9px 15px;
    border:1px solid rgba(242,228,196,.26);
    border-radius:999px;
    color:#f2e4c4;
    text-decoration:none;
    font:600 10px/1 Oswald,"Arial Narrow",sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.arcane-codex-category-catalogue {
    padding: 34px 26px 26px;
    border: 1px solid rgba(61,45,35,.16);
    border-radius: 22px;
    background:
      linear-gradient(180deg,rgba(252,247,235,.94),rgba(235,225,205,.94));
    box-shadow: inset 0 0 0 5px rgba(255,255,255,.22), 0 18px 46px rgba(40,26,18,.07);
}
.arcane-codex-catalogue-grid {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:stretch;
    gap:22px;
}
.arcane-codex-catalogue-empty { width:100%; text-align:center; padding:44px 20px; color:#665548; }
.arcane-codex-plate-card {
    width: 300px;
    max-width:100%;
    flex: 0 0 300px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:#171313;
    color:#f2e4c4;
    box-shadow:0 10px 28px rgba(31,20,14,.12);
}
.arcane-codex-plate-card__image {
    height:210px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:linear-gradient(145deg,#41382f,#211d1a);
    color:#c8af89;
    text-decoration:none;
    font-size:42px;
}
.arcane-codex-plate-card__image img { width:100%; height:100%; display:block; object-fit:cover; }
.arcane-codex-plate-card__body { padding:20px; }
.arcane-codex-plate-card__eyebrow { color:#b99b70; }
.arcane-codex-plate-card h3 { margin:0 0 5px; font:600 30px/1 "Cormorant Garamond",Georgia,serif; }
.arcane-codex-plate-card h3 a { color:inherit; text-decoration:none; }
.arcane-codex-plate-card__scientific { margin:0 0 13px; color:#c5b9a6; }
.arcane-codex-plate-card__meta,
.arcane-codex-plate-card__properties { margin:5px 0; color:rgba(242,228,196,.74); font-size:13px; line-height:1.4; }
.arcane-codex-plate-card__properties { min-height:36px; }
.arcane-codex-plate-card__button { margin-top:15px; background:#261d1c; }

.arcane-codex-catalogue-pagination,
.arcane-codex-category-recent__nav {
    width:max-content;
    max-width:100%;
    margin:30px auto 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 14px;
    border:1px solid rgba(57,40,30,.22);
    border-radius:999px;
    background:rgba(255,249,236,.68);
    position:relative;
}
.arcane-codex-catalogue-pagination::before,
.arcane-codex-catalogue-pagination::after,
.arcane-codex-category-recent__nav::before,
.arcane-codex-category-recent__nav::after {
    content:'❧'; color:#7b5b43; font-size:13px;
}
.arcane-codex-catalogue-pagination a,
.arcane-codex-catalogue-pagination span,
.arcane-codex-category-recent__nav button,
.arcane-codex-category-recent__nav span {
    min-width:34px;
    min-height:34px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#37291f;
    text-decoration:none;
    cursor:pointer;
    font:600 15px/1 Oswald,"Arial Narrow",sans-serif;
}
.arcane-codex-catalogue-pagination a.is-current { background:#2b211b; color:#f2e4c4; }
.arcane-codex-catalogue-pagination span.is-disabled { opacity:.28; }

.arcane-codex-category-recent__viewport { overflow:hidden; }
.arcane-codex-category-recent__track {
    display:flex;
    gap:20px;
    transition:transform .28s ease;
    will-change:transform;
}
.arcane-codex-category-recent__slide { flex:0 0 calc((100% - 60px)/4); min-width:0; }
.arcane-codex-category-recent__slide .arcane-codex-plate-card { width:100%; height:100%; flex-basis:auto; }
.arcane-codex-category-recent__nav button { font-size:26px; background:transparent; }

@media (max-width: 1050px) {
    .arcane-codex-category-spotlight { grid-template-columns:1fr; }
    .arcane-codex-category-recent__slide { flex-basis:calc((100% - 40px)/3); }
}
@media (max-width: 780px) {
    .arcane-codex-category-finder,
    .arcane-codex-category-spotlight,
    .arcane-codex-category-catalogue,
    .arcane-codex-category-recent { width:min(100% - 24px,1240px); margin:38px auto; }
    .arcane-codex-category-finder { padding:22px 18px; }
    .arcane-codex-feature-panel { grid-template-columns:1fr; }
    .arcane-codex-feature-panel__image { min-height:230px; max-height:320px; }
    .arcane-codex-category-recent__slide { flex-basis:calc((100% - 20px)/2); }
}
@media (max-width: 520px) {
    .arcane-codex-category-hero__inner { width:calc(100% - 20px); padding:58px 10px; }
    .arcane-codex-filter-group { width:100%; }
    .arcane-codex-filter-group summary { width:100%; justify-content:center; }
    .arcane-codex-filter-group__options { position:relative; top:6px; width:100%; }
    .arcane-codex-category-catalogue { padding:26px 12px 20px; }
    .arcane-codex-plate-card { width:100%; flex-basis:100%; }
    .arcane-codex-category-recent__slide { flex-basis:100%; }
}
@media (prefers-reduced-motion: reduce) {
    .arcane-codex-category-recent__track { transition:none; }
}

.arcane-codex-category-template-placeholder { padding:28px; border:1px dashed #8c8278; border-radius:10px; background:#f7f2e8; color:#30251f; }
.arcane-codex-category-template-placeholder strong { display:block; font:600 20px/1.1 "Cormorant Garamond",Georgia,serif; }
.arcane-codex-category-template-placeholder p { margin:7px 0 4px; }
.arcane-codex-category-template-placeholder small { color:#6d6258; }

/* 0.9.1 — darker Herbarium finder + reusable source blocks */
.arcane-codex-category-finder {
    padding: 28px 30px;
    border: 1px solid rgba(225,204,167,.16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(20,16,15,.98), rgba(33,25,24,.96));
    box-shadow: 0 16px 44px rgba(0,0,0,.18);
    color: #e8d7b2;
}
.arcane-codex-category-finder .arcane-codex-category-section-heading h2 { color:#f0dfbc; }
.arcane-codex-category-finder .arcane-codex-category-section-heading p { color:#aa9882; }
.arcane-codex-category-finder__form { gap:16px; }
.arcane-codex-category-finder__topline {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(240px,360px);
    gap:28px;
    align-items:center;
}
.arcane-codex-category-finder__search input {
    min-height:46px;
    padding:10px 16px;
    border-color:rgba(232,215,178,.2);
    background:#171313;
    color:#f0dfbc;
    font-size:15px;
}
.arcane-codex-category-finder__search input::placeholder { color:#8e7d6b; }
.arcane-codex-category-finder__search input:focus { border-color:#86655a; box-shadow:0 0 0 2px rgba(134,101,90,.18); }
.arcane-codex-category-finder__groups {
    padding-top:14px;
    border-top:1px solid rgba(232,215,178,.12);
}
.arcane-codex-filter-group summary {
    color:#ead8b5;
    border-color:rgba(232,215,178,.17);
    background:#302522;
}
.arcane-codex-filter-group--property summary { background:#5e3341; }
.arcane-codex-filter-group--element summary { background:#454b35; }
.arcane-codex-filter-group--planet summary { background:#5c4f31; }
.arcane-codex-filter-group--season summary { background:#5a4130; }
.arcane-codex-filter-group--energy summary { background:#4f3d4b; }
.arcane-codex-filter-group__count {
    min-width:20px; height:20px; margin-left:8px; display:grid; place-items:center;
    border-radius:999px; background:rgba(0,0,0,.28); color:#f5e7ca; font-size:10px;
}
.arcane-codex-filter-group__options {
    border-color:rgba(232,215,178,.14);
    background:#191414;
    box-shadow:0 18px 44px rgba(0,0,0,.32);
}
.arcane-codex-filter-option,
.arcane-codex-selected-filter,
.arcane-codex-finder-clear {
    border-color:rgba(232,215,178,.16);
    background:#251d1c;
    color:#ddcbaa;
}
.arcane-codex-filter-option:hover { border-color:rgba(232,215,178,.34); }
.arcane-codex-filter-option.is-selected { background:#755144; color:#fff1d6; border-color:#8b6658; }
.arcane-codex-category-finder__selected {
    padding-top:12px;
    border-top:1px solid rgba(232,215,178,.1);
}
.arcane-codex-selected-filter { background:#382b29; }
.arcane-codex-finder-clear { color:#bfa98a; }
.arcane-codex-category-finder__results-wrap {
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid rgba(232,215,178,.12);
}
.arcane-codex-category-finder__results-head { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:14px; }
.arcane-codex-category-finder__results-head h3 { margin:0; color:#ead8b5; font:600 24px/1.05 "Cormorant Garamond",Georgia,serif; }
.arcane-codex-category-finder__status { margin:0; color:#9d8a76; font-size:12px; }
.arcane-codex-finder-prompt,.arcane-codex-finder-empty { margin:0; padding:18px 0 4px; color:#a99680; }
.arcane-codex-finder-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.arcane-codex-finder-result {
    min-width:0; display:grid; grid-template-columns:82px minmax(0,1fr); overflow:hidden;
    border:1px solid rgba(232,215,178,.14); border-radius:16px; background:#211918;
}
.arcane-codex-finder-result__image { display:block; min-height:116px; background:#302824; overflow:hidden; }
.arcane-codex-finder-result__image img { width:100%; height:100%; display:block; object-fit:cover; }
.arcane-codex-finder-result__body { min-width:0; padding:13px 14px; }
.arcane-codex-finder-result__eyebrow { margin:0 0 3px; color:#a98e67; font:600 9px/1 Oswald,"Arial Narrow",sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.arcane-codex-finder-result h4 { margin:0 0 3px; font:600 20px/1 "Cormorant Garamond",Georgia,serif; }
.arcane-codex-finder-result h4 a { color:#f0dfbc; text-decoration:none; }
.arcane-codex-finder-result__scientific,.arcane-codex-finder-result__properties { margin:3px 0; color:#aa9b88; font-size:11px; line-height:1.3; }
.arcane-codex-finder-result__button { display:inline-flex; margin-top:7px; color:#d8bd90; text-decoration:none; font:600 9px/1 Oswald,"Arial Narrow",sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.arcane-codex-source-block { width:min(100% - 48px,1240px); margin:48px auto; }
.arcane-codex-source-block .arcane-codex-feature-panel { height:100%; }
.arcane-codex-source-catalogue,.arcane-codex-source-recent { width:min(100% - 48px,1240px); margin:52px auto; }
.arcane-codex-content-block-editor,.arcane-codex-category-block-editor { min-width:0; }

@media (max-width: 980px) {
    .arcane-codex-finder-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
    .arcane-codex-category-finder__topline { grid-template-columns:1fr; gap:14px; }
    .arcane-codex-category-finder__search { max-width:none; }
    .arcane-codex-finder-result-grid { grid-template-columns:1fr; }
}

/* Source-driven feature blocks sit naturally inside template columns. */
.wp-block-column > .arcane-codex-source-block {
    width: 100%;
    margin: 0;
}
.wp-block-column > .arcane-codex-source-block .arcane-codex-feature-panel {
    height: 100%;
    grid-template-columns: 1fr;
}
.wp-block-column > .arcane-codex-source-block .arcane-codex-feature-panel__image {
    min-height: 250px;
    max-height: 330px;
}


/* Psycho Tatters theme typography alignment. */
.arcane-codex-category-hero__description,
.arcane-codex-category-section-heading p,
.arcane-codex-feature-panel__scientific,
.arcane-codex-feature-panel__excerpt,
.arcane-codex-plate-card__scientific,
.arcane-codex-plate-card__meta,
.arcane-codex-plate-card__properties,
.arcane-codex-category-finder__search input,
.arcane-codex-finder-result__scientific,
.arcane-codex-finder-result__properties,
.arcane-codex-category-finder__status { font-family:"Space Grotesk", Inter, sans-serif; }
.arcane-codex-filter-option,
.arcane-codex-selected-filter,
.arcane-codex-finder-clear,
.arcane-codex-finder-submit,
.arcane-codex-category-recent__nav button,
.arcane-codex-catalogue-pagination a,
.arcane-codex-catalogue-pagination span { font-family:Oswald,"Arial Narrow",sans-serif; }

/* 0.9.2 — Psycho Tatters editorial headers, compact finder browser, clean navigation. */
.arcane-codex-category-section-heading,
.arcane-codex-category-section-heading--center {
    text-align: left;
    margin-bottom: 20px;
}
.arcane-codex-category-section-heading h2,
.arcane-codex-category-finder__results-head h3 {
    position: relative;
    margin: 0;
    padding-bottom: 10px;
    color: inherit;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 500;
    letter-spacing: -.025em;
}
.arcane-codex-category-section-heading h2 {
    font-size: clamp(2.65rem, 5vw, 4.6rem);
    line-height: .95;
}
.arcane-codex-category-section-heading h2::after,
.arcane-codex-category-finder__results-head h3::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background: currentColor;
    opacity: .42;
}
.arcane-codex-category-section-heading p {
    margin-top: 12px;
    font-family: "Space Grotesk", Inter, sans-serif;
}
.arcane-codex-category-finder .arcane-codex-category-section-heading h2,
.arcane-codex-category-finder__results-head h3 { color: #f1e1bf; }
.arcane-codex-category-finder__results-head h3 {
    flex: 1 1 auto;
    font-size: clamp(2rem, 3.4vw, 3rem);
    line-height: 1;
}
.arcane-codex-category-finder__results-head { align-items: flex-end; }

/* Finder options behave as popovers, not sticky drawers. */
.arcane-codex-filter-group__options { scrollbar-width: thin; }

/* Search results: one selected specimen plus a compact horizontal rail. */
.arcane-codex-finder-browser {
    display: grid;
    grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr);
    gap: 18px;
    align-items: stretch;
}
.arcane-codex-finder-browser__detail { min-width: 0; }
.arcane-codex-finder-detail {
    height: 100%;
    min-height: 190px;
    display: grid;
    grid-template-columns: minmax(118px, 34%) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(232,215,178,.18);
    border-radius: 16px;
    background: #211918;
    color: #ead8b5;
}
.arcane-codex-finder-detail[hidden] { display: none !important; }
.arcane-codex-finder-detail__image { min-height: 190px; overflow: hidden; background: #302824; }
.arcane-codex-finder-detail__image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.arcane-codex-finder-detail__body { min-width: 0; padding: 18px; align-self: center; }
.arcane-codex-finder-detail__eyebrow {
    margin: 0 0 4px;
    color: #b79a70;
    font: 600 10px/1 Oswald, "Arial Narrow", sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.arcane-codex-finder-detail h4 {
    margin: 0 0 3px;
    color: #f2e4c4;
    font: 600 30px/1 "Cormorant Garamond", Georgia, serif;
}
.arcane-codex-finder-detail__scientific,
.arcane-codex-finder-detail__meta { margin: 4px 0; color: #aa9b88; font-size: 12px; }
.arcane-codex-finder-detail__properties { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
.arcane-codex-finder-detail__properties span {
    padding: 5px 8px;
    border: 1px solid rgba(232,215,178,.16);
    border-radius: 999px;
    background: #302522;
    color: #d7c3a1;
    font: 500 10px/1.15 "Space Grotesk", Inter, sans-serif;
}
.arcane-codex-finder-detail__button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 2px;
    color: #e1c28f;
    text-decoration: none;
    font: 600 10px/1 Oswald, "Arial Narrow", sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.arcane-codex-finder-browser__rail-wrap {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 34px;
    gap: 8px;
    align-items: center;
}
.arcane-codex-finder-browser__rail {
    min-width: 0;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 2px;
}
.arcane-codex-finder-browser__rail::-webkit-scrollbar { display: none; }
.arcane-codex-finder-rail-item {
    flex: 0 0 190px;
    min-height: 112px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(232,215,178,.14);
    border-radius: 14px;
    background: #1c1716;
    color: #cdbb9d;
    cursor: pointer;
}
.arcane-codex-finder-rail-item.is-active { border-color: #826054; background: #302522; }
.arcane-codex-finder-rail-item strong { color: #f0dfbc; font: 600 21px/1 "Cormorant Garamond", Georgia, serif; }
.arcane-codex-finder-rail-item em { color: #a99680; font: 400 11px/1.2 "Space Grotesk", Inter, sans-serif; }
.arcane-codex-finder-rail-item span { color: #927f6c; font: 400 10px/1.3 "Space Grotesk", Inter, sans-serif; }
.arcane-codex-finder-browser__nav {
    width: 34px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #d6bc91;
    cursor: pointer;
    font: 400 34px/1 "Cormorant Garamond", Georgia, serif;
}
.arcane-codex-finder-browser__nav:hover { color: #fff0cf; }

/* Pagination/nav: no cream pill, no floral UI chrome. */
.arcane-codex-catalogue-pagination,
.arcane-codex-category-recent__nav {
    width: max-content;
    max-width: 100%;
    margin: 30px auto 0;
    padding: 0;
    gap: 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.arcane-codex-catalogue-pagination::before,
.arcane-codex-catalogue-pagination::after,
.arcane-codex-category-recent__nav::before,
.arcane-codex-category-recent__nav::after { content: none; }
.arcane-codex-catalogue-pagination a,
.arcane-codex-catalogue-pagination span,
.arcane-codex-category-recent__nav button,
.arcane-codex-category-recent__nav span {
    min-width: 32px;
    min-height: 32px;
    color: #37291f;
    background: transparent;
}
.arcane-codex-catalogue-pagination a.is-current {
    background: #2b211b;
    color: #f2e4c4;
}
.arcane-codex-category-recent__nav button { font-size: 30px; }

/* Site Editor previews should look like the real blocks, not beige placeholders. */
.arcane-codex-category-block-editor,
.arcane-codex-content-block-editor { width: 100%; min-width: 0; }
.arcane-codex-category-block-editor > .components-placeholder,
.arcane-codex-content-block-editor > .components-placeholder { width: 100%; }

@media (max-width: 850px) {
    .arcane-codex-finder-browser { grid-template-columns: 1fr; }
    .arcane-codex-finder-detail { min-height: 170px; }
}
@media (max-width: 560px) {
    .arcane-codex-finder-detail { grid-template-columns: 1fr; }
    .arcane-codex-finder-detail__image { min-height: 160px; max-height: 220px; }
    .arcane-codex-finder-browser__rail-wrap { grid-template-columns: 28px minmax(0,1fr) 28px; }
    .arcane-codex-finder-rail-item { flex-basis: 165px; }
}