.head{gap:20px}nav{gap:18px;font-size:14px}nav a[aria-current=page]{color:var(--green);text-decoration:underline;text-underline-offset:8px;text-decoration-color:#8ba26d}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:27px;padding-bottom:34px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:#9ca38f;margin:0 0 33px}.breadcrumb a{color:#6a7b5e}.breadcrumb span{margin:0 12px;color:#b5bca8}.page-intro .eyebrow{margin-bottom:13px}.page-intro h1{font:400 53px/1.15 'Lora',serif;letter-spacing:-.045em;color:var(--deep);margin:0 0 20px}.page-lead{max-width:650px;font-size:16px;line-height:1.9;color:#7a8470;margin:0}.intro-thumb{width:210px;height:155px;border-radius:75px 5px 5px 5px;flex:none;margin-top:30px}.page-section{padding-top:30px;padding-bottom:55px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.page-search{width:470px;max-width:100%;background:white}.sort-label{display:flex;align-items:center;gap:12px;font-size:13px;color:#7a876f}.sort-label select{background:transparent;border:1px solid var(--line);padding:10px 14px;color:var(--green);border-radius:4px;font:inherit;min-height:42px}.page-filters{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.result-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;color:#839077;font-size:13px}.result-line p{margin:0}.result-line>span{font-size:12px;color:#9ba38f}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:29px 22px}.catalog-card{display:block;border:0;padding:0;background:none;color:var(--ink);font:inherit;text-align:left;width:100%;cursor:pointer}.catalog-card .bird-photo{height:195px}.catalog-card:hover img{transform:scale(1.035)}.catalog-card h3{font-size:17px;font-weight:500;line-height:1.4;margin:11px 0 1px;display:flex;justify-content:space-between;gap:8px}.catalog-card h3 span{color:#8b9f79;font-weight:400}.catalog-card>p{font-size:13px;font-style:italic;color:#8a947e;margin:0}.catalog-card .habitat-tag{font-size:10px;letter-spacing:.08em;font-style:normal;color:#91a17d;margin-top:6px}.load-wrap{display:flex;justify-content:center;margin-top:36px}.button.outline{background:transparent;color:var(--green);border-color:#b7c4aa}.button.outline:hover{background:#eaf0df}.load-wrap[hidden],.now-playing[hidden]{display:none}.prototype-note{font-size:12px;color:#8a987b;border-top:1px solid var(--line);padding-block:17px 28px;display:flex;align-items:center;gap:9px}.prototype-note svg{width:17px;height:17px}.prototype-note a{margin-left:auto;text-decoration:underline;white-space:nowrap}.bird-dialog{border:0;border-radius:8px;padding:0;background:var(--cream);color:var(--ink);max-width:860px;width:calc(100% - 36px);max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #10281740}.bird-dialog::backdrop,.lightbox::backdrop{background:#14291ee0}.dialog-close{position:absolute;right:14px;top:14px;z-index:2;border:1px solid #ffffff90;border-radius:50%;background:#faf9f4e8;color:var(--green);height:40px;width:40px;font-size:25px;line-height:1;display:grid;place-items:center}.bird-detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-img{height:100%;min-height:420px;object-fit:cover}.detail-copy{padding:38px 30px}.detail-copy .eyebrow{font-size:11px}.detail-copy h2{font-size:31px;padding-right:12px}.detail-latin{font-size:14px;color:#87937b;font-style:italic}.detail-copy h3{font-size:14px;font-weight:600;margin-top:22px}.detail-copy ul{padding-left:17px;color:#7c876f;font-size:14px;line-height:1.8}.detail-copy .button{margin-top:20px;font-size:13px}.detail-copy audio{width:100%;margin-top:10px;height:38px}.listening-tip{display:flex;align-items:center;gap:12px;background:#edf1e4;color:#6d805d;font-size:13px;padding:16px 19px;border-radius:5px;margin-bottom:22px}.listening-tip svg{width:22px;height:22px;flex:none}.listening-tip small{margin-left:auto;color:#8a967d;font-size:12px}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.voice-card{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;position:relative}.voice-card-top{display:flex;align-items:center;gap:15px;padding:18px 18px 0}.voice-card img{height:60px;width:60px;border-radius:50%;flex:none}.voice-card h3{font-weight:500;font-size:16px;margin:0 0 3px}.voice-card small{font-size:12px;color:#8b967e;font-style:italic}.voice-action{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;padding:18px;color:var(--green);font-size:13px}.voice-action .play{height:32px;width:32px;background:#eaf0df;border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px}.voice-action .wave{font-size:19px;letter-spacing:1px;color:#a9b898}.voice-action.playing .play{background:var(--green);color:white}.voice-action.playing .wave{color:#658247;animation:pulse 1s infinite alternate}.voice-card>a{display:block;font-size:12px;color:#8b9a7a;border-top:1px solid #eef0e8;padding:9px 18px}.now-playing{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;box-shadow:0 6px 30px #1a342c30;background:var(--deep);color:#edf0e3;display:flex;align-items:center;gap:15px;padding:13px 20px;border-radius:7px;font-size:14px;max-width:calc(100% - 24px)}.now-playing svg{width:20px;flex:none}.now-playing button{color:#c8d5b8;background:none;border:0;white-space:nowrap;font-size:13px;padding:4px}.now-playing span{white-space:nowrap}.article-feature{display:grid;grid-template-columns:1.15fr 1fr;background:#edf0e4;border-radius:8px;overflow:hidden;margin-bottom:35px}.article-feature img{height:340px}.article-feature-copy{align-self:center;padding:35px 40px}.article-feature-copy h2{font-size:33px}.article-feature-copy .eyebrow{font-size:11px}.article-feature-copy>p:not(.eyebrow){color:#7c8770;font-size:14px;line-height:1.8;margin:17px 0}.article-feature-copy .text-link{font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px}.article-card img{height:220px;border-radius:5px}.article-card .eyebrow{margin:14px 0 9px;font-size:10px}.article-card h2{font-size:23px;line-height:1.35}.article-card .excerpt{font-size:14px;line-height:1.8;color:#87917b;margin:12px 0}.article-card .meta{font-size:12px;color:#a0a68f;border-top:1px solid #e3e7d9;padding-top:11px;display:flex;justify-content:space-between}.article-card:hover h2{color:#718d58}.observation-banner{display:flex;align-items:center;gap:20px;background:var(--sage);border-radius:7px;padding:25px 28px}.observation-banner>svg{width:35px;height:35px;flex:none;color:#81966a}.observation-banner strong{font:23px 'Lora',serif;color:var(--green)}.observation-banner p{font-size:14px;color:#7d8c70;margin:5px 0 0}.observation-banner .button{margin-left:auto;white-space:nowrap;font-size:13px}.notice{font-size:13px;color:#8d957e;border-left:2px solid #b8bd96;padding:8px 13px;margin:22px 0 26px;background:#f1f1e7}.observation-row{display:grid;grid-template-columns:120px 1fr auto;gap:25px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.observation-row img{height:100px;border-radius:5px}.observation-row .eyebrow{margin-bottom:7px;font-size:10px}.observation-row h2{font-size:24px;margin-bottom:8px}.observation-row p{font-size:13px;color:#8c967f;margin:0}.observation-row>span{display:grid;place-items:center;border:1px solid #d0d9c3;width:38px;height:38px;border-radius:50%;color:#8b9f77}.avif-callout{text-align:center;background:#f0f1e8;border-radius:7px;padding:35px;margin-top:35px}.avif-callout h2{font-size:28px}.avif-callout p{font-size:14px;color:#8a947d}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{border:0;padding:0;background:none;cursor:pointer;text-align:left;position:relative;border-radius:5px;overflow:hidden;aspect-ratio:1.28}.gallery-card img{transition:transform .3s}.gallery-card:hover img{transform:scale(1.04)}.gallery-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#122b2099)}.gallery-card span{position:absolute;bottom:16px;left:18px;right:18px;z-index:1;font:20px 'Lora',serif;color:white;display:flex;justify-content:space-between;align-items:center}.gallery-card b{font:16px 'DM Sans',sans-serif;background:#ffffff22;border:1px solid #ffffff70;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.lightbox{border:0;padding:40px 60px;background:#152b20;color:#fff;width:min(1100px,96vw);max-width:96vw;height:90dvh;max-height:90dvh;border-radius:5px;overflow:hidden}.lightbox figure{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox img{object-fit:contain;max-height:calc(100% - 65px);width:100%;min-height:0}.lightbox figcaption{padding:15px 0;font-size:15px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}.lightbox figcaption a{font-size:13px;color:#b4c79c}.lightbox-prev,.lightbox-next{position:absolute;top:45%;background:#ffffff16;border:1px solid #ffffff3d;color:#ecf1e6;border-radius:50%;width:35px;height:45px;font-size:30px;line-height:1}.lightbox-prev{left:12px}.lightbox-next{right:12px}.quiz-picks{display:grid;grid-template-columns:1fr 1fr;gap:28px}.quiz-pick{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}.quiz-pick-photo,.quiz-pick-drawing{height:270px;position:relative;background:#e9eddf;display:flex;align-items:center;justify-content:center}.quiz-pick-photo img{object-position:center 45%}.quiz-pick-photo>span,.quiz-pick-drawing>span{position:absolute;left:20px;bottom:18px;background:var(--cream);padding:5px 10px;font-size:10px;letter-spacing:.13em;color:#78886a}.quiz-pick-drawing>svg{width:280px;height:210px;stroke:none}.quiz-pick>div:last-child{padding:30px}.quiz-pick h2{font-size:29px}.quiz-pick p:not(.eyebrow){font-size:14px;color:#879379;line-height:1.9;margin:17px 0 23px}.quiz-pick .eyebrow{font-size:10px}.quiz-pick small{display:block;color:#99a18c;font-size:12px;margin-top:14px}.quiz-how{padding-top:45px}.quiz-how h2{font-size:28px}.quiz-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:24px}.quiz-how p{padding-top:18px;border-top:1px solid var(--line);margin:0}.quiz-how b{display:block;font:26px 'Lora',serif;color:#9aab7c;margin-bottom:13px}.quiz-how strong{font-weight:500;font-size:16px;display:block}.quiz-how span{font-size:14px;color:#8c977f;display:block;margin-top:7px}.quiz-demo-note{text-align:center;color:#8a947c;font-size:13px;margin-bottom:22px}.quiz-stage{max-width:900px;margin:auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.quiz-progress{padding:18px 24px;border-bottom:1px solid var(--line);font-size:13px;color:#93a17e;display:flex;align-items:center;justify-content:space-between;gap:20px}.quiz-progress-track{background:#e9eedf;height:4px;width:170px;border-radius:5px;overflow:hidden}.quiz-progress-track i{display:block;height:4px;background:#85a468;transition:width .2s}.quiz-content{display:grid;grid-template-columns:1fr 1fr}.quiz-picture{min-height:360px;max-height:450px}.quiz-picture img{object-fit:contain;background:#e8eddf}.quiz-questions{padding:27px;align-self:center}.quiz-questions h2{font-size:26px;margin-bottom:25px}.quiz-answers{display:grid;gap:10px}.quiz-answers button{text-align:left;border:1px solid var(--line);border-radius:4px;background:#fafbf7;color:#576c4c;padding:12px 15px;font-size:15px;min-height:47px}.quiz-answers button:hover{background:#e9efde}.quiz-answers button.correct{border-color:#7b9c63;background:#e5efda;color:#3a5e2c}.quiz-answers button.wrong{border-color:#c4a38c;background:#f7eee7;color:#926a52}.quiz-answers button:disabled{cursor:default;opacity:.75}.quiz-feedback{font-size:14px;color:#7c8c6a;margin-top:15px}.quiz-feedback a{display:block;font-size:13px;text-decoration:underline;margin:9px 0}.quiz-questions>.button{margin-top:20px;width:100%}.quiz-result{padding:40px;text-align:center}.quiz-result .score{display:inline-grid;place-items:center;border-radius:50%;width:100px;height:100px;background:var(--sage);font:32px 'Lora',serif;color:var(--green);margin-bottom:20px}.quiz-result h2{font-size:33px}.quiz-result>p{font-size:15px;color:#879776}.quiz-result .actions{justify-content:center;margin-top:25px}.quiz-external{display:flex;justify-content:space-between;font-size:13px;color:#829271;max-width:900px;margin:25px auto 0}.drawing-intro{display:grid;grid-template-columns:1fr 1.3fr;background:#edf1e3;border-radius:7px;padding:45px;gap:45px;align-items:center}.drawing-intro p:not(.eyebrow){font-size:15px;line-height:1.9;color:#839474}.drawing-intro h2{font-size:34px}.drawing-intro .button{font-size:13px}.drawing-intro .text-link{display:block;margin-top:20px}.drawing-bird{height:290px;position:relative;display:grid;place-items:center}.drawing-bird svg{width:230px;height:230px;fill:#d8e0c6;stroke:#7b8e65;stroke-width:1}.drawing-bird span{position:absolute;right:12%;top:4%;font:60px 'Lora',serif;color:#b79d68}.no-results{grid-column:1/-1;padding:35px;border-radius:5px;background:var(--sage);color:#849675;font-size:15px}.error-image{opacity:.4}.page-search input{font-size:14px}button:disabled{cursor:default}body:has(dialog[open]){overflow:hidden}
@media(max-width:1100px){nav{gap:12px;font-size:13px}.head .brand>span{font-size:23px}.head .brand>svg{width:40px}.catalog-grid{gap:25px 16px}.catalog-card .bird-photo{height:175px}.article-card img{height:180px}.article-card h2{font-size:21px}.voice-grid{gap:12px}.voice-card-top{padding:15px 12px 0;gap:10px}.voice-card img{width:50px;height:50px}.voice-card h3{font-size:15px}.voice-action{padding:16px 12px}.voice-action .wave{font-size:16px;letter-spacing:0}.observation-banner{padding:24px 20px;gap:15px}.observation-banner strong{font-size:21px}}
@media(min-width:781px) and (max-width:1000px){.head{height:auto;min-height:95px;flex-wrap:wrap;padding-block:15px;gap:12px}.head nav{width:100%;justify-content:space-between}.head .brand{margin:auto}.head nav .nav-detective{padding:8px 12px}.page-intro h1{font-size:45px}.article-feature-copy{padding:25px}.article-feature-copy h2{font-size:29px}}
@media(max-width:780px){.head{height:77px}.head .brand>span{font-size:25px}.head .brand>svg{width:43px}nav{gap:3px}nav a{font-size:16px}nav a[aria-current=page]{background:#eef2e5;text-decoration:none;border-radius:4px}nav .nav-detective{font-size:16px;padding:12px}.page-intro{padding-top:18px;padding-bottom:27px;gap:17px;align-items:flex-end}.breadcrumb{margin-bottom:24px;font-size:11px}.page-intro .eyebrow{font-size:10px;margin-bottom:10px}.page-intro h1{font-size:36px;margin-bottom:15px}.page-lead{font-size:14px;line-height:1.85}.intro-thumb{width:100px;height:112px;border-radius:50px 4px 4px 4px;margin:0 0 5px}.page-intro:has(.intro-thumb)>div{flex:1}.page-section{padding-top:24px;padding-bottom:35px}.toolbar{gap:15px;margin-bottom:17px;align-items:stretch}.page-search{flex:1;min-width:0}.sort-label{font-size:0;gap:0}.sort-label select{font-size:13px;width:70px;padding:8px}.page-filters{padding-bottom:17px;margin-bottom:16px}.result-line{font-size:12px;gap:12px;align-items:flex-start}.result-line>span{font-size:11px;text-align:right;max-width:50%}.catalog-grid{grid-template-columns:1fr 1fr;gap:24px 13px}.catalog-card .bird-photo{height:185px}.catalog-card h3{font-size:16px}.catalog-card>p{font-size:12px}.catalog-card .habitat-tag{font-size:7px}.load-wrap{margin-top:27px}.prototype-note{flex-wrap:wrap;font-size:11px;padding-top:15px;gap:8px}.prototype-note>span{flex:1}.prototype-note a{margin-left:26px;white-space:normal}.bird-dialog{width:calc(100% - 24px)}.bird-detail-layout{grid-template-columns:1fr}.detail-img{height:260px;min-height:0;object-fit:contain;background:#e7ecdd}.detail-copy{padding:25px}.detail-copy h2{font-size:29px}.detail-copy h3{font-size:14px}.detail-copy ul{font-size:14px}.detail-copy .button{width:100%}.listening-tip{padding:13px;font-size:12px;gap:10px;align-items:flex-start;flex-wrap:wrap}.listening-tip>span{flex:1}.listening-tip small{margin-left:32px;font-size:11px;width:100%}.voice-grid{grid-template-columns:1fr 1fr;gap:12px}.voice-card-top{display:block;text-align:center;padding:17px 8px 0}.voice-card img{height:63px;width:63px;margin:0 auto 12px}.voice-card h3{font-size:15px;line-height:1.4}.voice-card small{font-size:11px}.voice-action{padding:14px 12px;gap:8px;justify-content:center}.voice-action>span:not(.play){font-size:12px}.voice-action .wave{display:none}.voice-card>a{font-size:11px;text-align:center;padding:10px 8px}.now-playing{font-size:12px;padding:11px 13px;gap:10px;max-width:calc(100% - 20px);width:max-content}.now-playing span{white-space:normal}.now-playing button{font-size:11px}.now-playing svg{width:17px}.article-feature{grid-template-columns:1fr;margin-bottom:25px}.article-feature img{height:260px}.article-feature-copy{padding:24px}.article-feature-copy h2{font-size:29px}.article-feature-copy>p:not(.eyebrow){font-size:14px}.article-grid{grid-template-columns:1fr 1fr;gap:27px 15px}.article-card img{height:170px}.article-card h2{font-size:21px}.article-card .excerpt{font-size:13px}.article-card .meta{font-size:11px}.article-card .eyebrow{font-size:7px}.observation-banner{flex-wrap:wrap;padding:21px}.observation-banner>svg{width:28px;height:28px}.observation-banner>div{flex:1}.observation-banner strong{font-size:22px}.observation-banner p{font-size:13px}.observation-banner .button{width:100%;margin:6px 0 0}.notice{font-size:12px;margin-block:20px}.observation-row{grid-template-columns:88px 1fr;gap:15px;padding-block:19px}.observation-row>span{display:none}.observation-row img{height:97px}.observation-row h2{font-size:20px}.observation-row .eyebrow{font-size:7px;margin-bottom:5px}.observation-row p{font-size:11px}.avif-callout{padding:27px 20px}.avif-callout h2{font-size:25px}.avif-callout p{font-size:13px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-card span{font-size:17px;left:12px;bottom:12px;right:12px;gap:8px}.gallery-card b{width:23px;height:23px;font-size:14px;flex:none}.lightbox{padding:50px 37px 25px;width:96vw;height:85dvh}.lightbox-prev,.lightbox-next{width:28px;height:40px;font-size:27px}.lightbox-prev{left:4px}.lightbox-next{right:4px}.lightbox figcaption{font-size:14px;flex-direction:column;align-items:flex-start;gap:7px}.lightbox figcaption a{font-size:12px}.quiz-picks{grid-template-columns:1fr;gap:22px}.quiz-pick-photo,.quiz-pick-drawing{height:250px}.quiz-pick>div:last-child{padding:25px}.quiz-pick h2{font-size:28px}.quiz-pick p:not(.eyebrow){font-size:14px}.quiz-how{padding-top:35px}.quiz-how h2{font-size:25px}.quiz-how>div{grid-template-columns:1fr;gap:20px}.quiz-how p{display:grid;grid-template-columns:40px 1fr;column-gap:12px}.quiz-how b{grid-row:1/3;margin:0}.quiz-how strong{font-size:15px}.quiz-how span{font-size:13px}.quiz-demo-note{font-size:12px}.quiz-content{grid-template-columns:1fr}.quiz-picture{height:260px;min-height:0;max-height:none}.quiz-questions{padding:24px}.quiz-questions h2{font-size:26px;margin-bottom:20px}.quiz-answers button{font-size:15px}.quiz-progress{font-size:12px;padding:15px 18px}.quiz-progress-track{width:120px}.quiz-result{padding:30px 23px}.quiz-result h2{font-size:28px}.quiz-result .actions{flex-direction:column;gap:12px}.quiz-result .button{width:100%}.quiz-external{font-size:12px;gap:20px}.drawing-intro{grid-template-columns:1fr;padding:25px;gap:15px}.drawing-bird{height:170px}.drawing-bird svg{width:160px;height:160px}.drawing-bird span{font-size:40px;right:24%}.drawing-intro h2{font-size:29px}.drawing-intro p:not(.eyebrow){font-size:14px}.drawing-intro .button{font-size:13px;width:100%}}
@media(max-width:420px){.intro-thumb{display:none}.page-intro h1{font-size:34px}.catalog-card .bird-photo{height:150px}.catalog-card h3{font-size:14px}.catalog-card h3 span{display:none}.article-grid{grid-template-columns:1fr}.article-card{display:grid;grid-template-columns:115px 1fr;gap:15px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:21px}.article-card img{height:135px;grid-row:1/5}.article-card .eyebrow{margin:0}.article-card h2{font-size:20px}.article-card .excerpt{display:none}.article-card .meta{margin:0;border:0;padding:0}.gallery-card span{font-size:15px;left:9px;bottom:10px;right:9px}.voice-card h3{font-size:14px}.voice-card small{font-size:10px}.quiz-picture{height:225px}.quiz-questions{padding:20px}.page-lead{font-size:14px}.page-intro .breadcrumb{margin-bottom:22px}}
[hidden]{display:none!important}
.catalog-card .bird-photo{background:white}.catalog-card .bird-photo img{object-fit:contain}.voice-card img{object-fit:contain;background:#f4f5ed}
/* Retain the familiar compact thumbnail-and-description atlas and voice lists. */
main[data-page=atlas] .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px}
main[data-page=atlas] .catalog-card{display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:15px;align-content:center;border:1px solid #dce2d4;border-radius:5px;padding:13px;background:#fff;min-height:104px}
main[data-page=atlas] .catalog-card .bird-photo{grid-row:1/4;width:74px;height:74px;align-self:center;border-radius:3px}
main[data-page=atlas] .catalog-card h3{margin:0 0 4px;font-size:17px;line-height:1.4}
main[data-page=atlas] .catalog-card>p{font-size:12px;line-height:1.6;margin:0}
main[data-page=atlas] .catalog-card .habitat-tag{font-size:10px;margin-top:5px}
main[data-page=hlasy] .voice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
main[data-page=hlasy] .voice-card-top{display:flex;text-align:left;padding:14px 12px 0;gap:12px}
main[data-page=hlasy] .voice-card img{width:58px;height:58px;border-radius:3px;margin:0;object-fit:contain}
main[data-page=hlasy] .voice-card h3{font-size:15px;line-height:1.4;margin:0 0 4px}
main[data-page=hlasy] .voice-card small{font-size:11px}
main[data-page=hlasy] .voice-action{padding:10px 12px 11px 82px;min-height:38px;justify-content:flex-start}
main[data-page=hlasy] .voice-action .play,main[data-page=hlasy] .voice-action .wave{display:none}
main[data-page=hlasy] .voice-action.playing{color:#8a6e30}
@media(max-width:1100px){main[data-page=atlas] .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main[data-page=hlasy] .voice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){main[data-page=atlas] .catalog-grid{gap:12px}main[data-page=atlas] .catalog-card{grid-template-columns:62px minmax(0,1fr);gap:0 10px;padding:11px;min-height:90px}main[data-page=atlas] .catalog-card .bird-photo{width:62px;height:62px}main[data-page=atlas] .catalog-card h3{font-size:15px}main[data-page=atlas] .catalog-card h3 span{display:none}main[data-page=hlasy] .voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main[data-page=hlasy] .voice-card-top{gap:9px;padding:12px 10px 0}main[data-page=hlasy] .voice-card img{width:49px;height:49px}main[data-page=hlasy] .voice-card h3{font-size:14px}main[data-page=hlasy] .voice-action{padding-left:68px}main[data-page=hlasy] .voice-card small{font-size:10px}}
@media(max-width:520px){main[data-page=atlas] .catalog-grid,main[data-page=hlasy] .voice-grid{grid-template-columns:1fr}main[data-page=atlas] .catalog-card{grid-template-columns:68px minmax(0,1fr);column-gap:15px;min-height:96px;padding:13px}main[data-page=atlas] .catalog-card .bird-photo{width:68px;height:68px}main[data-page=atlas] .catalog-card h3{font-size:17px}main[data-page=atlas] .catalog-card>p{font-size:13px}main[data-page=hlasy] .voice-card img{width:58px;height:58px}main[data-page=hlasy] .voice-card-top{gap:14px;padding:13px 14px 0}main[data-page=hlasy] .voice-card h3{font-size:17px}main[data-page=hlasy] .voice-card small{font-size:12px}main[data-page=hlasy] .voice-action{padding-left:86px}main[data-page=hlasy] .voice-card>a{text-align:left;padding-left:86px}}