.visual-archive{margin:12px auto 38px;border:1px solid #cdd6c1;background:#f9faf3;scroll-margin-top:130px}.visual-archive>summary{padding:24px 28px;cursor:pointer;display:flex;align-items:center;gap:24px;list-style:none}.visual-archive>summary::-webkit-details-marker{display:none}.visual-archive>summary:after{content:'＋';margin-left:auto;font-size:26px;color:#64784e}.visual-archive[open]>summary:after{content:'−'}.visual-archive>summary strong{font:400 27px var(--serif);display:block}.visual-archive>summary small{display:block;color:#6c7b5d;font-size:11px;margin-top:5px}.visual-summary-pictures{display:flex;width:145px;flex-shrink:0}.visual-summary-pictures img{width:55px;height:65px;object-fit:cover;border:3px solid #f9faf3;border-radius:3px;margin-left:-10px}.visual-summary-pictures img:first-child{margin-left:0}.visual-body{padding:4px 28px 28px}.visual-intro{max-width:780px;color:#5c6e51;font-size:13px;line-height:1.8}.visual-controls{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr auto;gap:16px;align-items:end;margin:24px 0 16px}.visual-controls label{display:flex;flex-direction:column;gap:8px;font-size:9px;letter-spacing:1px;color:#5d7050}.visual-controls input,.visual-controls select{min-width:0;width:100%;border:1px solid #bdc9ae;background:#fffef8;padding:11px 10px;font:400 12px var(--sans);color:#324c31;border-radius:3px}.visual-text-button{font:500 12px var(--sans);color:#385532;border:0;border-bottom:1px solid #98ad84;background:none;padding:8px 0;cursor:pointer}.visual-controls button{align-self:end;margin-bottom:4px}.visual-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:11px;color:#617655;margin-bottom:18px}.visual-toolbar a{text-decoration:underline;text-underline-offset:3px}.visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.visual-card{border:1px solid #d7decc;background:#fffef9;display:flex;flex-direction:column;min-width:0}.visual-open{padding:0 0 16px;text-align:left;border:0;background:transparent;color:#2c442e;width:100%;flex:1}.visual-image{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#e9e9df}.visual-image img{display:block;width:100%;height:100%;object-fit:contain}.visual-image.cropped img{position:absolute;max-width:none;object-fit:fill}.visual-card .visual-image{width:100%;height:190px;aspect-ratio:auto}.visual-card .visual-image.cropped{height:auto;max-height:none;aspect-ratio:var(--crop-ratio,1)}.visual-kind{display:block;margin:13px 14px 6px;font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#7a6b4d;line-height:1.6}.visual-card h3{font:400 22px/1.12 var(--serif);margin:7px 14px 10px}.visual-card-meta{font-size:10px;color:#738264;margin:0 14px;display:block;line-height:1.6}.visual-select{margin:0 14px 14px;border:1px solid #b9c6a9;background:#f5f7ed;color:#425b36;padding:9px 12px;font-size:11px;border-radius:3px}.visual-select[aria-pressed=true]{background:#2e4935;color:#f9f8ec;border-color:#2e4935}.visual-empty{grid-column:1/-1;padding:30px;text-align:center;background:#eef2e5}.visual-empty h3{font:400 27px var(--serif)}.visual-more{display:block;margin:24px auto;border:1px solid #aabd96;border-radius:3px;padding:12px 28px;background:#f3f6e9;color:#35512d}.visual-more[hidden]{display:none}.comparison-tray{position:sticky;bottom:12px;z-index:7;margin-top:24px;background:#2b4433;color:#f3f3e4;padding:16px 18px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;box-shadow:0 6px 22px #21372522;border-radius:4px}.comparison-selection{flex:1;display:flex;gap:8px;flex-wrap:wrap;min-width:170px;font-size:11px}.comparison-selection button{background:#425b42;color:#f9f8e9;border:1px solid #80926e;padding:6px 9px;border-radius:3px;font-size:10px}.comparison-selection button span{margin-left:8px}.comparison-tray>button{border:1px solid #acbe94;border-radius:3px;padding:10px 14px;background:#dce7c9;color:#2b4433;font:500 11px var(--sans)}.comparison-tray>button:disabled{opacity:.55;cursor:default}.comparison-tray>button:last-of-type{background:none;color:#edf2df}.visual-small{font-size:10px;line-height:1.7;color:#718064}.visual-status{min-height:16px;margin:8px 0 0;font-size:11px;color:#637454}.visual-collection-note{font-size:11px;line-height:1.8;color:#6a785e;border-top:1px solid #d4ddc9;margin:24px 0 0;padding-top:18px}.visual-collection-note a{text-decoration:underline}.origins-page #visual-dialog{max-width:760px;width:calc(100% - 32px);padding:32px}.origins-page #compare-dialog{max-width:1180px;width:calc(100% - 32px);padding:30px}.visual-dialog-close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:27px;color:#677b55;padding:3px 10px;z-index:2}.origins-page #visual-dialog h2,.origins-page #compare-dialog h2{font:400 35px/1.1 var(--serif);margin:14px 28px 24px 0}.origins-page #visual-dialog .visual-image{max-height:400px;aspect-ratio:4/3}.origins-page #visual-dialog .visual-image.cropped{max-width:420px;max-height:none;margin:0 auto;aspect-ratio:var(--crop-ratio,1)}.visual-caption{font-size:13px;line-height:1.8;color:#4f6645}.visual-facts{display:grid;grid-template-columns:115px 1fr;gap:8px 15px;font-size:11px;line-height:1.65;border-top:1px solid #d3ddc7;border-bottom:1px solid #d3ddc7;padding:17px 0;margin:19px 0}.visual-facts dt{color:#728465}.visual-facts dd{margin:0;color:#385232}.visual-provenance{font-size:11px;line-height:1.8;background:#edf1e3;padding:14px 16px;margin-top:19px}.visual-provenance summary{cursor:pointer;font-weight:600}.visual-provenance a{text-decoration:underline}.visual-detail-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:20px}.visual-detail-actions .primary{border:0}.visual-tags{display:flex;gap:6px;flex-wrap:wrap}.visual-tags span{background:#e7edde;padding:5px 8px;border-radius:3px;font-size:10px;color:#557247}.shared-source-note{padding:12px 15px;border-left:2px solid #ac9063;background:#f0ebdf;font-size:11px;line-height:1.8;color:#7b6c51}.comparison-context{font-size:12px;line-height:1.8;color:#607453}.comparison-columns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:24px}.comparison-columns article{min-width:0}.comparison-columns h3{font:400 23px/1.15 var(--serif);min-height:54px;margin:13px 0}.comparison-columns .visual-image{height:230px;aspect-ratio:auto}.comparison-columns .visual-image.cropped{height:auto;aspect-ratio:var(--crop-ratio,1)}.comparison-columns .visual-kind{margin-left:0}.comparison-columns p{font-size:11px;line-height:1.75;color:#607253}.comparison-columns .visual-facts{grid-template-columns:1fr;gap:3px}.comparison-columns .visual-facts dd{margin-bottom:9px}.comparison-columns a{text-decoration:underline}.taxon-figure{margin:21px 0 8px}.taxon-figure .visual-image{max-height:260px;aspect-ratio:3/2}.taxon-figure figcaption{font-size:10px;line-height:1.7;color:#617353;margin-top:10px}.taxon-figure figcaption span{display:block;margin-top:5px}.taxon-figure figcaption a{text-decoration:underline}.species-row .index-portrait{width:45px;height:50px;object-fit:contain;background:#e9ecdf;flex-shrink:0;border-radius:3px}.taxon-entry .taxon-portrait{pointer-events:none}.visual-entry-link{cursor:pointer}.visual-entry-link:focus{outline:2px solid #546d42;outline-offset:3px}.origins-hero .visual-hero-link{display:inline-block;margin-top:18px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.visual-open:focus-visible,.visual-select:focus-visible,.visual-text-button:focus-visible{outline:2px solid #355733;outline-offset:3px}.visual-body button{cursor:pointer}
@media(max-width:1100px){.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-controls{grid-template-columns:1.5fr 1fr 1fr}.visual-controls label:first-child{grid-column:span 2}.visual-card .visual-image{height:180px}}
@media(max-width:800px){.visual-archive{scroll-margin-top:175px}.visual-archive>summary{padding:19px 16px;gap:15px}.visual-archive>summary strong{font-size:23px}.visual-archive>summary small{font-size:10px;line-height:1.6}.visual-summary-pictures{width:90px}.visual-summary-pictures img{width:38px;height:49px;margin-left:-9px}.visual-body{padding:0 16px 20px}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-controls{grid-template-columns:1fr 1fr;gap:12px}.visual-controls label:first-child{grid-column:1/-1}.visual-controls button{justify-self:start}.visual-card .visual-image{height:150px}.visual-card h3{font-size:20px;margin:8px 10px}.visual-card .visual-kind,.visual-card-meta{margin-left:10px;margin-right:10px}.visual-select{margin:0 10px 10px}.visual-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.comparison-tray{bottom:8px;padding:12px;gap:10px}.comparison-selection{flex-basis:100%}.comparison-tray>button{font-size:10px;padding:9px 10px}.origins-page #visual-dialog,.origins-page #compare-dialog{padding:26px 18px;max-height:90vh}.origins-page #visual-dialog h2,.origins-page #compare-dialog h2{font-size:30px}.comparison-columns{overflow-x:auto;grid-auto-columns:82%;gap:18px;scroll-snap-type:x proximity;padding-bottom:12px}.comparison-columns article{scroll-snap-align:start}.comparison-columns .visual-image{height:220px}.comparison-columns h3{min-height:50px}.visual-facts{grid-template-columns:96px 1fr;gap:7px 12px}.visual-detail-actions{gap:12px}.visual-intro{font-size:12px}}
.visual-card .visual-image.cropped{height:190px;width:calc(190px * var(--crop-ratio));margin:0 auto}.origins-page #visual-dialog .visual-image.cropped{height:360px;width:calc(360px * var(--crop-ratio));max-width:100%;margin:0 auto}.comparison-columns .visual-image.cropped{height:230px;width:calc(230px * var(--crop-ratio));max-width:100%;margin:0 auto}@media(max-width:800px){.visual-card .visual-image.cropped{height:150px;width:calc(150px * var(--crop-ratio))}.comparison-columns .visual-image.cropped{height:220px;width:calc(220px * var(--crop-ratio))}}
.visual-text-button:disabled{opacity:.5;cursor:default;border-bottom-color:transparent}
.compare-pan-hint{display:none}.origins-page .visual-dialog-close{position:sticky;top:0;float:right;margin:-12px -8px 0 8px;background:#f9faf2;border-radius:50%;box-shadow:0 1px 5px #24382915}@media(max-width:800px){.compare-pan-hint{display:block;font-size:10px;color:#667b58}.origins-page #compare-dialog h2{font-size:26px}}