.litter-intro{padding:43px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.litter-intro h1{font-size:64px}
.litter-intro .eyebrow{margin-bottom:15px}
.litter-intro .lead{font-size:21px;max-width:520px}
.litter-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px;border-top:1px solid var(--line);padding:36px 0 55px}
.litter-feed{min-width:0}
.litter-feed>h2{font-size:25px;margin-bottom:28px}
.litter-post{display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px;padding:30px 0;border-top:1px solid var(--line);align-items:center}
.litter-post:first-of-type{border-top:0;padding-top:0}
.litter-post img{width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:8px}
.litter-post .date{display:block;margin-bottom:10px}
.litter-post h3{font-size:29px;margin-bottom:16px}
.litter-post p{font-size:17px;margin-bottom:21px}
.litter-post a:focus-visible{outline-offset:4px}
.litter-aside{padding-top:4px}
.advice{border-top:3px solid var(--green);padding-top:24px}
.advice h2{font-size:27px;margin-bottom:17px}
.advice p{font-size:17px;margin-bottom:23px}
.advice .text-link{display:inline-block}
.advice+.advice{margin-top:38px;border-top:1px solid var(--line)}
.archive-link{padding-top:26px;border-top:1px solid var(--line)}
@media(max-width:1100px){.litter-layout{grid-template-columns:minmax(0,1fr) 230px;gap:35px}.litter-post{grid-template-columns:220px minmax(0,1fr);gap:24px}.litter-post h3{font-size:26px}.litter-intro{gap:35px}}
@media(max-width:850px){.litter-intro{grid-template-columns:1fr;gap:22px;padding:32px 0}.litter-intro h1{font-size:52px}.litter-intro .lead{max-width:650px;font-size:19px}.litter-layout{grid-template-columns:1fr;gap:40px}.litter-post{grid-template-columns:270px minmax(0,1fr);gap:30px}.litter-aside{display:grid;grid-template-columns:1fr 1fr;gap:35px}.advice+.advice{margin-top:0;border-top:3px solid var(--green)}}
@media(max-width:550px){.litter-intro h1{font-size:46px}.litter-layout{padding-top:27px}.litter-post{grid-template-columns:1fr;gap:22px;padding:29px 0}.litter-post img{max-height:none}.litter-post h3{font-size:29px}.litter-aside{grid-template-columns:1fr;gap:30px}.litter-feed>h2{font-size:25px}.breadcrumb{padding-top:20px}}
.litter-post.text-only { grid-template-columns: 1fr; }
.litter-post h3 { overflow-wrap: anywhere; }
.litter-feed > h2 { margin-bottom: 12px; }
.litter-feed > .litter-date-note { margin-bottom: 28px; }

/* Filters use publication dates, never inferred dates of birth. */
.dcl-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding:20px 0;border-bottom:1px solid var(--line,#dbe2dc);margin-bottom:18px}.dcl-filters>div{flex:1;min-width:170px}.dcl-filters label{display:block;margin-bottom:6px;font-size:15px}.dcl-filters select{width:100%;padding:10px 12px;font:inherit;border:1px solid #b9c6be;border-radius:5px;background:#fff;color:#27352c}.dcl-filters button{padding:11px 20px;font:inherit;border:1px solid #28664d;border-radius:5px;background:#28664d;color:#fff;cursor:pointer}.dcl-filters a{font-size:15px;padding:10px 0}.litter-feed .litter-result-count{font-size:15px;color:#56625b}.litter-post .dcl-list-kennel{font-size:15px;margin:7px 0 10px}.dcl-filters :is(select,button,a):focus-visible{outline:3px solid #46795e;outline-offset:3px}@media(max-width:600px){.dcl-filters>div{flex-basis:100%}.dcl-filters button{min-height:44px}}

/* Compact archive controls, with the existing content and order preserved. */
.dcl-filters select,.dcl-filters button{min-height:46px;padding:8px 12px;font:400 16px/1.3 Club,sans-serif}.dcl-filters button{font-weight:600}
@media(max-width:600px){
.litter-intro{padding:22px 0;gap:12px}.litter-intro .eyebrow{margin-bottom:8px}.litter-intro h1{font-size:42px}.litter-intro .lead{font-size:17px;line-height:1.5}
.litter-layout{padding-top:20px;gap:28px}.litter-feed>h2{font-size:22px;margin-bottom:8px}.litter-feed>.litter-date-note{font-size:15px;margin-bottom:12px}
.dcl-filters{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px 12px;padding:10px 0 14px;margin-bottom:12px}.dcl-filters>div{min-width:0}.dcl-filters select{padding-inline:8px}.dcl-filters label{font-size:14px;margin-bottom:4px}.dcl-filters button{justify-self:start}.dcl-filters a{justify-self:start}
.litter-feed .litter-result-count{margin-bottom:14px}.litter-post{padding-block:20px;gap:14px}.litter-post h3{font-size:25px;margin-bottom:10px}.litter-post p{font-size:16px;margin-bottom:12px}.litter-post .litter-parents{gap:10px;margin-bottom:14px}.litter-post .date{margin-bottom:6px}
.litter-feed .pagination{gap:4px;margin-top:20px}.litter-feed .pagination .page-numbers{min-width:28px;min-height:40px;padding:5px 6px;font-size:14px}.litter-feed .pagination .dots{min-width:18px;padding-inline:2px}
}

@media screen and (max-width:380px){.dcl-filters{grid-template-columns:minmax(0,1fr) auto}.dcl-filters>div{grid-column:1/-1}}
@media screen{.dcl-filters button{border-radius:6px}}


/* A-02: field boundary contrast; print stays unchanged. */
@media screen { .dcl-filters select { border-color: #6f8377; } .dcl-filters select:focus { border-color: #176a45; } }
