:root{--color-primary:#e34e09;--color-text-base:#431e07;--color-text-light:#f8f9fa;--color-background:#fff1c0;--color-surface:#f8f9fa;--color-border:#dee2e6;--spacing-unit:8px}.dark-mode{--color-primary:#58a6ff;--color-text-base:#f0f6fc;--color-text-light:#212529;--color-background:#0d1117;--color-surface:#161b22;--color-border:#30363d}header p{text-align:center}p{font-family:Nunito,sans-serif}.biggerH2,.biggerH2:hover{font-size:30px;color:var(--color-text-light);background-color:var(--color-primary)}.petCategory{background-color:var(--color-surface);display:flex;width:100%;max-width:inherit;margin-bottom:10px}.petIndividual{display:block;margin-left:auto;margin-right:auto;text-align:center;text-decoration:none;color:var(--color-text-base);cursor:pointer;font-size:22px;padding-bottom:10px;padding-left:10px;padding-right:10px}.petIndividual:hover{color:var(--color-text-light);background-color:var(--color-primary)}.petIndividual img{display:block;object-fit:cover;max-width:100%;width:200px;height:200px}h2 a{text-decoration:none;color:var(--color-text-light);font-family:Chewy;font-size:22px}h2:hover,h2:hover a{color:var(--color-primary)}.animalShelter,h2:hover,h2:hover a{text-decoration:none;background-color:var(--color-text-light)}.animalShelter{height:300px;display:flex;overflow-wrap:break-word;margin-bottom:10px}.animalShelter:hover,.animalShelter:hover h3,.animalShelter:hover p{background-color:var(--color-primary);color:var(--color-text-light)}.animalShelter img{max-height:300px;width:50%;object-fit:cover}.animalShelterText{width:100%;overflow:scroll;padding-top:10px}.animalShelter p{margin-left:10px;margin-right:10px;color:var(--color-text-base)}.animalShelter h3{margin-left:auto;margin-right:auto;font-size:35px;margin-bottom:-10px}@media screen and (max-width:768px){.pets-grid{flex-direction:column;align-items:center}.pet-card{width:100%;max-width:300px}.pet-card img{max-width:100%;min-width:auto}}.info-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:calc(var(--spacing-unit) * 2);gap:calc(var(--spacing-unit) * 2);margin:calc(var(--spacing-unit) * 3) 0;padding:0 calc(var(--spacing-unit) * 2)}.info-button{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3);font-family:Chewy,sans-serif;font-size:20px;color:var(--color-text-base);cursor:pointer;transition:all .3s ease;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}.info-button:hover{background-color:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.info-button:active{transform:translateY(0)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:1000;animation:fadeIn .2s ease}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-background);border-radius:calc(var(--spacing-unit) * 2);box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1001;max-width:900px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease;border:2px solid var(--color-border)}.modal-close-btn{position:absolute;top:calc(var(--spacing-unit) * 2);right:calc(var(--spacing-unit) * 2);background:none;border:none;font-size:40px;color:var(--color-text-base);cursor:pointer;z-index:1002;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background-color:var(--color-surface);color:var(--color-primary);transform:rotate(90deg)}.modal-content{display:flex;flex-direction:row;max-height:90vh;overflow-y:auto}.modal-image-container{flex:1 1;min-width:300px;background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 3)}.modal-image{width:100%;height:auto;object-fit:cover;border-radius:calc(var(--spacing-unit) * 2)}.modal-text-container{flex:1 1;padding:calc(var(--spacing-unit) * 4);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);overflow-y:auto}.modal-title{color:var(--color-primary);font-family:Chewy,sans-serif;font-size:32px}.modal-summary,.modal-title{margin:0;margin-bottom:calc(var(--spacing-unit) * 2)}.modal-summary{font-family:Nunito,sans-serif;font-size:18px;line-height:1.6;color:var(--color-text-base)}.modal-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.modal-bullets li{font-family:Nunito,sans-serif;padding-left:calc(var(--spacing-unit) * 4);position:relative;font-size:16px;line-height:1.6;color:var(--color-text-base)}.modal-bullets li:before{content:"•";position:absolute;left:calc(var(--spacing-unit) * 1.5);color:var(--color-primary);font-size:24px;line-height:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media screen and (max-width:768px){.modal-container{width:95%;max-height:95vh}.modal-content{flex-direction:column}.modal-image-container{min-width:100%;max-height:300px;padding:calc(var(--spacing-unit) * 2)}.modal-image{max-height:300px;object-fit:cover}.modal-text-container{padding:calc(var(--spacing-unit) * 3)}.modal-title{font-size:24px}.modal-summary{font-size:16px}.info-buttons-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 1.5)}.info-button{font-size:18px;min-height:70px}}.anatomy-section{margin:calc(var(--spacing-unit) * 4) 0;padding:calc(var(--spacing-unit) * 3);background-color:var(--color-surface);border-radius:calc(var(--spacing-unit) * 2);border:2px solid var(--color-border)}.anatomy-title{font-family:Chewy,sans-serif}.anatomy-title,.anatomy-title:hover{color:var(--color-text-light);font-size:32px;text-align:center;margin-bottom:calc(var(--spacing-unit) * 2)}.anatomy-title:hover{background-color:var(--color-primary)}.anatomy-instruction{font-family:Nunito,sans-serif;text-align:center;font-size:16px;color:var(--color-text-base);margin-bottom:calc(var(--spacing-unit) * 3);font-style:italic}.anatomy-container{position:relative;display:flex;justify-content:center;align-items:flex-start;margin-bottom:-100px}#canineImage{height:400px}.anatomy-image-wrapper{position:relative;max-width:500px;width:100%;aspect-ratio:1}.anatomy-image{width:100%;height:auto;border-radius:calc(var(--spacing-unit) * 2);border:2px solid var(--color-border)}.anatomy-part{position:absolute;border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0;z-index:10;box-shadow:0 2px 6px rgba(0,0,0,.2);width:24px;height:24px;transform:translate(-50%,-50%)}.anatomy-part,.anatomy-part:hover{background-color:var(--color-primary)}.anatomy-part:hover{border-color:var(--color-primary);transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}.anatomy-part.active{border-color:var(--color-text-light);border-width:3px;box-shadow:0 0 15px rgba(227,78,9,.8)}.anatomy-part.active,.dark-mode .anatomy-part.active{background-color:var(--color-primary);transform:translate(-50%,-50%) scale(1.3)}.dark-mode .anatomy-part.active{border-color:var(--color-text-light);box-shadow:0 0 15px rgba(88,166,255,.8)}.anatomy-part-marker{display:block;width:100%;height:100%;border-radius:50%}.anatomy-tooltip{position:fixed;background-color:var(--color-background);border:2px solid var(--color-primary);border-radius:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3);max-width:300px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1000;transform:translateX(-50%) translateY(-100%);margin-top:-10px;animation:tooltipFadeIn .2s ease}.tooltip-title{font-family:Chewy,sans-serif;color:var(--color-primary);font-size:20px;margin:0 0 calc(var(--spacing-unit) * 2) 0}.tooltip-description{font-family:Nunito,sans-serif;font-size:14px;line-height:1.6;color:var(--color-text-base);margin:0}.tooltip-close{position:absolute;top:calc(var(--spacing-unit) * 1);right:calc(var(--spacing-unit) * 1);background:none;border:none;font-size:24px;color:var(--color-text-base);cursor:pointer;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.tooltip-close:hover{color:var(--color-primary)}.anatomy-parts-list{margin-top:calc(var(--spacing-unit) * 4);padding-top:calc(var(--spacing-unit) * 3);border-top:2px solid var(--color-border)}.anatomy-parts-list h3{font-family:Chewy,sans-serif;color:var(--color-primary);font-size:24px;margin-bottom:calc(var(--spacing-unit) * 2);text-align:center}.parts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:calc(var(--spacing-unit) * 2);gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 2)}.part-button{font-family:Nunito,sans-serif;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);font-size:14px;color:var(--color-text-base);cursor:pointer;transition:all .3s ease;text-align:center}.part-button:hover{transform:translateY(-2px)}.part-button.active,.part-button:hover{background-color:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-90%)}to{opacity:1;transform:translateX(-50%) translateY(-100%)}}@media screen and (max-width:768px){.anatomy-section{padding:calc(var(--spacing-unit) * 2);margin-bottom:12px}.anatomy-title,.anatomy-title:hover{font-size:24px}.anatomy-image-wrapper{max-width:100%}.anatomy-tooltip{max-width:250px;font-size:12px}.parts-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}#backToPetsBtn{text-align:center}#backToPetsBtn a{color:var(--color-primary);background-color:var(--color-text-light);text-decoration:none;padding:5px;border:3px solid var(--color-primary)}#backToPetsBtn a:hover{color:var(--color-text-light);background-color:var(--color-primary);text-decoration:none;padding:5px}