*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f5f8f6;color:#172c24;font:17px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#176b48;text-underline-offset:3px}a:hover{color:#0d422c}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #db941a;outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 24px}header{background:#153e2e;color:#fff;padding:22px 0}header .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center}header a{color:#fff;text-decoration:none;font-weight:700}header small{opacity:.85}main{padding:38px 0 60px}h1{font-size:clamp(32px,5vw,54px);line-height:1.15;letter-spacing:-1.4px;margin:14px 0}h2{font-size:26px;line-height:1.3;margin:0 0 16px}h3{font-size:20px}p{margin:0 0 18px}.lead{max-width:800px;font-size:20px;color:#426252}.kicker{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#397254}.badge{display:inline-block;font-size:12px;font-weight:700;background:#e7f1e9;color:#315f49;border-radius:20px;padding:4px 11px;line-height:1.5}.filters{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 16px;align-items:end}.filters label{display:flex;flex:1;min-width:220px;flex-direction:column;font-size:13px;font-weight:700}.filters input,.filters select{font:inherit;font-size:16px;padding:14px;background:#fff;border:1px solid #b8cdbf;border-radius:10px;color:#183e2a;width:100%;height:54px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.fish-card,.panel,figure,.article,.fact{background:#fff url('supiny.svg') repeat;background-size:48px 32px;border:1px solid #d8e5dc;border-radius:18px}.fish-card{overflow:hidden;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}.fish-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #153e2e12}.fish-card>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;flex:1}.fish-card img{width:100%;height:200px;object-fit:contain;padding:18px;background:#ffffffba}.card-body{padding:18px 22px 24px}.card-body h2{font-size:23px;margin:10px 0 2px}.latin{font-style:italic;color:#5c7267;font-size:15px}.card-body p{font-size:15px;line-height:1.65;margin:12px 0}.card-credit{font-size:10px;padding:0 22px 15px;line-height:1.4;color:#5c7267}.cta{font-size:14px;font-weight:800}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;margin:24px 0 34px}.hero figure{margin:0;overflow:hidden}.hero img{display:block;width:100%;height:310px;object-fit:contain;padding:22px;background:#ffffffa8}figcaption{padding:14px 20px;font-size:12px;line-height:1.6;background:#ffffffe0}.layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:28px}.toc{position:sticky;top:20px;align-self:start;font-size:14px}.toc a{display:block;text-decoration:none;padding:8px 0}.article{padding:32px 38px}.article section+section{border-top:1px solid #d5e2d9;padding-top:28px;margin-top:28px}.article p{background:#ffffffa8}.source{font-size:13px;color:#5a7164}.related{display:flex;flex-wrap:wrap;gap:10px}.related a{border:1px solid #b9d1c2;background:white;padding:8px 14px;border-radius:9px;font-size:14px;text-decoration:none}.panel{padding:24px;margin:28px 0}.note{font-size:14px;color:#526b5c}.count{font-size:14px;color:#526b5c;margin:12px 0 20px}footer{background:#153e2e;color:#e2eee6;padding:32px 0;font-size:14px}footer a{color:#fff}[hidden]{display:none!important}.empty{padding:36px;text-align:center;border:1px dashed #95b5a2;border-radius:12px}details{margin:24px 0}summary{cursor:pointer;font-weight:700}.list-row{padding:12px 0;border-bottom:1px solid #d7e4dc}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}.toc{position:static;display:flex;flex-wrap:wrap;gap:12px}.toc strong{width:100%}.toc a{padding:3px}.hero{gap:20px}}@media(max-width:600px){.wrap{padding:0 18px}.grid,.hero{grid-template-columns:1fr}.hero img{height:240px}.article{padding:24px 20px}header small{display:none}h1{letter-spacing:-.6px}main{padding-top:24px}.fish-card img{height:210px}.filters label{min-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fish-card{transition:none}}
/* Atlas ryb – jednotné zobrazení fotografií a karet */
.fish-card {
    overflow: hidden;
    border-radius: 16px;
}

.fish-card > a {
    display: block;
    text-decoration: none;
}

.fish-card > a > img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: contain;
    object-position: center;
    background: #f4f8f6;
    padding: 12px;
    box-sizing: border-box;
}

.fish-card .card-body {
    padding: 16px;
}

.fish-card .card-body h2 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.fish-card .card-credit {
    padding: 0 16px 14px;
}

@media (max-width: 600px) {
    .fish-card > a > img {
        height: 160px;
    }
}