.discovery-page{padding-block:36px 80px}.discovery-page>h1{font-family:var(--font-display,Georgia,serif);font-size:clamp(30px,4vw,56px);color:#f1d39a;margin:24px 0 40px}.category-reference{display:block;margin-top:5px;font-size:10px;color:#d4bf95;line-height:1.4}.match-section{display:grid;grid-template-columns:.85fr 1.15fr;margin:90px 0;border:1px solid #ad8849;border-radius:24px;background:radial-gradient(ellipse at 8% 10%,#ae752a45,transparent 65%),linear-gradient(130deg,#211a10,#0d0c09);box-shadow:0 20px 80px #a26e1612;overflow:hidden;scroll-margin-top:110px}.match-intro{padding:clamp(26px,4vw,64px);border-right:1px solid #98763d55}.match-intro h2{font-family:Georgia,serif;font-size:clamp(32px,3.1vw,46px);line-height:1.16;color:#f4d9a3;margin-block:22px;font-weight:400}.barf-copy p,.barf-details p,.match-intro p,.match-panel p{line-height:1.8;color:#d8c8ab}.match-emblem{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border:1px solid #c79a50;border-radius:50%;color:#f1cc83;background:#bc8c2620;margin-bottom:26px;box-shadow:0 0 35px #e3b55115}.match-tag{display:inline-block;margin:24px 0 6px;padding:9px 14px;color:#f6d89a;border:1px solid #c3a46666;border-radius:100px;font-size:12px}.match-small{font-size:12px;color:#c8b794;line-height:1.7}.match-panel{min-width:0;padding:clamp(24px,3.8vw,56px);align-self:center}.match-panel:focus-visible{outline:2px solid #f1d39a;outline-offset:-6px}.match-panel h3{color:#f3dbb0;font-size:26px;line-height:1.3;margin:20px 0}.match-welcome>svg{color:#edc577}.match-welcome .ui-button{margin:16px 0}.match-progress-label{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#d4bd8e;margin-bottom:12px}.match-panel progress{display:block;width:100%;height:4px;margin-bottom:30px;accent-color:#e3b85f;border:none;background:#574224}.match-panel progress::-webkit-progress-bar{background:#574224}.match-panel progress::-webkit-progress-value{background:#e3b85f}.match-panel fieldset{border:none;padding:0;min-width:0;margin:0}.match-panel legend{color:#f3dbb0;font-size:23px;line-height:1.4;margin-bottom:22px;font-weight:600}.match-options{display:grid;gap:12px}.match-options label{display:flex;align-items:center;gap:14px;cursor:pointer;padding:17px;border:1px solid #90703e88;border-radius:12px;background:#17130d;transition:background .2s,border-color .2s}.match-options label.selected,.match-options label:hover{border-color:#e2b969;background:#66502644}.match-options label:focus-within{outline:2px solid #f6d898;outline-offset:2px}.match-options input{accent-color:#e8c37a;width:18px;height:18px;flex:0 0 18px}.match-options strong{display:block;color:#f0d6a5;font-size:14px}.match-options small{display:block;color:#c5b492;line-height:1.5;font-size:12px;margin-top:5px}.match-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px}.match-notice{padding:16px;border-left:3px solid #e8bd6c;background:#98712a20}.match-result{padding:24px 0;border-top:1px solid #b9914f77;margin-top:24px}.match-rank{color:#d2ad69;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.match-result h4{color:#f1d39b;font-family:Georgia,serif;font-size:29px;margin:12px 0 22px}.match-result h5{font-size:13px;color:#f4dcae;margin:18px 0 12px}.match-result ul{padding-left:20px;color:#d8c8ab;font-size:13px;line-height:1.8;list-style:disc}.match-result p{font-size:13px}.match-pet-links{display:grid;gap:10px;margin-block:20px}.match-pet-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ac8749;border-radius:8px;padding:13px;color:#f0d09a;font-size:12px}.match-pet-links svg{flex-shrink:0}.match-source{font-size:11px;color:#cbb68e;text-decoration:underline}.barf-teaser{display:grid;grid-template-columns:1fr 1fr;margin:56px 0;border:1px solid #9a773e;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at right top,#9e681835,transparent 70%),#13100b}.barf-visual{position:relative;min-height:360px}.barf-visual img{object-fit:cover}.barf-visual>span{position:absolute;bottom:16px;left:16px;background:#0d0b07e8;border:1px solid #c4a36688;border-radius:5px;padding:5px 9px;font-size:10px;color:#f0d49e}.barf-copy{padding:clamp(24px,4vw,54px)}.barf-copy h2{font-family:Georgia,serif;font-size:clamp(34px,3vw,46px);color:#f4d9a3;line-height:1.2;margin:18px 0}.barf-copy .barf-price{font-size:27px;color:#f5d59b;margin:18px 0}.barf-price small{font-size:12px;white-space:nowrap}.barf-copy .ui-button{margin-top:18px}.barf-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.barf-details h2{font-family:Georgia,serif;color:#f1d39a;font-size:30px;margin-bottom:20px}.barf-details aside{padding:30px 0}.barf-details ol{padding-left:22px;color:#e1cba2;list-style:decimal;line-height:1.9}.barf-details li{margin-bottom:14px}.barf-details aside>a{text-decoration:underline;color:#e1cba2;font-size:12px}.barf-form{padding:clamp(24px,3vw,40px);border:1px solid #99763e;border-radius:18px;background:#281e1099;scroll-margin-top:110px}.barf-form label{display:grid;gap:9px;margin:20px 0;color:#efd3a0;font-size:14px}.barf-form input,.barf-form select{border:1px solid #9f804d;background:#13100c;color:#f5e3c2;padding:13px;border-radius:8px;width:100%;min-width:0}.barf-form input:focus,.barf-form select:focus{outline:2px solid #f3cc80;outline-offset:2px}.barf-form .barf-estimate{font-size:19px;color:#f4d69b}.barf-message{margin-top:25px;border-top:1px solid #8a6d3e;padding-top:20px;overflow-wrap:anywhere}.barf-message h3{color:#f4d69b}.barf-message .preserve-text{font-size:13px}@media (max-width:900px){.match-section{grid-template-columns:1fr}.match-intro{border-right:none;border-bottom:1px solid #98763d55}}@media (max-width:767px){.match-section{margin:55px 0;border-radius:16px}.barf-details,.barf-teaser{grid-template-columns:1fr}.barf-details{gap:20px}.barf-visual{min-height:260px}.barf-copy .barf-price{font-size:24px}.match-panel .ui-button{white-space:normal}.match-progress-label{flex-wrap:wrap}.barf-form .ui-button{white-space:normal}}