.fish-browse{padding:26px 28px;background:#f4f9f8;border:1px solid #d8e8e5;border-radius:12px;margin:0 0 38px}.fish-section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.fish-section-heading h2,.fish-browse h2{margin:0;font-size:24px}.fish-section-heading>span{font-size:14px;color:#4f6b69;white-space:nowrap}.fish-browse p{margin:8px 0 18px;color:#50625f}.fish-alphabet{display:flex;gap:7px;flex-wrap:wrap}.fish-alphabet a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:42px;background:white;border:1px solid #cbdedb;border-radius:6px;color:#087c7c;font-weight:700;text-decoration:none}.fish-alphabet a:hover,.fish-alphabet a[aria-current]{background:#087c7c;color:white;border-color:#087c7c}.fish-alphabet a:focus-visible,.fish-name-list a:focus-visible{outline:3px solid #ff7a18;outline-offset:3px}.fish-featured h2{margin-bottom:8px;font-size:28px}.fish-section-intro{margin:0 0 24px;color:#50625f}.fish-browse-bottom{margin:38px 0 0}.fish-browse-bottom h2{margin-bottom:18px}.fish-breadcrumb{font-size:14px!important;margin:0 0 14px!important}.fish-breadcrumb a{color:#087c7c}.fish-name-list{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.fish-name-list li{margin:0;border-bottom:1px solid #e0eae8}.fish-name-list a{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 8px;color:#146666;text-decoration:none;font-weight:600;font-size:16px}.fish-name-list a:hover{background:#f2f8f7}.fish-name-list a>span:last-child{color:#5d8984}@media(max-width:760px){.fish-name-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fish-browse{padding:20px}.fish-section-heading h2{font-size:22px}}@media(max-width:480px){.fish-name-list{grid-template-columns:1fr}.fish-alphabet a{min-width:36px;height:40px}.fish-section-heading{align-items:flex-start}.fish-section-heading>span{font-size:12px}}

.ftd-fish-hub .fish-letter-card-grid{margin-top:24px}
