/* Opt-in pet cluster styling; existing hero, form and shared elements are preserved. */
html:has(.pet-visual),html body:has(.pet-visual){background:#FFFFFF!important}
html body #pet-main.pet-visual :is(h1,h2,h3){color:#704A36!important}
html body #pet-main.pet-visual :is(.pet-button,input[type=submit]){background:#4D4036!important;border-color:#4D4036!important;box-shadow:none!important}
html body #pet-main.pet-visual :is(.pet-button,input[type=submit]):is(:hover,:focus-visible){background:#3E342D!important;border-color:#3E342D!important}
/* Short explanatory groups remain open and compact, not fixed-height cards. */
html body #pet-main.pet-visual .pet-grid{gap:14px 28px;align-items:start}
html body #pet-main.pet-visual .pet-item{padding:14px 0;border-top:1px solid #B7A18D;min-height:0;height:auto;background:#FFFFFF;box-shadow:none}
html body #pet-main.pet-visual .pet-item h3{margin-bottom:10px}
html body #pet-main.pet-visual .pet-note{border:1px solid #B7A18D;border-left:3px solid #704A36;border-radius:6px;box-shadow:none}
/* One beige related block, with an open link grid inside. */
html body #pet-main.pet-visual .pet-related{background:#F7F2EC;border:1px solid #B7A18D;border-radius:6px;padding:24px;box-shadow:none}
html body #pet-main.pet-visual .pet-related ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
html body #pet-main.pet-visual .pet-related li{padding:10px 0;border-bottom:1px solid #E8DED3;margin:0}
html body #pet-main.pet-visual .pet-related a{color:#704A36!important;font-weight:600;text-decoration:none!important}
html body #pet-main.pet-visual .pet-related a:is(:hover,:focus-visible){text-decoration:underline!important;text-underline-offset:3px}
html body #pet-main.pet-visual .pet-related :is(a,li)::after{content:none!important}
html body #pet-main.pet-visual .pet-faq{background:transparent;border:0;border-bottom:1px solid #E8DED3;border-radius:0;box-shadow:none;padding:24px 0}
@media(max-width:767px){
 html body #pet-main.pet-visual .pet-related{padding:20px}
 html body #pet-main.pet-visual .pet-related ul{grid-template-columns:minmax(0,1fr)}
 html body #pet-main.pet-visual .pet-grid{gap:12px}
}