/* =========================================
   HARC HEADER LOGO — Freedom Theme
   Clean Version — 90px Height
   ========================================= */

/* Ensure header layout behaves properly */
header .site-header,
header .site-header-inner,
header .container {
  display: flex !important;
  align-items: center !important;
}

/* Branding container */
header .site-branding,
header .branding,
header .title,
header .site-title,
header h1 {
  position: relative !important;
  min-height: 90px !important;
  display: flex !important;
  align-items: center !important;
  margin-right: 3rem !important; /* space between logo and menu */
}

/* Hide text title and define logo container */
header .site-branding > a:first-child,
header .site-branding h1 a,
header .site-branding .site-title a,
header .branding > a:first-child,
header .branding h1 a,
header .branding .site-title a,
header .title a:first-child,
header h1 a:first-child {

  position: relative !important;
  display: block !important;

  height: 90px !important;
  max-height: 90px !important;
  width: auto !important;

  text-indent: -99999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

/* Inject visible logo */
header .site-branding > a:first-child::before,
header .site-branding h1 a::before,
header .site-branding .site-title a::before,
header .branding > a:first-child::before,
header .branding h1 a::before,
header .branding .site-title a::before,
header .title a:first-child::before,
header h1 a:first-child::before {

  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  background: url("https://harc-archives.libraryhost.com/files/asset/3ee83340bc7cb0718249e3bd92acd88e59a351c3.jpg")
              left center / contain no-repeat !important;

  height: 100% !important;
  width: 100% !important;
  z-index: 20 !important;
}

/* Ensure logo is clickable */
header .site-branding a {
  pointer-events: auto !important;
  z-index: 50 !important;
  position: relative !important;
}

/* =========================================
   MENU CONTROL — prevent spreading
   ========================================= */

header nav,
#site-nav,
.site-header nav {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
}

header nav ul,
#site-nav ul,
.site-header nav ul {
  display: inline-flex !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  width: auto !important;
}
/* =========================================
   Enlarge Header Logo (Freedom Theme)
   ========================================= */

.main-header__site-title img {
  max-height: 120px !important;  /* adjust this */
  height: auto !important;
  width: auto !important;
}

/* Ensure header aligns cleanly */
.main-header__site-title {
  display: flex;
  align-items: center;
}

/* ============================================================
   FACETED BROWSE – HARC (Freedom Theme)
   Targets actual markup from FacetedBrowse v1.9.2
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Raleway:wght@400;500;600;700&display=swap');

/* ── Override Freedom theme primary color ────────────────── */
body.faceted-browse-page {
    --primary: #581E32;
    --primary-dark: #3d1523;
}

/* ── Main Container ──────────────────────────────────────── */
body.faceted-browse-page #main-content {
    font-family: 'Cormorant Garamond', Georgia, serif;
    background: #F7F4EF;
}

body.faceted-browse-page #container {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

/* ── Mobile Filter Toggle Button ─────────────────────────── */
body.faceted-browse-page #section-sidebar-modal-toggle {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    background: #581E32;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1.25rem;
}

/* ── Sidebar ─────────────────────────────────────────────── */
body.faceted-browse-page #section-sidebar {
    background: #FFFFFF;
    border: 1px solid #d4cdc0;
    border-radius: 6px;
    padding: 1.25rem;
    box-shadow: 0 2px 8px rgba(25, 61, 75, 0.05);
    min-width: 260px;
    max-width: 300px;
    flex-shrink: 0;
    overflow: hidden;
}

/* Ensure facets container fills sidebar width */
body.faceted-browse-page .facets-container {
    border: none;
    padding: 0;
    margin: 0;
    min-width: 0;
    width: 100%;
}

body.faceted-browse-page #facets {
    width: 100%;
}

/* ── Facets Container Legend ("Browse Collections") ──────── */
body.faceted-browse-page .facets-container > legend {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #193D4B;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #DDCEB8;
    margin-bottom: 0.75rem;
    width: 100%;
}

/* ── Individual Facet Fieldsets ───────────────────────────── */
body.faceted-browse-page #facets .facet {
    border: none;
    padding: 0;
    margin: 0 0 0.75rem 0;
    min-inline-size: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* ── Facet Legends (Full-Text Search, Date, Subject, etc) ── */
body.faceted-browse-page #facets .facet > legend {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #193D4B;
    padding: 0.5rem 0 0.35rem;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #DDCEB8;
    width: 100%;
    display: block;
}

/* ── Text Inputs (Full-Text, Date) ───────────────────────── */
body.faceted-browse-page #facets .facet input[type="text"] {
    font-family: 'Raleway', sans-serif;
    font-size: 0.85rem;
    color: #333;
    border: 1px solid #d4cdc0;
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    width: 100% !important;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
    box-sizing: border-box;
}

body.faceted-browse-page #facets .facet input[type="text"]:focus {
    outline: none;
    border-color: #415F59;
    box-shadow: 0 0 0 3px rgba(65, 95, 89, 0.15);
}

body.faceted-browse-page #facets .facet input::placeholder {
    color: #aaa;
}

/* ── Select Dropdowns (Vocation, Location) ───────────────── */
body.faceted-browse-page #facets .facet select {
    font-family: 'Raleway', sans-serif;
    font-size: 0.82rem;
    color: #333;
    width: 100% !important;
    padding: 0.5rem 0.6rem;
    border: 1px solid #d4cdc0;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s;
}

body.faceted-browse-page #facets .facet select:focus {
    outline: none;
    border-color: #415F59;
    box-shadow: 0 0 0 3px rgba(65, 95, 89, 0.12);
}

/* ── Checkbox Lists (.select-list) ───────────────────────── */
body.faceted-browse-page #facets .facet .select-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

body.faceted-browse-page #facets .facet .select-list-item {
    margin: 0 0 0.15rem 0;
    padding: 0;
    overflow: hidden;
    max-width: 100%;
}

body.faceted-browse-page #facets .facet .select-list-item label {
    font-family: 'Raleway', sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    color: #333;
    line-height: 1.4;
    padding: 0.35rem 0.25rem;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
    border-radius: 3px;
    transition: background 0.1s;
    word-break: normal;
    overflow-wrap: break-word;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

/* Ensure checkbox doesn't squeeze the label text */
body.faceted-browse-page #facets .facet .select-list-item label input {
    flex-shrink: 0;
}

/* Fix for the Item Set facet legend checkbox overflow */
body.faceted-browse-page #facets .facet[data-facet-type="item_set"] {
    overflow: hidden;
}

body.faceted-browse-page #facets .facet[data-facet-type="item_set"] .select-list {
    overflow: hidden;
}

body.faceted-browse-page #facets .facet[data-facet-type="item_set"] .select-list-item label {
    overflow: hidden;
    text-overflow: ellipsis;
}

body.faceted-browse-page #facets .facet .select-list-item label:hover {
    background: rgba(65, 95, 89, 0.04);
}

/* ── Checkboxes ──────────────────────────────────────────── */
body.faceted-browse-page #facets .facet input[type="checkbox"],
body.faceted-browse-page #facets .facet input[type="radio"] {
    accent-color: #581E32;
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-top: 2px;
    cursor: pointer;
    flex-shrink: 0;
}

/* ── "See more" / "See less" Links ───────────────────────── */
body.faceted-browse-page #facets .facet .select-list-expand,
body.faceted-browse-page #facets .facet .select-list-collapse {
    font-family: 'Raleway', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    color: #581E32;
    text-decoration: none;
    padding: 0.2rem 0;
}

body.faceted-browse-page #facets .facet .select-list-expand:hover,
body.faceted-browse-page #facets .facet .select-list-collapse:hover {
    color: #A87134;
    text-decoration: underline;
}

/* ── Results Section ─────────────────────────────────────── */
body.faceted-browse-page #section-content {
    font-family: 'Raleway', sans-serif;
    flex: 1;
    min-width: 0;
}

/* ── Browse Controls (pagination + sort) ─────────────────── */
body.faceted-browse-page .browse-controls {
    margin-bottom: 0.75rem;
}

body.faceted-browse-page .browse-controls .row-count {
    font-family: 'Raleway', sans-serif;
    font-size: 0.82rem;
    color: #888;
}

/* ── Permalink Button ────────────────────────────────────── */
body.faceted-browse-page .permalink.button {
    font-family: 'Raleway', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: #A87134;
    border: 1px solid #A87134;
    border-radius: 4px;
    padding: 0.35rem 0.85rem;
    text-decoration: none;
    background: transparent;
    transition: all 0.15s;
}

body.faceted-browse-page .permalink.button:hover {
    background: #A87134;
    color: #fff;
}

/* ── Sort Controls ───────────────────────────────────────── */
body.faceted-browse-page .sorting select {
    font-family: 'Raleway', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.4rem 0.6rem;
    border: 1px solid #d4cdc0;
    border-radius: 4px;
    background: #fff;
    color: #333;
}

body.faceted-browse-page .sorting button {
    font-family: 'Raleway', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    background: #A87134;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.85rem;
    cursor: pointer;
    transition: background 0.15s;
}

body.faceted-browse-page .sorting button:hover {
    background: #581E32;
}

/* ── Pagination ──────────────────────────────────────────── */
body.faceted-browse-page .pagination {
    font-family: 'Raleway', sans-serif;
    font-size: 0.82rem;
}

body.faceted-browse-page .pagination .button,
body.faceted-browse-page .pagination a.button {
    background: #A87134;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.3rem 0.75rem;
    font-weight: 600;
    font-size: 0.78rem;
    text-decoration: none;
}

/* ── Resource Grid ───────────────────────────────────────── */
body.faceted-browse-page ul.resource-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

/* ── Individual Resource Cards ───────────────────────────── */
body.faceted-browse-page .resource-list li.resource {
    background: #FFFFFF;
    border: 1px solid #d4cdc0;
    border-top: 4px solid #415F59;
    border-radius: 6px;
    padding: 0;
    margin: 0;
    transition: all 0.2s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body.faceted-browse-page .resource-list li.resource:hover {
    border-top-color: #A87134;
    box-shadow: 0 6px 20px rgba(25, 61, 75, 0.1);
    transform: translateY(-2px);
}

/* ── Resource Link (thumbnail + title) ───────────────────── */
body.faceted-browse-page .resource-list .resource-link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    margin: 0;
}

/* Thumbnail - full width across the card */
body.faceted-browse-page .resource-list .resource-link img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #d4cdc0;
    display: block;
    max-width: none;
    float: none;
}

/* ── Resource Title ──────────────────────────────────────── */
body.faceted-browse-page .resource-list .resource-name {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #193D4B;
    line-height: 1.3;
    text-decoration: none;
    padding: 0.85rem 1rem 0.25rem;
    display: block;
}

body.faceted-browse-page .resource-list .resource-link:hover .resource-name {
    color: #581E32;
}

/* ── Resource Description ────────────────────────────────── */
body.faceted-browse-page .resource-list .description {
    font-family: 'Raleway', sans-serif;
    font-size: 0.78rem;
    color: #555;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    padding: 0.25rem 1rem 1rem;
    flex: 1;
}

/* Cards without thumbnails - add top padding */
body.faceted-browse-page .resource-list .resource-link:not(:has(img)) .resource-name {
    padding-top: 1rem;
}

/* ── Responsive grid adjustments ─────────────────────────── */
@media (max-width: 900px) {
    body.faceted-browse-page ul.resource-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 0.75rem;
    }
}

@media (max-width: 600px) {
    body.faceted-browse-page ul.resource-list {
        grid-template-columns: 1fr;
    }
}

/* ── Table View (if columns are set) ─────────────────────── */
body.faceted-browse-page table.tablesaw {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid #d4cdc0;
    border-radius: 4px;
    overflow: hidden;
}

body.faceted-browse-page table.tablesaw thead th {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 0.9rem;
    font-weight: 700;
    color: #193D4B;
    background: rgba(221, 206, 184, 0.3);
    padding: 0.7rem 0.85rem;
    border-bottom: 2px solid #DDCEB8;
    text-align: left;
}

body.faceted-browse-page table.tablesaw thead th a {
    color: #193D4B;
    text-decoration: none;
}

body.faceted-browse-page table.tablesaw thead th a:hover {
    color: #581E32;
}

body.faceted-browse-page table.tablesaw tbody td {
    font-size: 0.82rem;
    color: #333;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid #d4cdc0;
    vertical-align: top;
    line-height: 1.5;
}

body.faceted-browse-page table.tablesaw tbody tr:last-child td {
    border-bottom: none;
}

body.faceted-browse-page table.tablesaw tbody tr:hover td {
    background: rgba(221, 206, 184, 0.08);
}

body.faceted-browse-page table.tablesaw td a {
    color: #193D4B;
    text-decoration: none;
    font-weight: 600;
}

body.faceted-browse-page table.tablesaw td a:hover {
    color: #581E32;
}

/* ── Scrollbar ───────────────────────────────────────────── */
body.faceted-browse-page ::-webkit-scrollbar {
    width: 6px;
}

body.faceted-browse-page ::-webkit-scrollbar-thumb {
    background: #DDCEB8;
    border-radius: 3px;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
    body.faceted-browse-page #container {
        flex-direction: column;
    }

    body.faceted-browse-page #section-sidebar {
        width: 100%;
        border-radius: 0;
    }

    body.faceted-browse-page .resource-list li.resource {
        padding: 0.85rem 1rem;
    }
}
/* Hide Universal Viewer on item show pages - 
   images display fine without it */
body.resource.show .universal-viewer,
body.resource.show #viewer,
body.resource.show .iiif-viewer,
body.resource.show iframe[src*="universalviewer"],
body.resource.show iframe[src*="uv"],
body.resource.show iframe[src*="iiif-viewer"],
body.resource.show .mirador-container {
    display: none !important;
}
/* =========================================
   STANDARD DROPDOWN (Helpful Resources)
   ========================================= */

/* Make parent position context */
header nav ul li {
  position: relative;
}

/* Submenu container */
header nav ul li ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 260px !important;
  background: #ffffff !important;
  border: 1px solid #e6e2da;
  border-radius: 6px;
  padding: 0.5rem 0;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  display: none;
  z-index: 999;
}

/* Show on hover */
header nav ul li:hover > ul {
  display: block;
}
/* Dropdown items */
header nav ul li ul li {
  list-style: none;
}

header nav ul li ul li a {
  display: block;
  padding: 0.65rem 1rem;
  font-family: 'Raleway', sans-serif;
  font-size: 0.4rem;
  font-weight: 500;
  color: #193D4B;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

/* Hover state */
header nav ul li ul li a:hover {
  background: rgba(65,95,89,0.08);
  color: #581E32;
}
/* =========================================
   CONDENSE DROPDOWN TEXT
   ========================================= */

/* Smaller font size */
header nav ul li ul li a {
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  line-height: 1.25 !important;
  padding: 0.45rem 0.9rem !important;
}

/* Reduce vertical spacing between items */
header nav ul li ul li {
  margin: 0 !important;
}

/* Optional: tighten overall dropdown padding */
header nav ul li ul {
  padding: 0.3rem 0 !important;
}
/* =========================================
   CONDENSE DROPDOWN TEXT
   ========================================= */

/* Smaller font size */
header nav ul li ul li a {
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  line-height: 1.25 !important;
  padding: 0.45rem 0.9rem !important;
}

/* Reduce vertical spacing between items */
header nav ul li ul li {
  margin: 0 !important;
}

/* Optional: tighten overall dropdown padding */
header nav ul li ul {
  padding: 0.3rem 0 !important;
}
/* =========================================
   HEADER DROPDOWN — FULL REWRITE
   Clean 2-Level + 3-Level Hierarchy
   ========================================= */

/* Reset positioning context */
header nav ul li {
  position: relative;
}

/* -----------------------------------------
   LEVEL 2 (Primary Dropdown)
------------------------------------------ */

header nav ul li > ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 260px !important;
  background: #ffffff !important;
  border: 1px solid #e6e2da;
  border-radius: 8px;
  padding: 0.35rem 0;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  display: none;
  z-index: 999;
}

/* Show Level 2 */
header nav ul li:hover > ul {
  display: block;
}

/* Level 2 Links */
header nav ul li > ul > li > a {
  display: block;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  padding: 0.55rem 1rem !important;
  line-height: 1.3;
  color: #193D4B !important;
  background: #ffffff;
  transition: background 0.15s ease, color 0.15s ease;
}

/* Level 2 Hover */
header nav ul li > ul > li > a:hover {
  background: rgba(65,95,89,0.06);
  color: #581E32 !important;
}

/* =========================================
   REMOVE FACETED BROWSE INSTRUCTIONS BUTTON
   ========================================= */

/* Hide the Instructions <summary> button */
body.faceted-browse-page #section-sidebar summary {
    display: none !important;
}

/* Hide the instruction text container */
body.faceted-browse-page #section-sidebar details {
    display: none !important;
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Raleway:wght@300;400;500;600;700&display=swap');

/* =========================================================
   HARC — Search / Browse / Names Index + person pages
   Palette matched to site chrome: teal #193D4B primary, gold #BB7333 accent, cream ground.
   Paste into: purple site → CSS Editor. REPLACES the previous wine/teal/bronze search block.
   Scoped to body.search-page / body.item.show.
   ========================================================= */

body.search-page,
body.item.show {
  --harc-teal:    #193D4B;
  --harc-teal-dk: #102935;
  --harc-teal-lt: #2c5a6d;
  --harc-gold:    #BB7333;
  --harc-gold-lt: #d08c45;
  --harc-cream:   #F5F1E8;
  --harc-card:    #fcf9f2;
  --harc-hair:    #e4dcc9;
  --harc-taupe:   #d5ccb7;
  --harc-ink:     #22303a;
  --harc-soft:    #4a5860;
  --harc-label:   #85929a;
  --harc-serif:   'Cormorant Garamond', 'Noto Serif', Georgia, serif;
  --harc-sans:    'Raleway', 'Open Sans', Helvetica, Arial, sans-serif;
}

/* ---------- ground ---------- */
body.search-page,
body.search-page #main-content,
body.item.show,
body.item.show #main-content { background: var(--harc-cream); }
body.search-page #main-content,
body.item.show #main-content { max-width: 1300px; padding-bottom: 64px; font-family: var(--harc-sans); color: var(--harc-ink); }

/* =========================================================
   SEARCH PAGE
   ========================================================= */
body.search-page #search-page > h2 {
  font-family: var(--harc-serif); font-style: italic; font-weight: 400;
  font-size: 2.9rem; color: var(--harc-teal); margin: 8px 0 4px; border: 0;
}
body.search-page #search-page > h2::after {
  content: ''; display: block; width: 56px; height: 2px; background: var(--harc-gold); margin-top: 10px;
}

/* search bar — teal band */
body.search-page #advanced-search-form-wrapper {
  background: var(--harc-teal);
  background-image: radial-gradient(ellipse at 82% 30%, rgba(187,115,51,0.20) 0%, transparent 60%);
  border-radius: 8px; padding: 30px 32px; margin: 22px 0 34px;
  box-shadow: 0 14px 34px rgba(16,41,53,0.26);
}
body.search-page #advanced-search-form .field { margin: 0; display: block; }
body.search-page #advanced-search-form .field-meta label {
  font-size: 0.8rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--harc-gold-lt); display: block; margin-bottom: 10px;
}
body.search-page #advanced-search-form .inputs input[type="search"],
body.search-page #advanced-search-form .inputs input[type="text"] {
  width: 100%; height: 56px; border: none; border-radius: 6px; padding: 0 18px;
  font-family: var(--harc-sans); font-size: 1.1rem; color: var(--harc-ink); background: #fff;
  box-shadow: inset 0 2px 5px rgba(16,41,53,0.10);
}
body.search-page .search-form-buttons { margin-top: 14px; text-align: right; }
body.search-page #search-submit, body.search-page .search-submit {
  background: var(--harc-gold); border: 2px solid var(--harc-gold); color: #fff;
  border-radius: 999px; height: 50px; padding: 0 36px; font-family: var(--harc-sans);
  font-size: 0.88rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  cursor: pointer; box-shadow: 0 6px 18px rgba(187,115,51,0.30); transition: background .2s, transform .2s;
}
body.search-page #search-submit:hover, body.search-page .search-submit:hover { background: var(--harc-gold-lt); border-color: var(--harc-gold-lt); transform: translateY(-2px); }

/* layout */
body.search-page .search-results-wrapper { display: flex; gap: 32px; align-items: flex-start; }
body.search-page aside.search-facets { width: 290px; flex: 0 0 290px; }
body.search-page #search-results { flex: 1; min-width: 0; }

/* facet rail */
body.search-page #search-facets > h3 {
  font-family: var(--harc-serif); font-style: italic; font-weight: 400;
  font-size: 2.1rem; color: var(--harc-teal); margin: 0 0 14px;
}
body.search-page .facets-actions { display: flex; gap: 8px; margin-bottom: 16px; }
body.search-page #facets-apply, body.search-page #facets-reset {
  flex: 1; border-radius: 5px; height: 42px; padding: 0 10px; font-family: var(--harc-sans);
  font-size: 0.74rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer;
}
body.search-page #facets-apply { background: var(--harc-teal); border: 1px solid var(--harc-teal); color: #fff; }
body.search-page #facets-apply:hover { background: var(--harc-teal-dk); border-color: var(--harc-teal-dk); }
body.search-page #facets-reset { background: transparent; border: 1px solid var(--harc-taupe); color: var(--harc-soft); }
body.search-page #facets-reset:hover { background: #fff; border-color: var(--harc-gold); color: var(--harc-teal); }
body.search-page .facets-refine { background: var(--harc-card); border: 1px solid var(--harc-hair); border-radius: 6px; padding: 12px 14px 14px; margin-bottom: 16px; }
body.search-page .facets-refine h4 { margin: 0 0 8px; font-family: var(--harc-sans); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--harc-teal); }
body.search-page #search-refine { width: 100%; height: 40px; border: 1px solid var(--harc-hair); border-radius: 5px; padding: 0 10px; font-family: var(--harc-sans); font-size: 0.95rem; background: #fff; box-shadow: inset 0 2px 5px rgba(16,41,53,0.07); }
body.search-page li.facet { background: var(--harc-card); border: 1px solid var(--harc-hair); border-radius: 6px; margin-bottom: 12px; overflow: hidden; }
body.search-page li.facet > h4 { margin: 0; padding: 12px 15px; background: #fff; border-bottom: 1px solid var(--harc-hair); border-left: 3px solid var(--harc-gold); font-family: var(--harc-sans); font-size: 0.8rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--harc-teal); }
body.search-page .facet-elements { padding: 6px 8px 8px; max-height: 260px; overflow-y: auto; }
body.search-page li.facet-item { display: flex; align-items: flex-start; gap: 9px; padding: 5px 8px; border-radius: 4px; }
body.search-page li.facet-item:hover { background: #fff; }
body.search-page li.facet-item input[type="checkbox"] { accent-color: var(--harc-gold); width: 16px; height: 16px; margin: 2px 0 0; }
body.search-page li.facet-item label { font-family: var(--harc-sans); font-size: 0.95rem; line-height: 1.4; color: var(--harc-soft); }
body.search-page #search-facets > p { color: var(--harc-soft); font-style: italic; }

/* results header */
body.search-page .search-results-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 0 2px 14px; border-bottom: 1px solid var(--harc-taupe); margin-bottom: 20px; }
body.search-page .search-results-count-total { font-family: var(--harc-serif); font-style: italic; font-size: 1.75rem; color: var(--harc-teal); }
body.search-page .search-results-count .row-count { font-size: 0.92rem; color: var(--harc-soft); }
body.search-page .pagination { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
body.search-page .pagination .page-input-top { width: 46px; height: 34px; border: 1px solid var(--harc-hair); border-radius: 4px; text-align: center; }
body.search-page .pagination .button, body.search-page .pagination a.button, body.search-page .pagination button {
  background: var(--harc-gold); color: #fff; border: 0; border-radius: 4px; padding: 6px 14px; font-weight: 600; text-decoration: none; cursor: pointer;
}
body.search-page .pagination .button:hover, body.search-page .pagination a.button:hover { background: var(--harc-gold-lt); }
body.search-page .search-results-display a.search-view-type { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--harc-soft); text-decoration: none; padding: 6px 12px; border-radius: 4px; }
body.search-page .search-results-display a.search-view-type.active { background: var(--harc-teal); color: #fff; }
body.search-page .search-results-list > h3 { display: none; }

/* -------- RESULT CARDS -------- */
body.search-page ul.resource-list {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; list-style: none; margin: 0; padding: 0; align-items: start;
}
body.search-page ul.resource-list.grid { grid-template-columns: repeat(3, 1fr); }
body.search-page ul.resource-list > li.resource {
  display: flex; flex-direction: column; background: var(--harc-card);
  border: 1px solid var(--harc-taupe); border-left: 3px solid var(--harc-gold);
  border-radius: 0 6px 6px 0; padding: 16px 20px; margin: 0; height: auto;
  box-shadow: 0 1px 3px rgba(16,41,53,0.06), 0 10px 22px rgba(16,41,53,0.05);
  transition: transform .18s ease, box-shadow .18s ease, border-left-color .18s ease;
}
body.search-page ul.resource-list > li.resource:hover {
  transform: translateY(-3px); border-left-color: var(--harc-teal);
  box-shadow: 0 2px 5px rgba(16,41,53,0.08), 0 18px 34px rgba(16,41,53,0.12);
}
body.search-page ul.resource-list .resource-thumbnail { display: none; }
body.search-page ul.resource-list.grid .resource-thumbnail:has(img) {
  display: flex; background: #fff; border: 1px solid var(--harc-hair); border-radius: 5px;
  box-shadow: inset 0 2px 7px rgba(16,41,53,0.13); height: 190px; align-items: center; justify-content: center;
  overflow: hidden; margin-bottom: 13px; padding: 10px; order: 1;
}
body.search-page ul.resource-list.grid .resource-thumbnail img { max-width: 100%; max-height: 100%; object-fit: contain; }
body.search-page ul.resource-list .resource-heading { margin: 0 0 6px; order: 2; }
body.search-page ul.resource-list .resource-heading a.resource-link {
  font-family: var(--harc-serif); font-size: 1.4rem; font-weight: 600; line-height: 1.2;
  color: var(--harc-teal); text-decoration: none;
}
body.search-page ul.resource-list .resource-heading a.resource-link:hover { color: var(--harc-gold); }
body.search-page ul.resource-list .resource-body { font-family: var(--harc-sans); font-size: 0.92rem; line-height: 1.55; color: var(--harc-soft); order: 3; }
body.search-page ul.resource-list .resource-body .description {
  margin: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
/* document-card metadata rows (when documents exist) */
body.search-page ul.resource-list .resource-body h4,
body.search-page ul.resource-list .resource-body .label {
  display: inline !important; font-family: var(--harc-sans) !important; font-size: 0.68rem !important;
  font-weight: 700 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important;
  color: var(--harc-label) !important; margin: 0 5px 0 0 !important;
}
body.search-page ul.resource-list .resource-body .values, body.search-page ul.resource-list .resource-body .value { display: inline !important; font-size: 0.85rem !important; color: var(--harc-soft) !important; }
body.search-page ul.resource-list .resource-body .values::after { content: ''; display: block; height: 4px; }
body.search-page ul.resource-list .resource-body a { color: var(--harc-gold); text-decoration: none; }
body.search-page ul.resource-list .resource-body a:hover { color: var(--harc-teal); text-decoration: underline; }

@media (max-width: 1150px) { body.search-page ul.resource-list.grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 860px) {
  body.search-page .search-results-wrapper { flex-direction: column; }
  body.search-page aside.search-facets { width: 100%; flex: 1 1 auto; }
  body.search-page ul.resource-list, body.search-page ul.resource-list.grid { grid-template-columns: 1fr; }
}

/* =========================================================
   PERSON / ITEM PAGE
   ========================================================= */
body.item.show #main-content > h1 { font-family: var(--harc-serif); font-size: 3rem; font-weight: 600; line-height: 1.15; color: var(--harc-teal); margin: 26px 0 6px; border: 0; }
body.item.show #main-content > h1::after { content: ''; display: block; width: 58px; height: 2px; background: var(--harc-gold); margin-top: 14px; }
body.item.show .metadata { margin-top: 28px; }
body.item.show .metadata dl:not(.media-list) {
  background: var(--harc-card); border: 1px solid var(--harc-taupe); border-top: 3px solid var(--harc-gold);
  border-radius: 6px; padding: 8px 28px 20px; margin: 0; max-width: 760px;
  box-shadow: 0 1px 3px rgba(16,41,53,0.08), 0 14px 30px rgba(16,41,53,0.10);
}
body.item.show .metadata dl:not(.media-list) .property { padding: 12px 0; border-bottom: 1px solid var(--harc-hair); margin: 0; display: grid; grid-template-columns: 190px 1fr; gap: 18px; align-items: baseline; }
body.item.show .metadata dl:not(.media-list) .property:last-child { border-bottom: 0; }
body.item.show .metadata dl:not(.media-list) dt { font-family: var(--harc-sans) !important; font-size: 0.72rem !important; font-weight: 700 !important; letter-spacing: 0.09em !important; text-transform: uppercase !important; color: var(--harc-label) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; width: auto !important; }
body.item.show .metadata dl:not(.media-list) dd.value { font-family: var(--harc-sans) !important; font-size: 1.02rem !important; line-height: 1.55 !important; color: var(--harc-ink) !important; margin: 0 !important; padding: 0 !important; }
body.item.show .metadata dl:not(.media-list) dd.value + dd.value { margin-top: 4px !important; }
body.item.show .value-content { display: inline; }
body.item.show .metadata a, body.item.show .uri-value-link { color: var(--harc-gold); text-decoration: none; word-break: break-word; }
body.item.show .metadata a:hover { color: var(--harc-teal); text-decoration: underline; }
body.item.show .media-embeds { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 24px; }
body.item.show .media-render { background: #fff; border: 1px solid var(--harc-hair); border-top: 3px solid var(--harc-gold); border-radius: 6px; padding: 12px; box-shadow: 0 10px 24px rgba(16,41,53,0.12); }
body.item.show .media-render img { max-width: 280px; height: auto; display: block; border-radius: 3px; }
body.item.show dl.media-list { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--harc-taupe); max-width: 760px; }
body.item.show dl.media-list .resource-name { display: none !important; }
body.item.show dl.media-list a.resource-link img { width: 74px; height: 74px; object-fit: cover; border-radius: 4px; border: 1px solid var(--harc-hair); padding: 6px; background: #fff; }

@media (max-width: 640px) {
  body.item.show .metadata dl:not(.media-list) .property { grid-template-columns: 1fr; gap: 3px; }
  body.item.show #main-content > h1 { font-size: 2.3rem; }
}
/* =========================================================
   HARC SEARCH PAGE — MATCH SISTERS LAYOUT
   APPEND THIS AT THE VERY BOTTOM OF THE CURRENT HARC CSS.
   Do not replace the whole stylesheet.
   ========================================================= */

body.search-page #main-content.container {
  width: calc(100% - 48px) !important;
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* The Advanced Search markup uses .search-results, not only #search-results. */
body.search-page .search-results-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 32px !important;
}

body.search-page aside.search-facets {
  width: 292px !important;
  flex: 0 0 292px !important;
  min-width: 292px !important;
}

body.search-page .search-results,
body.search-page #search-results {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

/* Match the Sisters three-column result grid. */
body.search-page .search-results-list ul.resource-list.grid,
body.search-page ul.resource-list.search-result-list.grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

/* Match the Sisters card construction, using HARC colors. */
body.search-page .search-results-list ul.resource-list.grid > li.resource,
body.search-page ul.resource-list.search-result-list.grid > li.resource {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 16px 18px 18px !important;
  background: var(--harc-card) !important;
  border: 1px solid var(--harc-taupe) !important;
  border-top: 3px solid var(--harc-gold) !important;
  border-left-width: 1px !important;
  border-radius: 6px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 3px rgba(16,41,53,.09),
    0 14px 30px rgba(16,41,53,.11) !important;
}

body.search-page ul.resource-list.grid > li.resource:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 2px 5px rgba(16,41,53,.10),
    0 22px 42px rgba(16,41,53,.16) !important;
}

/* Thumbnail first, then title, then description/metadata. */
body.search-page ul.resource-list.grid .resource-thumbnail {
  order: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 205px !important;
  min-height: 205px !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--harc-hair) !important;
  border-radius: 5px !important;
  box-shadow: inset 0 2px 7px rgba(16,41,53,.15) !important;
}

body.search-page ul.resource-list.grid .resource-thumbnail a,
body.search-page ul.resource-list.grid .resource-thumbnail .image-parent {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

body.search-page ul.resource-list.grid .resource-thumbnail img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

body.search-page ul.resource-list.grid .resource-heading {
  order: 2 !important;
  margin: 0 0 10px !important;
}

body.search-page ul.resource-list.grid .resource-heading a.resource-link {
  font-family: var(--harc-serif) !important;
  font-size: 1.55rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--harc-teal) !important;
  text-decoration: none !important;
}

body.search-page ul.resource-list.grid .resource-heading a.resource-link:hover {
  color: var(--harc-gold) !important;
}

body.search-page ul.resource-list.grid .resource-body {
  order: 3 !important;
  display: block !important;
  font-family: var(--harc-sans) !important;
  font-size: .95rem !important;
  line-height: 1.55 !important;
  color: var(--harc-soft) !important;
}

body.search-page ul.resource-list.grid .resource-body .description {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 0 12px !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  border-bottom: 1px solid var(--harc-hair) !important;
  font-size: .95rem !important;
  line-height: 1.6 !important;
}

/* Facet boxes will take this appearance as soon as facets are configured. */
body.search-page ul.facets-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.search-page li.facet {
  background: var(--harc-card) !important;
  border: 1px solid var(--harc-hair) !important;
  border-radius: 6px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 3px rgba(16,41,53,.07) !important;
}

body.search-page li.facet > h4 {
  margin: 0 !important;
  padding: 12px 15px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--harc-hair) !important;
  border-left: 3px solid var(--harc-gold) !important;
  font-family: var(--harc-sans) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--harc-teal) !important;
}

@media (max-width: 1150px) {
  body.search-page .search-results-list ul.resource-list.grid,
  body.search-page ul.resource-list.search-result-list.grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  body.search-page #main-content.container {
    width: calc(100% - 28px) !important;
  }

  body.search-page .search-results-wrapper {
    flex-direction: column !important;
  }

  body.search-page aside.search-facets {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body.search-page .search-results-list ul.resource-list.grid,
  body.search-page ul.resource-list.search-result-list.grid {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   HARC SEARCH GRID — COMPACT, UNIFORM CARDS
   APPEND AT THE VERY BOTTOM OF THE CURRENT HARC CSS
   ========================================================= */

body.search-page ul.resource-list.search-result-list.grid > li.resource,
body.search-page .search-results-list ul.resource-list.grid > li.resource {
  height: 410px !important;
  min-height: 410px !important;
  max-height: 410px !important;
  overflow: hidden !important;
  padding: 14px 15px 15px !important;
}

/* Smaller image area */
body.search-page ul.resource-list.grid .resource-thumbnail {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  margin-bottom: 11px !important;
  padding: 8px !important;
}

/* Keep titles uniform */
body.search-page ul.resource-list.grid .resource-heading {
  min-height: 58px !important;
  max-height: 58px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
}

body.search-page ul.resource-list.grid .resource-heading a.resource-link {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  font-size: 1.28rem !important;
  line-height: 1.12 !important;
}

/* Keep descriptions uniform */
body.search-page ul.resource-list.grid .resource-body {
  min-height: 0 !important;
  overflow: hidden !important;
  font-size: 0.87rem !important;
  line-height: 1.45 !important;
}

body.search-page ul.resource-list.grid .resource-body .description {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  font-size: 0.87rem !important;
  line-height: 1.45 !important;
}

/* Let mobile cards expand naturally */
@media (max-width: 860px) {
  body.search-page ul.resource-list.search-result-list.grid > li.resource,
  body.search-page .search-results-list ul.resource-list.grid > li.resource {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.search-page ul.resource-list.grid .resource-heading {
    min-height: 0 !important;
    max-height: none !important;
  }
}
body.search-page ul.resource-list.grid .resource-heading a.resource-link {
  font-size: 1.08rem !important;
  line-height: 1.15 !important;
}
/* Slightly larger cards and thumbnails */
body.search-page ul.resource-list.search-result-list.grid > li.resource,
body.search-page .search-results-list ul.resource-list.grid > li.resource {
  height: 445px !important;
  min-height: 445px !important;
  max-height: 445px !important;
  padding: 16px 17px 17px !important;
}

body.search-page ul.resource-list.grid .resource-thumbnail {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  padding: 9px !important;
  margin-bottom: 12px !important;
}
/* =========================================================
   HARC ITEM PAGE — CORRECTED TWO-COLUMN LAYOUT
   REPLACES the earlier "PRIMARY MEDIA LEFT / METADATA RIGHT" patch.
   ========================================================= */

/* The .metadata wrapper contains both the media and the values.
   Keep the wrapper full width and use it as the two-column grid. */
body.item.show #main-content .metadata {
  float: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(330px, 0.85fr) !important;
  gap: 28px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 24px 0 44px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Main media: left column */
body.item.show #main-content .metadata .media-embeds {
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.item.show #main-content .metadata .media-embeds > *:first-child {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid var(--harc-hair, #e4dcc9) !important;
  border-top: 3px solid var(--harc-gold, #BB7333) !important;
  border-radius: 7px !important;
  box-shadow: 0 10px 24px rgba(16, 41, 53, 0.12) !important;
}

body.item.show #main-content .metadata .media-embeds video,
body.item.show #main-content .metadata .media-embeds iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: #111 !important;
  object-fit: contain !important;
}

body.item.show #main-content .metadata .media-embeds img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 700px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* Metadata values: right column */
body.item.show #main-content .metadata > dl:not(.media-list),
body.item.show #main-content .metadata > .properties {
  grid-column: 2 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px 22px 16px !important;
  box-sizing: border-box !important;
  background: var(--harc-card, #fcf9f2) !important;
  border: 1px solid var(--harc-taupe, #d5ccb7) !important;
  border-top: 3px solid var(--harc-gold, #BB7333) !important;
  border-radius: 7px !important;
  box-shadow: 0 10px 24px rgba(16, 41, 53, 0.10) !important;
}

/* Remove the duplicate thumbnail/media list */
body.item.show #main-content .metadata dl.media-list,
body.item.show #main-content .media-list {
  display: none !important;
}

/* Metadata rows */
body.item.show #main-content .metadata > dl:not(.media-list) .property,
body.item.show #main-content .metadata > .properties .property {
  display: block !important;
  margin: 0 !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid var(--harc-hair, #e4dcc9) !important;
}

body.item.show #main-content .metadata > dl:not(.media-list) .property:last-child,
body.item.show #main-content .metadata > .properties .property:last-child {
  border-bottom: 0 !important;
}

body.item.show #main-content .metadata dt,
body.item.show #main-content .metadata .property > h4 {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: var(--harc-sans, "Raleway", Arial, sans-serif) !important;
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: var(--harc-label, #85929a) !important;
}

body.item.show #main-content .metadata dd.value,
body.item.show #main-content .metadata .values {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--harc-sans, "Raleway", Arial, sans-serif) !important;
  font-size: 0.94rem !important;
  line-height: 1.58 !important;
  color: var(--harc-ink, #22303a) !important;
  overflow-wrap: anywhere !important;
}

/* Responsive */
@media (max-width: 900px) {
  body.item.show #main-content .metadata {
    display: block !important;
  }

  body.item.show #main-content .metadata .media-embeds,
  body.item.show #main-content .metadata > dl:not(.media-list),
  body.item.show #main-content .metadata > .properties {
    width: 100% !important;
    margin: 0 0 22px !important;
  }
}
/* =========================================================
   HARC ITEM PAGE — MEDIA ABOVE, METADATA BELOW
   Overrides the previous two-column layout
   ========================================================= */

body.item.show #main-content .metadata {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

/* Main video or image */
body.item.show #main-content .metadata .media-embeds {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 24px 0 26px !important;
}

/* Item-set information below the media */
body.item.show #main-content .metadata .item-sets {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 18px !important;
}

/* Metadata card below the main media */
body.item.show #main-content .metadata > dl:not(.media-list),
body.item.show #main-content .metadata > .properties {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 36px !important;
  padding: 24px 28px 22px !important;
  box-sizing: border-box !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

/* Extra breathing room before Brief Description */
body.item.show #main-content .metadata > dl:not(.media-list) .property:first-child,
body.item.show #main-content .metadata > .properties .property:first-child {
  padding-top: 10px !important;
}

/* Slightly wider description text for readability */
body.item.show #main-content .metadata dd.value,
body.item.show #main-content .metadata .values {
  line-height: 1.65 !important;
}
/* =========================================================
   HARC — SIMPLE PDF VIEWER CORRECTED STRUCTURE
   ========================================================= */

/* Keep all attached media available */
body.item.show #main-content .metadata .media-embeds {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
}

body.item.show #main-content .metadata .media-embeds > .media-render {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 28px !important;
}

/* Simple PDF outer frame */
body.item.show #main-content #pdf-container {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  width: 100% !important;
  height: 720px !important;
  min-height: 720px !important;
  overflow: hidden !important;
  background: #e7e7e7 !important;
}

/* PDF.js requires THIS container to be absolute */
body.item.show #main-content #pdfjs-container {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: auto !important;
}

/* Actual rendered PDF pages */
body.item.show #main-content #viewer.pdfViewer {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  min-height: 100% !important;
}
/* =========================================================
   FINAL HARC SEARCH HEADINGS AND ACTIVE FILTERS
   Replaces all earlier search-title wording fixes.
   ========================================================= */

/* ---------- SEARCH PAGE TITLE ---------- */

body.search-page #search-page > h2 {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 20px !important;
  padding: 0 0 10px !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Remove Freedom theme decorations */
body.search-page #search-page > h2::before {
  display: none !important;
  content: none !important;
}

/* Create one clean orange line below the title */
body.search-page #search-page > h2::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 2px !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  background: #e77f11 !important;
  border: 0 !important;
}

/* Hide original title text */
body.search-page #search-page > h2 > .title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}

body.search-page #search-page > h2 > .title::before {
  display: none !important;
  content: none !important;
}

/* Public title wording */
body.search-page #search-page > h2 > .title::after {
  content: "Search the Collections" !important;
  display: block !important;
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #173f4b !important;
  font-family: "Noto Serif", Georgia, serif !important;
  font-size: clamp(1.9rem, 3vw, 2.25rem) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

/* ---------- FILTERS HEADING ---------- */

body.search-page #search-facets > h3 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
}

body.search-page #search-facets > h3::before {
  display: none !important;
  content: none !important;
}

body.search-page #search-facets > h3::after {
  content: "Filters" !important;
  display: block !important;
  color: #173f4b !important;
  font-family: "Noto Serif", Georgia, serif !important;
  font-size: 1.35rem !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

/* ---------- ACTIVE SEARCH FILTER ---------- */

/* Remove the orange bullet and long full-width bar */
body.search-page ul.search-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  list-style: none !important;
}

body.search-page ul.search-filters > li.filter {
  display: inline-flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  list-style: none !important;
  background: #ffffff !important;
  border: 1px solid #cbd4d8 !important;
  border-left: 4px solid #e77f11 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

body.search-page ul.search-filters > li.filter::before,
body.search-page ul.search-filters > li.filter::after {
  display: none !important;
  content: none !important;
}

body.search-page ul.search-filters > li.filter::marker {
  content: "" !important;
}

body.search-page .search-filters .filter-label {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  padding: 7px 10px !important;
  background: #294554 !important;
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.search-page .search-filters .filter-value {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  padding: 7px 12px !important;
  background: #ffffff !important;
  color: #173f4b !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body.search-page .search-filters .filter-value:hover {
  background: #f7eee3 !important;
  color: #cd6500 !important;
}

/* ---------- MOBILE ---------- */

@media (max-width: 600px) {
  body.search-page #search-page > h2 > .title::after {
    font-size: 1.75rem !important;
  }
}
/* Remove all decorative lines around the public search title */
body.search-page #search-page > h2,
body.search-page #search-page > h2::before,
body.search-page #search-page > h2::after,
body.search-page #search-page > h2 .title,
body.search-page #search-page > h2 .title::before,
body.search-page #search-page > h2 .title::after {
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.search-page #search-page > h2::before,
body.search-page #search-page > h2::after,
body.search-page #search-page > h2 .title::before {
  content: none !important;
  display: none !important;
}
/* =========================================================
   REMOVE PAGE TITLE AND ENLARGE SEARCH FIELD
   ========================================================= */

/* Remove “Search the Collections” and all decorative title lines */
body.search-page #search-page > h2,
body.search-page #search-page > h2::before,
body.search-page #search-page > h2::after,
body.search-page #search-page > h2 .title,
body.search-page #search-page > h2 .title::before,
body.search-page #search-page > h2 .title::after {
  display: none !important;
  content: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Reduce space above the search panel */
body.search-page #advanced-search-form-wrapper {
  margin-top: 0 !important;
}

/* Make the orange SEARCH label larger */
body.search-page #advanced-search-form-wrapper .field-meta label {
  display: block !important;
  margin-bottom: 10px !important;
  color: #e77f11 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.11em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* Make the actual search input slightly larger */
body.search-page #advanced-search-form-wrapper input[type="search"] {
  min-height: 58px !important;
  padding: 13px 16px !important;
  font-size: 1.05rem !important;
}