.logo img{border-radius:8px}.logo>span{font-weight:400;color:var(--text-tertiary);font-size:.85em}
.back-link{display:inline-block;margin-bottom:32px;color:#687565;font-size:14px}.back-link:hover,.tutorial-link:hover{text-decoration:underline}
.page-hero h1{font-size:clamp(2.8rem,6vw,4.6rem)}.page-hero p{color:#75757b}
.pet-listing{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #dbe3d1;border-radius:28px;overflow:hidden;background:#f7f9f3;box-shadow:var(--shadow-sm)}
.pet-card-art{background:#151a10;display:flex;align-items:center;justify-content:center;padding:44px 30px;min-height:400px}
.pet-card-art img{width:min(100%,320px);height:auto;object-fit:contain;mix-blend-mode:lighten}
.pet-card-copy{padding:44px}.listing-label{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;font-size:12px;color:#586747;font-weight:600}.listing-label span{background:#e8efdc;padding:5px 10px;border-radius:20px}
.pet-card-copy h2{font-size:clamp(32px,4vw,48px);margin-bottom:12px}.pet-card-copy p{font-size:16px;color:#6e7467}.pet-card-copy .listing-tagline{color:#303929;margin-bottom:14px;font-weight:600}
.pet-card-copy .page-meta{margin:24px 0}.pet-card-copy .btn{background:#354526;font-size:15px;padding:14px 22px}.tutorial-link{font-size:14px;color:#4c6040}.page-actions{align-items:center}.pet-card-copy small{display:block;margin-top:20px;color:#666e5f;font-size:12px;line-height:1.8}
.page-note{line-height:1.9}.footer p{margin:auto}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:15px}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #598b33;outline-offset:5px}
@media(max-width:700px){.pet-listing{grid-template-columns:1fr}.pet-card-art{min-height:250px;padding:20px}.pet-card-art img{width:220px}.pet-card-copy{padding:28px 24px}.page-hero{margin-bottom:32px}.back-link{margin-bottom:24px}.page-shell{padding-top:100px}.page-actions{gap:18px}.footer{padding:32px 24px}}