@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--bg:#f4f7fb;--surface:#fff;--text:#162f3b;--muted:#5a7079;--line:#d2e1e9;--primary:#0e7a74;--primary-strong:#0b625d;--accent:#ef7e3b;--hero-a:#e8f6f2;--hero-b:#f2f8ff;--shadow:0 14px 30px #0c3d541a;--shadow-soft:0 6px 16px #0e2f4114;--radius-lg:22px;--radius-md:14px}*{box-sizing:border-box}html,body,#root{scroll-behavior:smooth;min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 10% 5%,#fff 0%,#f4f7fb 52%,#edf3f8 100%);font-family:Manrope,Segoe UI,sans-serif;line-height:1.6}:focus-visible{outline-offset:2px;outline:3px solid #ef7e3b}a{color:inherit;text-decoration:none}img{border-radius:14px;max-width:100%;display:block}.container{width:min(1120px,92vw);margin:0 auto}.site-header{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbfde6;border-bottom:1px solid #d2e1e9e6;position:sticky;top:0;box-shadow:0 2px 10px #0d2d3e0a}.nav-wrap{justify-content:space-between;align-items:center;padding:.82rem 0;display:flex}.brand{letter-spacing:.15px;font-family:Fraunces,Georgia,serif;font-size:1.32rem;font-weight:700}.menu-toggle{color:var(--primary-strong);font:inherit;cursor:pointer;background:#fff;border:1px solid #b7d5d2;border-radius:999px;padding:.45rem .9rem;font-weight:700;display:none}nav{gap:1.1rem;display:flex}nav a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:.45rem .8rem;font-weight:600;transition:all .18s}nav a.active,nav a:hover{color:var(--primary-strong);background:#eaf7f3;border-color:#cde9e3}.hero-section{padding:3.6rem 0 2rem}.hero-grid{border-radius:var(--radius-lg);background:linear-gradient(140deg, var(--hero-a), var(--hero-b));box-shadow:var(--shadow);border:1px solid #d8e6ec;grid-template-columns:1.1fr 1fr;align-items:center;gap:1.6rem;padding:2.3rem;display:grid}.eyebrow{color:var(--primary-strong);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .6rem;font-size:.8rem;font-weight:700}h1,h2,h3{color:#102a35;margin-top:0;line-height:1.2}h1{margin-bottom:.8rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.1rem,3.3vw,3.1rem)}.subheading{color:var(--muted);max-width:60ch;margin-bottom:1.25rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{cursor:pointer;border:0;border-radius:999px;padding:.74rem 1.18rem;font-size:.94rem;font-weight:700;transition:transform .14s,box-shadow .14s,background .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--primary), #14a095);color:#fff;box-shadow:0 8px 18px #0e7a7440}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-strong), #0f8d84)}.btn-secondary{color:var(--primary-strong);background:#fff;border:1px solid #bdd7dd;box-shadow:0 3px 8px #0f2c3e0d}.slider{aspect-ratio:1;border:1px solid #d7e4ea;border-radius:18px;justify-self:end;width:100%;max-width:460px;position:relative;overflow:hidden;box-shadow:0 10px 24px #19405226}.slide{object-fit:cover;opacity:0;border-radius:0;width:100%;height:100%;transition:opacity .42s,transform .62s;position:absolute;inset:0;transform:scale(1.04)}.slide.active{opacity:1;transform:scale(1)}.slide.exiting{opacity:0;transform:scale(1.05)}.highlight-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.2rem auto 3rem;display:grid}.highlight-grid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:1.2rem}.page-shell{padding:3rem 0}.quiz-header p,.results-subhead{color:var(--muted)}.loading-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:.75rem;max-width:340px;margin:0 auto;padding:1rem 1.2rem;display:flex}.loading-spinner{border:2px solid #c9dde5;border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-wrap{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:1.2rem 0;padding:.9rem 1rem}.progress-top{color:var(--muted);justify-content:space-between;margin-bottom:.4rem;font-size:.92rem;display:flex}.progress-track{background:#edf2f6;border-radius:999px;width:100%;height:10px}.progress-fill{background:linear-gradient(90deg,#0e7a74,#ef7e3b);border-radius:999px;height:100%;transition:width .36s}.quiz-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fff;padding:1.5rem}.fade-in-up{animation:.28s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.option-grid{gap:.7rem;margin-top:1rem;display:grid}.option-card{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:#fbfdff;border:1px solid #cfe1e9;border-radius:12px;align-items:center;gap:.7rem;padding:.85rem .95rem;transition:border-color .14s,background .14s,transform .12s;display:flex}.option-card:hover{transform:translateY(-1px);box-shadow:0 6px 14px #12344614}.option-card.selected{background:#eaf8f5;border-color:#0d7e77}.radio-dot{border:2px solid #8db6bc;border-radius:50%;flex-shrink:0;width:16px;height:16px}.option-card.selected .radio-dot{border-color:#0e7a74;box-shadow:inset 0 0 0 4px #0e7a74}.quiz-actions{margin-top:1rem}.results-grid{gap:1rem;display:grid}.result-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:320px 1fr;gap:1rem;display:grid;overflow:hidden}.result-card img{object-fit:cover;width:100%;height:100%}.result-content{padding:1rem 1rem 1.2rem}.affiliate-links{flex-wrap:wrap;gap:.55rem;margin:.75rem 0;display:flex}.product-link{color:#99501f;background:#fff5ec;border:1px solid #ffd8be;border-radius:999px;padding:.45rem .75rem;font-size:.87rem;font-weight:700;display:inline-block}.product-link:hover{background:#ffe7d3}.text-link{color:var(--primary-strong);font-weight:700}.share-wrap{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.breed-hero{grid-template-columns:1fr 1.25fr;align-items:start;gap:1rem;margin-bottom:1rem;display:grid}.breed-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.breed-grid article{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#fff;padding:1rem}.breed-guide-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 1rem;display:grid}.breed-guide-card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#fff;padding:1rem}.breed-guide-card h3{margin:0 0 .35rem}.breed-guide-card p{color:var(--muted);margin:0 0 .55rem}.breed-care-card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#fff;margin:0 0 1rem;padding:1.1rem}.breed-care-card h2{margin:0 0 .5rem}.breed-search{width:min(520px,100%);font:inherit;border:1px solid #bfd6df;border-radius:12px;margin:.4rem 0 1rem;padding:.7rem .8rem}.breed-list-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.breed-list-card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:96px 1fr;align-items:center;gap:.8rem;padding:.6rem;display:grid;box-shadow:0 5px 12px #0e2c3d0d}.breed-list-card img{object-fit:cover;border-radius:10px;width:96px;height:72px}.breed-hero-media{justify-content:center;display:flex;position:relative}.breed-hero-photo{object-fit:contain;background:#eef3f7;border:1px solid #d2e1e9;border-radius:14px;width:min(100%,560px);height:auto;max-height:420px;box-shadow:0 10px 22px #0f293729}.breed-list-card h3{margin:0;font-size:1rem}.breed-list-card p{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.articles-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.article-card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#fff;padding:1.12rem;transition:transform .17s,box-shadow .17s}.article-card:hover{transform:translateY(-1px);box-shadow:0 12px 20px #0e2c3d1a}.article-card h2{margin-bottom:.55rem;font-size:1.25rem}.article-keyword{color:var(--muted);font-size:.92rem}.articles-lead{color:var(--muted);max-width:68ch;margin:-.2rem 0 1.2rem}.article-card-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .45rem;font-size:.8rem;font-weight:700}.article-page{max-width:1120px}.article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1rem;display:grid}.article-main-col{min-width:0;max-width:760px}.article-aside{gap:.8rem;display:grid;position:sticky;top:82px}.toc-card,.quiz-cta-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:12px;padding:.9rem}.toc-card h3,.quiz-cta-card h3{margin-bottom:.5rem;font-size:1rem}.toc-card ul{gap:.3rem;margin:0;padding-left:1rem;display:grid}.toc-card a{color:#2a5d73;font-size:.9rem;font-weight:600}.quiz-cta-card p{color:var(--muted);margin:0 0 .8rem;font-size:.92rem}.quiz-cta-card{background:linear-gradient(160deg,#f0faf8 0%,#f6fbff 100%);border-color:#cde2ec;flex-direction:column;gap:.2rem;padding:1.3rem;display:flex}.quiz-cta-btn{text-align:center;width:100%;margin-top:.9rem}.keyword-list{flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1.2rem;display:flex}.article-meta-line{color:var(--muted);margin:.2rem 0 .95rem;font-size:.88rem}.article-summary-card{background:linear-gradient(165deg,#f5fcff 0%,#f7fffb 100%);border:1px solid #cde2ec;border-radius:12px;margin-top:.5rem;padding:.9rem 1rem}.article-summary-card p{color:#244654;margin:0;font-size:1rem}.article-visual-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.8rem 0 .35rem;display:grid}.article-visual-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #d0e2eb;border-radius:12px;gap:.35rem;padding:.5rem;transition:transform .16s,box-shadow .16s;display:grid}.article-visual-card:hover{transform:translateY(-1px);box-shadow:0 12px 20px #0e2c3d1a}.article-visual-card img{aspect-ratio:4/3;object-fit:cover;background:#f3f8fb;border-radius:10px;width:100%}.keyword-chip{color:#0e6f69;background:#eef9f6;border:1px solid #b7d5d2;border-radius:999px;padding:.35rem .65rem;font-size:.82rem;font-weight:700}.article-body{gap:1.15rem;display:grid}.article-body section{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1.1rem 1.2rem;scroll-margin-top:90px;box-shadow:0 5px 14px #0f3a510f}.article-body ul{margin:.45rem 0 0;padding-left:1.1rem}.article-body li{color:#2a4b59;margin:.3rem 0;line-height:1.72}.mid-related-card{background:#f4fbff;border:1px solid #cde2ec;border-radius:12px;margin-top:.8rem;padding:.9rem}.mid-related-card h3{margin:0 0 .5rem;font-size:1rem}.article-body h2{margin-bottom:.45rem;font-size:1.26rem}.article-body p,.faq-item p{color:#2a4b59;font-size:1.02rem;line-height:1.75}.faq-block[id]{scroll-margin-top:90px}.breed-inline-link{color:var(--primary-strong);text-underline-offset:2px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.breed-inline-link:hover{color:#0a5752}.feed-calc{background:linear-gradient(160deg,#edf8ff 0%,#f4fffc 100%);border:1px solid #bdd8e6;border-radius:14px;margin-top:1.2rem;padding:1rem}.feed-calc h2{margin-bottom:.35rem}.feed-calc-sub{color:var(--muted);margin-top:0}.feed-calc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.8rem 0;display:grid}.feed-calc-grid label{gap:.35rem;font-size:.9rem;font-weight:700;display:grid}.feed-calc-grid input,.feed-calc-grid select{width:100%;font:inherit;background:#fff;border:1px solid #b8d2df;border-radius:10px;padding:.55rem .65rem}.feed-calc-output{background:#fff;border:1px solid #cde2ec;border-radius:10px;padding:.8rem}.feed-calc-output p{margin:.25rem 0}.feed-compare{background:linear-gradient(170deg,#f6fbff 0%,#f8fffc 100%);border:1px solid #bdd8e6;border-radius:14px;margin-top:1rem;padding:1rem}.feed-compare h2{margin-bottom:.35rem}.feed-compare-sub{color:var(--muted);margin-top:0}.feed-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.feed-compare-card{background:#fff;border:1px solid #cde2ec;border-radius:12px;padding:.8rem}.feed-compare-card h3{margin-bottom:.35rem;font-size:.97rem}.feed-compare-card p{color:var(--muted);min-height:58px;font-size:.88rem}.faq-block{margin-top:1.3rem}.faq-item{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:12px;margin-bottom:.7rem;padding:.9rem}.faq-item h3{color:#183947;margin-bottom:.25rem;font-size:1rem}.breed-grid ul{margin:0;padding-left:1rem}.site-footer{background:linear-gradient(#f4f9fc 0%,#ecf4f8 100%);border-top:1px solid #d1e0e8;margin-top:3rem;padding-top:2rem}.footer-grid{grid-template-columns:1.2fr 1fr 1fr .8fr;gap:1rem;display:grid}.site-footer h3{margin-bottom:.4rem}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin:.3rem 0}.footer-links a{color:#2a5d73}.newsletter-form{gap:.45rem;display:flex}.newsletter-form input{font:inherit;border:1px solid #bcd5de;border-radius:10px;flex:1;padding:.58rem .65rem}.newsletter-form button{color:#fff;cursor:pointer;background:#0e7a74;border:0;border-radius:10px;padding:.58rem .75rem;font-weight:700}.newsletter-form button:disabled{cursor:default;background:#6ea5a1}.newsletter-success{color:#0f6a64;margin:.5rem 0 0;font-size:.9rem;font-weight:600}.copyright{text-align:center;color:var(--muted);border-top:1px solid #dae7ee;margin:1.4rem 0 0;padding:.85rem}@media (width<=980px){.hero-grid,.breed-hero{grid-template-columns:1fr}.highlight-grid,.breed-grid,.breed-guide-grid,.footer-grid,.breed-list-grid,.articles-grid{grid-template-columns:1fr 1fr}.result-card,.feed-compare-grid{grid-template-columns:1fr}.article-visual-strip{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.result-card img{max-height:260px}}@media (width<=700px){.nav-wrap{flex-wrap:wrap;align-items:center;gap:.7rem}.menu-toggle{margin-left:auto;display:inline-flex}nav{flex-direction:column;justify-content:flex-start;gap:.4rem;width:100%;padding:.4rem 0;display:none}nav.open{display:flex}nav a{text-align:center;background:#fff;border:1px solid #d7e4ea;width:100%}.hero-grid{padding:1.2rem}.highlight-grid,.breed-grid,.breed-guide-grid,.footer-grid,.breed-list-grid,.articles-grid,.feed-calc-grid,.article-visual-strip{grid-template-columns:1fr}.newsletter-form{flex-direction:column}}