@charset "UTF-8";
:root{color-scheme:light;--bg:#f7faf8;--surface:#ffffff;--ink:#1a2f28;--muted:#5c7268;--line:#d5e2db;--accent:#0d7a5f;--accent-deep:#0f3d2e;--accent-mid:#147a66;--soft:#e8f4ef;--sand:#f4eee4;--sand-deep:#e2d5c4;--mud:#6b5344;--mud-soft:#e8ddd2;--mud-line:#c4b09a;--focus:#2a9a7a;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;padding:10px 14px}button:hover{background:var(--soft);border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.45}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,select{border:1px solid var(--line);background:var(--surface);border-radius:5px;color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;top:-60px;padding:12px;background:var(--surface);z-index:5}.skip:focus{top:10px}
.masthead{height:86px;padding:0 4%;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:23px;font-weight:650;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.1px;font-weight:500;margin-top:2px}.brandmark{display:grid;place-items:center;width:39px;height:39px;background:var(--accent);color:var(--bg);font-size:38px;border-radius:9px;line-height:1}.masthead nav{display:flex;height:100%;gap:32px;align-items:center}.masthead nav a{height:100%;display:flex;align-items:center;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;font-size:14px}.masthead nav a[aria-current]{border-color:var(--accent);color:var(--accent);font-weight:650}.edition{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin:0 8px}
main{max-width:1500px;margin:auto;padding:48px 4% 64px}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--accent);margin:0 0 15px}h1{font-size:32px;letter-spacing:-.02em;font-weight:500;margin:0 0 14px;line-height:1.4}.lede{font-size:14px;color:var(--muted);line-height:1.8;max-width:72ch;margin:0}
.searchbar{display:flex;align-items:center;background:var(--surface);border:1px solid oklch(67% .036 165);border-radius:14px;padding:6px;box-shadow:inset 0 1px 2px oklch(30% .02 165/.06),0 1px 2px oklch(30% .02 165/.04)}.search-symbol{font-size:30px;margin:0 14px;color:var(--muted)}.searchbar input{width:100%;min-width:0;border:0;font-size:15px;background:transparent;padding:12px 6px}.searchbar .primary{white-space:nowrap;background:var(--accent);color:var(--surface);border-color:var(--accent);padding:14px 25px}.primary span{margin-left:20px}.search-help{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px;margin:11px 0 26px;flex-wrap:wrap}.search-help>span{margin-left:auto}.text-button{background:transparent;border:0;padding:2px 0;color:var(--accent);font-size:12px}.text-button:hover{background:transparent;text-decoration:underline;border-color:transparent}.example{font-size:11px}.coverage{padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:24px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}.coverage strong{font-weight:650;color:var(--ink)}.coverage .coverage-note{margin-left:auto;font-size:11px}
.workspace{display:grid;grid-template-columns:217px minmax(0,1fr);gap:32px;margin-top:30px}.filters{border-right:1px solid var(--line);padding-right:24px}.filter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}h2{font-size:17px;font-weight:650;margin:0}.filter-heading h2{font-size:14px}fieldset{padding:0;margin:0 0 24px;border:0}legend,.field-label{font-size:11px;font-weight:650;color:var(--muted);margin-bottom:12px;display:block}.radio-line{display:flex;gap:8px;align-items:center;padding:10px 0;font-size:12px;cursor:pointer}.radio-line input{accent-color:var(--accent);width:14px;height:14px;margin:0}.radio-line span{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.filters select{width:100%;padding:10px 6px;font-size:11px;margin-bottom:24px}.filter-note{margin-top:18px;padding:17px 13px;background:var(--sand);border-radius:4px;font-size:11px;line-height:1.9}.note-label{font-weight:650}.filter-note p{color:var(--muted);margin:8px 0 12px}.filter-note a{text-decoration:none}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px}.results-toolbar h2{font-size:18px}.results-toolbar h2 span{font-size:11px;font-weight:500;display:inline-block;margin-left:8px;padding:3px 8px;background:var(--soft);border-radius:4px}.results-toolbar p{font-size:11px;color:var(--muted);margin:7px 0 0}.export-actions{display:flex;gap:8px}.export-actions button{font-size:11px;padding:9px 12px}.result-controls{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:12px;gap:12px}.result-controls select{border:0;background:transparent;padding:7px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}thead{background:oklch(95.5% .01 135)}th{font-weight:500;color:var(--muted);padding:16px 14px;white-space:nowrap;font-size:11px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:transparent}td{border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);padding:20px 14px;vertical-align:middle}tbody tr:hover{background:color-mix(in srgb,var(--soft) 45%,transparent)}tbody tr.selected{background:var(--soft)}.compound-name{border:0;padding:0;background:transparent;text-align:left;font-weight:650;color:var(--accent);font-size:13px;line-height:1.6}.compound-name:hover{background:transparent;text-decoration:underline}.record-id{display:block;font-family:ui-monospace,Consolas,monospace;font-size:9px;color:var(--muted);margin-top:4px;letter-spacing:.5px}.organism{font-style:italic;font-size:11px;line-height:1.7}.organism-type{display:block;font-size:10px;color:var(--muted);margin-top:3px}.badge{display:inline-block;font-size:10px;white-space:nowrap;border-radius:3px;padding:4px 6px;background:var(--soft);color:var(--accent)}.badge.abstract{background:oklch(95% .014 90);color:oklch(44% .035 85)}.badge.annotation{background:oklch(94% .03 240);color:oklch(43% .07 245)}.badge.supplementary{background:oklch(94% .025 150);color:oklch(40% .06 150)}.structure-status{font-size:10px;color:var(--muted);white-space:nowrap}.chemical-class{font-size:11px;color:var(--muted);max-width:145px;line-height:1.6}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:14px}.pagination button{padding:5px 10px}.empty{text-align:center;padding:45px 20px;border:1px dashed var(--line)}.empty h3{font-size:17px}.empty p{color:var(--muted);line-height:1.8;font-size:12px}.loading div{height:70px;margin-bottom:10px;background:oklch(94% .008 140);border-radius:5px}#load-error{background:var(--sand);padding:20px;line-height:1.8}
.detail{margin-top:28px;border:1px solid var(--line);background:var(--surface);padding:26px;border-radius:6px;scroll-margin-top:20px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detail-head h2{font-size:23px;overflow-wrap:anywhere}.detail-head p{font-size:11px;color:var(--muted)}.detail-head button{font-size:11px;white-space:nowrap}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;margin-top:20px}.detail h3{font-size:13px;margin:22px 0 12px}.evidence-item{padding:15px 0;border-bottom:1px solid var(--line)}.evidence-item p{font-size:12px;line-height:1.9;margin:8px 0;color:var(--muted);max-width:72ch}.evidence-item a{font-size:12px;overflow-wrap:anywhere}.evidence-item small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.structure-panel{background:var(--bg);padding:15px;align-self:start;font-size:11px;line-height:1.8;border:1px solid var(--line);border-radius:4px}.structure-panel h3{margin-top:0}.structure-panel img{max-width:100%;display:block}.structure-panel p{color:var(--muted)}.structure-panel code{display:block;overflow-wrap:anywhere;font-size:10px}.structure-placeholder{display:grid;place-items:center;min-height:110px;border:1px dashed var(--line);color:var(--muted);margin:12px 0}.structure-panel a{display:block;margin:10px 0}.detail-actions{margin-top:20px}
.document-view{max-width:1100px;margin:auto}.document-view>.lede{margin-bottom:38px}.document-view>h2{margin-top:38px}.resource-row{display:grid;grid-template-columns:170px minmax(0,1fr) 170px;gap:24px;padding:25px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.resource-row h2{font-size:17px}.resource-row p{margin:0 0 8px;color:var(--muted)}.resource-row a{text-decoration:none}.resource-row small{display:block;color:var(--muted)}.reference-list{padding-left:22px;line-height:1.9;font-size:13px}.reference-list li{padding:12px 0}.reference-list a{overflow-wrap:anywhere}.method-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:64px}.method-layout article p{line-height:2;color:var(--muted);max-width:72ch;margin:14px 0 34px}.method-aside{background:var(--sand);padding:24px;align-self:start;line-height:2;font-size:12px}.method-aside h2{font-size:15px}.method-aside ol{padding-left:18px}.method-aside li{padding:7px 0}.method-aside p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;margin:0 4%;padding:23px 0 30px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer a{text-decoration:none}
@media(min-width:1500px){.masthead{padding:0 max(4%,calc((100% - 1380px)/2))}}
@media(max-width:1100px){.masthead{gap:30px}.workspace{grid-template-columns:185px minmax(0,1fr);gap:20px}.filters{padding-right:18px}td,th{padding-left:9px;padding-right:9px}.coverage .coverage-note{margin-left:0}.detail-columns{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:760px){.masthead{height:auto;min-height:76px;flex-wrap:wrap;padding-top:16px;gap:12px}.brand{font-size:20px}.brandmark{width:33px;height:33px}.edition{font-size:10px}.masthead nav{order:3;width:100%;gap:25px;height:43px}.masthead nav a{font-size:12px}main{padding-top:28px}h1{font-size:25px}.eyebrow{font-size:9px;letter-spacing:1px}.lede{font-size:12px}.searchbar .primary{padding:12px;font-size:12px}.primary span{display:none}.search-symbol{margin:0 6px}.searchbar input{font-size:12px}.search-help{gap:12px}.search-help>span{margin-left:0;width:100%}.coverage{gap:12px;font-size:11px}.workspace{display:block;margin-top:24px}.filters{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.filter-heading{grid-column:1/-1;margin-bottom:14px}.filters fieldset{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px}.filters legend{margin-bottom:6px}.radio-line{font-size:11px;padding:4px 0}.radio-line span{display:none}.filters select{margin-bottom:18px}.field-label{margin-bottom:7px}.filters .field-label{grid-column:1/-1}.filters select{grid-column:1/-1}.filter-note{display:none}.results{margin-top:10px}.results-toolbar{align-items:flex-start}.results-toolbar h2{font-size:16px}.results-toolbar p{max-width:25ch;line-height:1.7}.export-actions button{padding:8px;font-size:10px}.table-scroll table{min-width:670px}.detail{padding:17px}.detail-columns{grid-template-columns:1fr}.detail-head h2{font-size:20px}.structure-panel{max-width:360px}.resource-row{grid-template-columns:1fr;gap:8px}.method-layout{grid-template-columns:1fr;gap:20px}footer{flex-wrap:wrap;line-height:1.7}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}button:active:not(:disabled){transform:none}}
.db-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.db-intro h1{font-size:36px;letter-spacing:-1px;margin:8px 0 12px}.db-intro .badge{padding:9px 12px;white-space:nowrap}.db-metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;gap:24px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px}.db-metrics>div{display:flex;flex-direction:column;gap:6px}.db-metrics strong{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px}.db-metrics span{font-size:12px;color:var(--muted)}.db-metrics .db-snapshot{border-left:1px solid var(--line);padding-left:24px}.db-snapshot strong{font-size:17px;letter-spacing:0}.db-search{display:flex;gap:0;background:var(--surface);border:1px solid var(--accent);padding:6px;border-radius:6px}.db-search input{flex:1;min-width:0;border:0;background:transparent;padding:12px;font-size:15px}.db-search select{border:0;border-left:1px solid var(--line);border-radius:0;margin:7px 10px 7px 0;max-width:210px;font-size:12px}.db-search button{background:var(--accent);color:white;min-width:105px;border-color:var(--accent)}.db-examples{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:13px 0 30px}.db-examples button{font-size:11px;border:0;background:var(--soft);color:var(--accent);padding:5px 9px}.db-examples>span{margin-left:auto;font-size:11px}.db-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}.db-filters{padding-right:25px;border-right:1px solid var(--line)}.db-filters h2{font-size:14px;margin:0 0 23px}.db-filters>label{display:block;margin:18px 0 9px;font-size:12px;font-weight:600;color:var(--muted)}.db-filters select,.db-filters input{width:100%;min-width:0;font-size:12px;padding:10px 7px}.db-filters>button{margin-top:20px;width:100%}.db-boundary{font-size:12px;color:var(--muted);line-height:1.9;margin-top:20px}.db-results{min-width:0}.db-results td{overflow-wrap:anywhere}.db-results .record-license{display:block;font-size:10px;color:var(--muted);margin-top:6px}.db-results td:first-child{min-width:190px;max-width:380px}.db-results td .compound-name{overflow-wrap:anywhere}.db-results .result-controls{flex-wrap:wrap}.db-results .result-controls>span{margin-right:auto;overflow-wrap:anywhere}#db-error{padding:18px;background:var(--sand);font-size:13px;line-height:1.8;margin-bottom:18px}.db-detail-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;margin:25px 0}.db-detail-grid .structure-panel{padding:16px}.db-detail-grid .structure-placeholder{min-height:180px;background:white}.db-detail-grid img{width:100%;max-height:250px;object-fit:contain}.identifier-list{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px 16px;font-size:12px;line-height:1.8}.identifier-list dt{color:var(--muted)}.identifier-list dd{margin:0;overflow-wrap:anywhere}.identifier-list code{font-size:11px}.source-metadata{font-size:12px;margin:15px 0}.source-metadata summary{cursor:pointer;color:var(--accent)}.source-metadata pre{max-height:320px;overflow:auto;padding:15px;background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px}.evidence-item>.badge{margin-left:12px}.taxa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin-top:22px}.taxon-card{border-bottom:1px solid var(--line);padding:22px 0;font-size:14px}.taxon-card a{text-decoration:none}.taxon-card p{color:var(--muted);font-size:12px}.document-view>input{display:block;width:min(100%,600px);padding:12px;margin:10px 0 20px;border:1px solid var(--line);border-radius:4px}.masthead nav{gap:23px}.method-aside{overflow-wrap:anywhere}
@media(max-width:1100px){.db-workspace{grid-template-columns:180px minmax(0,1fr);gap:20px}.db-filters{padding-right:18px}.db-detail-grid{grid-template-columns:210px minmax(0,1fr)}.identifier-list{grid-template-columns:1fr;gap:5px}.identifier-list dd{margin-bottom:10px}.masthead{gap:24px}.masthead nav{gap:16px}.edition{display:none}}
@media(max-width:760px){.db-intro{align-items:start;gap:12px}.db-intro h1{font-size:26px;letter-spacing:0}.db-intro .badge{font-size:9px;padding:6px;max-width:100px;white-space:normal}.db-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 0}.db-metrics strong{font-size:26px}.db-metrics .db-snapshot{border:0;padding:0}.db-search{flex-wrap:wrap}.db-search input{flex-basis:100%;padding:12px 8px}.db-search select{flex:1;border-left:0;border-top:1px solid var(--line);max-width:none;margin:0;padding:10px 6px}.db-search button{min-width:80px}.db-examples>span{width:100%;margin:0}.db-workspace{display:block}.db-filters{border:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin-bottom:24px}.db-filters h2{grid-column:1/-1;margin-bottom:3px}.db-filters>label{grid-column:1/-1;margin-top:10px}.db-filters>select{grid-column:1/-1}.db-filters>.db-boundary{grid-column:1/-1}.db-results table{min-width:740px}.db-detail-grid{grid-template-columns:1fr;gap:12px}.db-detail-grid .structure-panel{max-width:360px}.identifier-list{grid-template-columns:100px minmax(0,1fr);gap:10px}.taxa-grid{grid-template-columns:1fr}.masthead nav{flex-wrap:wrap;height:auto;min-height:46px;gap:0 18px;padding-bottom:10px}.masthead nav a{height:34px;display:flex;align-items:center;font-size:11px}.db-results .results-toolbar{gap:8px}.db-results .export-actions button{white-space:nowrap}}
#compound-table{min-width:980px}#compound-table td{vertical-align:top}.report-literature{display:inline-block;max-width:32ch;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.report-place,.report-method{font-size:11px;line-height:1.45}.detail-facts{display:grid;grid-template-columns:minmax(8em,11em) minmax(0,1fr);gap:6px 12px;margin:8px 0 12px;font-size:12px;line-height:1.6}.detail-facts dt{margin:0;color:var(--muted)}.detail-facts dd{margin:0}.name-candidate{margin-top:22px;max-width:340px;font-size:12px;line-height:1.6}.name-candidate img{display:block;max-width:100%;background:white}.name-candidate figcaption{margin-top:8px}.formula-conflict{font-weight:650}.assay-table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:12px}.assay-table caption{caption-side:top;text-align:left;color:var(--muted);margin-bottom:6px}.assay-table th,.assay-table td{border-bottom:1px solid var(--line);padding:4px 6px;vertical-align:top;text-align:left}.assay-table td:last-child{overflow-wrap:anywhere}


/* MangroveNP motion tokens (progressive; theme may refine) */
@keyframes mn-fade-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mn-row-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes mn-soft-in{from{opacity:0}to{opacity:1}}
.mn-metrics-ready>div,.mn-metrics-ready>span:not(.coverage-note){animation:mn-fade-up .5s cubic-bezier(.22,1,.36,1) both}
.mn-metrics-ready>div:nth-child(2),.mn-metrics-ready>span:nth-child(2){animation-delay:.06s}
.mn-metrics-ready>div:nth-child(3),.mn-metrics-ready>span:nth-child(3){animation-delay:.12s}
.mn-metrics-ready>div:nth-child(4),.mn-metrics-ready>span:nth-child(4){animation-delay:.18s}
.mn-metrics-ready>span:nth-child(5){animation-delay:.22s}
.mn-rows-stagger>tr{animation:mn-row-in .38s cubic-bezier(.22,1,.36,1) both}
.mn-rows-stagger>tr:nth-child(1){animation-delay:.02s}.mn-rows-stagger>tr:nth-child(2){animation-delay:.05s}.mn-rows-stagger>tr:nth-child(3){animation-delay:.08s}.mn-rows-stagger>tr:nth-child(4){animation-delay:.11s}.mn-rows-stagger>tr:nth-child(5){animation-delay:.14s}.mn-rows-stagger>tr:nth-child(6){animation-delay:.17s}.mn-rows-stagger>tr:nth-child(7){animation-delay:.2s}.mn-rows-stagger>tr:nth-child(8){animation-delay:.23s}.mn-rows-stagger>tr:nth-child(9){animation-delay:.26s}.mn-rows-stagger>tr:nth-child(10){animation-delay:.29s}.mn-rows-stagger>tr:nth-child(11){animation-delay:.32s}.mn-rows-stagger>tr:nth-child(12){animation-delay:.35s}
.searchbar,.db-search{transition:border-color .25s ease,box-shadow .25s ease}
.searchbar:focus-within,.db-search:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:inset 0 1px 2px color-mix(in srgb,var(--accent-deep) 5%,transparent),0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
tbody tr{transition:background-color .22s ease}
.taxon-card,.resource-row,.filter-note,.method-aside{transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.taxon-card:hover,.resource-row:hover{background:var(--soft)}
.primary,.db-search .primary,.searchbar .primary{transition:background-color .18s ease,border-color .18s ease,transform .16s ease}
@media(prefers-reduced-motion:reduce){.mn-metrics-ready>div,.mn-metrics-ready>span,.mn-rows-stagger>tr{animation:none!important}*{scroll-behavior:auto!important;transition:none!important}button:active:not(:disabled){transform:none}}


/* Round-2: explore hero photo + mud/sand accents */
.explore-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;align-items:end;gap:0;padding:44px 36px 36px;border:0;border-radius:0;background:#0a241c;isolation:isolate;min-height:300px}
.explore-hero-media{position:absolute;inset:0;z-index:0;pointer-events:none}
.explore-hero-photo{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}
.explore-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(244,250,247,.10) 0%,rgba(15,61,46,.20) 32%,rgba(8,28,22,.62) 100%),linear-gradient(105deg,rgba(8,28,22,.88) 0%,rgba(15,61,46,.68) 38%,rgba(26,47,40,.40) 68%,rgba(12,42,34,.55) 100%)}
.explore-hero-copy{position:relative;z-index:1;min-width:0;width:100%;max-width:42rem;color:#f4faf7;padding-right:0}
.explore-hero .eyebrow{color:#b7e0cf}
.explore-hero h1{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);max-width:100%;overflow-wrap:anywhere;word-break:normal}
.explore-hero .lede{color:rgba(244,250,247,.92);max-width:62ch}
.explore-affiliation-caption{margin:12px 0 0;max-width:42rem;font-size:12px;font-weight:450;line-height:1.55;color:rgba(244,250,247,.70);letter-spacing:.01em}
.badge{border:1px solid color-mix(in srgb,var(--mud-line) 70%,transparent)}
.badge.abstract{background:var(--mud-soft);color:var(--mud);border-color:var(--mud-line)}
.filter-note,.method-aside,#load-error{background:var(--sand);border:1px solid var(--mud-line)}
.db-metrics>div,.taxon-card,.resource-row{border-color:color-mix(in srgb,var(--mud-line) 55%,var(--line))}
.site-footer{display:flex;flex-direction:column;gap:14px;margin:0 4%;padding:23px 0 30px;border-top:1px solid var(--mud-line);font-size:10px;color:var(--muted)}
.footer-brand{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer{background:linear-gradient(135deg,#05222b 0%,#07323d 45%,#0b4a44 100%);color:#cfe6e8;padding-left:24px;padding-right:24px;border-radius:6px 6px 0 0;border-top:0}
.site-footer a{color:#e6f6f4}
@media(max-width:760px){.explore-hero{padding:20px 16px}.explore-hero-copy{padding-right:0}.explore-affiliation-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.explore-hero-photo{filter:none}}
/* === Apple-inspired polish (static; HIG spacing / frost tokens) === */
:root{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --masthead-frost:rgba(15,61,46,.68);
  --masthead-frost-solid:rgba(15,61,46,.90);
  --search-radius:14px;
  --ease-apple:cubic-bezier(.25,.1,.25,1);
}
h1,.db-intro h1,.intro h1,.explore-hero h1{font-weight:500;letter-spacing:-.022em}
h2{font-weight:560;letter-spacing:-.015em}
.masthead{
  position:sticky;top:0;z-index:50;
  transition:background-color .28s var(--ease-apple),box-shadow .28s var(--ease-apple),border-color .28s var(--ease-apple),backdrop-filter .28s var(--ease-apple),-webkit-backdrop-filter .28s var(--ease-apple);
}
.searchbar,.db-search{
  border-radius:var(--search-radius);
  box-shadow:inset 0 1px 2px color-mix(in srgb,var(--accent-deep) 6%,transparent),0 1px 2px color-mix(in srgb,var(--accent-deep) 4%,transparent);
}
.searchbar input,.db-search input{letter-spacing:-.01em}
table{border:0}
thead{background:transparent}
th{border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:transparent}
td{border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent);padding:20px 14px}
tbody tr:hover{background:color-mix(in srgb,#e8f0ea 55%,transparent)}
tbody tr.selected{background:color-mix(in srgb,var(--soft) 70%,transparent)}
button,a,input,select,.primary,.db-search .primary,.searchbar .primary,.taxon-card,.resource-row{
  transition-duration:.24s;transition-timing-function:var(--ease-apple);
}
@media(prefers-reduced-motion:reduce){
  .masthead{transition:none!important}
}

/* UI maturity: discreet Method links + quiet skeletons */
.filter-method-link{margin-top:22px;font-size:12px}
.filter-method-link a{color:var(--accent);text-decoration:none}
.filter-method-link a:hover{text-decoration:underline}
.detail-method-link{font-size:11px;margin:0 0 14px}
.detail-method-link a{color:var(--accent);text-decoration:none}
.coverage.loading,.db-metrics.loading{gap:12px;align-items:stretch}
.coverage.loading>div{flex:1;min-width:80px;height:18px;margin:0;border-radius:4px;background:linear-gradient(90deg,var(--sand),var(--soft),var(--sand));background-size:200% 100%;animation:mn-shimmer 1.2s ease-in-out infinite}
.db-metrics.loading>div{min-height:64px;background:linear-gradient(90deg,var(--sand),var(--soft),var(--sand));background-size:200% 100%;animation:mn-shimmer 1.2s ease-in-out infinite;border-radius:8px}
@media(max-width:760px){.filter-method-link{grid-column:1/-1}}