/* Library index has its own scope; article presentation stays independent. */
.pet-wiki { --wiki-ink:#29334d; --wiki-muted:#626b80; --wiki-line:#e1e3ec; color:var(--wiki-ink); background:#f8f8fc; padding:24px 0 72px; font-family:'Inter',sans-serif; }
.pet-wiki *, .pet-wiki *::before, .pet-wiki *::after { box-sizing:border-box; }
.pet-wiki__shell { width:calc(100% - 64px); max-width:1360px; margin:auto; }
.pet-wiki h1,.pet-wiki h2,.pet-wiki h3 { font-family:'Inter',sans-serif; color:var(--wiki-ink); text-transform:none; letter-spacing:-.035em; margin:0; }
.pet-wiki a { color:inherit; text-decoration:none; }
.pet-wiki a:focus-visible { outline:3px solid #29334d; outline-offset:5px; }
.pet-wiki__breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; font-size:14px; color:var(--wiki-muted); margin-bottom:24px; }
.pet-wiki__breadcrumbs a { color:#ac4032; }
.pet-wiki__hero { display:grid; grid-template-columns:1.15fr 1fr; min-height:400px; overflow:hidden; border:1px solid var(--wiki-line); border-radius:28px; background:#edf5f8; }
.pet-wiki__intro { padding:44px 48px; align-self:center; }
.pet-wiki__label { display:inline-block; font-size:14px; font-weight:650; margin-bottom:20px; padding:7px 12px; border-radius:8px; background:#ffdf9e; }
.pet-wiki h1 { font-size:clamp(32px,3.4vw,48px); line-height:1.1; max-width:560px; font-weight:750; }
.pet-wiki__intro p { font-size:17px; line-height:1.7; color:var(--wiki-muted); max-width:490px; margin:20px 0 26px; }
.pet-wiki .pet-wiki__button { display:inline-flex; align-items:center; gap:26px; padding:15px 20px; border-radius:12px; background:#29334d; color:#fff; font-size:15px; font-weight:650; }
.pet-wiki__button:hover { background:#3e4966; }
.pet-wiki__feature { position:relative; min-width:0; background:#eee9f1; }
.pet-wiki__feature img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.pet-wiki__caption { position:absolute; bottom:22px; left:22px; right:22px; width:fit-content; background:#fff; border-radius:10px; padding:12px 16px; font-size:14px; font-weight:600; }
.pet-wiki__topics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:28px 0 52px; scroll-margin-top:140px; }
.pet-wiki__topic { display:flex; align-items:center; gap:10px; border:1px solid var(--wiki-line); background:white; border-radius:14px; padding:12px 10px; min-width:0; }
.pet-wiki__topic:hover { border-color:#c13f2a; background:#fff8f5; }
.pet-wiki__topic img { width:44px; height:44px; object-fit:cover; border-radius:10px; flex:none; }
.pet-wiki__topic strong { display:block; font-size:14px; line-height:1.35; font-weight:650; }
.pet-wiki__topic small { display:block; color:var(--wiki-muted); font-size:12px; margin-top:4px; }
.pet-wiki__library-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding-bottom:24px; }
.pet-wiki__library-heading h2 { font-size:28px; }
.pet-wiki__library-heading > span { color:var(--wiki-muted); font-size:14px; }
.pet-wiki__section { display:grid; grid-template-columns:220px minmax(0,1fr); gap:32px; padding:28px 0; border-top:1px solid var(--wiki-line); scroll-margin-top:140px; }
.pet-wiki__section-head h2 { font-size:23px; line-height:1.3; }
.pet-wiki__section-head p { font-size:15px; line-height:1.65; color:var(--wiki-muted); margin:12px 0 0; }
.pet-wiki__articles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pet-wiki__article { display:flex; flex-direction:column; padding:24px; border:1px solid var(--wiki-line); border-radius:16px; background:#fff; min-width:0; }
.pet-wiki__article:hover { border-color:#c13f2a; }
.pet-wiki__article h3 { font-size:19px; line-height:1.4; font-weight:650; letter-spacing:-.02em; }
.pet-wiki__article p { font-size:14px; line-height:1.65; color:var(--wiki-muted); margin:14px 0 24px; }
.pet-wiki__read { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#ac4032; font-size:14px; font-weight:650; margin-top:auto; }
.pet-wiki__read > span { font-size:22px; }
.pet-wiki__empty { padding:32px 0; line-height:1.7; }
@media(min-width:1001px) { .pet-wiki__article:only-child { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); } .pet-wiki__article:only-child .pet-wiki__article-media { aspect-ratio:auto; min-height:240px; height:100%; } }
@media(max-width:1150px) { .pet-wiki__topics { grid-template-columns:repeat(3,minmax(0,1fr)); } .pet-wiki__section { grid-template-columns:180px minmax(0,1fr); gap:24px; } .pet-wiki__intro { padding:32px; } .pet-wiki__article { padding:20px; } }
@media(max-width:1000px) { .pet-wiki__section { grid-template-columns:1fr; gap:20px; } .pet-wiki__articles { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .pet-wiki { padding:18px 0 40px; } .pet-wiki__shell { width:calc(100% - 32px); } .pet-wiki__hero { grid-template-columns:1fr; border-radius:20px; } .pet-wiki__intro { padding:26px 24px; } .pet-wiki__intro p { font-size:16px; margin:16px 0 22px; } .pet-wiki__feature { height:180px; } .pet-wiki__feature img { object-position:center 55%; } .pet-wiki__caption { left:14px; bottom:14px; font-size:12px; padding:9px 12px; } .pet-wiki__topics { grid-template-columns:repeat(2,minmax(0,1fr)); margin:20px 0 36px; } .pet-wiki__library-heading { display:block; } .pet-wiki__library-heading h2 { font-size:25px; margin-bottom:8px; } .pet-wiki__articles { grid-template-columns:1fr; } .pet-wiki__section { padding:24px 0; } .pet-wiki__article { padding:22px; } .pet-wiki__topic { padding:10px 8px; gap:8px; } }
.pet-wiki .pet-wiki__article { padding:0; overflow:hidden; }
.pet-wiki__article-media { position:relative; aspect-ratio:16/10; background:#edf2f4; overflow:hidden; flex:none; }
.pet-wiki__article-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.pet-wiki__article-copy { display:flex; flex-direction:column; flex:1; padding:22px; min-width:0; }
.pet-wiki__article:hover .pet-wiki__article-media img { transform:scale(1.035); }
@media(prefers-reduced-motion:reduce) { .pet-wiki__article-media img { transition:none; } .pet-wiki__article:hover .pet-wiki__article-media img { transform:none; } }