.syttr-v12{max-width:1200px;margin:auto;color:#224c35;font-family:system-ui,sans-serif}.syttr-v12-hero{text-align:center;background:#eaf5e9;border-radius:24px;padding:38px 20px;margin-bottom:20px}.syttr-v12-hero h2{font-size:clamp(1.8rem,3vw,2.7rem);color:#155b40}.syttr-v12-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}.syttr-v12-happy-link{display:inline-block;background:#70492d;color:white!important;border-radius:30px;padding:12px 22px;text-decoration:none}.syttr-v12-warning{padding:18px 22px;background:#fff4d9;border-left:5px solid #c58b36;border-radius:10px;margin:20px 0}.syttr-v12-filters{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0}.syttr-v12-filters label{flex:1;min-width:180px;font-weight:700}.syttr-v12-filters input,.syttr-v12-filters select{display:block;width:100%;padding:12px;border:1px solid #b4c9ba;border-radius:10px}.syttr-v12-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.syttr-v12-card{border:1px solid #d5e5d8;border-radius:18px;background:white;overflow:hidden;box-shadow:0 5px 15px #174e2612}.syttr-v12-card[hidden]{display:none}.syttr-v12-image{padding:12px;background:#e8f3e7;border:9px ridge #759b6d}.syttr-v12-image img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.syttr-v12-placeholder{display:grid;place-items:center;aspect-ratio:1;font-size:60px}.syttr-v12-card-body{padding:18px}.syttr-v12-card h3{margin:0;color:#185a3d}.syttr-v12-species{margin:6px 0}.syttr-v12-fee{display:inline-block;background:#fff0c3;color:#684400;padding:7px 12px;border-radius:24px;font-weight:800}.syttr-v12-status{font-size:.85rem;color:#52685a}.syttr-v12-share{display:block;margin:12px 0;color:#175c9c}.syttr-v12 details{border-top:1px solid #dce7df;padding-top:12px}.syttr-v12 summary{cursor:pointer;font-weight:800;color:#186848}.syttr-v12-detail{margin:14px 0}.syttr-v12-detail p{margin:4px 0;white-space:normal}.syttr-v12-confirm{border-top:1px solid #dce7df;padding-top:15px}.syttr-v12-confirm label{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:.92rem}.syttr-v12-confirm input{flex:none;margin-top:4px}.syttr-v12-adopt{background:#157b50;border:0;border-radius:10px;padding:14px;color:white;font-weight:800;width:100%;cursor:pointer}.syttr-v12-adopt:disabled{background:#9fae9f;cursor:not-allowed}.syttr-v12-happy{background:#fff0f2;border-radius:22px;margin-top:45px;padding:24px}.syttr-v12-happy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.syttr-v12-happy-card{background:white;padding:12px;border-radius:14px}.syttr-v12-happy-card img{width:100%;aspect-ratio:1;object-fit:cover}.syttr-v12-happy-card h3{margin:8px 0 0}@media(max-width:900px){.syttr-v12-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syttr-v12-happy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.syttr-v12-grid,.syttr-v12-happy-grid{grid-template-columns:1fr}.syttr-v12-hero{padding:24px 12px}}
/* v1.4: decorative ivy vines at the page edges and around each animal photograph */
.syttr-v12{position:relative;isolation:isolate;padding:18px clamp(24px,5vw,70px)!important;box-sizing:border-box}
.syttr-v12::before,.syttr-v12::after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,4vw,52px);background:url("ivy-vine.svg") center top/100% 150px repeat-y;pointer-events:none;z-index:-1;opacity:.95}
.syttr-v12::before{left:0}.syttr-v12::after{right:0;transform:scaleX(-1)}
.syttr-v12-image{position:relative;border:0!important;background:#e8f3e7;padding:21px!important;overflow:hidden}
.syttr-v12-image::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("ivy-vine.svg") left top/23px 65px repeat-y,url("ivy-vine.svg") right top/23px 65px repeat-y;z-index:2}
.syttr-v12-image::after{content:"";position:absolute;inset:0;pointer-events:none;border:14px solid transparent;border-image:linear-gradient(135deg,#457b3d,#a4bf70,#2e6738) 1;box-shadow:inset 0 0 0 3px #d3e3b9;opacity:.55}
.syttr-v12-image img{position:relative;z-index:1}
@media(max-width:600px){.syttr-v12{padding:12px 22px!important}.syttr-v12::before,.syttr-v12::after{width:18px}.syttr-v12-image{padding:18px!important}}
