.atlas-overview > main,.atlas-profile > main{padding-top:20px}
.atlas-overview .marine-tabs{margin-bottom:12px;gap:6px;padding:4px;width:max-content;max-width:100%;border:1px solid #d5e5dc;background:#eaf2ed;border-radius:14px}
.atlas-overview .marine-tabs a{border:0;border-radius:10px;min-height:38px;background:transparent;padding:6px 14px}
.atlas-overview .marine-tabs a[aria-current=page],.atlas-overview .marine-tabs a:hover{background:#1b5442;color:#fff}
.atlas-overview .atlas-cover{padding:clamp(20px,3vw,34px);gap:16px 28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.atlas-overview .atlas-cover h1{font-size:clamp(32px,4vw,58px);line-height:1.05}
.atlas-overview .atlas-cover p{margin-bottom:.75rem}
.atlas-overview .atlas-cover-specimen img{max-height:120px}
.atlas-overview .marine-cover figure{background:#15454b;border-color:#47737a;overflow:hidden;border-radius:12px}
.atlas-overview .marine-cover figure img{max-height:133px;object-fit:cover;border-radius:0}
.atlas-overview .marine-cover figcaption{margin:0;background:transparent;padding:5px 9px;color:#e3f1ef}
.atlas-overview .atlas-catalog-tools{margin:14px 0 17px;scroll-margin-top:12px}
.atlas-overview .atlas-control-stack{display:grid;gap:10px;margin-top:8px}
.atlas-overview .atlas-control-stack .filters{display:block;margin:0}
.atlas-overview .atlas-control-stack .filters label{min-width:0}
.atlas-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.atlas-ui button{font:inherit;font-size:13px;font-weight:700;min-height:38px;border:1px solid #b7d0c2;border-radius:9px;background:#fff;color:#174b39;padding:6px 11px;cursor:pointer}
.atlas-ui button:is(:hover,[aria-pressed=true]){background:#e1f1e8;border-color:#619880}
.atlas-ui button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #619880}
.atlas-ui button:disabled{color:#60756a;opacity:.65;cursor:default;background:#fff;box-shadow:none}
.atlas-search-row #atlas-clear{min-height:46px}
.atlas-group-choices,.atlas-view-controls{display:flex;flex-wrap:wrap;gap:6px}
.atlas-results-meta,.atlas-marine .atlas-results-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.atlas-results-meta .count,.atlas-marine .atlas-results-meta .count{margin:0}
.atlas-results-meta .atlas-about{order:3}
.atlas-results-meta .atlas-about[open]{flex-basis:100%}
.atlas-overview .atlas-list{grid-template-columns:1fr!important;gap:8px!important}
.atlas-list .fish-card{display:grid;grid-template-columns:minmax(0,1fr);border-radius:12px}
.atlas-list .fish-card > a:first-child{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;align-items:center}
.atlas-list .fish-card > a > img,.atlas-list .fish-card > a.marine-thumb > img{width:100%;height:72px;aspect-ratio:auto;border:0;padding:5px}
.atlas-list .fish-card .card-body,.atlas-list .marine-card-copy{padding:8px 10px 8px 0}
.atlas-list .fish-card .card-body h2,.atlas-list .fish-card .marine-card-copy h2{margin:2px 0;font-size:1rem}
.atlas-list .fish-card .card-body p,.atlas-list .marine-card-copy p:not(.latin){display:none}
.atlas-list .fish-card .card-credit{margin-left:107px;padding:4px 10px 6px 0;border:0}
.atlas-list .marine-profile-card{grid-template-columns:95px minmax(0,1fr);gap:12px;align-items:center}
.atlas-list .marine-profile-card > a.marine-thumb{display:block;padding:0}
.atlas-list .marine-card-copy .latin{margin:0}
.atlas-overview .fish-card:focus-within{outline:2px solid #6b9b85;outline-offset:2px}
.atlas-overview .atlas-image-error,.atlas-profile .atlas-image-error{background:#eaf1ec;color:#365747}
.atlas-profile .atlas-profile-back{display:inline-flex;align-items:center;min-height:38px;padding:5px 12px;background:#fff;border:1px solid #bed4c7;border-radius:9px;text-decoration:none;font-size:.88rem;font-weight:700}
.atlas-profile .hero{padding:clamp(16px,3vw,30px);border:1px solid #d4e6dc;border-radius:20px;background:#eaf3ed;margin:14px 0 22px}
.atlas-profile .hero h1{margin:.35rem 0 .15rem}
.atlas-profile .hero .latin{font-size:1rem;margin:0 0 .7rem}
.atlas-profile .hero .lead{font-size:1rem;line-height:1.55;margin-bottom:0;color:#294c3d}
.atlas-profile .hero figure,.atlas-profile .article,.atlas-profile .toc{background:#fff}
.atlas-profile .hero figure img{height:clamp(150px,26vw,260px);padding:12px;object-fit:contain}
.atlas-profile .hero figure figcaption{padding:8px 12px;background:#f1f7f3}
.atlas-profile .toc{border:1px solid #d4e6dc;border-radius:14px;padding:12px 15px;gap:4px 8px}
.atlas-profile .toc a{line-height:1.35;padding:7px 5px}
.atlas-profile .article{padding:clamp(16px,3vw,35px)}
.atlas-profile .article h2{font-size:clamp(20px,2.5vw,26px);margin-bottom:10px}
.atlas-profile .article section{scroll-margin-top:14px}
.atlas-profile .article section:target h2{color:#176b48}
.atlas-profile .article section+section{padding-top:20px;margin-top:20px}
@media(max-width:600px){
  .atlas-overview > main,.atlas-profile > main{padding-top:12px}
  .atlas-overview .atlas-cover{grid-template-columns:1fr;gap:8px;padding:16px}
  .atlas-overview .atlas-cover-specimen,.atlas-overview .marine-cover figure{display:none}
  .atlas-overview .atlas-cover p{margin-bottom:.55rem}
  .atlas-overview .atlas-control-stack{gap:8px}
  .atlas-profile .hero{grid-template-columns:1fr;gap:12px}
  .atlas-profile .toc a{background:#edf5ef;border-radius:7px;padding:5px 8px}
}

.atlas-site-home{font-size:.85rem;white-space:nowrap}
.atlas-profile > header{padding:12px 0;background:#fff;color:#163329;border-bottom:1px solid #d9e6de}
.atlas-profile > header a{color:#163329}
.atlas-profile main > .wrap > nav.note{display:flex;flex-wrap:wrap;gap:4px 7px;align-items:center;line-height:1.45}
.atlas-profile .article p{background:none}
@media(max-width:600px){
 .atlas-overview .atlas-cover-specimen{display:flex;align-items:center;gap:10px;padding:3px 7px;width:max-content;max-width:100%;margin-top:3px}
 .atlas-overview .atlas-cover-specimen img{width:52px;height:33px}
 .atlas-overview .atlas-cover-specimen-label{padding:0}
 .atlas-overview .atlas-cover-specimen-label em{display:none}
 .atlas-overview > header .wrap,.atlas-profile > header .wrap{gap:10px;font-size:13px}
 .atlas-site-home{font-size:.75rem}
}
.atlas-overview .marine-tabs a span{margin-left:6px;padding:0 6px;border-radius:999px;background:#d6e7dd;color:#174b39;font-size:.73rem}
.atlas-overview .marine-tabs a[aria-current=page] span{background:#e6f3ea}