:root{--green:#064b36;--deep:#003d2c;--orange:#ff7900;--pale:#f2f8ed;--ink:#172b25;--muted:#60716b;--line:#e4ebe6}
*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.topbar{background:var(--deep);color:#fff;font-size:.78rem;padding:7px 0}.brand{font-weight:800;font-size:1.85rem;letter-spacing:-1px;color:var(--green)}.brand span{color:var(--orange)}.brand-mark{display:inline-flex;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;align-items:center;justify-content:center;font-size:1.5rem;margin-right:8px}
.navbar{background:#fff;box-shadow:0 3px 14px #173d2b0d}.navbar .nav-link{font-weight:700;color:#142b23!important;padding:.7rem .9rem!important;border-radius:24px}.navbar .nav-link.active,.navbar .nav-link:hover{background:var(--orange);color:#fff!important}
.hero{border-radius:20px;overflow:hidden;background:var(--pale);margin:18px auto 28px;min-height:255px;position:relative}.hero img{width:100%;height:290px;object-fit:cover}.hero-copy{position:absolute;inset:0 auto 0 0;width:48%;padding:35px 38px;background:linear-gradient(90deg,#f5f9ed 76%,#f5f9ed00)}.hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.12;color:var(--green)}.hero p{max-width:520px;color:#263b32}
.btn-pet{background:var(--orange);color:white;border:0;border-radius:30px;padding:11px 22px;font-weight:700}.btn-pet:hover{background:#e66c00;color:#fff}.btn-outline-pet{border:1px solid var(--green);color:var(--green);border-radius:30px;padding:9px 18px;font-weight:700}
.section{padding:30px 0}.section-title{text-align:center;color:var(--green);font-weight:800;font-size:1.8rem;margin:0 0 8px}.section-sub{text-align:center;color:var(--muted);margin:0 auto 26px;max-width:760px}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#f8faf7;border-radius:18px;padding:18px;margin:0 auto 20px}.feature{display:flex;gap:12px;align-items:center;padding:7px 14px;border-right:1px solid #dce5df}.feature:last-child{border:0}.feature .ico{font-size:1.7rem;color:var(--orange)}
.pet-card{height:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 16px #143c2b0b;transition:.2s;background:#fff}.pet-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #143c2b17}.pet-card img{height:160px;width:100%;object-fit:cover}.pet-card .card-body{padding:16px}.pet-card h3{font-size:1.05rem;font-weight:800;margin-bottom:6px}.pet-card p{color:#596a63;font-size:.92rem;min-height:48px;margin-bottom:12px}.meta{font-size:.82rem;color:#52645b;display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}
.soft-panel{background:var(--pale);border-radius:18px;padding:26px;height:100%}.soft-panel h2,.soft-panel h3{color:var(--green);font-weight:800}
.breadcrumb{font-size:.86rem;color:var(--muted);margin:16px 0}.directory-tools{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.directory-tools input,.directory-tools select{border:1px solid #dce5df;border-radius:30px;padding:12px 16px;background:#fff;min-height:46px}
.article-layout{display:grid;grid-template-columns:235px minmax(0,1fr) 235px;gap:30px;align-items:start}.side-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:22px;background:#fff;box-shadow:0 4px 12px #143c2b08}.side-head{background:var(--green);color:#fff;font-weight:800;padding:13px 16px}.side-body{padding:16px}.toc a{display:block;padding:8px 0;border-bottom:1px solid #edf1ee;font-size:.9rem}.toc a:hover{color:var(--orange)}.quick-facts dt{font-size:.82rem;color:#53645d}.quick-facts dd{font-size:.88rem;font-weight:700;margin-bottom:12px}
.article h2{font-size:1.45rem;color:var(--green);font-weight:800;margin:38px 0 14px;padding-bottom:9px;border-bottom:1px solid #edf1ee}.article h2:first-child{margin-top:0}.article p{margin-bottom:18px;color:#34463e;line-height:1.85}.article img.inline-photo{border-radius:16px;max-height:260px;object-fit:cover;width:100%;margin:20px 0}.info-table{width:100%;border-collapse:collapse;margin:20px 0}.info-table th{background:#eaf4e4;color:var(--green)}.info-table th,.info-table td{border:1px solid #dfe8e1;padding:11px 13px;text-align:left}.tip-list li{margin:9px 0}.callout{background:#f2f8ed;border-left:4px solid var(--orange);padding:20px 22px;border-radius:12px;margin:24px 0}
.blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;height:100%;background:#fff}.blog-card img{height:150px;width:100%;object-fit:cover}.blog-card .p-3{padding:17px!important}
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:11px;overflow:hidden}.faq-item summary{cursor:pointer;padding:14px 17px;font-weight:700;color:var(--green);list-style:none}.faq-item summary:after{content:'+';float:right;color:var(--orange);font-size:1.2rem}.faq-item[open] summary:after{content:'−'}.faq-item p{padding:0 17px 15px;margin:0;color:#53645d}
footer{background:var(--deep);color:#fff;margin-top:44px;padding:38px 0 14px}footer h3{font-size:1rem;font-weight:800;margin-bottom:14px}footer a{display:block;color:#e3eee7;font-size:.88rem;margin:8px 0}footer a:hover{color:#ffb36d}.footer-bottom{border-top:1px solid #ffffff35;margin-top:26px;padding-top:15px;font-size:.82rem;color:#d9e8df}
@media(max-width:991px){.hero-copy{width:58%;padding:24px}.article-layout{grid-template-columns:220px 1fr}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.hero{margin:12px 12px 22px}.hero img{height:310px;opacity:.38}.hero-copy{width:100%;background:linear-gradient(90deg,#f5f9edee,#f5f9ed99);padding:28px 22px}.feature-strip{grid-template-columns:1fr 1fr}.feature{border:0;padding:7px}.article-layout{display:block}.left-sidebar{margin-bottom:22px}.right-sidebar{display:block}.pet-card img{height:190px}.section{padding:22px 0}.section-title{font-size:1.5rem}.topbar .container{justify-content:center!important}.brand{font-size:1.55rem}}
@media(max-width:420px){.feature-strip{grid-template-columns:1fr}.hero h1{font-size:2rem}.directory-tools>*{width:100%}}

.site-search-form{position:relative;display:flex;align-items:center;min-width:235px;border:1px solid #d9e4dd;border-radius:30px;background:#fff;padding:3px 4px 3px 13px}
.site-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:.82rem;padding:7px 5px;color:var(--ink)}
.site-search-form button{border:0;border-radius:50%;width:34px;height:34px;background:var(--green);color:#fff;font-size:1.25rem;line-height:1}
.site-search-results{position:absolute;top:calc(100% + 8px);right:0;z-index:2000;width:min(360px,90vw);max-height:360px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #143c2b22;padding:7px}
.site-search-results a{display:block;padding:10px 12px;border-radius:9px;border-bottom:1px solid #f0f3f1}
.site-search-results a:hover{background:var(--pale);color:var(--green)}
.site-search-results small{display:block;color:var(--muted);font-size:.72rem}
@media(max-width:991px){.site-search-form{width:100%;margin:12px 0 6px}.site-search-results{left:0;right:auto;width:100%}}

/* Editorial content sections and accessibility enhancements */
.editorial-section{padding:3.2rem 0;margin:1.3rem 0;border-radius:24px}
.editorial-section h2{font-weight:850;letter-spacing:-.03em;color:var(--green)}
.editorial-section p{color:#43554d}
.editorial-dog{background:linear-gradient(120deg,#fff5e9,#fff 65%);border:1px solid #f5dfc6}
.editorial-cat{background:#f2f5ff;border:1px solid #dce4fb}
.editorial-cat h2{color:#3d4c83}
.editorial-fish{background:#eaf8fb;border:1px solid #ccebf1}
.editorial-fish h2{color:#08728a}
.editorial-bird{background:#f1f8ed;border:1px solid #d9e9d0}
.editorial-small{background:#fff4f5;border:1px solid #f4dfe3}
.editorial-media{height:100%;min-height:260px;overflow:hidden;border-radius:20px;box-shadow:0 14px 35px #163d2b18}
.editorial-media img{width:100%;height:100%;min-height:260px;object-fit:cover}
.editorial-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--orange)}
.answer-card{background:#f7faf7;border-left:4px solid var(--orange);padding:18px 22px;border-radius:0 14px 14px 0;margin:22px 0}
.pet-facts{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e2ebe5;border-radius:14px;margin:18px 0 28px}
.pet-facts th,.pet-facts td{padding:12px 15px;border-bottom:1px solid #e7eee9;text-align:left;vertical-align:top}
.pet-facts th{width:32%;background:#f1f7f2;color:#164b37}
.pet-facts tr:last-child th,.pet-facts tr:last-child td{border-bottom:0}
.profile-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center;background:#f8faf7;border-radius:22px;padding:20px;margin:28px 0}
.profile-visual img{width:100%;height:300px;object-fit:cover;border-radius:16px}
.contact-form .form-control,.contact-form .form-select{border-radius:12px;padding:12px}
.contact-form label{font-weight:700;color:#244237}
.form-status{padding:13px 16px;border-radius:12px;margin:14px 0}
.form-status.success{background:#eaf8ef;color:#145b31}.form-status.error{background:#fff0ef;color:#922c27}
@media(max-width:767px){.profile-visual{grid-template-columns:1fr}.profile-visual img{height:230px}.pet-facts th,.pet-facts td{padding:10px;font-size:.92rem}}


/* North American editorial refresh: navigation, page rhythm and footer flow */
:root{--green:#07523b;--deep:#063d30;--orange:#ff7900;--pale:#f3f8f2;--ink:#172b25;--muted:#64736d;--line:#e4ebe6}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.72}
.topbar{background:#073d30;color:#f4fbf7;font-size:.78rem;padding:8px 0}
.top-links{display:flex;gap:18px;flex-wrap:wrap}.top-links a{color:#effaf3;opacity:.92}.top-links a:hover{color:#ffbf80}
.navbar{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 5px 22px rgba(8,50,35,.07);padding:12px 0}
.navbar>.container{gap:18px}
.navbar-brand{margin-right:10px;flex-shrink:0}
.brand{font-weight:850;font-size:1.9rem;letter-spacing:-1.3px;color:var(--green);line-height:1.05}
.brand span{color:var(--orange)}
.brand small{font-size:.62rem!important;letter-spacing:.015em!important;font-weight:650;color:#69766f!important;margin-top:5px}
.brand-mark{width:46px;height:46px;box-shadow:0 5px 12px rgba(255,121,0,.2)}
.navbar-nav{align-items:center;gap:3px}
.navbar .nav-link{font-size:.94rem;font-weight:750;color:#18372c!important;padding:.66rem .9rem!important;border-radius:999px;white-space:nowrap;transition:background .18s,color .18s,transform .18s}
.navbar .nav-link:hover{background:#fff1e4;color:#d85f00!important;transform:translateY(-1px)}
.navbar .nav-link.active{background:var(--orange);color:#fff!important;box-shadow:0 5px 13px rgba(255,121,0,.2)}
.navbar-toggler{border:1px solid #dbe7df;border-radius:12px;padding:8px 11px}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(7,82,59,.12)}
.site-search-form{min-width:230px;max-width:270px;margin-left:8px!important;border:1px solid #dce8e0;box-shadow:0 2px 9px rgba(9,50,35,.03);padding:4px 5px 4px 14px}
.site-search-form:focus-within{border-color:#0b7754;box-shadow:0 0 0 3px rgba(11,119,84,.1)}
.site-search-form button{width:36px;height:36px;background:var(--green);display:grid;place-items:center}
footer{position:relative;clear:both;margin-top:0!important;padding:54px 0 18px;background:#063d30;color:#eff8f2}
footer .container{max-width:1240px}
footer .brand{color:#fff}
footer h3{font-size:1rem;letter-spacing:.01em}
footer a{width:max-content;max-width:100%;transition:color .18s,transform .18s}
footer a:hover{transform:translateX(3px)}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.editorial-section{position:relative;isolation:isolate;margin-top:36px!important;margin-bottom:36px!important;padding:clamp(24px,4vw,52px)!important}
.editorial-section p{font-size:1rem;line-height:1.82}
.editorial-section h2{font-size:clamp(1.65rem,2.5vw,2.2rem)}
.editorial-media{border-radius:22px;background:#e9f0eb;box-shadow:0 15px 38px rgba(10,50,35,.12)}
.editorial-media img{min-height:290px;max-height:380px;object-fit:cover}
.hero{box-shadow:0 12px 32px rgba(7,52,36,.07)}
.hero img{object-position:center}
.hero-copy{display:flex;flex-direction:column;justify-content:center}
.section{padding-top:42px;padding-bottom:42px}
.soft-panel{border:1px solid #e7eee8;box-shadow:0 8px 26px rgba(8,50,35,.035)}
.article-layout{gap:26px}
.article-layout .left-sidebar,.article-layout .right-sidebar{position:relative}
.pet-card{box-shadow:0 8px 24px rgba(9,48,34,.055)}
.pet-card img,.blog-card img{background:#edf3ee}
.profile-visual{border:1px solid #e6eee8}
@media(min-width:1400px){.navbar .container{max-width:1660px}.navbar-nav{gap:4px}}
@media(max-width:1199px){.navbar .nav-link{padding:.58rem .68rem!important;font-size:.88rem}.site-search-form{min-width:200px}}
@media(max-width:991px){
 .navbar-collapse{padding:15px 0 8px}
 .navbar-nav{align-items:stretch;gap:3px}
 .navbar .nav-link{border-radius:12px;padding:.7rem .9rem!important}
 .site-search-form{max-width:none;width:100%;margin:12px 0 0!important}
 .topbar .container{justify-content:center!important;text-align:center}
}
@media(max-width:767px){
 .brand{font-size:1.55rem}.brand-mark{width:40px;height:40px}
 .editorial-section{margin:20px 12px!important;padding:22px!important}
 .editorial-media img{min-height:220px;max-height:270px}
 .hero-copy{justify-content:center}
 footer{padding-top:38px}
}

/* Distinct visual identities for each animal directory */
.page-dogs .hero{background:#fff4e8}.page-dogs .side-head{background:#8a4b18}
.page-cats .hero{background:#f1f2fb}.page-cats .side-head{background:#4d5689}
.page-birds .hero{background:#eff8ee}.page-birds .side-head{background:#356b42}
.page-fish .hero{background:#eaf7fb}.page-fish .side-head{background:#08758a}
.page-small-pets .hero{background:#fff2f3}.page-small-pets .side-head{background:#8a5360}
.page-profile .profile-specific-note{border-left:5px solid var(--orange);background:linear-gradient(120deg,#f4f8f2,#fff)}
.page-dog .profile-specific-note{border-left-color:#c77b36}
.page-cat .profile-specific-note{border-left-color:#7b82b8}
.page-bird .profile-specific-note{border-left-color:#5b9b62}
.page-fish .profile-specific-note{border-left-color:#1997ad}
.page-small-pet .profile-specific-note{border-left-color:#bd7182}
.page-about .soft-panel,.page-contact .soft-panel,.page-disclaimer .soft-panel,.page-privacy .soft-panel,.page-terms .soft-panel{max-width:1000px;margin:0 auto}
.page-blog .blog-card{transition:transform .2s,box-shadow .2s}
.page-blog .blog-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(9,48,34,.1)}
.page-dogs .pet-card img,.page-cats .pet-card img,.page-birds .pet-card img,.page-fish .pet-card img,.page-small-pets .pet-card img{height:205px;object-fit:cover}
.page-profile .hero img{height:320px;object-fit:cover}
.page-profile .hero-copy{width:52%;padding:clamp(24px,4vw,44px)}
.page-profile .article{max-width:100%}
.page-profile .pet-facts tr:nth-child(even) td{background:#fbfdfb}
.page-profile .pet-facts th{font-weight:750}
@media(max-width:767px){
 .page-profile .hero img{height:265px;opacity:.26}
 .page-profile .hero-copy{width:100%;background:linear-gradient(90deg,#f5f9edee,#f5f9edaa)}
 .page-profile .profile-visual{margin:18px 0}
 .page-profile .pet-facts th{width:38%}
 .top-links{justify-content:center;gap:12px}
}

.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#063d30;padding:10px 14px;border-radius:8px;z-index:2000}
.skip-link:focus{left:12px;box-shadow:0 4px 14px #0002}

@media(max-width:1399px){
 .navbar-collapse{padding:15px 0 8px}
 .navbar-nav{align-items:stretch;gap:3px}
 .navbar .nav-link{border-radius:12px;padding:.7rem .9rem!important}
 .site-search-form{max-width:none;width:100%;margin:12px 0 0!important}
}