.source-explorer { max-width:112rem; margin:0 auto 28px; padding:24px; border:1px solid var(--hairline); border-radius:9px; background:#081722; min-width:0; }
.source-explorer__heading { display:flex; justify-content:space-between; align-items:start; gap:24px; margin-bottom:20px; }
.source-explorer__heading h3 { margin:4px 0 8px; font-size:25px; }
.source-explorer__heading p { max-width:720px; margin:0; }
.source-explorer__heading>span { flex:none; color:#78d6d0; font-size:13px; line-height:1.7; text-align:right; }
.source-explorer .source-explorer__eyebrow { color:#78d6d0; font-size:11px; letter-spacing:.12em; line-height:1.6; text-transform:uppercase; }
.source-explorer__collections { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-block:1px solid #294251; margin-bottom:20px; }
.source-explorer__collections button { display:grid; grid-template-columns:9px minmax(0,1fr); align-content:start; align-items:center; gap:8px; min-width:0; min-height:100px; padding:15px 12px; color:#d7e5f1; background:transparent; border:0; border-bottom:3px solid transparent; text-align:left; cursor:pointer; }
.source-explorer__collections button+button { border-left:1px solid #203949; }
.source-explorer__collections button[aria-pressed="true"] { background:#103035; border-bottom-color:#75d9d2; }
.source-explorer__collections small { grid-column:2; color:#a6bdcb; font-size:11px; }
.source-explorer__collections strong { font-size:13px; line-height:1.5; overflow-wrap:normal; word-break:normal; }
.source-explorer__toolbar { display:grid; grid-template-columns:minmax(140px,1fr) minmax(180px,1.3fr) minmax(180px,2fr); gap:16px; align-items:end; margin-bottom:18px; }
.source-explorer__toolbar label { display:grid; gap:7px; font-size:12px; color:#a6bdcb; min-width:0; }
.source-explorer__toolbar select { width:100%; min-width:0; min-height:42px; padding:9px 30px 9px 12px; border:1px solid #345364; border-radius:5px; background:#07131e; color:#e4eff6; font:inherit; }
.source-explorer__toolbar>div { min-width:0; padding-bottom:4px; line-height:1.5; }
.source-explorer__toolbar small { display:block; margin-top:4px; }
.source-explorer__workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); border:1px solid #294251; border-radius:7px; overflow:hidden; }
.source-explorer__list { min-width:0; border-right:1px solid #294251; }
.source-explorer__list-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:15px; background:#0c202d; font-size:12px; }
.source-explorer__list-heading span { color:#a6bdcb; }
.source-explorer__row { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:12px; width:100%; padding:13px 16px; text-align:left; background:transparent; border:0; border-bottom:1px solid #203949; color:#dcebf4; cursor:pointer; }
.source-explorer__row:hover { background:#102532; }
.source-explorer__row[aria-pressed="true"] { background:#103035; box-shadow:inset 3px 0 #75d9d2; }
.source-explorer__row>span { min-width:0; }
.source-explorer__row>span:last-child { text-align:right; }
.source-explorer__row strong { display:block; font-size:13px; line-height:1.4; }
.source-explorer__row small { display:block; margin-top:4px; color:#a6bdcb; line-height:1.45; font-size:11px; }
.source-explorer__row b { font-size:16px; font-variant-numeric:tabular-nums; }
.source-explorer__pagination { display:flex; justify-content:space-between; align-items:center; padding:12px; gap:8px; color:#a6bdcb; font-size:12px; }
.source-explorer__pagination button { background:#102532; color:#dcebf4; padding:8px 12px; border:1px solid #345364; border-radius:4px; cursor:pointer; }
.source-explorer__pagination button:disabled { opacity:.35; cursor:default; }
.source-explorer__detail { min-width:0; padding:22px; }
.source-explorer__detail h4 { font-size:24px; line-height:1.25; margin:8px 0; }
.source-explorer__detail header p { margin:0; }
.source-explorer__value { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin:22px 0 14px; }
.source-explorer__value>strong { font-size:38px; line-height:1.15; font-variant-numeric:tabular-nums; color:#82dfd4; }
.source-explorer__value>span { flex:1; min-width:140px; font-size:13px; line-height:1.5; }
.source-explorer__value small { display:block; margin-top:4px; }
.source-explorer__detail figure { margin:16px 0; }
.source-explorer__detail svg { display:block; width:100%; height:auto; }
.source-explorer__detail figcaption { color:#9fb6c6; font-size:11px; line-height:1.5; margin-top:8px; }
.source-explorer__explanation { background:#0e2632; border-left:2px solid #74cfc9; padding:14px 16px; }
.source-explorer__provenance { display:flex; flex-wrap:wrap; gap:8px 16px; color:#a6bdcb; font-size:12px; line-height:1.6; }
.source-explorer__single { padding:20px; background:#0c202d; border:1px dashed #345364; border-radius:5px; }
.source-explorer__single p { margin-bottom:0; }
.source-explorer__observations { margin-top:20px; border-top:1px solid #294251; }
.source-explorer__observations summary { padding:14px 0; cursor:pointer; font-size:13px; }
.source-explorer__observations .table-scroll { max-height:360px; }
.source-explorer__observations table { width:100%; border-collapse:collapse; font-size:12px; }
.source-explorer__observations :is(th,td) { padding:10px 12px; border-bottom:1px solid #294251; text-align:left; }
.source-explorer__observations caption { text-align:left; padding:10px; color:#a6bdcb; }
.source-explorer :is(button,select,a,summary):focus-visible { outline:2px solid #78d6d0; outline-offset:3px; }
@media(max-width:1100px) { .source-explorer__collections { grid-template-columns:repeat(3,minmax(0,1fr)); } .source-explorer__toolbar { grid-template-columns:1fr 1fr; } .source-explorer__toolbar>div { grid-column:1/-1; } }
@media(max-width:720px) { .source-explorer { padding:14px; } .source-explorer__heading { gap:12px; } .source-explorer__heading>span { display:none; } .source-explorer__collections { grid-template-columns:repeat(2,minmax(0,1fr)); } .source-explorer__collections button { min-height:96px; padding:12px 10px; } .source-explorer__workspace { grid-template-columns:minmax(0,1fr); } .source-explorer__detail { grid-row:1; padding:16px; border-bottom:1px solid #294251; } .source-explorer__list { border-right:0; } .source-explorer__toolbar { grid-template-columns:minmax(0,1fr); } .source-explorer__heading h3 { font-size:23px; } .source-explorer__row { padding:12px; } }
