/* Story cards and supplied DogsCats icon set */
.article-cover{display:block;width:100%;aspect-ratio:2.12/1;margin:28px 0 34px;border-radius:8px;object-fit:cover}
.article-byline{display:flex;flex-wrap:wrap;gap:9px 20px;margin:20px 0 4px;padding:16px 18px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--muted);font-size:12px;line-height:1.6}
.article-byline>span{display:inline-flex;gap:6px}.article-byline b{color:var(--ink)}
.story-view-count{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#8c837b;font:600 10px/1 'Noto Sans KR',sans-serif}
.story-view-count img{width:15px;height:15px;object-fit:contain;opacity:.78}.story-view-count b{color:inherit;font:inherit}
.article-byline .story-view-count{margin-left:auto;color:var(--muted);font-size:12px}
.medical-disclaimer{margin:34px 0 0;padding:20px 22px;border-left:4px solid var(--green);background:#f4f8f2;color:#4e5d50}
.medical-disclaimer strong{display:block;margin-bottom:6px;color:var(--green)}.medical-disclaimer p{margin:0;line-height:1.75}
.article-references{margin:30px 0 0;padding:25px 26px;border:1px solid var(--rule);background:#fffaf4}
.article-references h2{margin:0 0 8px;font:700 20px/1.4 'Noto Serif KR',serif}.article-references>p{margin:0 0 14px;color:var(--muted);font-size:13px}
.article-references ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.article-references a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;color:var(--ink);text-decoration:none}.article-references a:hover strong{text-decoration:underline}.article-references small{color:var(--muted)}
.article-context-links{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 0}.article-context-links a,.related-more{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--rule);border-radius:999px;color:var(--brown);font-size:13px;font-weight:700;text-decoration:none}.article-context-links a:hover,.related-more:hover{background:#fff6ec}
.related-stories,.breed-related-stories{margin:38px 0 0;padding-top:30px;border-top:1px solid var(--rule)}.related-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.related-heading p{margin:0}.related-heading h2{margin:0;font:700 24px/1.35 'Noto Serif KR',serif}
.related-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-story-grid article{display:flex;min-width:0;flex-direction:column;padding:19px;border:1px solid var(--rule);background:#fff}.related-story-grid article p{margin:0 0 8px;color:var(--brown);font-size:11px;font-weight:700}.related-story-grid h3{margin:0;font:700 16px/1.45 'Noto Serif KR',serif}.related-story-grid h3 a{color:inherit;text-decoration:none}.related-story-grid article span{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.55}.breed-related-stories .related-more{margin-top:16px}
.story-card-picture{display:block;width:100%;height:100%}
.story-card-picture img{display:block;width:100%;height:100%;object-fit:cover}
.article-cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fff4e6,#f0f8ef);color:#2e5b3e;text-align:center}
.article-cover-placeholder img{width:58px;height:58px;object-fit:contain}
.article-cover-placeholder strong{font-size:clamp(1.5rem,4vw,2.4rem)}
.article-cover-placeholder small{font-weight:800;letter-spacing:.18em}
.story-archive-placeholder{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#fff4e6,#f0f8ef);color:#2e5b3e;text-decoration:none}
.story-archive-placeholder img{width:48px;height:48px;object-fit:contain}
.story-archive-placeholder strong{font-size:1.35rem}
.story-archive-placeholder small{font-size:.72rem;font-weight:800;letter-spacing:.14em}
.header-actions .search img{width:18px;height:18px}
.finder-chips a{display:inline-flex;align-items:center;gap:5px}
.finder-chips img{width:23px;height:23px;object-fit:contain}
.mini-heading h2{display:flex;align-items:center;gap:7px}
.mini-heading h2 img{width:27px;height:27px;object-fit:contain}
.story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.story-item{display:grid;grid-template-columns:46% 1fr;min-height:194px;background:#fff;border:1px solid var(--rule);overflow:hidden}
.story-cover{display:block;min-height:100%;background:#e9dfd0}
.story-cover img{display:block;width:100%;height:100%;min-height:194px;object-fit:cover;transition:transform .25s ease}
.story-cover:hover img{transform:scale(1.035)}
.story-copy{padding:20px 19px 18px;display:flex;flex-direction:column;align-items:flex-start}
.story-copy p{margin:0 0 7px;color:var(--brown);font-size:11px;font-weight:700}
.story-copy h3{margin:0;font:700 18px/1.38 'Noto Serif KR',serif;letter-spacing:-.8px}
.story-copy>span{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.story-copy>a{margin-top:auto;padding-top:12px;color:var(--brown);font-size:12px;font-weight:700;text-decoration:none}
.guide-grid a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px}
.guide-grid a img{width:30px;height:30px;object-fit:contain}
@media(max-width:800px){.story-list{grid-template-columns:1fr}.story-item{grid-template-columns:42% 1fr}.header-actions a:not(.search){font-size:0}.finder-chips img{width:21px;height:21px}}
.story-archive{width:min(1296px,calc(100% - 64px));margin:20px auto 72px}
.story-archive-hero{position:relative;min-height:310px;border-radius:18px;overflow:hidden;background:#eadfce}
.story-archive-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.story-archive-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,247,.99) 0%,rgba(255,251,246,.93) 28%,rgba(255,251,246,.25) 55%,rgba(255,255,255,0) 72%)}
.story-archive-hero>div{position:relative;z-index:1;max-width:580px;padding:45px 40px}
.story-archive-hero .eyebrow{margin:0 0 10px;color:var(--brown);font-size:10px;font-weight:800;letter-spacing:2px}
.story-archive-hero h1{margin:0 0 13px;font:800 clamp(40px,5vw,62px)/1.12 'Noto Serif KR',serif;letter-spacing:-3px}
.story-archive-hero div>p:not(.eyebrow){margin:0 0 22px;color:#655d55;font-size:16px;line-height:1.75}
.story-archive-hero strong{color:var(--brown);font-size:14px}
.story-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 18px}
.story-filter-bar>div{display:flex;gap:10px;flex-wrap:wrap}
.story-filter-link{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:11px 22px;border:0;border-radius:999px;background:#f4efe8;color:#5f5750;font:600 13px/1 'Noto Sans KR',sans-serif;text-decoration:none}
.story-filter-link.is-active{background:var(--brown);color:#fff}
.story-filter-bar p{margin:0;color:var(--muted);font-size:13px}
.story-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.story-archive-card{min-height:264px;border:1px solid var(--rule);border-radius:12px;background:#fff;overflow:hidden;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);box-shadow:0 2px 10px rgba(83,54,34,.035)}
.story-archive-card[hidden]{display:none}
.story-archive-card.no-cover{grid-template-columns:1fr}
.story-archive-image{display:block;min-width:0;overflow:hidden;background:#eee4d8}
.story-archive-image img{display:block;width:100%;height:100%;min-height:264px;object-fit:cover;transition:transform .25s ease}
.story-archive-image:hover img{transform:scale(1.025)}
.story-archive-copy{min-width:0;padding:22px 24px 20px;display:flex;flex-direction:column;align-items:flex-start}
.story-archive-meta{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;margin:0;color:#948b82;font-size:11px}
.story-archive-meta .story-archive-category{padding:7px 13px;border-radius:999px;background:#fff0e8;color:var(--brown);font-weight:700}
.story-archive-stats{display:inline-flex;align-items:center;gap:12px}
.story-archive-card h2{margin:18px 0 10px;font:700 21px/1.45 'Noto Serif KR',serif;letter-spacing:-1px;word-break:keep-all}
.story-archive-card h2 a,.story-archive-link{color:inherit;text-decoration:none}
.story-archive-excerpt{margin:0;color:var(--muted);font-size:13px;line-height:1.72;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.story-archive-link{margin-top:auto;padding-top:18px;color:var(--brown);font-size:13px;font-weight:800}
.story-empty{grid-column:1/-1;padding:70px 24px;border:1px solid var(--rule);border-radius:12px;background:#fff;text-align:center}
.story-empty h2{margin:0 0 9px;font:700 22px/1.4 'Noto Serif KR',serif}
.story-empty p{margin:0 0 18px;color:var(--muted);font-size:13px}.story-empty a{color:var(--brown);font-size:13px;font-weight:800;text-decoration:none}
.story-index-footer{width:min(1296px,calc(100% - 64px));margin:0 auto;border-top:1px solid var(--rule)}
@media(max-width:980px){.story-archive{width:min(100% - 40px,1296px)}.story-archive-hero{min-height:285px}.story-archive-hero>div{padding:40px 34px}.story-archive-grid{grid-template-columns:1fr}.story-archive-card{min-height:250px}.story-archive-image img{min-height:250px}.story-index-footer{width:min(100% - 40px,1296px)}}
@media(max-width:620px){.story-item{grid-template-columns:1fr}.story-cover,.story-cover img{min-height:150px;height:150px}.story-copy{min-height:150px}.header-actions .search{width:auto;padding:7px}.header-actions .search span{display:none}.story-archive{width:calc(100% - 24px);margin-top:12px}.story-archive-hero{min-height:350px}.story-archive-hero>img{object-position:64% center}.story-archive-hero:after{background:linear-gradient(180deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.88) 52%,rgba(255,255,255,.12) 100%)}.story-archive-hero>div{padding:28px 24px}.story-archive-hero h1{font-size:39px}.story-archive-hero div>p:not(.eyebrow){font-size:14px}.story-filter-bar{align-items:flex-start}.story-filter-bar>div{gap:7px}.story-filter-link{min-width:0;padding:10px 15px}.story-filter-bar p{display:none}.story-archive-card{grid-template-columns:1fr}.story-archive-image img{height:auto;min-height:0;aspect-ratio:2.12/1}.story-archive-copy{min-height:230px}.story-index-footer{width:calc(100% - 24px)}.related-story-grid{grid-template-columns:1fr}.related-heading{display:block}.related-heading h2{margin-top:5px}.article-references a{display:block}.article-references small{display:block;margin-top:3px}}