:root { --ink:#000; --muted:#666; --paper:#fff; --line:#eee; --accent:#00b5d6; --accent-dark:#00a5c6; --wash:#eee; --shadow:none; }
.browse-range-inputs { position:relative !important; height:30px !important; margin-top:8px; }.browse-range-track,.browse-range-fill { position:absolute; top:50%; height:6px; border-radius:999px; transform:translateY(-50%); }.browse-range-track { right:0; left:0; background:#ddd; }.browse-range-fill { left:var(--range-start, 0%); right:calc(100% - var(--range-end, 100%)); background:#00b5d6; }.browse-range-inputs input[type=range] { position:absolute !important; inset:0 !important; width:100%; height:30px; margin:0; padding:0; border:0 !important; appearance:none; -webkit-appearance:none; background:transparent; pointer-events:none !important; }.browse-range-inputs input[type=range]::-webkit-slider-runnable-track { height:6px; border:0; background:transparent; }.browse-range-inputs input[type=range]::-webkit-slider-thumb { width:30px; height:30px; margin-top:-12px; border:0; border-radius:50%; background:#00b5d6; cursor:pointer; pointer-events:auto; -webkit-appearance:none; }.browse-range-inputs input[type=range]::-moz-range-track { height:6px; border:0; background:transparent; }.browse-range-inputs input[type=range]::-moz-range-thumb { width:30px; height:30px; border:0; border-radius:50%; background:#00b5d6; cursor:pointer; pointer-events:auto; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.4 Arial, Helvetica, sans-serif; }
.navbar-brand { display:flex; align-items:center; gap:3rem; }.collection-selector select { min-width:495px; padding:.75em 1em; border:0; border-radius:.25rem; background:#00b5d6; color:#fff; font-size:1.1rem; }.collection-selector select:focus { outline:2px solid #11c6e7; outline-offset:2px; }.sidebar-icon { width:25px; height:25px; }.metadata .record-summary { padding:0 0 1.4em; }.metadata .record-summary h1 { margin:0; padding:0; font-size:1.1rem; }.metadata h2 { margin:0 0 .35em; padding:0; font-size:1.1rem; }.metadata ul { margin:0; padding:0; list-style:none; }.metadata li,.metadata p { font-size:1.1rem; line-height:1.22; }
a { color:var(--accent-dark); } a:hover { color:var(--accent); }
.template-root { padding:70px 0 0 70px; }.navbar-root { position:fixed; inset:0 0 auto; height:70px; z-index:3; padding:1em; border-bottom:2px solid #eee; background:#fff; display:flex; align-items:center; justify-content:space-between; }.navbar-root img { max-height:38px; }.navbar-menu { display:flex; align-items:center; gap:1.5em; }.dropdown-menu { position:relative; }.dropdown-menu summary { color:var(--accent); cursor:pointer; }.dropdown-menu ul { position:absolute; right:0; top:1.8em; z-index:4; margin:0; min-width:260px; padding:.5em 1em; list-style:none; background:#fff; border:1px solid #eee; box-shadow:0 3px 10px #0002; }.dropdown-menu li { padding:.25em 0; }.language { font-size:.9rem; }.language select { border:0; color:var(--accent); background:white; }.sidebar-root { position:fixed; left:0; top:70px; bottom:0; width:70px; z-index:3; background:#00b5d6; }.clear-button { position:relative; display:flex; width:70px; height:70px; align-items:center; justify-content:center; color:#fff; text-decoration:none; font:bold 32px/1 Arial; }.clear-button:hover,.clear-button.active { background:#11c6e7; color:#fff; }.badge { position:absolute; top:15px; right:13px; display:inline-flex; width:16px; height:16px; align-items:center; justify-content:center; border-radius:.25rem; background:red; color:#fff; font-size:.65rem; }.template-content { padding:2em 4em; transition:margin-left .25s ease-in-out; }.context-bar { position:fixed; z-index:2; left:-245px; top:70px; bottom:0; width:320px; padding:2em; background:#eee; transition:left .25s ease-in-out; }.context-bar.visible { left:70px; }.context-driver { position:absolute; top:3px; right:-20px; width:20px; height:30px; padding:0; border-radius:0 5px 5px 0; color:#000; background:#eee; }.context-bar.visible .context-driver { transform:rotate(180deg); }.context-bar h4 { padding:0 0 1em; }.context-bar hr { margin-top:2em; border:0; border-top:1px solid #ccc; }.collection-context { display:grid; gap:.65em; font-size:.9rem; }.date-context { display:flex; gap:.5em; }.date-context input { width:80px; }
.intro { margin-bottom:3rem; } h1,h2,h3,h4 { padding:.5em 0 .2em; line-height:1.2; font-family:Arial, Helvetica, sans-serif; } h1 { font-size:2rem; } h2 { font-size:1.35rem; } .lede { max-width:48ch; } .eyebrow { margin:0; color:var(--muted); font-size:.8rem; }
.button { display:inline-block; margin:.8rem .4rem 0 0; padding:1em 2em; background:#00b5d6; color:#fff; border-radius:.25rem; text-decoration:none; font:600 .9rem Arial, Helvetica, sans-serif; text-transform:uppercase; } .button:hover { color:#fff; background:#11c6e7; } .button-secondary { background:transparent; color:var(--accent-dark); border:1px solid var(--accent); }
.static-content { max-width:760px; } .static-content img { max-width:100%; height:auto; } .static-content table { display:block; overflow:auto; border-collapse:collapse; } .static-content td,.static-content th { padding:.5rem; border:1px solid var(--line); }
.page-heading { margin-bottom:2rem; } .page-heading h1 { font-size:clamp(2rem,4vw,3.4rem); }
.search-app { background:white; padding:0; } .search-form { display:grid; grid-template-columns:1fr 211px auto; gap:.65rem; } input,select,button { font:inherit; } input,select { min-width:0; padding:.55rem .7rem; border:1px solid #ccc; border-radius:0; } button { cursor:pointer; padding:1em 2em; border:0; background:#00b5d6; color:#fff; border-radius:.25rem; font-size:.9rem; text-transform:uppercase; } button:hover:not(:disabled) { background:#11c6e7; } button:disabled { background:#aaa; cursor:not-allowed; } button.secondary { background:#00b5d6; color:#fff; border:0; } .constraints { display:none; }
.search-grid { display:grid; grid-template-columns:minmax(0,1fr) 318px; gap:2em; margin-top:1.5rem; } .results-meta { color:var(--muted); margin:0 0 .7rem; } .result { display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:1.5em; min-height:66px; padding:.8em 0; border-top:1px solid var(--line); } .result img { width:40px; height:55px; object-fit:cover; background:#edf0ed; } .result h3 { margin:0; padding:0; font-size:1rem; } .result p { margin:.2rem 0 0; color:#000; font-size:.9rem; } .pin { white-space:nowrap; }
.facets { padding:0; } .facets section { margin-bottom:1em; border:1px solid #eee; padding:1em; } .facets h2 { display:flex; justify-content:space-between; margin:-1em -1em 1em; padding:.5em 1em; border-bottom:1px solid #eee; background:#f7f7f7; font-size:1rem; } .facet-list { max-height:190px; overflow:auto; } .facet-list button { display:flex; width:100%; justify-content:space-between; text-align:left; border:0; background:none; color:var(--ink); padding:.2em 0; font:inherit; font-size:.86rem; } .facet-list button:hover { background:#eee; color:var(--ink); }
.browse-header { padding:0 0 1em; border-bottom:1px solid var(--line); } .browse-title { margin:0 0 .5em; padding:0; font-size:1.35rem; } .breadcrumbs { display:flex; gap:.45em; align-items:center; font-size:.9rem; color:var(--muted); } .breadcrumbs button { padding:0; border:0; color:var(--accent-dark); background:none; font:inherit; text-transform:none; } .browse-controls { display:flex; gap:5rem; align-items:end; } .browse-controls label,.browse-date-range legend { display:grid; gap:.35em; color:#777; font-size:1rem; font-style:italic; } .browse-controls select { width:405px; padding:1em 1.5em; border:0; border-radius:.25rem; background:#00b5d6; color:#fff; font-weight:600; text-transform:uppercase; } .browse-date-range { width:470px; margin:0; padding:0; border:0; } .browse-date-range > div:first-of-type { display:flex; justify-content:space-between; gap:2rem; } .browse-date-range input[type=number] { width:126px; border:0; background:#f3f3f3; text-align:center; font-size:1.1rem; } .browse-range-inputs { position:relative; height:30px; margin-top:8px; } .browse-range-inputs input { position:absolute; inset:0; width:100%; padding:0; accent-color:#00b5d6; pointer-events:none; } .browse-range-inputs input::-webkit-slider-thumb { pointer-events:auto; } .browse-range-inputs input::-moz-range-thumb { pointer-events:auto; } .browse-fast-nav { display:flex; flex-wrap:wrap; align-items:center; gap:0; margin:1em 0 0; font-size:1.25rem; } .browse-fast-nav b { margin-right:.35em; color:#000; } .browse-fast-nav a { padding:.2em .35em; border-right:1px solid var(--line); color:#515151; text-decoration:none; } .browse-index { padding:1em 0; } .browse-group { margin:1em 0 .8em; padding:0 0 .8em; border-bottom:1px solid var(--line); } .browse-group:first-child { margin-top:0; } .browse-group h2 { margin:0; padding:0; font-size:1.7rem; } .browse-term { display:flex; width:100%; justify-content:flex-start; border:0; background:none; color:var(--ink); text-align:left; padding:.24rem 0; font:600 1.25rem/1.4 Arial, Helvetica, sans-serif; text-transform:none; } .browse-term:hover { color:var(--accent); } .browse-result-header { display:grid; grid-template-columns:1fr auto; gap:.5em 1em; } .browse-result-header h2,.browse-result-header .results-meta { grid-column:1 / -1; margin:0; } .browse-actions { display:flex; gap:.35em; align-items:start; } .browse-actions .button { margin:0; padding:.55rem .9rem; } .browse-result-list { padding-top:2em; } .browse-pagination { display:flex; gap:1em; align-items:center; justify-content:center; margin:2em 0; }
.record header { max-width:800px; margin-bottom:2rem; } .record-date { color:var(--muted); } .back-link { font-size:.9rem; text-decoration:none; } .document-detail-wrapper { display:flex; align-items:flex-start; }.viewer { flex:1 1 auto; min-width:0; }.diva-viewer,.viewer [id^="diva-viewer-"] { display:flex; width:100%; height:80vh; min-height:520px; }.diva-viewer > div,.diva-viewer .diva-app,.viewer [id^="diva-viewer-"] > div,.viewer [id^="diva-viewer-"] .diva-app { flex:1 1 auto; min-height:0; height:100%; }.metadata { flex:0 0 30%; padding:2em; min-width:300px; height:calc(100vh - 70px); overflow-y:auto; margin:-3.1em -4em -4em 2em; border-left:1px solid #eee; }.metadata div { padding:1em 0; }.metadata p { margin:0; }.browse-term:hover:not(:disabled) { color:var(--ink); background:none; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width:760px) { .template-root { padding-left:0; }.sidebar-root { top:auto; right:0; bottom:0; width:auto; height:55px; display:flex; }.clear-button { width:55px; height:55px; }.navbar-menu { gap:.5em; }.template-content { padding:1.5em; }.search-form { grid-template-columns:1fr; } .search-grid { grid-template-columns:1fr; } .facets { border:0; border-top:1px solid var(--line); padding:1.2rem 0 0; } .browse-terms { columns:1; } }