.page-section { padding-block: clamp(var(--space-10), 6vw, var(--space-20)); }
.page-section--soft { background: var(--color-surface-soft); border-block: 1px solid var(--color-border-soft); }
.page-section--ink { color: #e9e4da; background: #1f1d18; border-block: 1px solid #343027; }
.page-section--ink h2, .page-section--ink h3 { color: #fffdf7; }
.page-section--ink .lede { color: #c9c2b5; }
.page-header { max-width: 52rem; padding-block: clamp(var(--space-10), 6vw, var(--space-16)); }
.page-header p:last-child { margin-bottom: 0; }

.home-hero { position: relative; overflow: hidden; background: var(--color-canvas); border-bottom: 1px solid var(--color-border-soft); }
.home-hero::after { content: ""; position: absolute; width: 30rem; height: 30rem; right: -15rem; bottom: -18rem; border: 1px solid var(--color-border-soft); border-radius: 50%; pointer-events: none; }
.home-hero__grid { min-height: clamp(34rem, 63vw, 46rem); display: grid; grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr); align-items: center; gap: clamp(var(--space-8), 5vw, var(--space-16)); }
.home-hero__content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding-block: clamp(var(--space-12), 8vw, var(--space-20)); }
.home-hero__content h1 { max-width: 12ch; font-size: clamp(2.8rem, 5.7vw, 5.3rem); font-weight: 500; line-height: 0.98; }
.home-hero__content h1 em { display: block; color: var(--color-gold-strong); font-weight: 450; }
.home-hero__content .lede { max-width: 37rem; }
.home-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-4); }
.home-hero__visual { position: relative; z-index: 1; min-height: 32rem; display: grid; place-items: center; padding: clamp(var(--space-5), 4vw, var(--space-10)); }
.home-hero__frame { width: min(100%, 42rem); aspect-ratio: 1.12 / 1; overflow: hidden; display: grid; place-items: center; padding: clamp(var(--space-4), 3vw, var(--space-8)); background: #fff; border: 1px solid var(--color-border); border-radius: 48% 48% var(--radius-lg) var(--radius-lg) / 42% 42% var(--radius-lg) var(--radius-lg); box-shadow: var(--shadow-md); }
.home-hero__frame img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.home-hero__seal { position: absolute; right: clamp(var(--space-3), 2vw, var(--space-8)); bottom: clamp(var(--space-5), 4vw, var(--space-10)); width: 6.2rem; aspect-ratio: 1; display: grid; place-items: center; padding: var(--space-3); color: var(--color-gold-soft); background: #1f1d18; border: 1px solid #403a2f; border-radius: 50%; font-family: var(--font-display); font-size: 0.78rem; font-style: italic; line-height: 1.15; text-align: center; transform: rotate(-7deg); box-shadow: var(--shadow-md); }

.quick-search { position: relative; z-index: 3; margin-top: calc(-1 * var(--space-8)); }
.quick-search__inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-3); padding: var(--space-4); background: var(--color-surface); border: 1px solid var(--color-border); box-shadow: var(--shadow-md); }
.quick-search__label { color: var(--color-gold-strong); font-size: var(--text-xs); font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; }
.quick-search__field {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
    padding-inline: var(--space-4);
    background: var(--color-surface-soft);
}
.quick-search__field .icon { position: static; color: var(--color-ink-muted); pointer-events: none; }
.quick-search__field input { min-width: 0; padding-inline: 0; border-color: transparent; background: transparent; }

.archive-stats-section { padding-block: clamp(var(--space-8), 5vw, var(--space-12)); background: var(--color-surface-soft); border-bottom: 1px solid var(--color-border-soft); }
.archive-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block: 0; border-block: 1px solid var(--color-border); }
.archive-stats div { display: flex; flex-direction: column; padding: var(--space-5) clamp(var(--space-4), 3vw, var(--space-8)); }
.archive-stats div + div { border-left: 1px solid var(--color-border); }
.archive-stats dd { order: -1; margin: 0; color: var(--color-ink); font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.75rem); line-height: 1; }
.archive-stats dt { margin-top: var(--space-2); color: var(--color-ink-muted); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; }

.curated-intro { display: flex; justify-content: space-between; align-items: end; gap: var(--space-6); margin-bottom: var(--space-8); }
.curated-intro p { max-width: 38rem; color: var(--color-ink-soft); }
.archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(var(--space-5), 3vw, var(--space-8)); }

.identification-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); margin-top: var(--space-10); }
.identification-step { text-align: center; }
.identification-step__icon { width: 3rem; height: 3rem; display: grid; place-items: center; margin: 0 auto var(--space-4); color: var(--color-gold-strong); background: var(--color-gold-pale); border: 1px solid var(--color-border); border-radius: 50%; }
.identification-step h3 { font-size: 1.18rem; }
.identification-step p { color: var(--color-ink-soft); font-size: var(--text-sm); }

.workflow-heading { max-width: 48rem; margin-bottom: var(--space-12); }
.workflow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.workflow-grid li { min-width: 0; padding: 0 clamp(var(--space-5), 3vw, var(--space-8)); border-left: 1px solid #4a4234; }
.workflow-grid li:first-child { padding-left: 0; border-left: 0; }
.workflow-grid li:last-child { padding-right: 0; }
.workflow-grid span { display: block; margin-bottom: var(--space-5); color: var(--color-gold-soft); font-size: var(--text-xs); font-weight: 800; letter-spacing: 0.12em; }
.workflow-grid h3 { margin-bottom: var(--space-3); font-size: 1.35rem; font-weight: 500; }
.workflow-grid p { margin: 0; color: #bdb6a9; font-size: var(--text-sm); line-height: 1.65; }
.evidence-callout { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(20rem, 0.94fr); gap: clamp(var(--space-8), 7vw, var(--space-20)); align-items: center; }
.evidence-callout__image { min-height: 24rem; display: grid; place-items: center; padding: clamp(var(--space-5), 4vw, var(--space-10)); background: #fff; border: 1px solid var(--color-border-soft); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.evidence-callout__image img { width: 100%; max-height: 32rem; object-fit: contain; }
.evidence-callout__content h2 { max-width: 14ch; font-size: clamp(2rem, 4vw, 3.55rem); font-weight: 500; }
.evidence-callout__content .lede { max-width: 34rem; }

.archive-search-header {
    position: relative;
    padding-block: clamp(var(--space-8), 4.5vw, var(--space-12));
    overflow: clip;
    background:
        radial-gradient(circle at 92% 12%, rgba(197, 160, 89, 0.14), transparent 28rem),
        linear-gradient(180deg, #fffdf9 0%, var(--color-canvas) 100%);
    border-bottom: 1px solid var(--color-border-soft);
}
/* The archive search hero stays deliberately undecorated: thin arcs can read
 * as a stray hair/scratch, especially on phones and high-DPI displays. */
.archive-search-header::after { content: none; display: none; }
.archive-search-header__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(18rem, 0.72fr) minmax(32rem, 1.28fr);
    align-items: end;
    gap: clamp(var(--space-8), 5vw, var(--space-16));
}
.archive-search-header__copy { max-width: 38rem; }
.archive-search-header h1 {
    max-width: 13ch;
    margin-bottom: var(--space-3);
    font-size: clamp(2.25rem, 4.2vw, 3.8rem);
    font-weight: 520;
    line-height: 1.02;
}
.archive-search-header .lede { max-width: 39rem; margin-bottom: 0; font-size: clamp(1rem, 1.5vw, 1.13rem); }
.archive-search-form { min-width: 0; }
.archive-search-form__label {
    display: block;
    margin: 0 0 var(--space-2);
    color: var(--color-ink-soft);
    font-size: var(--text-xs);
    font-weight: 780;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}
.archive-search-form__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-2);
    padding: var(--space-2);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 12px 34px rgba(40, 33, 20, 0.08);
    transition: border-color var(--transition), box-shadow var(--transition);
}
.archive-search-form__row:focus-within {
    border-color: var(--color-gold-soft);
    box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.14), 0 16px 38px rgba(40, 33, 20, 0.1);
}
.archive-search-form__input {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
    padding-inline: var(--space-4);
    background: var(--color-surface-soft);
    border-radius: calc(var(--radius-lg) - 0.15rem);
}
.archive-search-form__input .icon { position: static; color: var(--color-gold-strong); pointer-events: none; }
.archive-search-form__input input {
    min-width: 0;
    min-height: 3.45rem;
    padding-inline: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.archive-search-form__input input:focus { border: 0; box-shadow: none; }
.archive-search-form__submit { min-width: 8.6rem; border-radius: calc(var(--radius-lg) - 0.15rem); }
.archive-search-form__hint { margin: var(--space-3) 0 0; color: var(--color-ink-muted); font-size: var(--text-xs); line-height: 1.5; }
.archive-search-form__id-hint { color: var(--color-ink-soft); font-weight: 720; }

.archive-layout {
    display: grid;
    grid-template-columns: minmax(16.75rem, 18.25rem) minmax(0, 1fr);
    gap: clamp(var(--space-6), 3vw, var(--space-10));
    align-items: start;
    padding-top: var(--space-8);
    padding-bottom: var(--space-16);
}
.archive-layout > section { min-width: 0; }










.filter-form { padding: 0 var(--space-5); }
.filter-section { min-width: 0; margin: 0; padding: var(--space-5) 0; border: 0; border-bottom: 1px solid var(--color-border-soft); }
.filter-section > legend {
    width: 100%;
    margin: 0 0 var(--space-3);
    color: var(--color-gold-strong);
    font-family: var(--font-body);
    font-size: 0.68rem;
    font-weight: 820;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.filter-section__grid { display: grid; gap: var(--space-4); }
.filter-group { min-width: 0; padding: 0; border: 0; }
.filter-group label { margin-bottom: var(--space-1); color: var(--color-ink-soft); font-size: 0.76rem; font-weight: 720; }
.filter-group select { min-height: 2.75rem; padding-block: 0.55rem; background-color: #fff; font-size: var(--text-sm); }
.filter-actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: grid;
    gap: var(--space-2);
    margin-inline: calc(-1 * var(--space-5));
    padding: var(--space-4) var(--space-5) var(--space-5);
    background: color-mix(in srgb, var(--color-surface) 96%, transparent);
    border-top: 1px solid var(--color-border);
    box-shadow: 0 -1rem 1.8rem rgba(27, 28, 25, 0.06);
    backdrop-filter: blur(10px);
}

.results-commandbar {
    position: sticky;
    top: var(--header-height);
    z-index: 30;
    margin: calc(-1 * var(--space-3)) 0 var(--space-5);
    padding-top: var(--space-3);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-canvas) 98%, transparent) 72%, transparent 100%);
}
.results-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-5);
    min-height: 4.25rem;
    padding: var(--space-3) var(--space-4);
    background: color-mix(in srgb, var(--color-surface) 96%, transparent);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 22px rgba(40, 33, 20, 0.055);
    backdrop-filter: blur(16px);
}
.results-toolbar__summary { min-width: 0; }
.results-toolbar__eyebrow { margin: 0 0 0.05rem; color: var(--color-ink-muted); font-size: 0.63rem; font-weight: 800; letter-spacing: 0.12em; line-height: 1.2; text-transform: uppercase; }
.results-toolbar h2 { margin: 0; font-family: var(--font-display); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 600; font-style: normal; white-space: nowrap; }
.results-toolbar__actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-2); }
.filter-drawer-trigger { display: none; }
.filter-count {
    min-width: 1.45rem;
    height: 1.45rem;
    display: inline-grid;
    place-items: center;
    padding-inline: 0.3rem;
    color: white;
    background: var(--color-gold-strong);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}
.results-toolbar__sort { display: flex; align-items: center; gap: var(--space-2); }
.results-toolbar__sort label { margin: 0; color: var(--color-ink-muted); font-size: 0.65rem; font-weight: 760; letter-spacing: 0.09em; text-transform: uppercase; }
.results-toolbar__sort select {
    width: auto;
    min-height: 2.65rem;
    padding: 0.45rem 2.15rem 0.45rem 0.7rem;
    border-color: var(--color-border-soft);
    background-color: var(--color-surface);
    color: var(--color-ink);
    font-size: var(--text-sm);
    font-weight: 650;
    box-shadow: none;
}
.result-view-toggle {
    display: none;
    padding: 0.2rem;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
}
.js .result-view-toggle { display: inline-flex; }
.result-view-toggle__button {
    width: 2.35rem;
    height: 2.25rem;
    display: inline-grid;
    place-items: center;
    padding: 0;
    color: var(--color-ink-muted);
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
}
.result-view-toggle__button:hover { color: var(--color-gold-strong); background: var(--color-surface); }
.result-view-toggle__button[aria-pressed="true"] { color: var(--color-ink); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.result-view-toggle__button .icon { width: 1.05rem; height: 1.05rem; }

.active-filters {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
    margin-bottom: var(--space-5);
}
.active-filters__label { flex: 0 0 auto; color: var(--color-ink-muted); font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.active-filters__chips { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: var(--space-2); min-width: 0; }
.active-filters a { text-decoration: none; }
.active-filters .chip {
    min-height: 2rem;
    gap: 0.35rem;
    padding: 0.32rem 0.65rem;
    border-radius: 999px;
    text-transform: none;
    letter-spacing: 0.01em;
    font-size: 0.73rem;
}
.active-filters__clear { flex: 0 0 auto; color: var(--color-ink-muted); font-size: var(--text-xs); font-weight: 700; }

.results-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(var(--space-4), 2vw, var(--space-6)); }
.results-stream { display: grid; gap: clamp(var(--space-10), 5vw, var(--space-16)); }
.results-batch { min-width: 0; scroll-margin-top: calc(var(--header-height) + 5.5rem); }
.catalog-browser { min-width: 0; }
.archive-page .archive-card { border-color: var(--color-border-soft); border-radius: var(--radius-lg); overflow: hidden; }
.archive-page .archive-card__media { margin: var(--space-3) var(--space-3) 0; border-radius: calc(var(--radius-lg) - 0.2rem); }
.archive-page .archive-card__body { padding: var(--space-4); }
.archive-page .archive-card h3 {
    display: -webkit-box;
    min-height: 2.6em;
    margin-bottom: var(--space-2);
    overflow: hidden;
    font-size: clamp(1.06rem, 1.55vw, 1.28rem);
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.archive-page .archive-card__excerpt {
    display: -webkit-box;
    min-height: 4.3em;
    margin-bottom: var(--space-3);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.archive-page .tag-list { gap: 0.35rem; }
.archive-page .tag-list li { min-height: 1.55rem; padding-inline: 0.42rem; border-radius: 999px; font-size: 0.62rem; }

.archive-page[data-catalog-view="list"] .results-grid { grid-template-columns: 1fr; gap: var(--space-3); }
.archive-page[data-catalog-view="list"] .archive-card__link { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); }
.archive-page[data-catalog-view="list"] .archive-card__media { aspect-ratio: 1 / 1; margin: var(--space-3); }
.archive-page[data-catalog-view="list"] .archive-card__body { justify-content: center; padding: var(--space-4) var(--space-5) var(--space-4) var(--space-2); }
.archive-page[data-catalog-view="list"] .archive-card h3 { min-height: 0; font-size: 1.16rem; }
.archive-page[data-catalog-view="list"] .archive-card__excerpt { min-height: 0; margin-bottom: var(--space-2); -webkit-line-clamp: 2; }
.archive-page[data-catalog-view="list"] .tag-list { margin-top: var(--space-2); }

.catalog-starting-point {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
    padding: var(--space-3) var(--space-4);
    color: var(--color-ink-soft);
    background: var(--color-info-soft);
    border: 1px solid #b9d2e0;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
}
.catalog-starting-point a { font-weight: 700; }
.catalog-loading { margin-top: var(--space-10); padding-top: var(--space-6); border-top: 1px solid var(--color-border-soft); }
.catalog-loading__label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
    color: var(--color-ink-muted);
    font-size: var(--text-sm);
    font-weight: 700;
    letter-spacing: 0.05em;
}
.catalog-loading__label::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--color-border);
    border-top-color: var(--color-gold-strong);
    border-radius: 50%;
    animation: catalog-spinner 700ms linear infinite;
}
.catalog-browser__footer {
    display: grid;
    justify-items: center;
    gap: var(--space-4);
    margin-top: clamp(var(--space-10), 6vw, var(--space-16));
    padding: clamp(var(--space-6), 4vw, var(--space-8));
    text-align: center;
    background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 100%);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
}
.catalog-browser__progress { margin: 0; color: var(--color-ink); font-family: var(--font-display); font-size: clamp(1.1rem, 2vw, 1.35rem); font-weight: 650; }
.catalog-browser__controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-3); }
.catalog-browser__note { max-width: 48rem; margin: 0; color: var(--color-ink-muted); font-size: var(--text-sm); }
.catalog-sentinel { width: 100%; height: 1px; pointer-events: none; }
.catalog-browser[data-enhanced="true"] + .pagination-fallback { display: none; }
.catalog-browser .button.is-loading { pointer-events: none; }
.catalog-browser .button.is-loading::after {
    content: "";
    width: 0.95rem;
    height: 0.95rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: catalog-spinner 700ms linear infinite;
}
.archive-page :is(a, button, input, select, summary):focus-visible { scroll-margin-block: calc(var(--header-height) + 5.5rem); }
@keyframes catalog-spinner { to { transform: rotate(360deg); } }
@supports (content-visibility: auto) {
    .results-batch:not(:first-child) { content-visibility: auto; contain-intrinsic-size: auto 82rem; }
}

.item-detail { padding-bottom: var(--space-16); }
.item-detail__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr); gap: clamp(var(--space-8), 5vw, var(--space-16)); align-items: start; }
.item-gallery { min-width: 0; }
.item-gallery__stage { position: relative; aspect-ratio: 1 / 1; display: grid; place-items: center; padding: clamp(var(--space-4), 4vw, var(--space-8)); background: var(--color-surface-soft); border: 1px solid var(--color-border-soft); }
.item-gallery__stage img { width: 100%; height: 100%; object-fit: contain; }
.item-gallery__zoom { position: absolute; right: var(--space-4); bottom: var(--space-4); }
.item-gallery__thumbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-3); }
.item-gallery__thumb { position: relative; aspect-ratio: 4 / 3; padding: var(--space-2); background: var(--color-surface); border: 1px solid var(--color-border); }
.item-gallery__thumb[aria-current="true"] { border-color: var(--color-gold); box-shadow: inset 0 0 0 1px var(--color-gold); }
.item-gallery__thumb img { width: 100%; height: 100%; object-fit: contain; }
.item-gallery__thumb span { position: absolute; left: var(--space-2); bottom: var(--space-2); padding: 0.2rem 0.4rem; background: rgba(251,249,244,0.9); color: var(--color-ink-soft); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.item-summary { position: sticky; top: calc(var(--header-height) + var(--space-6)); }
.item-summary__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-bottom: var(--space-4); }
.item-summary__meta .verified-badge { position: static; }
.item-summary__number { color: var(--color-ink-muted); font-family: var(--font-mono); font-size: var(--text-xs); }
.item-summary h1 { font-size: clamp(2rem, 4vw, 3.25rem); }
.item-summary__description { margin-block: var(--space-6); color: var(--color-ink-soft); font-size: 1.05rem; white-space: pre-line; }
.item-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4) var(--space-6); margin: var(--space-6) 0; padding: var(--space-6) 0; border-block: 1px solid var(--color-border); }
.item-facts div { min-width: 0; }
.item-facts dt { margin-bottom: var(--space-1); color: var(--color-ink-muted); font-size: var(--text-xs); font-weight: 750; letter-spacing: 0.09em; text-transform: uppercase; }
.item-facts dd { margin: 0; color: var(--color-ink); }
.item-summary__actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.related-section { margin-top: var(--space-16); padding-top: var(--space-10); border-top: 1px solid var(--color-border); }
.related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }

.content-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.6fr); gap: clamp(var(--space-8), 6vw, var(--space-16)); align-items: start; }
.content-card { padding: clamp(var(--space-6), 5vw, var(--space-10)); background: var(--color-surface); border: 1px solid var(--color-border); box-shadow: var(--shadow-sm); }
.content-card--narrow { max-width: 52rem; margin-inline: auto; }
.content-card p { color: var(--color-ink-soft); }
.callout { padding: var(--space-6); background: var(--color-surface-soft); border-left: 3px solid var(--color-gold-soft); }
.callout h2, .callout h3 { font-size: 1.35rem; }

.contact-grid { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(var(--space-8), 6vw, var(--space-16)); align-items: start; }
.contact-aside { position: sticky; top: calc(var(--header-height) + var(--space-6)); }
.contact-form { padding: clamp(var(--space-6), 5vw, var(--space-10)); background: var(--color-surface); border: 1px solid var(--color-border); box-shadow: var(--shadow-sm); }

.submission-shell { max-width: 66rem; margin-inline: auto; }
.stepper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 var(--space-8); padding: 0; list-style: none; }
.stepper li { position: relative; display: grid; justify-items: center; gap: var(--space-2); color: var(--color-ink-muted); text-align: center; font-size: var(--text-xs); font-weight: 700; }
.stepper li::before { content: ""; position: absolute; top: 1rem; left: -50%; width: 100%; height: 1px; background: var(--color-border); }
.stepper li:first-child::before { display: none; }
.stepper__number { position: relative; z-index: 1; width: 2rem; height: 2rem; display: grid; place-items: center; color: var(--color-ink-soft); background: var(--color-canvas); border: 1px solid var(--color-border); border-radius: 50%; }
.stepper li[data-current="true"] { color: var(--color-gold-strong); }
.stepper li[data-current="true"] .stepper__number, .stepper li[data-complete="true"] .stepper__number { color: white; background: var(--color-gold-strong); border-color: var(--color-gold-strong); }
.submission-form { background: var(--color-surface); border: 1px solid var(--color-border); box-shadow: var(--shadow-sm); }
.submission-step { padding: clamp(var(--space-6), 5vw, var(--space-10)); }
.submission-step + .submission-step { border-top: 1px solid var(--color-border-soft); }
.js .submission-step[data-step-hidden="true"] { display: none; }
.submission-step__header { max-width: 42rem; margin-bottom: var(--space-8); }
.submission-step__header p { color: var(--color-ink-soft); }
.upload-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.upload-card { position: relative; min-height: 15rem; display: grid; place-items: center; padding: var(--space-6); text-align: center; background: var(--color-surface-soft); border: 1px dashed #a89b85; }
.upload-card input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.upload-card__preview { position: absolute; inset: var(--space-3); width: calc(100% - 1.5rem); height: calc(100% - 1.5rem); object-fit: contain; background: var(--color-surface); }
.upload-card__content { display: grid; justify-items: center; gap: var(--space-3); color: var(--color-ink-soft); }
.upload-card__content .icon { width: 2.25rem; height: 2.25rem; color: var(--color-gold-strong); }
.upload-card[data-has-preview="true"] .upload-card__content {
    position: absolute;
    right: var(--space-4);
    bottom: var(--space-4);
    z-index: 2;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    color: white;
    background: color-mix(in srgb, var(--color-ink) 88%, transparent);
    box-shadow: var(--shadow-sm);
}
.upload-card[data-has-preview="true"] .upload-card__content .icon { width: 1.25rem; height: 1.25rem; color: white; }
.upload-card[data-has-preview="true"] .upload-card__content > span:last-child { display: none; }
.submission-actions { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-5) clamp(var(--space-6), 5vw, var(--space-10)); background: var(--color-surface-soft); border-top: 1px solid var(--color-border); }
.submission-actions [data-step-back]:first-child:last-child { margin-left: auto; }
.review-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin: 0; }
.review-list div { padding: var(--space-4); background: var(--color-surface-soft); }
.review-list dt { color: var(--color-ink-muted); font-size: var(--text-xs); font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; }
.review-list dd { margin: var(--space-1) 0 0; }

.guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.guide-card { padding: var(--space-6); background: var(--color-surface); border: 1px solid var(--color-border); }
.guide-card__icon { width: 3rem; height: 3rem; display: grid; place-items: center; margin-bottom: var(--space-5); color: var(--color-gold-strong); background: var(--color-gold-pale); }
.guide-card p { color: var(--color-ink-soft); }

@media (max-width: 71.99rem) {
    .archive-grid, .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .results-grid--skeleton .archive-card:nth-child(n + 5) { display: none; }
    .archive-search-header__inner { grid-template-columns: 1fr; align-items: start; gap: var(--space-6); }
    .archive-search-header__copy { max-width: 48rem; }
    .archive-search-header h1 { max-width: 16ch; }
    .archive-search-form { width: min(100%, 58rem); }
    .archive-layout { grid-template-columns: 15.25rem minmax(0, 1fr); gap: var(--space-6); }
    .results-toolbar h2 { font-size: 1.18rem; }
    .archive-page[data-catalog-view="list"] .archive-card__link { grid-template-columns: 9.25rem minmax(0, 1fr); }
}
@media (max-width: 61.99rem) {
    .home-hero__grid { grid-template-columns: 1fr; gap: 0; }
    .home-hero__content { padding-top: var(--space-8); }
    .home-hero__visual { min-height: 23rem; order: -1; padding-bottom: 0; }
    .home-hero__frame { width: min(100%, 38rem); }
    .workflow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-10) 0; }
    .workflow-grid li:nth-child(3) { padding-left: 0; border-left: 0; }
    .evidence-callout { grid-template-columns: 1fr; }
    .evidence-callout__content { max-width: 42rem; }
    .quick-search { margin-top: 0; padding-top: var(--space-5); }
    .quick-search__inner { grid-template-columns: 1fr auto; }
    .quick-search__label { grid-column: 1 / -1; }

    .archive-search-header { padding-block: var(--space-8); }
    .archive-search-header__inner { gap: var(--space-5); }
    .archive-search-header h1 { font-size: clamp(2.1rem, 6vw, 3.2rem); }
    .archive-layout { display: block; padding-top: var(--space-5); }
    
    
    
    
    
    .filter-section__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .js .filter-drawer-trigger { display: inline-flex; }
    
    
    
    
    
    
    
    
    .js .filter-form { padding-inline: max(var(--space-5), env(safe-area-inset-left)) max(var(--space-5), env(safe-area-inset-right)); }
    
    .results-commandbar { margin-top: 0; }
    .results-toolbar { min-height: 4rem; }
        .item-detail__grid { grid-template-columns: 1fr; }
    .item-summary, .contact-aside { position: static; }
    .content-layout, .contact-grid { grid-template-columns: 1fr; }
    .guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 48rem) and (max-width: 61.99rem) {
    .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
    .results-toolbar { align-items: center; }
    .active-filters__chips {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: var(--space-1);
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }
    .active-filters__chips::-webkit-scrollbar { display: none; }
    .active-filters .chip { flex: 0 0 auto; }
    .archive-page[data-catalog-view="list"] .results-grid { grid-template-columns: 1fr; }
    .archive-page[data-catalog-view="list"] .archive-card__link { grid-template-columns: 10rem minmax(0, 1fr); }
}
@media (max-width: 47.99rem) {
    .page-section { padding-block: var(--space-10); }
    .quick-search__inner, .archive-search-form__row { grid-template-columns: 1fr; }
    .quick-search__label { display: none; }
    .archive-stats { grid-template-columns: 1fr; }
    .archive-stats div + div { border-left: 0; border-top: 1px solid var(--color-border); }
    .archive-stats div { padding-inline: 0; }
    .workflow-grid { grid-template-columns: 1fr; gap: 0; }
    .workflow-grid li, .workflow-grid li:nth-child(3) { padding: var(--space-7, 1.75rem) 0; border-left: 0; border-top: 1px solid #4a4234; }
    .workflow-grid li:first-child { padding-top: 0; border-top: 0; }
    .home-hero__content h1 { font-size: clamp(2.65rem, 13vw, 4rem); }
    .home-hero__visual { min-height: 19rem; padding-inline: 0; }
    .home-hero__frame { aspect-ratio: 1.18 / 1; padding: var(--space-3); }
    .home-hero__seal { width: 5rem; right: 0; bottom: var(--space-2); font-size: 0.66rem; }
    .quick-search .button, .archive-search-form .button { width: 100%; }

    .archive-search-header { padding-block: var(--space-6); }
    .archive-search-header h1 { max-width: 14ch; font-size: clamp(2rem, 10vw, 2.85rem); }
    .archive-search-header .lede { font-size: 1rem; line-height: 1.55; }
    .archive-search-form__hint { margin-top: var(--space-2); font-size: .82rem; }
    .archive-search-form__id-hint { display: block; margin-top: .2rem; }
    .archive-search-form__row { padding: var(--space-2); }
    .archive-search-form__submit { min-width: 0; }
    .archive-layout { padding-top: var(--space-4); }
    
    .filter-section__grid { grid-template-columns: 1fr; gap: var(--space-3); }
    .results-commandbar { top: var(--header-height); margin-bottom: var(--space-4); padding-top: var(--space-2); }
    .results-toolbar { align-items: stretch; flex-direction: column; gap: var(--space-2); min-height: 0; padding: var(--space-3); }
    .results-toolbar__eyebrow { display: none; }
    .results-toolbar h2 { font-size: 1.12rem; white-space: normal; }
    .results-toolbar__actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; }
    .filter-drawer-trigger { width: 100%; }
    .results-toolbar__sort { justify-content: flex-end; }
    .results-toolbar__sort label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
    .results-toolbar__sort select { max-width: 10.5rem; }
    .result-view-toggle { display: none; }
    .active-filters { align-items: center; gap: var(--space-2); margin-bottom: var(--space-4); }
    .active-filters__label { display: none; }
    .active-filters__chips {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-block: var(--space-1);
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }
    .active-filters__chips::-webkit-scrollbar { display: none; }
    .active-filters .chip { flex: 0 0 auto; }
    .active-filters__clear { flex: 0 0 auto; }
    .archive-grid, .results-grid, .related-grid { grid-template-columns: 1fr; }
    .archive-page[data-catalog-view="list"] .results-grid { grid-template-columns: 1fr; }
    .archive-page[data-catalog-view="list"] .archive-card__link { display: flex; flex-direction: column; }
    .archive-page[data-catalog-view="list"] .archive-card__media { margin: var(--space-3) var(--space-3) 0; }
    .archive-page[data-catalog-view="list"] .archive-card__body { padding: var(--space-4); }
    .archive-page .archive-card h3 { min-height: 0; }
    .archive-page .archive-card__excerpt { min-height: 0; }
    .results-grid--skeleton .archive-card:nth-child(n + 3) { display: none; }
    .catalog-browser__controls { width: 100%; flex-direction: column; }
    .catalog-browser__controls .button { width: 100%; }
    .catalog-starting-point { align-items: flex-start; flex-direction: column; }
    .identification-steps { grid-template-columns: 1fr; gap: var(--space-6); }
    .item-facts, .item-summary__actions { grid-template-columns: 1fr; }
    .stepper { grid-template-columns: repeat(4, 1fr); }
    .stepper__label { display: none; }
    .upload-grid, .review-list, .guide-grid { grid-template-columns: 1fr; }
    .submission-actions { flex-direction: column-reverse; }
    .submission-actions .button { width: 100%; }
}

.check-list { display: grid; gap: var(--space-3); padding-left: 1.2rem; color: var(--color-ink-soft); }
.confidence-list { display: grid; gap: var(--space-3); }
.confidence-list div { display: grid; gap: var(--space-1); padding: var(--space-4); background: var(--color-surface-soft); border-left: 3px solid var(--color-gold-soft); }
.confidence-list strong { font-family: var(--font-display); font-size: 1.15rem; }
.confidence-list span { color: var(--color-ink-soft); font-size: var(--text-sm); }
.about-stat-card { position: sticky; top: calc(var(--header-height) + var(--space-6)); padding: clamp(var(--space-6), 4vw, var(--space-10)); background: var(--color-ink); color: white; box-shadow: var(--shadow-md); }
.about-stat-card .eyebrow { color: var(--color-gold-soft); }
.about-stat-card > strong { display: block; color: white; font-family: var(--font-display); font-size: clamp(3.5rem, 8vw, 6rem); font-weight: 500; line-height: 1; }
.about-stat-card > span { display: block; margin-top: var(--space-2); color: #ded8ce; }
.about-stat-card p { color: #ded8ce; }
.about-stat-card hr { border-color: #494943; }
.about-stat-card .button { width: 100%; }
@media (max-width: 61.99rem) { .about-stat-card { position: static; } }

/* v6.3 archive workspace: width-driven layout, quick facets, one comprehensive filter sheet. */
.container--wide {
    width: min(112rem, calc(100% - (2 * clamp(1rem, 2.4vw, 2.5rem))));
}
.archive-page .archive-search-header__inner {
    width: min(112rem, calc(100% - (2 * clamp(1rem, 2.4vw, 2.5rem))));
    grid-template-columns: minmax(18rem, 0.72fr) minmax(28rem, 1.28fr);
}
.archive-layout {
    display: block;
    padding-top: var(--space-5);
}
.archive-layout > section {
    min-width: 0;
}
.facet-commandbar {
    position: sticky;
    top: var(--header-height);
    z-index: 42;
    display: grid;
    gap: 0.45rem;
    margin-bottom: var(--space-4);
    padding: 0.6rem;
    background: color-mix(in srgb, var(--color-canvas) 94%, transparent);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 28px rgba(40, 33, 20, 0.055);
    backdrop-filter: blur(18px);
}
.facet-commandbar__scroll {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    flex-wrap: wrap;
}
.facet-commandbar__hint {
    margin: 0 0 0 0.25rem;
    color: var(--color-ink-muted);
    font-size: 0.7rem;
    line-height: 1.35;
}
.quick-facet {
    position: relative;
    flex: 0 0 auto;
}
.quick-facet > summary::-webkit-details-marker { display: none; }
.quick-facet__trigger {
    min-height: 2.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.82rem;
    color: var(--color-ink-soft);
    background: var(--color-surface);
    border: 1px solid var(--color-border-soft);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 720;
    line-height: 1;
    list-style: none;
    white-space: nowrap;
    box-shadow: 0 1px 1px rgba(27, 28, 25, 0.025);
}
.quick-facet__trigger:hover,
.quick-facet[open] .quick-facet__trigger {
    color: var(--color-ink);
    border-color: var(--color-border);
    background: #fffdf9;
}
.quick-facet__trigger.is-active {
    color: var(--color-gold-strong);
    border-color: color-mix(in srgb, var(--color-gold-soft) 55%, var(--color-border));
    background: var(--color-gold-pale);
}
.quick-facet__trigger strong {
    max-width: 10rem;
    overflow: hidden;
    color: var(--color-ink);
    font-weight: 760;
    text-overflow: ellipsis;
}
.quick-facet__trigger .icon { width: 0.95rem; height: 0.95rem; }
.quick-facet__trigger--all { margin-left: auto; }
.quick-facet__popover {
    position: absolute;
    z-index: 80;
    top: calc(100% + 0.55rem);
    left: 0;
    width: min(23rem, calc(100vw - 2rem));
    max-height: min(31rem, calc(100dvh - var(--header-height) - 8rem));
    overflow: hidden;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 22px 55px rgba(32, 26, 17, 0.18);
}
.quick-facet:nth-last-child(-n/**/+3) .quick-facet__popover { left: auto; right: 0; }
.quick-facet__popover > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border-soft);
}
.quick-facet__popover header strong { display: block; font-family: var(--font-display); font-size: 1.05rem; }
.quick-facet__popover header p { margin: 0.2rem 0 0; color: var(--color-ink-muted); font-size: 0.72rem; line-height: 1.45; }
.quick-facet__popover header a { flex: 0 0 auto; font-size: 0.72rem; font-weight: 720; }
.quick-facet__options {
    max-height: 24rem;
    overflow-y: auto;
    padding: 0.35rem;
    overscroll-behavior: contain;
}
.quick-facet__option {
    min-height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: 0.55rem 0.7rem;
    color: var(--color-ink-soft);
    border-radius: var(--radius-md);
    font-size: 0.82rem;
    text-decoration: none;
}
.quick-facet__option:hover { color: var(--color-ink); background: var(--color-surface-soft); }
.quick-facet__option.is-selected { color: var(--color-gold-strong); background: var(--color-gold-pale); font-weight: 750; }
.quick-facet__option .icon { width: 1rem; height: 1rem; }

/* The full filter experience is a sheet on every enhanced viewport; no permanent second scroll rail. */







.js .filter-form { padding: 0 var(--space-6); }
.js .filter-section__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.filter-drawer-trigger { display: none; }
.js .filter-drawer-trigger { display: inline-flex; }
.results-commandbar {
    top: calc(var(--header-height) + 4.45rem);
    z-index: 35;
    margin-top: 0;
}



@media (max-width: 61.99rem) {
    .archive-page .archive-search-header__inner { width: min(100% - (2 * var(--gutter)), 100%); grid-template-columns: 1fr; }
}
@media (max-width: 47.99rem) {
    .js .filter-form { padding-inline: max(var(--space-5), env(safe-area-inset-left)) max(var(--space-5), env(safe-area-inset-right)); }
    .js .filter-section__grid { grid-template-columns: 1fr; }
}

/* Progressive fallback: without JavaScript, All filters remains a normal disclosure above results. */





.filter-group__help { margin: 0.35rem 0 0; color: var(--color-ink-muted); font-size: 0.68rem; line-height: 1.45; }


/* v6.5 archive accessibility and browser-library refinements. */
.quick-facet__trigger {
    min-height: 3.35rem;
    padding: 0.72rem 1rem;
    gap: 0.55rem;
    font-size: 0.9rem;
    font-weight: 740;
}
.quick-facet__trigger .icon { width: 1.08rem; height: 1.08rem; }
.quick-facet__option { min-height: 3rem; padding: 0.7rem 0.85rem; font-size: 0.9rem; }
.active-filters .chip { min-height: 2.6rem; padding: 0.5rem 0.8rem; font-size: 0.82rem; }

.result-size-toggle,
.result-view-toggle {
    align-items: center;
    gap: 0.2rem;
    padding: 0.22rem;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-md);
}
.result-size-toggle { display: inline-flex; }
.result-toggle-label { padding-inline: 0.45rem 0.3rem; color: var(--color-ink-muted); font-size: 0.72rem; font-weight: 720; }
.result-size-toggle__button,
.result-view-toggle__button {
    min-height: 2.65rem;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.45rem 0.72rem;
    color: var(--color-ink-muted);
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    font-size: 0.78rem;
    font-weight: 720;
}
.result-size-toggle__button:hover,
.result-view-toggle__button:hover { color: var(--color-ink); background: var(--color-surface); }
.result-size-toggle__button[aria-pressed="true"],
.result-view-toggle__button[aria-pressed="true"] { color: var(--color-ink); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.result-view-toggle__button .icon { width: 1rem; height: 1rem; }

.archive-page[data-catalog-view="list"] .result-size-toggle { display: none; }

/* Desktop All Filters is deliberately centered; tablet uses a right sheet and phone uses full-screen. */
@media (min-width: 62rem) {
    
    
    
}
@media (max-width: 61.99rem) {
    
    
    
    .results-toolbar { align-items: flex-start; }
    .results-toolbar__actions { flex-wrap: wrap; }
}

.saved-workspace__header { max-width: 48rem; margin-bottom: var(--space-10); }
.saved-workspace__header h1 { margin-bottom: var(--space-3); }
.saved-workspace__header p:last-child { color: var(--color-ink-muted); font-size: var(--text-md); }
.saved-section { padding-block: var(--space-8); border-top: 1px solid var(--color-border-soft); }
.saved-section__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-5); }
.saved-section__heading h2 { margin: 0 0 var(--space-1); }
.saved-section__heading p { margin: 0; color: var(--color-ink-muted); }
.browser-library-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr)); gap: var(--space-5); }
.browser-library-card { position: relative; min-width: 0; background: var(--color-surface); border: 1px solid var(--color-border-soft); border-radius: var(--radius-lg); overflow: hidden; }
.browser-library-card__link { display: grid; grid-template-columns: minmax(8.5rem, 36%) minmax(0, 1fr); min-height: 12rem; color: inherit; text-decoration: none; }
.browser-library-card__media { min-width: 0; background: var(--color-surface-soft); }
.browser-library-card__media img { width: 100%; height: 100%; display: block; object-fit: contain; }
.browser-library-card__body { min-width: 0; padding: var(--space-4); }
.browser-library-card__body h3 { margin: var(--space-1) 0 var(--space-2); font-size: 1.1rem; }
.browser-library-card__excerpt { margin: 0 0 var(--space-3); color: var(--color-ink-muted); font-size: var(--text-sm); line-height: 1.5; }
.browser-library-card__remove { position: absolute; top: var(--space-2); right: var(--space-2); min-height: 2.5rem; padding: 0.4rem 0.7rem; background: color-mix(in srgb, var(--color-surface) 94%, transparent); border: 1px solid var(--color-border); border-radius: 999px; font-weight: 720; }
.library-empty { grid-column: 1 / -1; padding: var(--space-8); background: var(--color-surface-soft); border: 1px dashed var(--color-border); border-radius: var(--radius-lg); text-align: center; }
.library-empty h3 { margin-bottom: var(--space-2); }
.library-empty p, .library-loading { margin: 0; color: var(--color-ink-muted); }
@media (max-width: 47.99rem) {
    .saved-section__heading { align-items: stretch; flex-direction: column; }
    .saved-section__heading .button { width: 100%; }
    .browser-library-card__link { grid-template-columns: 8rem minmax(0, 1fr); }
}

.results-toolbar__sort select { min-height: 3rem; max-width: 15rem; font-size: 0.86rem; }


















.js .filter-form {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-content: start;
    padding: 1.25rem clamp(1.2rem, 2.5vw, 2rem) 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.js .filter-section {
    min-width: 0;
    margin: 0;
    padding: 1rem;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
}
.js .filter-section > legend {
    width: auto;
    margin: 0 0 0.7rem;
    padding: 0;
    font-size: 0.7rem;
}
.js .filter-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}
.js .filter-group label { font-size: 0.82rem; }
.js .filter-group select {
    min-height: 3.15rem;
    color: var(--color-ink);
    background-color: var(--color-surface);
    font-size: 0.9rem;
}
.js .filter-group__help { font-size: 0.72rem; line-height: 1.4; }



@media (max-width: 61.99rem) {
    
    
    .js .filter-form { grid-template-columns: 1fr; }
    .js .filter-section__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 39.99rem) {
    
    
    
    
    
    .js .filter-form {
        grid-template-columns: 1fr;
        padding: 1rem max(1rem, env(safe-area-inset-right)) 0 max(1rem, env(safe-area-inset-left));
    }
    .js .filter-section { padding: 0.9rem; }
    .js .filter-section__grid { grid-template-columns: 1fr; }
    
}

/* v6.6.2 All Filters: native top-layer dialog.
   The enhanced modal no longer shares layout classes with the no-JavaScript fallback.
   showModal() places this element in the browser top layer, making its geometry independent
   of archive containers, container queries, sticky parents, and orientation breakpoints. */
.archive-filter-dialog {
    position: fixed;
    inset: 0;
    width: min(72rem, calc(100vw - 3rem));
    height: min(48rem, calc(100dvh - 3rem));
    max-width: none;
    max-height: none;
    margin: auto;
    padding: 0;
    color: var(--color-ink);
    background: var(--color-surface);
    border: 1px solid var(--color-border-soft);
    border-radius: 1.25rem;
    box-shadow: 0 32px 100px rgba(18, 15, 10, 0.34);
    overflow: hidden;
}
.archive-filter-dialog:not([open]) { display: none; }
.archive-filter-dialog::backdrop {
    background: rgba(18, 16, 13, 0.62);
    backdrop-filter: blur(5px);
}
.archive-filter-dialog__form {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    margin: 0;
}
.archive-filter-dialog__header {
    min-height: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-5);
    padding: 1.15rem clamp(1.25rem, 2.5vw, 2rem);
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border-soft);
}
.archive-filter-dialog__header h2 {
    margin: 0;
    font-size: clamp(1.45rem, 2vw, 1.8rem);
    line-height: 1.15;
}
.archive-filter-dialog__header h2:focus { outline: none; }
.archive-filter-dialog__header p {
    max-width: 40rem;
    margin: 0.3rem 0 0;
    color: var(--color-ink-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}
.archive-filter-dialog__header-actions {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex: 0 0 auto;
}
.archive-filter-dialog__clear {
    min-height: 2.9rem;
    display: inline-flex;
    align-items: center;
    padding-inline: 0.9rem;
    color: var(--color-ink-soft);
    border-radius: var(--radius-md);
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
}
.archive-filter-dialog__clear:hover {
    color: var(--color-ink);
    background: var(--color-surface-soft);
}
.archive-filter-dialog__close {
    width: 3.15rem;
    height: 3.15rem;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    padding: 0;
    color: var(--color-ink);
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-soft);
    border-radius: 999px;
}
.archive-filter-dialog__close:hover {
    background: var(--color-gold-pale);
    border-color: var(--color-gold);
}
.archive-filter-dialog__close .icon { width: 1.2rem; height: 1.2rem; }
.archive-filter-dialog__content {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 1.25rem clamp(1.25rem, 2.5vw, 2rem);
}
.archive-filter-dialog__sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.archive-filter-dialog .filter-section {
    min-width: 0;
    margin: 0;
    padding: 1.1rem;
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
}
.archive-filter-dialog .filter-section > legend {
    width: auto;
    margin: 0 0 0.8rem;
    padding: 0;
    font-size: 0.72rem;
}
.archive-filter-dialog .filter-section__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.archive-filter-dialog .filter-group label {
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
}
.archive-filter-dialog .filter-group select {
    width: 100%;
    min-height: 3.25rem;
    color: var(--color-ink);
    background-color: var(--color-surface);
    font-size: 0.95rem;
}
.archive-filter-dialog .filter-group__help {
    margin-top: 0.45rem;
    color: var(--color-ink-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}
.archive-filter-dialog__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem clamp(1.25rem, 2.5vw, 2rem) calc(1rem + env(safe-area-inset-bottom));
    background: var(--color-surface);
    border-top: 1px solid var(--color-border-soft);
}
.archive-filter-dialog__actions .button { min-height: 3.4rem; }

.archive-filter-fallback {
    margin-bottom: var(--space-5);
    background: var(--color-surface);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.js .archive-filter-fallback { display: none; }
.js .archive-filter-fallback[data-dialog-fallback-active="true"] { display: block; }
.archive-filter-fallback > summary {
    min-height: 3.4rem;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    font-weight: 750;
    cursor: pointer;
    list-style: none;
}
.archive-filter-fallback > summary::-webkit-details-marker { display: none; }
.archive-filter-fallback__form { padding: 0 var(--space-4) var(--space-4); }
.archive-filter-fallback .filter-section__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.archive-filter-fallback__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2);
    padding-top: var(--space-4);
}

body.filter-dialog-open { overflow: hidden; }

@media (max-width: 61.99rem) {
    .archive-filter-dialog {
        width: min(44rem, calc(100vw - 2rem));
        height: min(52rem, calc(100dvh - 2rem));
        border-radius: 1rem;
    }
    .archive-filter-dialog__sections { grid-template-columns: 1fr; }
}

@media (max-width: 39.99rem) {
    .archive-filter-dialog {
        inset: 0;
        width: 100vw;
        height: 100dvh;
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .archive-filter-dialog::backdrop { background: var(--color-surface); backdrop-filter: none; }
    .archive-filter-dialog__header {
        min-height: 5.5rem;
        padding: calc(0.85rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) 0.85rem max(1rem, env(safe-area-inset-left));
    }
    .archive-filter-dialog__header p { display: none; }
    .archive-filter-dialog__clear { display: none; }
    .archive-filter-dialog__content {
        padding: 1rem max(1rem, env(safe-area-inset-right)) 1rem max(1rem, env(safe-area-inset-left));
    }
    .archive-filter-dialog .filter-section { padding: 1rem; }
    .archive-filter-dialog .filter-section__grid { grid-template-columns: 1fr; }
    .archive-filter-dialog__actions {
        padding: 0.85rem max(1rem, env(safe-area-inset-right)) calc(0.85rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
    }
}
@media (max-width: 39.99rem) {
    .archive-filter-fallback .filter-section__grid,
    .archive-filter-fallback__actions { grid-template-columns: 1fr; }
}

/* v6.9 self-identification experience -------------------------------------- */
.home-hero__secondary-link {
    min-height: 3.25rem;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding-inline: 0.35rem;
    color: var(--color-ink-soft);
    font-weight: 720;
    text-decoration: none;
}
.home-hero__secondary-link:hover { color: var(--color-gold-strong); }
.home-hero__secondary-link .icon { width: 1rem; height: 1rem; }

.identify-hero {
    padding-block: clamp(var(--space-10), 7vw, var(--space-16));
    background: var(--color-canvas);
    border-bottom: 1px solid var(--color-border-soft);
}
.identify-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .65fr);
    gap: clamp(var(--space-8), 6vw, var(--space-16));
    align-items: center;
}
.identify-hero h1 { max-width: 12ch; font-size: clamp(2.7rem, 5vw, 4.8rem); line-height: 1; }
.identify-hero .lede { max-width: 42rem; }
.identify-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin-top: var(--space-6); }
.identify-hero__search-link { color: var(--color-ink-soft); font-weight: 700; }
.identify-principle {
    display: grid;
    gap: var(--space-3);
    padding: clamp(var(--space-6), 4vw, var(--space-8));
    background: var(--color-surface-soft);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}
.identify-principle__icon { width: 3rem; height: 3rem; display: grid; place-items: center; color: var(--color-gold-strong); background: var(--color-gold-pale); border-radius: 50%; }
.identify-principle__icon .icon { width: 1.4rem; height: 1.4rem; }
.identify-principle strong { font-family: var(--font-display); font-size: clamp(1.4rem, 2.4vw, 1.8rem); line-height: 1.15; }
.identify-principle p { margin: 0; color: var(--color-ink-soft); }

.identify-workflow__header { max-width: 48rem; margin-bottom: var(--space-8); }
.identify-workflow__header h2 { font-size: clamp(2rem, 3.5vw, 3rem); }
.identify-workflow__header p:last-child { color: var(--color-ink-soft); }
.identify-steps { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; counter-reset: none; }
.identify-step {
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    gap: var(--space-5);
    padding: clamp(var(--space-5), 3vw, var(--space-7));
    background: var(--color-surface);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
}
.identify-step__number {
    width: 3.25rem;
    height: 3.25rem;
    display: grid;
    place-items: center;
    color: #231a08;
    background: var(--color-gold-soft);
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 850;
}
.identify-step__content {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .25rem var(--space-4);
    align-items: start;
}
.identify-step__icon {
    grid-row: 1 / span 3;
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    color: var(--color-gold-strong);
    background: var(--color-gold-pale);
    border-radius: 50%;
}
.identify-step__icon .icon { width: 1.15rem; height: 1.15rem; }
.identify-step h3 { margin: 0; font-size: clamp(1.35rem, 2vw, 1.7rem); }
.identify-step p { max-width: 62rem; margin: .25rem 0 0; color: var(--color-ink-soft); }
.identify-step__look-for { grid-column: 2; display: flex; flex-wrap: wrap; gap: .35rem .6rem; margin-top: .7rem; font-size: var(--text-sm); }
.identify-step__look-for strong { color: var(--color-ink); }
.identify-step__look-for span { color: var(--color-ink-muted); }

.identify-search-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-8);
    align-items: center;
    padding: clamp(var(--space-6), 4vw, var(--space-9));
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}
.identify-search-card h2 { max-width: 18ch; }
.identify-search-card p { max-width: 46rem; color: var(--color-ink-soft); }
.identify-search-card__actions { display: grid; gap: var(--space-2); justify-items: stretch; min-width: min(22rem, 100%); }
.identify-search-card__actions span { color: var(--color-ink-muted); font-size: var(--text-sm); text-align: center; }
.identify-contribution-note { padding-block: var(--space-4); border-top: 1px solid var(--color-border-soft); }
.identify-contribution-note p { max-width: 70rem; margin: 0; color: var(--color-ink-muted); font-size: var(--text-sm); }
.identify-contribution-note a { color: var(--color-ink-soft); }
.page-section--compact { padding-block: var(--space-6); }

.contribution-intro .content-card { padding: clamp(var(--space-6), 5vw, var(--space-10)); }
.contribution-readiness { margin-block: var(--space-7); padding-block: var(--space-6); border-block: 1px solid var(--color-border-soft); }
.contribution-readiness h2 { margin-bottom: var(--space-4); }
.contribution-intro__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-7); }

.item-summary__saved-link {
    align-self: center;
    padding: .5rem .2rem;
    color: var(--color-ink-muted);
    font-size: var(--text-sm);
    font-weight: 650;
}
.item-summary__saved-link:hover { color: var(--color-gold-strong); }

@media (max-width: 61.99rem) {
    .identify-hero__grid { grid-template-columns: 1fr; }
    .identify-principle { max-width: 42rem; }
    .identify-search-card { grid-template-columns: 1fr; }
    .identify-search-card__actions { min-width: 0; justify-items: start; }
}
@media (max-width: 39.99rem) {
    .identify-hero { padding-top: var(--space-8); }
    .identify-hero__actions { align-items: stretch; flex-direction: column; }
    .identify-hero__actions .button { width: 100%; }
    .identify-hero__search-link { min-height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; }
    .identify-step { grid-template-columns: 2.7rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); }
    .identify-step__number { width: 2.7rem; height: 2.7rem; }
    .identify-step__content { grid-template-columns: 1fr; }
    .identify-step__icon { grid-row: auto; width: 2.35rem; height: 2.35rem; margin-bottom: .2rem; }
    .identify-step__look-for { grid-column: 1; }
    .contribution-intro__actions { flex-direction: column; }
    .contribution-intro__actions .button { width: 100%; }
}

/* v7.0.7 remove decorative homepage arc
 * The thin quarter-circle decoration was easy to mistake for debris/hair on
 * the display and did not carry information. */
.home-hero::after { content: none !important; display: none !important; }

/* The card-size group already has an accessible aria-label. Do not render a
 * non-interactive word inside the segmented control where it looks clickable. */
.result-size-toggle > .result-toggle-label { display: none !important; }

/* Observation steps are sequential rather than icon cards. */
.guide-page .identification-steps {
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 68rem;
    margin-inline: auto;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--color-border);
}
.guide-page .identification-step {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: var(--space-5);
    padding-block: clamp(var(--space-6), 4vw, var(--space-10));
    text-align: left;
    border-bottom: 1px solid var(--color-border);
}
.guide-page .identification-step__number {
    color: var(--color-gold-strong);
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
}
.guide-page .identification-step h2 { margin: 0; font-size: clamp(1.35rem, 2.6vw, 1.8rem); }
.guide-page .identification-step p { max-width: 62ch; margin-top: var(--space-2); }
@media (max-width: 40rem) {
    .guide-page .identification-step { grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-3); }
}


/* v7.0.9 archive responsive contract */
.catalog-browser[data-enhanced="true"] .results-stream,
.results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
    gap: clamp(.7rem, 1.15vw, 1.15rem);
}
.catalog-browser[data-enhanced="true"] .results-stream > .results-batch,
.catalog-browser[data-enhanced="true"] .results-stream > .results-batch > .results-grid {
    display: contents;
}
.archive-page[data-catalog-view="list"] .catalog-browser[data-enhanced="true"] .results-stream,
.archive-page[data-catalog-view="list"] .results-grid {
    grid-template-columns: 1fr;
    gap: var(--space-3);
}
.archive-page[data-catalog-size="large"] .catalog-browser[data-enhanced="true"] .results-stream,
.archive-page[data-catalog-size="large"] .results-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(21rem, 100%), 1fr));
}

/* Quick facets help at the start of a desktop search but do not remain sticky. */
.facet-commandbar {
    position: relative;
    top: auto;
    z-index: 50;
    gap: .3rem;
    margin-bottom: .6rem;
    padding: .35rem;
    box-shadow: none;
    backdrop-filter: none;
}
.facet-commandbar__hint { display: none; }
.quick-facet__trigger { min-height: 2.55rem; padding: .45rem .7rem; font-size: .76rem; }
.results-commandbar { top: var(--header-height); margin: 0 0 .7rem; padding-top: .2rem; }
.results-toolbar {
    min-height: 3.15rem;
    gap: .6rem;
    padding: .38rem .5rem;
    border-radius: var(--radius-md);
}
.results-toolbar__eyebrow { display: none; }
.results-toolbar h2 { font-size: clamp(1.04rem, 1.4vw, 1.26rem); }
.results-toolbar__actions { gap: .35rem; }
.results-toolbar__sort { gap: .3rem; }
.results-toolbar__sort select { min-height: 2.35rem; max-width: 14rem; padding-block: .3rem; font-size: .76rem; }
.filter-drawer-trigger { min-height: 2.35rem; padding: .36rem .58rem; font-size: .76rem; }
.result-size-toggle, .result-view-toggle { padding: .12rem; border-radius: .48rem; }
.result-size-toggle__button, .result-view-toggle__button { min-height: 2.15rem; padding: .3rem .52rem; font-size: .72rem; }
.result-size-toggle > .result-toggle-label { display: none !important; }
.result-size-toggle__button--compact, .result-size-label--phone { display: none; }

@media (max-width: 61.99rem) {
    .facet-commandbar { display: none; }
    .results-commandbar { top: var(--header-height); }
}

@media (max-width: 47.99rem) {
    .container--wide { width: min(100% - .8rem, 100%); }
    .archive-layout { padding-top: .4rem; }
    .results-commandbar { margin-bottom: .48rem; padding-top: 0; }
    .results-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .38rem .45rem;
        min-height: 0;
        padding: .42rem;
    }
    .results-toolbar__summary { grid-column: 1; grid-row: 1; min-width: 0; }
    .results-toolbar h2 { font-size: 1.05rem; line-height: 1.12; white-space: normal; }
    .results-toolbar__actions { display: contents; }
    .filter-drawer-trigger {
        grid-column: 2;
        grid-row: 1;
        min-height: 2.35rem;
        padding: .34rem .5rem;
        white-space: nowrap;
    }
    .results-toolbar__sort {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
    }
    .results-toolbar__sort label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
    }
    .results-toolbar__sort select {
        width: 100%;
        max-width: none;
        min-width: 0;
        min-height: 2.35rem;
        font-size: .74rem;
        padding-inline: .65rem 2rem;
    }
    .result-size-toggle {
        grid-column: 2;
        grid-row: 2;
        width: auto;
        justify-content: flex-end;
        white-space: nowrap;
    }
    .result-size-toggle__button--compact { display: inline-flex; }
    .result-size-toggle__button--large { display: none; }
    .result-size-toggle__button { flex: 0 0 auto; min-width: 4.4rem; min-height: 2.35rem; padding-inline: .42rem; }
    .result-size-label--desktop { display: none; }
    .result-size-label--phone { display: inline; }
    .result-view-toggle { display: none !important; }

    /* Visible control state and actual card count share the same breakpoint. */
    .catalog-browser[data-enhanced="true"] .results-stream,
    .results-grid,
    .archive-page[data-catalog-size="large"] .catalog-browser[data-enhanced="true"] .results-stream,
    .archive-page[data-catalog-size="large"] .results-grid {
        grid-template-columns: 1fr;
        gap: .65rem;
    }
    .archive-page[data-catalog-size="compact"] .catalog-browser[data-enhanced="true"] .results-stream,
    .archive-page[data-catalog-size="compact"] .results-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .45rem;
    }
    .archive-page[data-catalog-size="compact"] .archive-card { border-radius: .65rem; }
    .archive-page[data-catalog-size="compact"] .archive-card__media { margin: .34rem .34rem 0; border-radius: .5rem; }
    .archive-page[data-catalog-size="compact"] .archive-card__body { padding: .52rem .52rem .62rem; }
    .archive-page[data-catalog-size="compact"] .archive-card__number { margin-bottom: .22rem; font-size: .58rem; letter-spacing: .1em; }
    .archive-page[data-catalog-size="compact"] .archive-card h3 {
        min-height: 2.4em;
        margin: 0;
        font-size: .84rem;
        line-height: 1.2;
        -webkit-line-clamp: 2;
    }
    .archive-page[data-catalog-size="compact"] .archive-card__excerpt,
    .archive-page[data-catalog-size="compact"] .archive-card .tag-list { display: none; }
    .archive-page[data-catalog-size="compact"] .verified-badge {
        top: .35rem;
        right: .35rem;
        gap: .16rem;
        padding: .28rem .34rem;
        font-size: .48rem;
        letter-spacing: .07em;
    }
    .archive-page[data-catalog-size="compact"] .verified-badge .icon { width: .68rem; height: .68rem; }
}
@media (max-width: 25rem) {
    .results-toolbar__sort { grid-column: 1 / -1; }
    .result-size-toggle { grid-column: 1 / -1; grid-row: 3; justify-content: stretch; }
    .result-size-toggle__button { flex: 1 1 0; }
}

/* v7.0.10 list mode has one density. Hidden gallery-size controls must not
 * change the list layout behind the user's back. */
.archive-page[data-catalog-view="list"] .catalog-browser[data-enhanced="true"] .results-stream,
.archive-page[data-catalog-view="list"] .results-grid,
.archive-page[data-catalog-view="list"][data-catalog-size="large"] .catalog-browser[data-enhanced="true"] .results-stream,
.archive-page[data-catalog-view="list"][data-catalog-size="large"] .results-grid {
    grid-template-columns: 1fr;
    gap: var(--space-3);
}

/* v7.0.14 tablet density + compact mobile attributes
 * Standard/Large must create a visible difference at iPad-class widths rather
 * than both collapsing to the same auto-fit column count. Compact phone cards
 * regain a small, bounded attribute row for faster visual scanning. */
@media (min-width: 48rem) and (max-width: 71.99rem) {
    .archive-page:not([data-catalog-view="list"])[data-catalog-size="standard"] .catalog-browser[data-enhanced="true"] .results-stream,
    .archive-page:not([data-catalog-view="list"])[data-catalog-size="standard"] .results-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .archive-page:not([data-catalog-view="list"])[data-catalog-size="large"] .catalog-browser[data-enhanced="true"] .results-stream,
    .archive-page:not([data-catalog-view="list"])[data-catalog-size="large"] .results-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 47.99rem) {
    .archive-page[data-catalog-size="compact"] .archive-card .tag-list {
        display: flex;
        flex-wrap: nowrap;
        gap: .25rem;
        margin-top: .45rem;
        overflow: hidden;
    }
    .archive-page[data-catalog-size="compact"] .archive-card .tag-list li {
        flex: 0 1 auto;
        min-width: 0;
        max-width: calc(50% - .125rem);
        min-height: 1.2rem;
        padding: .1rem .28rem;
        overflow: hidden;
        font-size: .48rem;
        letter-spacing: .035em;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .archive-page[data-catalog-size="compact"] .archive-card .tag-list li:nth-child(n + 3) {
        display: none;
    }
}

/* v7.0.9 Identify-a-piece presentation */
.guide-hero { padding-top: clamp(2rem, 5vw, 4.5rem); }
.guide-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr); gap: clamp(1.5rem, 5vw, 4.5rem); align-items: center; }
.guide-hero__copy { max-width: 48rem; }
.guide-hero__copy h1 { max-width: 12ch; margin-bottom: var(--space-5); font-size: clamp(2.6rem, 6vw, 5.1rem); }
.guide-hero__copy .lede { max-width: 44rem; }
.guide-observation-card { padding: clamp(1.25rem, 2.8vw, 2rem); background: var(--color-surface); border: 1px solid var(--color-border); border-top: 4px solid var(--color-gold-strong); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.guide-observation-card h2 { margin-bottom: var(--space-5); font-size: clamp(1.45rem, 2.4vw, 2rem); }
.guide-observation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 0; }
.guide-observation-grid div { min-width: 0; padding: .8rem; background: var(--color-surface-soft); border: 1px solid var(--color-border-soft); border-radius: var(--radius-md); }
.guide-observation-grid dt { margin-bottom: .25rem; color: var(--color-gold-strong); font-weight: 800; }
.guide-observation-grid dd { margin: 0; color: var(--color-ink-soft); font-size: var(--text-sm); line-height: 1.5; }
.guide-process-heading { max-width: 58rem; margin-bottom: var(--space-8); }
.identification-steps--detailed { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .7rem; margin: 0; padding: 0; list-style: none; border-top: 0 !important; }
.identification-steps--detailed .identification-step { min-width: 0; display: flex; flex-direction: column; gap: .75rem; padding: 1.1rem; text-align: left; background: var(--color-surface); border: 1px solid var(--color-border-soft); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.identification-steps--detailed .identification-step__number { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; color: #fff; background: var(--color-gold-strong); border-radius: 50%; font-size: .72rem; font-weight: 850; letter-spacing: .05em; }
.identification-steps--detailed .identification-step h3 { margin: 0 0 .4rem; font-size: 1.12rem; }
.identification-steps--detailed .identification-step p { margin: 0; }
.identification-steps--detailed .identification-step .field-help { margin-top: .55rem; font-size: .72rem; }
.guide-evidence-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: var(--space-6); align-items: start; }
.guide-check-list { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 1.1rem; }
.confidence-list--graded div { border-left-width: 4px; border-radius: 0 var(--radius-md) var(--radius-md) 0; }
.guide-cta-card { text-align: center; }
.guide-cta-card .home-hero__actions { justify-content: center; }
@media (max-width: 75rem) {
    .identification-steps--detailed { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .identification-steps--detailed .identification-step:last-child { grid-column: 1 / -1; }
}
@media (max-width: 61.99rem) {
    .guide-hero__grid, .guide-evidence-grid { grid-template-columns: 1fr; }
    .guide-hero__copy h1 { max-width: 14ch; }
}
@media (max-width: 39rem) {
    .guide-observation-grid, .identification-steps--detailed, .guide-check-list { grid-template-columns: 1fr; }
    .identification-steps--detailed .identification-step:last-child { grid-column: auto; }
}

/* v7.3.3 public archive filter affordance polish.
 * Static filter copy should read as interface chrome rather than editable text;
 * actual controls keep their native interactive cursors and focus behavior. */
.filter-section > legend,
.filter-group > label,
.filter-group__help,
.quick-facet__popover > header,
.archive-filter-dialog__header,
.results-toolbar__sort > label,
.result-toggle-label,
.active-filters__label {
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}
.quick-facet__trigger,
.quick-facet__option,
.filter-drawer-trigger,
.archive-filter-dialog__close,
.archive-filter-dialog__clear,
.archive-filter-dialog__actions .button,
.archive-filter-fallback > summary {
    -webkit-user-select: none;
    user-select: none;
}

/* v7.4.3 — Collector experience */
.collector-workspace,
.collector-profile { min-height: 68vh; }
.collector-account-page .page-section { padding-top: clamp(1rem, 2.5vw, 2rem); }

/* Shared account context: small enough to feel like part of IIJJ, strong enough to orient the member. */
.collector-account-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
    padding: .7rem .8rem .7rem .7rem;
    border: 1px solid var(--color-border-soft);
    border-radius: calc(var(--radius-lg) + .15rem);
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-gold-soft) 8%);
    box-shadow: var(--shadow-sm);
}
.collector-account-bar__identity {
    min-width: 0;
    display: inline-grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    color: inherit;
    text-decoration: none;
}
.collector-account-bar__identity:hover { color: inherit; }
.collector-account-bar__avatar,
.collector-profile-summary__avatar {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #dfbf75, #b58a35);
    color: #241a08;
    font-family: var(--font-display);
    font-weight: 750;
    box-shadow: inset 0 0 0 1px rgba(90, 62, 8, .22), 0 5px 14px rgba(99, 72, 17, .12);
}
.collector-account-bar__avatar { width: 2.75rem; height: 2.75rem; font-size: 1.05rem; }
.collector-account-bar__identity-copy { min-width: 0; display: grid; gap: .08rem; }
.collector-account-bar__identity-copy strong { overflow: hidden; font-size: .92rem; text-overflow: ellipsis; white-space: nowrap; }
.collector-account-bar__identity-copy small { overflow: hidden; color: var(--color-ink-muted); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.collector-account-bar__nav { display: inline-flex; align-items: center; gap: .2rem; }
.collector-account-bar__nav a {
    min-height: 2.55rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    border-radius: var(--radius-md);
    color: var(--color-ink-muted);
    font-size: .78rem;
    font-weight: 750;
    text-decoration: none;
}
.collector-account-bar__nav a:hover { color: var(--color-ink); background: var(--color-surface-soft); }
.collector-account-bar__nav a[aria-current="page"] { color: var(--color-ink); background: var(--color-surface); box-shadow: 0 0 0 1px var(--color-border-soft); }
.collector-account-bar__nav .icon { width: 1rem; height: 1rem; }

/* Signed-out value proposition */
.collector-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .92fr);
    gap: clamp(2rem, 6vw, 5.5rem);
    align-items: center;
    padding-block: clamp(1.5rem, 5vw, 5rem);
}
.collector-intro__copy { max-width: 48rem; }
.collector-intro__brand { width: 5.25rem; height: 5.25rem; margin-bottom: var(--space-4); }
.collector-intro__brand img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(93, 66, 12, .15)); }
.collector-intro__copy h1 { max-width: 12ch; margin: .25rem 0 var(--space-5); font-size: clamp(2.65rem, 6vw, 5.2rem); line-height: .95; }
.collector-intro__copy .lede { max-width: 44rem; }
.collector-intro__actions { margin-top: var(--space-7); display: grid; gap: var(--space-3); justify-items: start; }
.collector-intro__actions p { max-width: 42rem; margin: 0; color: var(--color-ink-muted); font-size: var(--text-sm); }
.collector-preview-entry { display: grid; gap: var(--space-3); justify-items: start; margin: 0; }
.collector-preview-entry p { margin: 0; }
.collector-intro__benefits { display: grid; gap: var(--space-3); }
.collector-intro__benefits article {
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr);
    gap: var(--space-3);
    align-items: start;
    padding: var(--space-4);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}
.collector-intro__benefits .icon { width: 1.3rem; height: 1.3rem; margin: .3rem auto 0; color: var(--color-gold-strong); }
.collector-intro__benefits strong,
.collector-intro__benefits span { display: block; }
.collector-intro__benefits span { margin-top: .2rem; color: var(--color-ink-muted); font-size: var(--text-sm); line-height: 1.45; }

/* Signed-in dashboard */
.collector-dashboard-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(var(--space-5), 5vw, var(--space-9));
    margin-bottom: var(--space-5);
    padding: clamp(1.6rem, 4vw, 3rem);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-gold-soft) 40%, var(--color-border-soft));
    border-radius: calc(var(--radius-lg) + .35rem);
    background:
        radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--color-gold-soft) 24%, transparent) 0, transparent 28%),
        linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 94%, var(--color-gold-soft) 6%), var(--color-surface));
    box-shadow: var(--shadow-sm);
}
.collector-dashboard-hero__copy { max-width: 49rem; }
.collector-dashboard-hero h1 { margin: .25rem 0 var(--space-3); font-size: clamp(2.05rem, 4.4vw, 3.9rem); line-height: 1; }
.collector-dashboard-hero p:last-child { max-width: 46rem; margin: 0; color: var(--color-ink-soft); }
.collector-dashboard-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); flex: 0 0 auto; }
.collector-dashboard-hero__actions .icon { width: 1rem; height: 1rem; }
.collector-dashboard__eyebrow-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.collector-dashboard__eyebrow-row .eyebrow { margin: 0; }
.collector-local-badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    padding: .2rem .52rem;
    border: 1px solid color-mix(in srgb, var(--color-gold-strong) 30%, var(--color-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-gold-soft) 18%, var(--color-surface));
    color: var(--color-ink);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.collector-local-banner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-3);
    margin: 0 0 var(--space-5);
    padding: .85rem 1rem;
    border: 1px dashed color-mix(in srgb, var(--color-gold-strong) 28%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-gold-soft) 10%, var(--color-surface));
}
.collector-local-banner > .icon { width: 1.1rem; height: 1.1rem; color: var(--color-gold-strong); }
.collector-local-banner strong,
.collector-local-banner span { display: block; }
.collector-local-banner span { margin-top: .08rem; color: var(--color-ink-muted); font-size: .78rem; }
.collector-local-banner a { white-space: nowrap; font-size: .8rem; font-weight: 750; }

.collector-import {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-4);
    margin-block: var(--space-5);
    padding: var(--space-4);
    border: 1px solid color-mix(in srgb, var(--color-gold-soft) 55%, var(--color-border));
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-gold-soft) 16%, var(--color-surface)), var(--color-surface));
}
.collector-import[hidden] { display: none; }
.collector-import__icon { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; border-radius: 50%; background: var(--color-surface); color: var(--color-gold-strong); box-shadow: var(--shadow-sm); }
.collector-import__icon .icon { width: 1.15rem; height: 1.15rem; }
.collector-import h2 { margin: .15rem 0 .25rem; font-size: 1.2rem; }
.collector-import p:last-child { margin: 0; color: var(--color-ink-muted); font-size: .86rem; }

.collector-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
    margin-block: var(--space-5) var(--space-7);
}
.collector-summary__card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "icon count" "title title" "help help";
    align-items: center;
    gap: .22rem .55rem;
    padding: var(--space-4);
    overflow: hidden;
    color: inherit;
    background: var(--color-surface);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition), background-color var(--transition);
}
.collector-summary__card:hover { color: inherit; transform: translateY(-2px); border-color: var(--color-gold-soft); box-shadow: var(--shadow-md); }
.collector-summary__card[aria-current="page"] { border-color: color-mix(in srgb, var(--color-gold-strong) 58%, var(--color-border)); background: color-mix(in srgb, var(--color-gold-soft) 10%, var(--color-surface)); box-shadow: inset 0 3px 0 var(--color-gold-strong), var(--shadow-sm); }
.collector-summary__icon { grid-area: icon; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; color: var(--color-gold-strong); background: var(--color-surface-soft); }
.collector-summary__icon .icon { width: .95rem; height: .95rem; }
.collector-summary__count { grid-area: count; justify-self: end; font-family: var(--font-display); font-size: clamp(1.7rem, 3vw, 2.25rem); line-height: 1; font-variant-numeric: tabular-nums; }
.collector-summary__card strong { grid-area: title; margin-top: .3rem; font-size: .93rem; }
.collector-summary__card small { grid-area: help; color: var(--color-ink-muted); font-size: .74rem; line-height: 1.35; }

/* Library workspace */
.collector-library-panel {
    padding: clamp(1rem, 2vw, 1.4rem);
    border: 1px solid var(--color-border-soft);
    border-radius: calc(var(--radius-lg) + .3rem);
    background: color-mix(in srgb, var(--color-surface) 96%, var(--color-canvas) 4%);
    box-shadow: var(--shadow-sm);
}
.collector-library__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-5);
    padding: .35rem .35rem var(--space-4);
}
.collector-library__heading h2 { margin: .15rem 0 .25rem; font-size: clamp(1.6rem, 3vw, 2.35rem); }
.collector-library__heading p:last-child { margin: 0; color: var(--color-ink-muted); }
.collector-library__count { color: var(--color-ink-muted); font-family: var(--font-sans); font-size: .55em; font-weight: 650; vertical-align: .18em; }
.collector-library__secondary-actions { display: flex; align-items: center; gap: var(--space-2); }
.collector-previous-link { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .7rem; border-radius: var(--radius-md); color: var(--color-ink-muted); font-size: .78rem; font-weight: 750; text-decoration: none; }
.collector-previous-link:hover { color: var(--color-ink); background: var(--color-surface-soft); }
.collector-previous-link .icon { width: .95rem; height: .95rem; }
.collector-previous-link span { min-width: 1.45rem; height: 1.45rem; display: inline-grid; place-items: center; padding-inline: .35rem; border-radius: 999px; background: var(--color-surface-soft); color: var(--color-ink); font-size: .69rem; }

.collector-library-tools {
    display: grid;
    grid-template-columns: minmax(15rem, 30rem) 1fr;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
    padding: .75rem;
    border-radius: var(--radius-lg);
    background: var(--color-surface-soft);
}
.collector-library-search {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    margin: 0;
    padding: 0 .65rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-ink-muted);
    transition: border-color var(--transition), box-shadow var(--transition);
}
.collector-library-search:focus-within { border-color: var(--color-gold); box-shadow: 0 0 0 4px rgba(197, 160, 89, .13); }
.collector-library-search > .icon { width: 1.05rem; height: 1.05rem; }
.collector-library-search input[type="search"] { min-width: 0; min-height: 2.75rem; padding: .6rem 0; border: 0; background: transparent; box-shadow: none; }
.collector-library-search input[type="search"]:focus { box-shadow: none; }
.collector-library-search button { width: 2rem; height: 2rem; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--color-ink-muted); cursor: pointer; }
.collector-library-search button:hover { color: var(--color-ink); background: var(--color-surface-soft); }
.collector-library-search button[hidden] { display: none; }
.collector-library-search button .icon { width: .9rem; height: .9rem; }
.collector-library-tools__meta { justify-self: end; color: var(--color-ink-muted); font-size: .76rem; }
.collector-library-tools__meta strong { color: var(--color-ink); font-variant-numeric: tabular-nums; }

.collector-library-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.collector-library-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), opacity 220ms ease;
}
.collector-library-card:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--color-gold-soft) 62%, var(--color-border)); box-shadow: var(--shadow-md); }
.collector-library-card[hidden] { display: none; }
.collector-library-card.is-leaving { opacity: 0; transform: scale(.985); }
.collector-library-card__media {
    position: relative;
    aspect-ratio: 4 / 3;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: color-mix(in srgb, var(--color-surface-soft) 82%, #fff 18%);
}
.collector-library-card__media img { width: 100%; height: 100%; display: block; object-fit: contain; transition: transform 400ms cubic-bezier(.2,.7,.2,1); }
.collector-library-card:hover .collector-library-card__media img { transform: scale(1.025); }
.collector-library-card__status {
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: calc(100% - 1.5rem);
    padding: .38rem .58rem;
    border: 1px solid rgba(75, 60, 30, .12);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 92%, transparent);
    color: var(--color-ink);
    box-shadow: 0 4px 15px rgba(36, 28, 13, .1);
    backdrop-filter: blur(10px);
    font-size: .7rem;
    font-weight: 800;
}
.collector-library-card__status .icon { width: .83rem; height: .83rem; color: var(--color-gold-strong); }
.collector-library-card__body { min-width: 0; display: flex; flex: 1; flex-direction: column; padding: var(--space-4); }
.collector-library-card__identity { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.collector-library-card__identity .archive-card__number { margin: 0; }
.collector-library-card__identity > span { color: var(--color-ink-muted); font-size: .67rem; white-space: nowrap; }
.collector-library-card__body h3 { margin: .35rem 0 .7rem; font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.13; }
.collector-library-card__body h3 a { color: inherit; text-decoration: none; }
.collector-library-card__body h3 a:hover { color: var(--color-gold-strong); }
.collector-library-card__tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .85rem; }
.collector-library-card__tags span { padding: .27rem .45rem; border-radius: 999px; background: var(--color-surface-soft); color: var(--color-ink-muted); font-size: .67rem; font-weight: 700; }
.collector-library-card__note-preview {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .55rem;
    margin-top: .1rem;
    padding: .75rem;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-gold-soft) 7%, var(--color-surface-soft));
}
.collector-library-card__note-preview > .icon { width: .9rem; height: .9rem; margin-top: .1rem; color: var(--color-gold-strong); }
.collector-library-card__note-preview span { display: block; margin-bottom: .15rem; color: var(--color-ink-muted); font-size: .65rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.collector-library-card__note-preview p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--color-ink-soft); font-size: .78rem; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.collector-library-card__actions { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); margin-top: auto; padding-top: var(--space-4); }
.collector-library-card__actions .text-link { font-size: .76rem; }
.collector-edit-toggle { min-height: 2.25rem; display: inline-flex; align-items: center; gap: .38rem; padding: .48rem .58rem; border: 1px solid var(--color-border-soft); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-ink); font: inherit; font-size: .72rem; font-weight: 750; cursor: pointer; }
.collector-edit-toggle:hover,
.collector-edit-toggle[aria-expanded="true"] { border-color: var(--color-gold-soft); background: var(--color-surface-soft); }
.collector-edit-toggle .icon { width: .88rem; height: .88rem; }
.collector-item-edit { margin: var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4)); padding: var(--space-4); border-top: 1px solid var(--color-border-soft); background: var(--color-surface-soft); }
.collector-item-edit[hidden] { display: none; }
.collector-item-edit__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.collector-item-edit__heading strong,
.collector-item-edit__heading span { display: block; }
.collector-item-edit__heading span { margin-top: .1rem; color: var(--color-ink-muted); font-size: .72rem; }
.collector-item-edit__heading > .icon { width: 1rem; height: 1rem; color: var(--color-gold-strong); }
.collector-entry-form,
.collector-note-form { margin: 0; }
.collector-entry-form { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; }
.collector-entry-form label,
.collector-note-form label { margin: 0; font-size: .75rem; }
.collector-entry-form select { min-height: 2.65rem; margin: 0; font-size: .78rem; }
.collector-field-state { min-width: 3rem; color: var(--color-ink-muted); font-size: .69rem; text-align: right; }
.collector-note-form { margin-top: var(--space-4); }
.collector-note-form label { display: flex; justify-content: space-between; gap: var(--space-2); margin-bottom: .45rem; }
.collector-note-form label span { color: var(--color-ink-muted); font-size: .68rem; font-weight: 600; }
.collector-note-form textarea { min-height: 6.75rem; margin: 0; font-size: .8rem; line-height: 1.45; resize: vertical; }
.collector-note-form__actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-3); margin-top: .55rem; }
.collector-note-form__actions [data-collector-save-state] { color: var(--color-ink-muted); font-size: .7rem; }
.collector-item-edit__footer { display: flex; justify-content: flex-end; margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border-soft); }
.collector-remove-button { padding: .25rem 0; border: 0; background: transparent; color: var(--color-ink-muted); font: inherit; font-size: .7rem; font-weight: 700; cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: .2em; }
.collector-remove-button:hover { color: var(--color-danger); text-decoration-color: currentColor; }
.collector-filter-empty { display: grid; justify-items: center; gap: .35rem; padding: 2.5rem; text-align: center; color: var(--color-ink-muted); }
.collector-filter-empty[hidden] { display: none; }
.collector-filter-empty .icon { width: 1.4rem; height: 1.4rem; margin-bottom: .25rem; color: var(--color-gold-strong); }
.collector-filter-empty strong { color: var(--color-ink); }
.collector-filter-empty span { font-size: .8rem; }
.collector-empty { padding: clamp(2.5rem, 7vw, 5.5rem); text-align: center; border: 1px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-soft); }
.collector-empty__icon { width: 3.25rem; height: 3.25rem; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; background: var(--color-surface); color: var(--color-gold-strong); box-shadow: var(--shadow-sm); }
.collector-empty__icon .icon { width: 1.35rem; height: 1.35rem; }
.collector-empty h3 { margin: var(--space-3) 0 var(--space-2); }
.collector-empty p { max-width: 40rem; margin: 0 auto var(--space-5); color: var(--color-ink-muted); }

/* Account/profile */
.collector-profile-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-5);
    margin-bottom: var(--space-5);
    padding: clamp(.7rem, 2vw, 1.4rem) .35rem;
}
.collector-profile-hero h1 { margin: .18rem 0 .4rem; font-size: clamp(2rem, 4vw, 3.25rem); }
.collector-profile-hero p:last-child { max-width: 50rem; margin: 0; color: var(--color-ink-muted); }
.collector-profile-layout { display: grid; grid-template-columns: minmax(17rem, 20rem) minmax(0, 1fr); gap: clamp(var(--space-4), 4vw, var(--space-7)); align-items: start; }
.collector-profile-summary { position: sticky; top: calc(var(--header-height, 4.5rem) + var(--space-4)); display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--color-border-soft); border-radius: calc(var(--radius-lg) + .2rem); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.collector-profile-summary__identity { display: grid; grid-template-columns: 3.6rem minmax(0, 1fr); align-items: center; gap: .8rem; padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-border-soft); }
.collector-profile-summary__avatar { width: 3.6rem; height: 3.6rem; font-size: 1.35rem; }
.collector-profile-summary__identity strong,
.collector-profile-summary__identity span { display: block; min-width: 0; }
.collector-profile-summary__identity strong { font-size: 1rem; }
.collector-profile-summary__identity span { margin-top: .18rem; overflow: hidden; color: var(--color-ink-muted); font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.collector-profile-summary__facts { display: grid; gap: .35rem; }
.collector-profile-summary__facts > div { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); padding: .6rem .2rem; border-bottom: 1px solid var(--color-border-soft); }
.collector-profile-summary__facts > div:last-child { border-bottom: 0; }
.collector-profile-summary__facts span { color: var(--color-ink-muted); font-size: .72rem; }
.collector-profile-summary__facts strong { max-width: 10rem; overflow: hidden; font-size: .78rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.collector-profile-summary > .button { width: 100%; }
.collector-profile-summary__privacy { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .65rem .35rem; color: inherit; text-decoration: none; }
.collector-profile-summary__privacy:hover { color: var(--color-gold-strong); }
.collector-profile-summary__privacy > .icon { width: 1rem; height: 1rem; }
.collector-profile-summary__privacy span strong,
.collector-profile-summary__privacy span small { display: block; }
.collector-profile-summary__privacy span strong { font-size: .76rem; }
.collector-profile-summary__privacy span small { margin-top: .08rem; color: var(--color-ink-muted); font-size: .68rem; }
.collector-profile-summary__signout { width: 100%; min-height: 2.5rem; display: flex; align-items: center; justify-content: center; gap: .45rem; margin: var(--space-2) 0 0; padding: .65rem; border-top: 1px solid var(--color-border-soft); border-radius: var(--radius-md); color: var(--color-ink-muted); font-size: .75rem; font-weight: 750; text-decoration: none; cursor: pointer; }
.collector-profile-summary__signout:hover { background: var(--color-surface-soft); color: var(--color-ink); }
.collector-profile-summary__signout .icon { width: .95rem; height: .95rem; }
.collector-profile__content { min-width: 0; display: grid; gap: var(--space-4); }
.collector-settings-card { padding: clamp(var(--space-4), 3vw, var(--space-6)); border: 1px solid var(--color-border-soft); border-radius: calc(var(--radius-lg) + .15rem); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.collector-settings-card--profile { border-color: color-mix(in srgb, var(--color-gold-soft) 50%, var(--color-border-soft)); }
.collector-settings-card--fixture { border-style: dashed; background: color-mix(in srgb, var(--color-gold-soft) 8%, var(--color-surface)); }
.collector-settings-card--fixture > p { max-width: 48rem; color: var(--color-ink-muted); }
.collector-settings-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); }
.collector-settings-card__heading .eyebrow { margin-bottom: .25rem; }
.collector-settings-card__heading h2 { margin: 0; font-size: clamp(1.2rem, 2vw, 1.55rem); }
.collector-settings-card__heading p:last-child { max-width: 42rem; margin: .28rem 0 0; color: var(--color-ink-muted); font-size: .8rem; }
.collector-settings-card__state { display: inline-flex; align-items: center; min-height: 1.75rem; padding: .22rem .55rem; border-radius: 999px; background: var(--color-surface-soft); color: var(--color-ink-muted); font-size: .72rem; font-weight: 800; }
.collector-settings-card__state--good { background: color-mix(in srgb, #2f7d4a 11%, var(--color-surface)); color: color-mix(in srgb, #2f7d4a 88%, var(--color-ink)); }
.collector-profile-form { margin: 0; }
.collector-profile-form > label { display: block; margin-bottom: .45rem; font-weight: 750; }
.collector-profile-form__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); align-items: center; }
.collector-profile-form__row input { margin: 0; }
.collector-profile-form .field-help { margin: .55rem 0 0; color: var(--color-ink-muted); font-size: var(--text-sm); }
.collector-account-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin: 0; }
.collector-account-facts > div { min-width: 0; padding: var(--space-3); border-radius: var(--radius-md); background: var(--color-surface-soft); }
.collector-account-facts dt { margin-bottom: .25rem; color: var(--color-ink-muted); font-size: .69rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.collector-account-facts dd { margin: 0; overflow-wrap: anywhere; font-size: .84rem; font-weight: 750; }
.collector-security-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-3); margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border-soft); }
.collector-security-note > .icon { width: 1.1rem; height: 1.1rem; margin-top: .15rem; color: var(--color-gold-strong); }
.collector-security-note strong { display: block; }
.collector-security-note p { margin: .2rem 0 0; color: var(--color-ink-muted); font-size: var(--text-sm); }
.collector-privacy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.collector-privacy-grid > div { padding: var(--space-4); border-radius: var(--radius-md); background: var(--color-surface-soft); }
.collector-privacy-grid .icon { width: 1.15rem; height: 1.15rem; margin-bottom: var(--space-2); color: var(--color-gold-strong); }
.collector-privacy-grid strong { display: block; }
.collector-privacy-grid p { margin: .25rem 0 0; color: var(--color-ink-muted); font-size: var(--text-sm); }

@media (max-width: 74rem) {
    .collector-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .collector-dashboard-hero { align-items: flex-start; flex-direction: column; }
    .collector-dashboard-hero__actions { width: 100%; }
}
@media (max-width: 61.99rem) {
    .collector-intro { grid-template-columns: 1fr; }
    .collector-intro__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .collector-profile-layout { grid-template-columns: 1fr; }
    .collector-profile-summary { position: static; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
    .collector-profile-summary__identity { grid-column: 1 / -1; }
    .collector-profile-summary__facts { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
    .collector-profile-summary__facts > div { display: block; border: 0; border-radius: var(--radius-md); background: var(--color-surface-soft); }
    .collector-profile-summary__facts strong { display: block; max-width: none; margin-top: .15rem; text-align: left; }
}
@media (max-width: 47.99rem) {
    .collector-account-page .page-section { padding-top: .8rem; }
    .collector-account-bar { align-items: stretch; flex-direction: column; gap: .55rem; padding: .65rem; }
    .collector-account-bar__nav { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .collector-account-bar__nav a { justify-content: center; }
    .collector-dashboard-hero { padding: 1.25rem; }
    .collector-dashboard-hero__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .collector-dashboard-hero__actions .button { min-width: 0; padding-inline: .75rem; font-size: .72rem; }
    .collector-local-banner { grid-template-columns: auto minmax(0, 1fr); }
    .collector-local-banner a { grid-column: 2; white-space: normal; }
    .collector-import { grid-template-columns: auto minmax(0, 1fr); }
    .collector-import .button { grid-column: 1 / -1; width: 100%; }
    .collector-summary {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(9.5rem, 46vw);
        grid-template-columns: none;
        gap: .7rem;
        margin-inline: calc(-1 * var(--gutter));
        padding: .15rem var(--gutter) .55rem;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    .collector-summary::-webkit-scrollbar { display: none; }
    .collector-summary__card { scroll-snap-align: start; padding: .85rem; }
    .collector-summary__card small { display: none; }
    .collector-library-panel { margin-inline: calc(-1 * var(--gutter)); border-inline: 0; border-radius: 0; box-shadow: none; }
    .collector-library__heading { align-items: flex-start; flex-direction: column; gap: var(--space-3); }
    .collector-library-tools { grid-template-columns: 1fr; }
    .collector-library-tools__meta { justify-self: start; padding-inline: .15rem; }
    .collector-library-grid { grid-template-columns: 1fr; }
    .collector-library-card__media { aspect-ratio: 4 / 3; }
    .collector-library-card__identity > span { display: none; }
    .collector-library-card__actions { align-items: stretch; flex-direction: column; }
    .collector-library-card__actions .text-link,
    .collector-edit-toggle { width: 100%; min-height: 2.6rem; justify-content: center; border: 1px solid var(--color-border-soft); border-radius: var(--radius-md); text-align: center; }
    .collector-entry-form { grid-template-columns: 1fr; }
    .collector-field-state { min-height: 1rem; text-align: left; }
    .collector-profile-hero { flex-direction: column; }
    .collector-profile-summary { grid-template-columns: 1fr; }
    .collector-profile-summary__identity,
    .collector-profile-summary__facts { grid-column: auto; }
    .collector-profile-summary__facts { grid-template-columns: 1fr; }
    .collector-account-facts,
    .collector-privacy-grid { grid-template-columns: 1fr; }
    .collector-settings-card__heading { flex-direction: column; }
    .collector-profile-form__row { grid-template-columns: 1fr; }
    .collector-profile-form__row .button { width: 100%; }
}
@media (max-width: 27rem) {
    .collector-dashboard-hero__actions { grid-template-columns: 1fr; }
    .collector-summary { grid-auto-columns: 10rem; }
    .collector-library-panel { padding-inline: .8rem; }
    .collector-intro__benefits { grid-template-columns: 1fr; }
}
.collector-auth-note { opacity: .78; font-size: .9rem; }

/* v7.4.7 Collector sign-out confirmation. */
.collector-signed-out { min-height: min(68vh, 46rem); display: grid; align-items: center; }
.collector-signed-out .container { width: min(100%, 46rem); }
.collector-signed-out__card { padding: clamp(2rem, 7vw, 4rem); text-align: center; background: var(--color-surface); border: 1px solid var(--color-border-soft); border-radius: calc(var(--radius-lg) + .45rem); box-shadow: var(--shadow-md); }
.collector-signed-out__icon { width: 4rem; height: 4rem; display: grid; place-items: center; margin: 0 auto var(--space-4); color: var(--color-gold-strong); background: var(--color-surface-soft); border-radius: 50%; }
.collector-signed-out__icon .icon { width: 1.45rem; height: 1.45rem; }
.collector-signed-out__card h1 { margin: .25rem 0 var(--space-3); }
.collector-signed-out__card > p:not(.eyebrow) { max-width: 35rem; margin: 0 auto; color: var(--color-ink-muted); font-size: var(--text-md); }
.collector-signed-out__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); }