:root{--off:#fff0d7;--sea:#f0d297;--navy:#103e53;--abyss:#052335}
html{background:#052335}body{background:linear-gradient(#05334865,#03273ce6 80%),url('quiz-result/postcard-assets/02-work.webp') center top/cover fixed;color:var(--off);font-family:"DM Sans","Google Sans",sans-serif}.site-head{position:relative;background:#062c40aa;backdrop-filter:none;padding:20px 5%}.wordmark{font:26px "Cormorant Garamond","Google Sans",Georgia,serif}.head-actions a,.lang-button{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.head-actions{gap:18px}
main{width:min(1200px,calc(100% - 40px));padding-top:70px}.hero{gap:30px;padding-bottom:50px}.hero h1{font-family:"Cormorant Garamond","Google Sans","Cormorant Garamond","Google Sans",Georgia,serif;font-size:clamp(40px,6vw,78px);line-height:1.15;letter-spacing:-.025em;max-width:14ch}.hero .eyebrow{color:var(--sea);font-size:11px}.hero p{font-size:16px;color:#e0ece5;max-width:48ch}.hero-fish{min-height:260px;display:grid;place-items:center}.paper-swimmer{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}.filters{position:relative;top:auto;background:none;border-top:1px solid #e7e8d044;padding:22px 0 30px;gap:10px}.filter{font-size:12px;padding:10px 18px;min-height:44px;background:#07334b99;border-color:#d9ebe466}.filter[aria-pressed=true]{background:#f4dfb6;color:#09344b;border-color:#f4dfb6}
.fish-grid{gap:36px 28px}.fish-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:0;border-radius:0;background:none;backdrop-filter:none;min-height:0}.fish-card:target,.fish-card.is-target{outline:2px solid #f0d297;outline-offset:7px;background:none}.fish-visual{min-height:300px;background:linear-gradient(#06263b15,#06263b44),url('quiz-result/postcard-assets/02-work.webp') center/cover}.fish-card[data-depth="0"] .fish-visual{background-image:linear-gradient(#06344915,#06344955),url('quiz-result/postcard-assets/01-home.webp')}.fish-card[data-depth="200"] .fish-visual{background-image:url('quiz-result/postcard-assets/03-process.webp')}.fish-card[data-depth="500"] .fish-visual{background-image:url('quiz-result/postcard-assets/04-pricing.webp')}.fish-card[data-depth="800"] .fish-visual{background-image:url('quiz-result/postcard-assets/05-ocean.webp')}.fish-card[data-depth="1000"] .fish-visual{background-image:url('quiz-result/postcard-assets/06-contact.webp')}.fish-visual::before{display:none}.fish-frames{inset:0 4% 28px}.depth{font-size:10px;letter-spacing:.13em;color:#fff0d7;text-shadow:0 1px 4px #001c31}.fish-copy{padding:24px 4px 28px;border-bottom:1px solid #cce0d744}.fish-copy h2{font:clamp(23px,2.4vw,31px)/1.15 "Cormorant Garamond","Google Sans",Georgia,serif;color:#fff0d7;letter-spacing:0}.scientific{font-size:12px;color:#bedbd9}.headline{font-size:17px;line-height:1.8}.trait-list{font-size:14px;line-height:1.8}.special{font-size:10px;color:#f0d297;letter-spacing:.12em}details{border-top:1px solid #cce0d733}summary{min-height:48px;padding:14px 0;font-size:13px;color:#f0d297}details p,details h3{font-size:14px;line-height:1.8}.source{display:inline-block;padding:12px 0;font-size:13px}.quiz-cta{background:none;border:0;border-top:1px solid #cce0d744;border-radius:0;padding:50px 0;margin-top:36px}.quiz-cta a{background:#f4dfb6;color:#103e53;border-radius:4px;padding:18px 24px}.quiz-cta h2{font-size:30px}.sole-play-note{font-size:11px}.fish-card.is-buried .fish-frames{opacity:.15}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f0d297;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:700px){.site-head{flex-wrap:wrap;gap:10px}.hero{grid-template-columns:1fr;gap:8px}.hero-fish{min-height:180px;max-width:340px;margin:auto}.hero h1{max-width:100%}.fish-grid{grid-template-columns:1fr}.fish-visual{min-height:270px}.filters{gap:7px}.filter{padding:9px 14px}main{padding-top:38px}.head-actions{gap:14px}.fish-copy{padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.guide-fish-link{display:block;text-decoration:none;height:100%}.guide-fish-link .fish-copy{padding:20px 4px 24px}.guide-fish-link h2{margin:0 0 12px}.food-count{font-size:13px;color:#c8dfdc;margin:0;line-height:1.6}.guide-fish-link:hover h2{color:#f0d297}.guide-fish-link:focus-visible{outline:2px solid #f0d297;outline-offset:-2px}