/* pagespeed-fonts.css */
/* pagespeed-20261104: self-hosted copies of the Google Fonts files (SIL OFL 1.1). Same files Google served on 2026-11-04; math, symbols, cyrillic-ext, greek-ext, latin-ext and vietnamese subsets not included. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500 700;font-display:swap;src:url("/assets/fonts/fraunces-v38-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Noto Sans Georgian";font-style:normal;font-weight:300 900;font-stretch:62.5% 100%;font-display:swap;src:url("/assets/fonts/noto-sans-georgian-v49-georgian.woff2") format("woff2");unicode-range:U+0589, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+205A, U+2D00-2D2F, U+2E31}
@font-face{font-family:"Noto Sans Georgian";font-style:normal;font-weight:300 900;font-stretch:62.5% 100%;font-display:swap;src:url("/assets/fonts/noto-sans-georgian-v49-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* site.css */
/* petinfo.ge main stylesheet. Moved out of templates/layout.html on 2026-11-03. */
.medical-library .library-article-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.07em}
.topic-title{min-width:0}
.clinical-badges{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-8);min-width:0}
.clinical-tag .ic{width:13px;height:13px;flex-shrink:0}
.clinical-tag-urgent{background:var(--danger-fill);border-color:var(--danger-line);color:#fff}
.clinical-tag-senior,.clinical-tag-puppy,.clinical-tag-kitten{background:var(--card)}
.article-reference{display:inline-block;font:600 .85em/1.4 ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--heading);padding:.15em .55em;border:1px solid var(--line);border-radius:var(--r-control);background:var(--mint)}
/* Layout: forest-green header and hero bands over a warm cream page; three views (home, article, checker) routed by hash. Light and dark themes share the same layout. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:var(--fs-17);line-height:1.6}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--forest)}
h1,h2,h3,h4{text-wrap:balance;margin:0;line-height:1.25}
p{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:var(--r-control)}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ic{width:24px;height:24px;flex:none}
/* header */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--forest);color:var(--on-forest);border-bottom:1px solid rgba(215,178,96,.18)}
.hd .wrap{display:flex;align-items:center;gap:var(--s-16);min-height:68px}
.brand{display:flex;align-items:center;gap:var(--s-12);flex:none}
.brand img{width:40px;height:40px}
.brand .wm{display:block;width:128px;height:25px;flex:none}
.mnav{display:flex;justify-content:center;gap:0;flex:1;min-width:0}
.mnav a{padding:var(--s-8);border-radius:var(--r-control);font-size:var(--fs-15);color:var(--on-forest-muted);white-space:nowrap}
.mnav a:hover{background:rgba(255,255,255,.06);color:#fff}
.mnav a[aria-current="page"]{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold);border-radius:0}
.hd .acts{display:flex;align-items:center;gap:var(--s-12);flex:none}
.burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:var(--s-12);border:1px solid rgba(215,178,96,.4);border-radius:var(--r-control);background:rgba(215,178,96,.08);color:var(--gold);cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.burger .ic{width:22px;height:22px}
.burger:hover{background:rgba(215,178,96,.16);border-color:var(--gold)}
.burger[aria-expanded="true"]{background:var(--gold);border-color:var(--gold);color:var(--forest);box-shadow:var(--shadow-1)}
@media (max-width:1180px){.mnav{display:none}.burger{display:inline-flex}.hd .wrap{justify-content:space-between}}
.drawer{background:var(--forest);border-top:1px solid rgba(255,255,255,.08)}
.drawer .wrap{display:grid;padding-block:var(--s-8) var(--s-16)}
.drawer a{padding:var(--s-12) 0;color:var(--on-forest-muted);border-bottom:1px solid rgba(255,255,255,.06)}
.crumbs{font-size:var(--fs-13);color:var(--muted);padding-block:var(--s-16) 0;display:flex;gap:var(--s-8);flex-wrap:wrap}
.crumbs a:hover{color:var(--link);text-decoration:underline}
.crumbs span[aria-hidden]{opacity:.5}
/* ===== HOME ===== */
.hero{background:var(--forest);color:var(--on-forest);position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s-32);align-items:center;padding-block:var(--s-48) var(--s-64);position:relative}
.hero .sub{margin-top:var(--s-12);font-size:var(--fs-20);color:var(--gold)}
.hero-visual{position:relative;align-self:end;height:300px;margin-bottom:-64px;isolation:isolate}
.hero-visual::before{content:"";position:absolute;z-index:-2;inset:10px 4% 0 12%;border-radius:220px 220px 0 0;background:linear-gradient(155deg,#52745B 0%,#345440 75%)}
.hero-visual::after{content:"";position:absolute;z-index:-1;left:-8%;right:-12%;bottom:-24px;height:66px;border-radius:50%;background:#A58D59;box-shadow:var(--shadow-2)}
.hero-art{display:block;position:absolute;width:116%;max-width:none;height:auto;left:-8%;bottom:-33px;filter:drop-shadow(0 10px 8px rgba(0,0,0,.18))}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:var(--s-32);padding-block:var(--s-32) var(--s-48)}.hero-visual{justify-self:center;width:min(440px,100%);height:260px;margin-bottom:-48px}}
@media (max-width:560px){.hero-visual{height:220px}.hero-art{bottom:-25px}}
.sec{padding-block:var(--s-48) 0}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:var(--s-16);flex-wrap:wrap;margin-bottom:var(--s-16)}
.sec-h h2{font-size:var(--fs-30);font-weight:800;color:var(--heading)}
.sec-h a{font-size:var(--fs-15);font-weight:600;color:var(--link)}
.sec-h a:hover{text-decoration:underline}
.tools{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--s-16)}
.tool{position:relative;overflow:hidden;border-radius:var(--r-card);padding:var(--s-24) var(--s-24) var(--s-24);display:flex;flex-direction:column;gap:var(--s-16);min-height:170px}
.tool h3{font-size:var(--fs-20);font-weight:800;max-width:16ch}
.tool p{font-size:var(--fs-15);max-width:34ch}
.tool .art{position:absolute;right:14px;bottom:10px;width:120px;height:120px;pointer-events:none}
.tool.t-dark{background:var(--forest);color:var(--on-forest)}
.tool.t-dark p{color:var(--on-forest-muted)}
.tool.t-sage{background:var(--forest-2);color:var(--on-forest)}
.tool.t-sage p{color:var(--on-forest-muted)}
@media (max-width:900px){.tools{grid-template-columns:1fr 1fr}.tool.t-dark{grid-column:1/-1}}
@media (max-width:560px){.tools{grid-template-columns:1fr}.tool .art{width:90px;height:90px;opacity:.6}}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-32)}
@media (max-width:900px){.cols{grid-template-columns:1fr}}
/* Shared category cards retain readable titles across the homepage and guide. */
#home-cats .guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-auto-rows:1fr;gap:var(--s-12)}
.guide{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-card);padding:var(--s-16);display:grid;grid-template-rows:1fr auto;gap:var(--s-12);min-width:0;transition:border-color .15s,transform .15s}
.guide:hover{border-color:var(--link);transform:translateY(-2px)}
.guide:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.guide-heading{display:flex;align-items:center;align-self:start;gap:var(--s-12);min-width:0}
.guide .gi{width:40px;height:40px;flex:0 0 40px;padding:3px;color:var(--icon)}
.guide b{min-width:0;font-size:var(--fs-15);line-height:1.5;color:var(--heading);word-break:normal;overflow-wrap:normal;hyphens:none}
.guide small{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:end;gap:var(--s-12);padding-top:2px;font-size:var(--fs-13);line-height:1.6;color:var(--muted);font-variant-numeric:tabular-nums;word-break:normal;overflow-wrap:normal;hyphens:none}
.guide-detail{min-width:0}
.guide-arrow{align-self:end;text-align:right;color:var(--gold-deep);font-size:var(--fs-17);line-height:1.1;font-weight:600}
@media(max-width:560px){#home-cats .guides{grid-template-columns:1fr}}
.encs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-12)}
.enc{min-width:0;border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;background:var(--forest);color:var(--on-forest);min-height:260px;position:relative}
.enc .ph{flex:0 0 auto;aspect-ratio:10/7;position:relative}
.enc .ph svg,.enc .ph img{position:absolute;inset:0;width:100%;height:100%}
.enc .ph img{display:block;object-fit:cover}
.enc .tx{flex:1;min-width:0;padding:var(--s-16) var(--s-12) var(--s-16);background:linear-gradient(0deg,var(--forest) 70%,rgba(23,58,44,0))}
.enc .tag{font-size:var(--fs-13);font-weight:600;color:var(--gold);letter-spacing:.04em}
.enc h3{font-size:var(--fs-15);font-stretch:85%;font-weight:600;margin-top:var(--s-4);line-height:1.35;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.enc:hover h3{text-decoration:underline;text-decoration-color:var(--gold)}
@media (min-width:901px) and (max-width:1180px){.encs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.encs{grid-template-columns:1fr}.enc{min-height:200px}.enc .tx{padding:var(--s-16) var(--s-16) var(--s-16)}.enc h3{font-size:var(--fs-17);font-stretch:100%}}
.flags{margin-top:var(--s-48);background:var(--card);border:1.5px solid var(--danger-line);border-radius:var(--r-card);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);overflow:hidden}
.flags .l{background:var(--danger-fill);color:#fff;padding:var(--s-24);display:flex;flex-direction:column;gap:var(--s-12)}
.flags .l h2{font-size:var(--fs-24);font-weight:800}
#home-flags .flags-heading{display:flex;align-items:center;gap:var(--s-12);min-width:0}
#home-flags .flags-heading .ic{width:32px;height:32px;flex:0 0 32px}
#home-flags .flags-heading h2{min-width:0;word-break:normal;overflow-wrap:normal;hyphens:none}
.flags .l p{font-size:var(--fs-15);opacity:.9}
.flags ul{list-style:none;margin:0;padding:var(--s-24) var(--s-24);display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12) var(--s-24)}
.flags li{display:flex;gap:var(--s-12);align-items:flex-start;font-size:var(--fs-15)}
.flags li .ic{color:var(--red);width:20px;height:20px;margin-top:3px}
@media (max-width:900px){.flags{grid-template-columns:1fr}.flags ul{grid-template-columns:1fr}}
.ft{margin-top:var(--s-64);background:var(--forest);color:var(--on-forest-muted);font-size:var(--fs-15)}
.ft .wrap{padding-block:var(--s-32) var(--s-32);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s-32)}
.ft h4{color:var(--gold);font-size:var(--fs-13);letter-spacing:.06em;margin-bottom:var(--s-12)}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-8)}
.ft a:hover{color:#fff}
.ft .note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:var(--s-16);font-size:var(--fs-13);color:#93A69A;display:flex;justify-content:space-between;align-items:center;gap:var(--s-12);flex-wrap:wrap}
@media (max-width:900px){.ft .wrap{grid-template-columns:1fr 1fr}.ft .about{grid-column:1/-1}}
@media (max-width:370px){.ft .wrap{grid-template-columns:1fr}}
/* ===== ARTICLE ===== */
.art-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:var(--s-48);padding-block:var(--s-24) 0;align-items:start}
.toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px);display:flex;flex-direction:column;gap:var(--s-24);max-height:calc(100vh - env(safe-area-inset-top,0px) - 104px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 104px)}
.toc nav{min-height:0;border:1.5px solid var(--sage);border-radius:var(--r-card);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sage) transparent;background:var(--card)}
.toc .share{flex-shrink:0}
.toc nav h4{padding:var(--s-16) var(--s-16) var(--s-8);font-size:var(--fs-17);color:var(--heading)}
.toc nav a{display:block;padding:var(--s-8) var(--s-16);font-size:var(--fs-15);border-top:1px solid var(--mint)}
.toc nav a:hover{background:var(--mint)}
.toc nav a.on{background:var(--sage);color:#fff;font-weight:600}
.share h4{font-size:var(--fs-15);color:var(--heading);margin-bottom:var(--s-12)}
.share div{display:flex;gap:var(--s-8)}
.share button,.share .share-link{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--heading);display:grid;place-items:center;font-size:var(--fs-13);font-weight:600}
.share button:hover,.share .share-link:hover{border-color:var(--link)}
.share small{display:block;margin-top:var(--s-8);font-size:var(--fs-13);color:var(--ok);min-height:1.2em}
.meta{margin-top:var(--s-16);display:flex;gap:var(--s-16);align-items:center;flex-wrap:wrap;font-size:var(--fs-15);color:var(--muted)}
.meta span{display:inline-flex;gap:var(--s-8);align-items:center}
.meta .ic{width:17px;height:17px}
.cover{margin-top:var(--s-24);border-radius:var(--r-card);overflow:hidden;aspect-ratio:21/9;max-width:100%;background:var(--forest-2)}
.cover svg{width:100%;height:100%;display:block}
.cover-cap{font-size:var(--fs-13);color:var(--muted);margin-top:var(--s-8)}
.doc section{scroll-margin-top:96px;padding-top:var(--s-32)}
.doc h2{font-size:var(--fs-24);font-weight:800;color:var(--heading);margin-bottom:var(--s-12);overflow-wrap:anywhere}
.doc h3{font-size:var(--fs-17);font-weight:800;color:var(--heading);margin:var(--s-16) 0 var(--s-8)}
.doc p,.doc li{font-size:var(--fs-17);line-height:1.75;max-width:68ch}
.doc p+p{margin-top:var(--s-12)}
.doc ul,.doc ol{margin:var(--s-8) 0 0;padding-left:var(--s-24);display:grid;gap:var(--s-8)}
.doc li::marker{color:var(--sage)}
.lead{font-size:var(--fs-20)!important;color:#34443B}
.callout{margin-top:var(--s-16);border-radius:var(--r-card);padding:var(--s-16) var(--s-16);display:flex;gap:var(--s-12);align-items:flex-start;font-size:var(--fs-17);line-height:1.6}
.callout .ic{margin-top:2px}
.callout.warn{background:var(--sage-soft);border:1.5px solid var(--sage)}
.callout.warn .ic{color:var(--link)}
.callout.danger{background:var(--red-soft);border:1.5px solid var(--danger-line)}
.callout.danger .ic{color:var(--red)}
.callout b{color:var(--heading)}
.callout.danger b{color:var(--red)}
.tbl{margin-top:var(--s-12);overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--card)}
.tbl table{border-collapse:collapse;width:100%;min-width:480px;font-size:var(--fs-15)}
.tbl th{background:var(--mint);text-align:left;padding:var(--s-12) var(--s-16);color:var(--heading);font-size:var(--fs-13)}
.tbl td{padding:var(--s-12) var(--s-16);border-top:1px solid var(--line);vertical-align:top}
.flagbox{margin-top:var(--s-12);border:1.5px solid var(--danger-line);border-radius:var(--r-card);overflow:hidden}
.flagbox h3{margin:0!important;background:var(--danger-fill);color:#fff!important;padding:var(--s-12) var(--s-16);font-size:var(--fs-15)!important;display:flex;gap:var(--s-8);align-items:center}
.flagbox ul{list-style:none;padding:var(--s-12) var(--s-16)!important;margin:0!important;background:var(--card)}
.flagbox li{display:flex;gap:var(--s-12);font-size:var(--fs-17)!important}
.flagbox li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--red);margin-top:var(--s-12)}
.srcs{margin-top:var(--s-32);padding-top:var(--s-16);border-top:1px solid var(--line);font-size:var(--fs-13);color:var(--muted)}
.srcs b{color:var(--ink)}
.doc a.cite{font-size:var(--fs-13);font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;color:var(--link)}
.doc .srcs p,.doc .srcs li{font-size:var(--fs-15);line-height:1.7;overflow-wrap:anywhere}
.doc .srcs a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.doc .review-note{margin-top:var(--s-16);padding:var(--s-16);border-radius:var(--r-control);background:var(--mint)}
.doc .article-visual{margin-top:var(--s-32);padding:var(--s-24);border:1px solid var(--line);border-radius:var(--r-card);background:var(--mint)}
.doc .article-visual>h2{font-size:var(--fs-20);margin-bottom:var(--s-24)}
.article-visual-cards{display:grid;gap:var(--s-24);position:relative}
.article-visual-cards::before{content:"";position:absolute;left:25px;top:28px;bottom:28px;width:2px;background:var(--line)}
.article-visual-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--s-16);align-items:start;position:relative}
.article-visual-icon{width:52px;height:52px;border:1px solid var(--line);border-radius:var(--r-card);display:grid;place-items:center;background:var(--card);color:var(--heading)}
.article-visual-icon svg{width:30px;height:30px}
.article-visual-label{display:block;font-size:var(--fs-13);font-weight:600;color:var(--link);margin-bottom:3px}
.doc .article-visual h3{font-size:var(--fs-17);line-height:1.5;margin:0 0 var(--s-4)}
.doc .article-visual-card p{font-size:var(--fs-15);line-height:1.65}
.doc .article-visual-note{font-size:var(--fs-13);line-height:1.65;margin-top:var(--s-24);padding-top:var(--s-16);border-top:1px solid var(--line)}
@media(max-width:560px){.doc .article-visual{padding:var(--s-16) var(--s-16)}.article-visual-card{gap:var(--s-12);grid-template-columns:44px minmax(0,1fr)}.article-visual-icon{width:44px;height:44px;border-radius:var(--r-control)}.article-visual-icon svg{width:26px;height:26px}.article-visual-cards::before{left:21px}}
.editorial-status{border:1px solid var(--line);border-radius:var(--r-card);background:var(--card);padding:var(--s-24);font-size:var(--fs-15);line-height:1.7}
.editorial-status h4{color:var(--heading);margin-bottom:var(--s-12)}
.editorial-status p+p{margin-top:var(--s-12)}
.editorial-status a{display:inline-block;margin-top:var(--s-12);color:var(--link);text-decoration:underline}
.side{display:grid;gap:var(--s-32);position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px);max-height:calc(100vh - env(safe-area-inset-top,0px) - 104px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 104px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sage) transparent}
.expert{border:2px solid var(--forest);border-radius:var(--r-card);overflow:hidden;background:var(--card);text-align:center}
.expert .top{background:var(--forest);color:var(--on-forest);padding:var(--s-16) var(--s-16) var(--s-64);font-weight:800;font-size:var(--fs-17);line-height:1.35}
.expert .av{width:96px;height:96px;margin:-48px auto 0;border-radius:50%;border:3px solid var(--gold);background:var(--sage-soft);display:grid;place-items:center;position:relative;font-family:var(--brand);font-size:var(--fs-30);color:var(--heading)}
.expert .av i{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--forest-2);border:2px solid var(--card);display:grid;place-items:center;color:#fff}
.expert .av i svg{width:14px;height:14px}
.expert b{display:block;margin-top:var(--s-12);font-size:var(--fs-17);color:var(--heading)}
.expert p{font-size:var(--fs-13);color:var(--muted);padding:2px var(--s-16) var(--s-16)}
.expert small{display:block;border-top:1px solid var(--line);padding:var(--s-12);font-size:var(--fs-13);color:var(--muted)}
.rel h4{font-size:var(--fs-20);color:var(--heading);margin-bottom:var(--s-12)}
.rel a{display:flex;gap:var(--s-12);align-items:center;padding:var(--s-12) 0;border-top:1px solid var(--line);font-size:var(--fs-15);font-weight:600;line-height:1.5;color:var(--heading);overflow-wrap:anywhere}
.rel a:first-of-type{border-top:0}
.rel .th{width:76px;height:60px;flex-shrink:0;border-radius:var(--r-control);display:grid;place-items:center}
.rel .th svg{width:30px;height:30px}
.rel span{min-width:0;font-size:var(--fs-15);font-weight:600;line-height:1.4;color:var(--heading)}
.rel a:hover{text-decoration:underline}
.clinic-article-links{margin-top:0;padding:var(--s-24);border:1px solid var(--line);border-radius:var(--r-card);background:var(--mint)}
.clinic-article-links h4{margin:0 0 var(--s-8);font-size:var(--fs-17);line-height:1.5;color:var(--heading)}
.clinic-article-links .clinic-link-intro{margin:0 0 var(--s-16);font-size:var(--fs-13);line-height:1.75;color:var(--muted)}
.clinic-article-links .clinic-service-link{display:flex;flex-direction:column;gap:var(--s-8);min-height:72px;padding:var(--s-12) var(--s-16);margin:0 0 var(--s-12);border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);text-decoration:none;color:var(--heading)}
.clinic-article-links .clinic-service-link:hover{border-color:var(--sage);background:var(--control)}
.clinic-article-links .clinic-service-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.clinic-article-links .clinic-service-name{font-size:var(--fs-15);font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.clinic-article-links .clinic-service-action{display:flex;justify-content:space-between;gap:var(--s-12);font-size:var(--fs-13);font-weight:600;line-height:1.6;color:var(--link)}
.clinic-article-links .clinic-service-action>span{color:var(--gold-deep)}
.clinic-article-links .clinic-link-note{margin:var(--s-16) 0 0;padding-top:var(--s-12);border-top:1px solid var(--line);font-size:var(--fs-13);line-height:1.75;color:var(--muted)}
@media (max-width:1180px){.art-grid{grid-template-columns:minmax(0,1fr) 280px}.toc{display:none}}
@media (max-width:900px){.art-grid{grid-template-columns:minmax(0,1fr)}.side{position:static;max-height:none;overflow:visible}}
/* ===== CHECKER ===== */
.checker-page{padding-bottom:64px}
.checker-page .chk-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,330px);gap:36px;align-items:center;background:var(--forest);border:1px solid #34523F;border-left:4px solid var(--gold);border-radius:16px;padding:32px 36px;margin-top:6px;color:#F3EEDF}
.checker-page .chk-eyebrow{display:block;font-size:12px;font-weight:700;color:var(--gold);margin-bottom:12px;letter-spacing:.02em}
.checker-page .chk-head h1{font-size:clamp(27px,3.4vw,38px);font-weight:800;line-height:1.4;max-width:22ch;color:#F3EEDF}
.checker-page .chk-head .chk-intro{margin-top:13px;color:#CCD9CF;font-size:15px;line-height:1.85;max-width:52ch}
.checker-page .checker-notice{font-size:13px;line-height:1.85;border-left:1px solid #5E8C76;padding-left:24px;color:#DCE3DA}
.checker-page .chk-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;margin:28px 0 0;align-items:start}
.checker-page .panel{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;scroll-margin-top:94px}
.checker-page .ph-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.checker-page .ph-top .st{font-size:12px;color:var(--muted);font-weight:600}
.checker-page .summary{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.checker-page .summary span{font-size:11px;border:1px solid var(--line);background:var(--mint);border-radius:5px;padding:4px 8px;line-height:1.6}
.checker-page .checker-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0}
.checker-page .checker-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:500;text-align:center;line-height:1.5;min-width:0}
.checker-page .checker-steps li:not(:last-child)::after{content:'';height:1px;background:var(--line);position:absolute;left:calc(50% + 20px);right:calc(-50% + 12px);top:16px}
.checker-page .checker-steps li.is-done::after{background:var(--sage)}
.checker-page .checker-step-number{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--card);font:500 13px/1 ui-monospace,monospace;color:var(--muted);z-index:1}
.checker-page .checker-step-number svg{width:15px;height:15px}
.checker-page .checker-steps .is-current{color:var(--heading);font-weight:700}
.checker-page .is-current .checker-step-number{border-color:var(--gold);background:var(--gold-soft);color:var(--heading);box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--gold-soft)}
.checker-page .is-done .checker-step-number{background:var(--forest);border-color:var(--forest);color:#F3EEDF}
.checker-page .prog{height:3px;background:var(--mint);border-radius:3px;overflow:hidden;margin-top:20px}
.checker-page .prog i{display:block;height:100%;background:var(--gold);transition:width .2s}
.checker-page .q{font-size:clamp(19px,2.3vw,23px);line-height:1.55;font-weight:800;color:var(--heading);margin:25px 0 0;overflow-wrap:anywhere}
.checker-page .q.secondary{font-size:18px;margin-top:26px}
.checker-page .qhint{font-size:13px;color:var(--muted);margin-top:7px}
.checker-page .opts{display:grid;gap:10px;margin-top:18px}
.checker-page .opts.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.checker-page .opts.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.checker-page .opt{position:relative;min-width:0;min-height:54px;border:1px solid var(--line);border-radius:9px;background:var(--control);padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:14px;line-height:1.65;color:var(--ink);transition:border-color .15s,background .15s;overflow-wrap:anywhere}
.checker-page .opt:hover{border-color:var(--sage);background:var(--mint)}
.checker-page .opt[aria-pressed="true"]{border-color:var(--sage);background:var(--mint);box-shadow:inset 0 0 0 1px var(--sage);color:var(--heading);font-weight:600}
.checker-page .opt .oi{width:39px;height:39px;color:var(--link);flex-shrink:0}
.checker-page .pet-options .opt{padding-block:20px;font-weight:600;gap:16px}
.checker-page .opt .cb{width:18px;height:18px;flex-shrink:0;border-radius:4px;border:1px solid var(--sage);background:var(--control);display:grid;place-items:center;color:#F3EEDF}
.checker-page .opt[aria-pressed="true"] .cb{background:var(--forest);border-color:var(--forest)}
.checker-page .opt .cb svg{width:12px;height:12px;display:none}
.checker-page .opt[aria-pressed="true"] .cb svg{display:block}
.checker-page .checker-flags .opt,.checker-page .sym-options .opt{justify-content:flex-start;text-align:left;align-items:flex-start;font-size:13px;padding:14px}
.checker-page .checker-flags .cb,.checker-page .sym-options .cb{margin-top:2px}
.checker-page .checker-flags .opt[aria-pressed="true"]{border-color:var(--danger-line);box-shadow:inset 0 0 0 1px var(--danger-line);background:var(--red-soft)}
.checker-page .checker-flags .opt[aria-pressed="true"] .cb{background:var(--danger-fill);border-color:var(--danger-fill)}
.checker-page .tabs{display:flex;gap:4px;margin-top:18px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--mint)}
.checker-page .tabs button{flex:1;min-width:0;border:0;background:transparent;color:var(--muted);padding:10px 6px;border-radius:6px;font-size:12px;line-height:1.6}
.checker-page .tabs button[aria-selected="true"]{background:var(--card);color:var(--heading);box-shadow:0 1px 4px #0001;font-weight:700}
.checker-page .tabs .n{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;margin-left:4px;border-radius:4px;background:var(--gold-soft);color:var(--heading);font-size:10px}
.checker-page .checker-selection{font-size:12px;line-height:1.7;color:var(--muted);align-self:center;min-width:0}
.checker-page .nav-b{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.checker-page .nav-b button{min-height:46px;border-radius:8px;padding:11px 20px;font-weight:700;font-size:14px;line-height:1.6;min-width:0}
.checker-page .b-back{background:var(--control);border:1px solid var(--line);color:var(--heading)}
.checker-page .b-next{background:var(--gold);border:1px solid var(--gold);color:var(--action-ink);margin-left:auto}
.checker-page .b-next:disabled{opacity:.45;cursor:not-allowed}
.checker-page .b-next.urgent{background:var(--danger-fill);border-color:var(--danger-fill);color:#fff}
.checker-page .checker-side{display:grid;gap:14px;position:sticky;top:92px;min-width:0}
.checker-page .aside-w{background:var(--mint);border:1px solid var(--line);border-radius:12px;padding:20px;font-size:13px;line-height:1.85;color:var(--muted)}
.checker-page .aside-w h3{font-size:16px;line-height:1.5;color:var(--heading);margin-bottom:10px}
.checker-page .aside-w.red{background:var(--red-soft);border-color:var(--danger-line);color:var(--ink)}
.checker-page .aside-w.red h3{color:var(--red)}
.checker-page .checker-emergency-link{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--danger-line);margin-top:16px;padding-top:12px;font-size:12px;font-weight:700;color:var(--red)}
.checker-page .result{border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start;margin-top:24px;background:var(--mint);color:var(--heading)}
.checker-page .result .ic{width:28px;height:28px;margin-top:2px}
.checker-page .result h3{font-size:21px;line-height:1.5;font-weight:800}
.checker-page .result p{margin-top:10px;font-size:14px;line-height:1.85;color:var(--ink)}
.checker-page .result.r{background:var(--red-soft);border-color:var(--danger-line);color:var(--red)}
.checker-page .result.a{background:var(--amber-soft);color:var(--amber)}
.checker-page .result.y{background:var(--gold-soft)}
.checker-page .checker-vet textarea{display:block;width:100%;min-height:150px;margin-bottom:10px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--ink);font:inherit;font-size:13px;line-height:1.7}
.checker-page .checker-vet .b-back{min-height:42px;border-radius:8px;padding:8px 16px;font-weight:700;font-size:13px}
.checker-page .why .qhint{margin:12px 0 6px}
.checker-page .why{margin-top:24px;font-size:14px;line-height:1.85;padding-bottom:22px;border-bottom:1px solid var(--line)}
.checker-page .why b{display:block;font-size:15px;color:var(--heading);margin-bottom:8px}
.checker-page .why ul{margin:0;padding-left:20px;display:grid;gap:8px}
.checker-page .why li::marker{color:var(--sage)}
.checker-page .next-reads{margin-top:24px;display:grid;gap:8px}
.checker-page .next-reads a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--control);font-weight:600;color:var(--heading);font-size:13px;line-height:1.7}
.checker-page .next-reads a:hover{border-color:var(--sage);background:var(--mint)}
.checker-page .next-reads a>span{flex-shrink:0;font-size:20px;color:var(--gold-deep)}
.checker-page .disc{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.8}
@media(max-width:960px){.checker-page .chk-grid{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.checker-page .panel{padding:24px}.checker-page .opts.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.checker-page .chk-head{grid-template-columns:1fr;gap:20px;padding:26px}.checker-page .checker-notice{padding:16px 0 0;border-left:0;border-top:1px solid #5E8C76}.checker-page .chk-grid{grid-template-columns:1fr}.checker-page .checker-side{position:static;grid-template-columns:1fr 1fr}.checker-page .checker-side .checker-how{display:none}}
@media(max-width:560px){.checker-page .chk-head{padding:23px 20px}.checker-page .chk-head h1{font-size:27px;line-height:1.45}.checker-page .chk-head .chk-intro{font-size:14px}.checker-page .checker-notice{font-size:12px}.checker-page .panel{padding:20px 16px}.checker-page .chk-grid{margin-top:20px}.checker-page .checker-steps{gap:4px}.checker-page .checker-steps li{font-size:9px}.checker-page .checker-step-name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checker-page .checker-steps li::after{left:calc(50% + 19px);right:calc(-50% + 15px)}.checker-page .q{font-size:20px;margin-top:22px}.checker-page .checker-flags{grid-template-columns:1fr!important}.checker-page .opts.three{grid-template-columns:1fr}.checker-page .tabs{gap:0}.checker-page .tabs button{padding:9px 4px;font-size:11px}.checker-page .opt{font-size:13px;padding:13px}.checker-page .pet-options .opt{flex-direction:column;padding:18px 10px;gap:10px}.checker-page .checker-flags .opt,.checker-page .sym-options .opt{padding:13px 11px}.checker-page .nav-b{flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:18px}.checker-page .checker-selection{flex-basis:100%}.checker-page .nav-b button{padding:11px 15px;font-size:13px}.checker-page .nav-b.is-first .b-next{width:100%}.checker-page .checker-side{grid-template-columns:1fr}.checker-page .result{padding:18px 15px;gap:10px}.checker-page .result h3{font-size:19px}.checker-page .result .ic{width:23px;height:23px}.checker-page .summary{gap:5px}.checker-page .summary span{font-size:10px}}
[hidden]{display:none!important}
.index-page{padding-top:var(--s-32);padding-bottom:var(--s-64)}
.index-page>h1{font-size:var(--fs-48);color:var(--heading);margin-bottom:var(--s-16)}
.index-page>.lead{max-width:72ch;line-height:1.75}
.index-links{display:flex;flex-wrap:wrap;gap:var(--s-8);margin:var(--s-16) 0 var(--s-32)}
.search-page{padding-bottom:var(--s-48)}
.search-hero{position:relative;overflow:hidden;padding:var(--s-32) var(--s-32) var(--s-64);border-radius:var(--r-card);background:var(--forest);color:var(--on-forest);border:1px solid rgba(215,178,96,.22)}
.search-hero::after{content:"";position:absolute;right:36px;top:32px;width:56px;height:3px;background:var(--gold)}
.search-eyebrow{display:block;margin-bottom:var(--s-16);color:var(--gold);font-size:var(--fs-13)}
.search-page .search-hero h1{margin:0 0 var(--s-12);color:var(--on-forest);font-size:var(--fs-38);line-height:1.35}
.search-hero p{font-size:var(--fs-15);color:var(--on-forest-muted);line-height:1.7}
.search-summary{display:flex;justify-content:space-between;gap:var(--s-16);align-items:center;margin:var(--s-32) 0 var(--s-16);font-size:var(--fs-15)}
.search-summary p{font-weight:600;color:var(--heading)}
.search-summary a{color:var(--muted);font-size:var(--fs-13);text-decoration:underline;text-underline-offset:4px}
.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-16)}
.search-result{display:flex;flex-direction:column;min-width:0;padding:var(--s-24) var(--s-24);border:1px solid var(--line);border-radius:var(--r-card);background:var(--card);transition:border-color .18s,background .18s}
.search-result:hover{border-color:var(--sage);background:var(--mint)}
.search-result-meta{display:flex;align-items:center;gap:var(--s-12);margin-bottom:var(--s-16);font-size:var(--fs-13);color:var(--muted)}
.search-result-code{font-family:ui-monospace,monospace;letter-spacing:.04em;color:var(--heading);border-right:1px solid var(--line);padding-right:var(--s-12)}
.search-result h2{font-size:var(--fs-20);line-height:1.55;color:var(--heading);margin:0 0 var(--s-12);overflow-wrap:anywhere}
.search-result p{font-size:var(--fs-15);line-height:1.8;color:var(--muted);margin-bottom:var(--s-24);overflow-wrap:anywhere}
.search-result mark{background:rgba(215,178,96,.24);color:var(--heading);padding:0 2px;border-radius:3px}
.search-result-more{display:flex;justify-content:space-between;align-items:center;gap:var(--s-16);margin-top:auto;padding-top:var(--s-16);border-top:1px solid var(--line);font-size:var(--fs-13);color:var(--heading)}
.search-result-more>span{font-size:var(--fs-17);color:var(--gold)}
.search-empty{text-align:center;padding:var(--s-48) var(--s-24) var(--s-64);border:1px solid var(--line);border-radius:var(--r-card);background:var(--card)}
.search-empty-line{display:block;width:40px;height:3px;margin:0 auto var(--s-24);background:var(--gold)}
.search-empty h2{font-size:var(--fs-24);line-height:1.5;color:var(--heading);margin-bottom:var(--s-12)}
.search-empty p{font-size:var(--fs-15);line-height:1.8;color:var(--muted);margin-bottom:var(--s-24)}
.search-empty a{font-size:var(--fs-13);color:var(--heading);text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){.search-hero{padding:var(--s-24) var(--s-24) var(--s-48)}.search-hero::after{display:none}.search-results{grid-template-columns:1fr}.search-result{padding:var(--s-24)}.search-summary{align-items:flex-start;flex-wrap:wrap}.search-empty{padding:var(--s-32) var(--s-16)}.search-empty h2{font-size:var(--fs-20)}}
.topic-group{scroll-margin-top:100px;margin-top:var(--s-32)}
.topic-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-12)}
.topic-list li{border:1px solid var(--line);border-radius:var(--r-card);background:var(--card)}
.topic-link,.topic-planned{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12);padding:var(--s-12) var(--s-16);min-height:74px}
.topic-link{height:100%;color:var(--heading);font-weight:600}
.topic-link:hover{background:var(--mint);border-radius:var(--r-card)}
.topic-list small{font-size:var(--fs-13);flex-shrink:0;color:var(--muted)}
.topic-planned{color:var(--muted)}
.info-section{max-width:78ch;margin-top:var(--s-32);line-height:1.85}
.info-section h2{font-size:var(--fs-24);color:var(--heading);margin-bottom:var(--s-12)}
.info-section p+p{margin-top:var(--s-12)}
.source-link{font-size:var(--fs-13);margin-top:var(--s-12);color:var(--link)}
.source-link a{text-decoration:underline;text-underline-offset:3px}
.review-note{max-width:78ch;padding:var(--s-16);background:var(--sage-soft);border-radius:var(--r-card);margin-top:var(--s-24);font-size:var(--fs-15);line-height:1.7}
.abbr-wrap{position:relative;display:inline}
.abbr-term{cursor:help;text-decoration:underline dotted;text-underline-offset:3px;font:inherit;color:inherit}
.doc .abbr-tooltip{position:fixed;left:var(--abbr-left,16px);top:var(--abbr-top,16px);z-index:90;box-sizing:border-box;width:min(340px,calc(100vw - 32px));padding:var(--s-12) var(--s-16);border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);color:var(--ink);box-shadow:var(--shadow-2);font:400 var(--fs-13)/1.65 var(--sans);text-align:left;visibility:hidden;opacity:0;pointer-events:none}
.doc .abbr-tooltip::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:10px}
.abbr-wrap.is-above>.abbr-tooltip::before{bottom:auto;top:100%}
.doc .abbr-tooltip strong{display:block;font-size:var(--fs-15);line-height:1.65;margin:0 0 var(--s-4);color:var(--heading)}
.doc .abbr-tooltip>span{display:block;color:var(--muted);overflow-wrap:anywhere}
.abbr-wrap:hover>.abbr-tooltip,.abbr-wrap:focus-within>.abbr-tooltip,.abbr-wrap.is-open>.abbr-tooltip,.abbr-wrap.is-hovered>.abbr-tooltip{visibility:visible;opacity:1;pointer-events:auto}
.abbr-wrap.is-dismissed>.abbr-tooltip{visibility:hidden;opacity:0;pointer-events:none}
.doc .abbr-tooltip .abbr-note{margin-top:var(--s-8);font-size:var(--fs-13)}
.doc .abbr-tooltip .abbr-website{display:inline-block;margin-top:var(--s-8);font-size:var(--fs-13);line-height:1.5;color:var(--heading);text-decoration:underline;text-underline-offset:3px}
.abbr-organisation .abbr-term:focus-visible,.abbr-tooltip .abbr-website:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:2px}
.abbr-source-trigger{display:inline-block;margin-inline:3px;font-size:var(--fs-13);color:var(--muted)}
.article-guide-index a{font-weight:800;text-decoration:underline;text-underline-offset:4px}
.article-guide-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-24);margin:var(--s-24) 0}
.article-guide-groups>div{padding:var(--s-16);background:var(--mint);border:1px solid var(--line);border-radius:var(--r-card)}
.doc .article-guide-groups h3{margin:0 0 var(--s-12);font-size:var(--fs-17)}
.doc .article-guide-groups ul{margin:0;padding:0;list-style:none}
.doc .article-guide-groups li{margin:0;border-bottom:1px solid var(--line)}
.doc .article-guide-groups li:last-child{border-bottom:0}
.article-guide-groups a{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12);padding:var(--s-8) 0;line-height:1.65}
.article-guide-groups a>span{flex:0 0 auto}
.article-guide-groups a:hover{text-decoration:underline}
@media(max-width:560px){.article-guide-groups{grid-template-columns:1fr}}
.doc .breed-portrait{max-width:543px;margin:var(--s-24) auto var(--s-32);border-radius:var(--r-card);overflow:hidden}
.doc .breed-portrait img{display:block;width:100%;height:auto}
@media(max-width:560px){.doc .breed-portrait{margin:var(--s-24) auto var(--s-24)}}
/* Cited summaries and risk panels use the same card component. */
.doc .article-summary{padding:var(--s-24);background:var(--mint);border:1px solid var(--line);border-radius:var(--r-card);margin:var(--s-24) 0 var(--s-32)}
.doc .article-summary h2{font-size:var(--fs-20);margin:0 0 var(--s-16);line-height:1.5}
.doc .article-summary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--s-12);list-style:none;margin:0;padding:0}
.doc .article-summary-list.article-risk-content{grid-template-columns:1fr}
.doc .article-summary-list li{display:flex;align-items:flex-start;gap:var(--s-12);margin:0;padding:var(--s-16);background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);min-width:0}
.article-summary-number{display:grid;place-items:center;flex:0 0 26px;height:26px;background:var(--gold-soft);color:var(--heading);border-radius:50%;font-size:var(--fs-13);font-weight:600;font-variant-numeric:tabular-nums}
.article-summary-copy{min-width:0;font-size:var(--fs-15);line-height:1.75;overflow-wrap:anywhere}
.article-summary-copy strong{display:block;font-size:var(--fs-15);line-height:1.6;color:var(--heading);margin-bottom:var(--s-4)}
.article-summary-copy>span{color:var(--muted)}
.doc .article-summary-list li.article-summary-warning{border-color:var(--danger-line);background:var(--red-soft)}
.doc .article-summary-list li.article-summary-tip{border-left:4px solid var(--gold)}
.article-risk-sources{margin-top:var(--s-12);font-size:var(--fs-13)}
.doc p.article-key-advice{padding:var(--s-16) var(--s-24);margin:var(--s-24) 0;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--r-control);background:var(--mint);font-size:var(--fs-15);line-height:1.85}
.doc p.article-key-advice-warning{border-color:var(--danger-line);border-left-color:var(--red);background:var(--red-soft)}
@media(max-width:560px){.doc p.article-key-advice{padding:var(--s-16)}}
@media(max-width:560px){.doc .article-summary{padding:var(--s-16)}.doc .article-summary-list li{padding:var(--s-12)}.doc .article-summary h2{font-size:var(--fs-17)}}
.medical-library .breed-overview{margin:var(--s-24) 0 0;line-height:1.75}
.medical-library .breed-overview a{color:var(--link);text-decoration:underline;text-underline-offset:4px}
.medical-library .breed-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-24);list-style:none;margin:0;padding:0}
.breed-card-grid>li{min-width:0;display:flex}
.breed-card-grid>li[hidden]{display:none}
.breed-card-grid .breed-card{width:100%;height:100%;min-height:0}
.breed-card .tx{display:flex;flex-direction:column;padding:var(--s-16)}
.breed-card h3{font-size:var(--fs-17);font-stretch:100%;line-height:1.55;word-break:normal;overflow-wrap:normal;hyphens:none;margin:0 0 var(--s-16)}
.breed-card-footer{display:flex;align-items:center;gap:var(--s-16);margin-top:auto;font-size:var(--fs-13);line-height:1.65;color:var(--on-forest)}
.medical-library .breed-card .library-article-code{width:76px;min-height:30px;padding-right:var(--s-12);font-size:var(--fs-20);color:var(--gold);border-color:#D7B26066}
.breed-card-footer>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:var(--s-8);flex:1}
@media(max-width:900px){.medical-library .breed-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.medical-library .breed-card-grid{grid-template-columns:1fr;gap:var(--s-16)}}
.toxic-guide{padding-top:0}
.toxic-guide .crumbs{padding-block:var(--s-24)}
.toxic-hero{padding:var(--s-32) var(--s-48);border-radius:var(--r-hero);background:var(--hero-bg);color:var(--on-forest)}
.toxic-hero .toxic-eyebrow{color:var(--gold-light);font-size:var(--fs-13);font-weight:600;margin:0 0 var(--s-12)}
.toxic-hero h1{font-size:var(--fs-48);margin:0 0 var(--s-16);color:var(--on-forest-strong)}
.toxic-hero>p:not(.toxic-eyebrow){max-width:78ch;line-height:1.9;font-size:var(--fs-17)}
.toxic-hero small{display:block;margin-top:var(--s-24);color:var(--gold-light);font-size:var(--fs-13)}
.toxic-emergency{margin:var(--s-24) 0 0;padding:var(--s-24) var(--s-32);background:var(--red-soft);border:1px solid var(--danger-line);border-radius:var(--r-card)}
.toxic-emergency h2{display:flex;align-items:center;gap:var(--s-12);font-size:var(--fs-20);color:var(--red);line-height:1.6;margin:0 0 var(--s-16)}
.toxic-emergency h2 .ic{flex:0 0 26px;width:26px;height:26px}
.toxic-emergency ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-16) var(--s-32);margin:0;padding-left:var(--s-24);font-size:var(--fs-15);line-height:1.85}
.toxic-emergency li::marker{font-weight:800;color:var(--red)}
.toxic-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-12) var(--s-24);margin:var(--s-32) 0 var(--s-24)}
.toxic-species{display:flex;gap:var(--s-8);align-items:end;flex-wrap:wrap}
.toxic-species-note,.toxic-status{grid-column:1/-1;margin:0;font-size:var(--fs-13);color:var(--muted);line-height:1.75}
.toxic-status{min-height:1.75em;font-size:var(--fs-13);color:var(--heading)}
.toxic-jumps{display:flex;gap:var(--s-8);flex-wrap:wrap;margin:0 0 var(--s-32)}
.toxic-group{margin:var(--s-32) 0 var(--s-48);scroll-margin-top:95px}
.toxic-group>h2{font-size:var(--fs-24);color:var(--heading);margin:0 0 var(--s-24);line-height:1.5}
.toxic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-24)}
.toxic-card{min-width:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;scroll-margin-top:95px}
.toxic-image{display:block;width:100%;height:auto;aspect-ratio:10/7}
.toxic-card-body{display:flex;flex-direction:column;flex:1;padding:var(--s-24)}
.toxic-badges{display:flex;flex-wrap:wrap;gap:var(--s-8);margin-bottom:var(--s-12)}
.toxic-card h3{font-size:var(--fs-20);color:var(--heading);line-height:1.6;margin:0 0 var(--s-16);overflow-wrap:anywhere}
.toxic-card-body>p{font-size:var(--fs-15);line-height:1.9;margin:0 0 var(--s-24)}
.toxic-action{margin-top:auto;padding:var(--s-16);background:var(--gold-soft);border-radius:var(--r-control)}
.toxic-action h4{font-size:var(--fs-13);margin:0 0 var(--s-8);color:var(--heading)}
.toxic-action p{font-size:var(--fs-13);line-height:1.85;margin:0;color:var(--ink)}
.toxic-related{margin-top:var(--s-16);font-size:var(--fs-13);line-height:1.75}
.toxic-related h4{font-size:var(--fs-13);color:var(--muted);margin:0 0 var(--s-4)}
.toxic-related a{display:block;color:var(--link);padding:var(--s-4) 0}
.toxic-related a:hover{text-decoration:underline}
.toxic-illustration-note{font-size:var(--fs-13);line-height:1.8;color:var(--muted);margin:var(--s-24) 0}
.toxic-sources{margin:var(--s-32) 0 var(--s-32);padding:var(--s-24);border:1px solid var(--line);border-radius:var(--r-card);background:var(--card)}
.toxic-sources summary{cursor:pointer;font-size:var(--fs-17);font-weight:800;color:var(--heading)}
.toxic-sources ol{padding-left:var(--s-24);font-size:var(--fs-13);line-height:1.9}
.toxic-sources li{margin:var(--s-16) 0;overflow-wrap:anywhere;scroll-margin-top:100px}
.toxic-sources a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.toxic-jumps a[hidden],.toxic-card[hidden],.toxic-group[hidden]{display:none}
@media(max-width:900px){.toxic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.toxic-hero{padding:var(--s-32) var(--s-24)}.toxic-emergency{padding:var(--s-24)}.toxic-emergency ol{grid-template-columns:1fr}.toxic-controls{grid-template-columns:1fr}.toxic-species{align-items:center}.toxic-group>h2{font-size:var(--fs-24)}}
@media(max-width:560px){.toxic-grid{grid-template-columns:1fr;gap:var(--s-16)}.toxic-card-body{padding:var(--s-16)}.toxic-emergency h2{font-size:var(--fs-20)}.toxic-sources{padding:var(--s-16)}}
/* Shared medical and care catalogue landing layout. */
.medical-library{padding-top:0}
.medical-library .crumbs{padding-block:var(--s-24)}
.medical-library .library-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--s-32);align-items:center;overflow:hidden;padding:var(--s-48) var(--s-48) var(--s-48);border-radius:var(--r-hero);background:var(--hero-bg);color:var(--on-forest)}
.medical-library .library-hero-copy{position:relative;z-index:1;max-width:750px}
.medical-library .library-eyebrow{display:flex;align-items:center;gap:var(--s-8);color:var(--gold-light);font-size:var(--fs-13);font-weight:600;margin-bottom:var(--s-16)}
.medical-library .library-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.medical-library .library-hero h1{font-size:var(--fs-48);line-height:1.3;letter-spacing:-.025em;color:var(--on-forest-strong);margin-bottom:var(--s-16)}
.medical-library .library-hero .lead{max-width:62ch;color:var(--on-forest-muted);font-size:var(--fs-15);line-height:1.85}
.medical-library .library-hero-art{position:relative;height:180px;width:250px;justify-self:end}
.medical-library .library-pet{position:absolute;display:grid;place-items:center;border-radius:var(--r-hero);width:137px;height:147px;border:1px solid rgba(229,197,127,.22)}
.medical-library .library-pet svg{width:84px;height:84px;color:var(--gold-light)}
.medical-library .library-cat{left:0;top:0;background:#244C3B;transform:rotate(-9deg)}
.medical-library .library-dog{right:0;bottom:0;background:#315C48;transform:rotate(9deg)}
.medical-library .library-art-check{position:absolute;left:101px;top:119px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold-light);color:var(--action-ink);border:5px solid var(--hero-bg)}
.medical-library .library-art-check svg{width:22px;height:22px}
.medical-library .index-empty{padding:var(--s-16) 0;color:var(--muted)}
.medical-library .library-species{margin-top:var(--s-32)}
.medical-library .library-species h2{font-size:var(--fs-15);font-weight:600;color:var(--muted)}
.medical-library .index-links{gap:var(--s-8);margin:var(--s-16) 0 0}
.medical-library .library-species-icon{display:block;width:23px;height:23px;flex:0 0 23px;color:var(--sage)}
.medical-library .library-species-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 var(--s-8);background:var(--mint);border-radius:50%;font-size:var(--fs-13);color:var(--muted)}
.medical-library .library-categories{margin-top:var(--s-48)}
.medical-library .library-section-heading{display:flex;align-items:center;gap:var(--s-24);margin-bottom:var(--s-16)}
.medical-library .library-section-heading h2{font-size:var(--fs-24);flex-shrink:0;color:var(--heading)}
.medical-library .library-section-heading>span{height:1px;background:var(--line);flex:1}
.medical-library .library-category-reset{font-size:var(--fs-13);white-space:nowrap;color:var(--link);text-decoration:underline;text-underline-offset:3px}
.medical-library .guide[aria-current="true"]{border-color:var(--sage);background:var(--sage-soft)}
.medical-library .library-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-auto-rows:1fr;gap:var(--s-12)}
.medical-library .library-groups{margin-top:var(--s-48);border-top:1px solid var(--line)}
.medical-library .library-group{margin-top:0;padding:var(--s-32) 0;border-bottom:1px solid var(--line);scroll-margin-top:94px}
.medical-library .library-group-heading{display:flex;align-items:center;gap:var(--s-16);margin-bottom:var(--s-16)}
.medical-library .library-group-mark{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:var(--r-card);background:var(--gold-soft);color:var(--gold-deep)}
.medical-library .library-group-mark svg{width:27px;height:27px}
.medical-library .library-group-heading h2{font-size:var(--fs-24);color:var(--heading)}
.medical-library .library-group-heading p{font-size:var(--fs-13);color:var(--muted);margin-top:var(--s-4)}
.medical-library .topic-list{gap:var(--s-8) var(--s-16)}
.medical-library .topic-list li{border-radius:var(--r-control);overflow:hidden}
.medical-library .topic-link{padding:var(--s-12) var(--s-16);min-height:76px;font-size:var(--fs-15);line-height:1.65;border-left:3px solid var(--sage)}
.medical-library .library-topic-title{flex:1;min-width:0;overflow-wrap:anywhere}
.medical-library .library-article-code{display:grid;place-items:center;width:76px;min-height:46px;flex-shrink:0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding-right:var(--s-12);color:var(--heading);font:600 var(--fs-24)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.medical-library .library-coded-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:var(--s-16);padding-left:var(--s-12)}
.medical-library .library-code-placeholder{display:block;width:76px;min-width:0}
.medical-library .library-coded-row>span:not(.library-article-code):not(.library-code-placeholder){min-width:0;overflow-wrap:anywhere}
.medical-library .topic-link:hover{border-radius:0}
.medical-library .topic-link small{color:var(--link);font-size:var(--fs-13);font-weight:600}
.medical-library .topic-planned{min-height:64px;padding:var(--s-16) var(--s-16);font-size:var(--fs-13);background:var(--cream)}
.medical-library .topic-planned small{font-size:var(--fs-13)}
[data-theme="dark"] .medical-library .library-hero{background:var(--hero-bg);border:1px solid #34523F}
[data-theme="dark"] .medical-library .library-cat{background:#244333}
[data-theme="dark"] .medical-library .library-dog{background:#315340}
[data-theme="dark"] .medical-library .library-art-check{border-color:var(--hero-bg)}
[data-theme="dark"] .medical-library .library-group-mark{color:var(--gold-light)}
@media(max-width:1180px) and (min-width:901px){.medical-library .library-coded-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--s-4) var(--s-16)}.medical-library .library-coded-row .library-article-code,.medical-library .library-coded-row .library-code-placeholder{grid-row:1 / span 2}.medical-library .library-coded-row small{grid-column:2}}
@media(max-width:900px){.medical-library .library-hero{grid-template-columns:minmax(0,1fr) 190px;padding:var(--s-32) var(--s-32) var(--s-48);gap:var(--s-16)}.medical-library .library-hero-art{transform:scale(.76);transform-origin:right center;width:190px}}
@media(max-width:900px){.medical-library .library-hero{grid-template-columns:1fr;padding:var(--s-32) var(--s-24) var(--s-48);border-radius:var(--r-card)}.medical-library .library-hero-art{display:none}.medical-library .library-hero h1{font-size:var(--fs-30)}.medical-library .library-species{margin-top:var(--s-32)}.medical-library .index-links{gap:var(--s-8)}.medical-library .library-categories{margin-top:var(--s-32)}.medical-library .library-category-grid{grid-template-columns:1fr;gap:var(--s-12)}.medical-library .library-section-heading h2{font-size:var(--fs-20)}.medical-library .library-groups{margin-top:var(--s-32)}.medical-library .library-group{padding-block:var(--s-24)}.medical-library .topic-list{grid-template-columns:1fr}.medical-library .topic-link{align-items:flex-start;flex-direction:column;gap:var(--s-8);min-height:auto}.medical-library .topic-planned{flex-direction:row;align-items:center}.medical-library .library-group-heading h2{font-size:var(--fs-24)}}
@media(max-width:900px){.medical-library .library-coded-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--s-4) var(--s-12);align-items:center}.medical-library .library-coded-row .library-article-code{grid-row:1 / span 2;width:64px;min-height:56px;font-size:var(--fs-24)}.medical-library .library-coded-row .library-code-placeholder{grid-row:1 / span 2;width:64px}.medical-library .library-coded-row small{grid-column:2}}
@media(max-width:900px){.topic-list{grid-template-columns:1fr}.topic-link,.topic-planned{align-items:flex-start;flex-direction:column;gap:var(--s-8)}.index-page{padding-bottom:var(--s-48)}}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-24);margin-top:var(--s-32)}
.editorial-card{display:flex;gap:var(--s-24);padding:var(--s-24);border:1px solid var(--line);border-radius:var(--r-card);background:var(--card);min-width:0;transition:border-color .2s,transform .2s}
.editorial-card:hover{border-color:var(--sage);transform:translateY(-2px)}
.editorial-card-art{display:grid;place-items:center;flex:0 0 76px;width:76px;height:88px;background:var(--mint);border-radius:var(--r-control);color:var(--heading)}
.editorial-card-art svg{width:46px;height:46px}
.editorial-card-topic{display:block;font-size:var(--fs-13);font-weight:600;color:var(--link);margin-bottom:var(--s-8)}
.editorial-card h2{font-size:var(--fs-20);line-height:1.5;color:var(--heading)}
.editorial-card p{font-size:var(--fs-15);line-height:1.7;margin-top:var(--s-12);color:var(--muted)}
.editorial-card-more{display:block;font-size:var(--fs-13);font-weight:600;color:var(--link);margin-top:var(--s-16)}
.home-editorials{margin-top:var(--s-48)}
.home-editorials .editorial-grid{margin-top:var(--s-24)}
.home-featured-editorial{display:flex;align-items:center;justify-content:space-between;gap:var(--s-32);margin:var(--s-32) 0 var(--s-32);padding:var(--s-32) var(--s-32);border:1px solid var(--sage);border-left:5px solid var(--gold);border-radius:var(--r-card);background:var(--mint)}
.home-featured-copy{min-width:0;max-width:790px}
.home-featured-eyebrow{color:var(--gold-deep);font-size:var(--fs-13);font-weight:600;margin-bottom:var(--s-12)}
.home-featured-editorial h2{font-size:var(--fs-30);line-height:1.5;color:var(--heading);margin:0 0 var(--s-12)}
.home-featured-editorial h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.home-featured-summary{font-size:var(--fs-15);line-height:1.85;color:var(--muted)}
@media(max-width:900px){.home-featured-editorial{align-items:flex-start;flex-direction:column;gap:var(--s-24);padding:var(--s-24) var(--s-24)}.home-featured-editorial h2{font-size:var(--fs-24)}}
@media(max-width:1180px){.editorial-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.editorial-card{gap:var(--s-16);padding:var(--s-16)}.editorial-card-art{flex-basis:52px;width:52px;height:64px}.editorial-card-art svg{width:34px;height:34px}.editorial-card h2{font-size:var(--fs-17)}}
.ad-slot{margin:var(--s-32) auto;max-width:728px;clear:both}
.ad-label{display:block;text-align:center;font-size:var(--fs-13);color:var(--muted);margin-bottom:var(--s-8)}
.ad-slot a,.ad-slot picture,.ad-slot img{display:block}
.ad-slot img{width:100%;height:auto;aspect-ratio:728/90;object-fit:contain}
.ad-slot-A1{width:300px;max-width:100%}
.ad-slot-A1 img{aspect-ratio:300/250}
.art-grid:has(>.side>.ad-slot-A1){grid-template-columns:220px minmax(0,1fr) 300px;gap:var(--s-32)}
@media(max-width:1180px){.art-grid:has(>.side>.ad-slot-A1){grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){.art-grid:has(>.side>.ad-slot-A1){grid-template-columns:minmax(0,1fr)}.ad-slot-A1{display:none}.ad-slot{max-width:320px}.ad-slot img{aspect-ratio:320/100}}
/* Catalogue refinements and the editorial collection share the forest/gold system. */
.medical-library .library-hero{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--r-card)}
.medical-library .library-hero h1{overflow-wrap:anywhere}
[data-theme="dark"] .medical-library .library-hero{border-top:3px solid var(--gold)}
@media(max-width:900px){.medical-library .library-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-12)}.medical-library .library-section-heading h2{min-width:0;overflow-wrap:anywhere}.medical-library .library-section-heading>span{display:none}}
.editorial-library-count{color:var(--muted);margin:0 0 var(--s-16)}
.editorial-library-actions{display:flex;flex-wrap:wrap;gap:var(--s-12);margin-top:var(--s-24)}
.editorial-collection{margin-top:var(--s-32);scroll-margin-top:94px}
.editorial-collection>h2{color:var(--heading);font-size:var(--fs-24);line-height:1.6}
.editorial-library .editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-16);margin-top:var(--s-16)}
.editorial-library .editorial-card{padding:var(--s-24) var(--s-24);border-radius:var(--r-control);min-width:0}
.editorial-card-copy{width:100%;min-width:0}
.editorial-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-8) var(--s-16);align-items:center;margin-bottom:var(--s-12)}
.editorial-card-meta .editorial-card-topic{margin:0}
.editorial-card-reading{color:var(--muted);font-size:var(--fs-13);line-height:1.7;white-space:nowrap}
.editorial-library .editorial-card-topic{color:var(--amber);font-size:var(--fs-13)}
.editorial-library .editorial-card h2{font-size:var(--fs-20);line-height:1.65;overflow-wrap:anywhere}
.editorial-library .editorial-card p{font-size:var(--fs-13);line-height:1.9;margin-top:var(--s-12)}
.editorial-library .editorial-card-more{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12);font-size:var(--fs-13);margin-top:var(--s-24)}
.editorial-library .editorial-card-more>span{font-size:var(--fs-17);color:var(--gold-deep)}
.editorial-library .editorial-card:not(.editorial-featured) .editorial-card-copy{display:flex;flex-direction:column;align-items:stretch}
.editorial-library .editorial-card:not(.editorial-featured) .editorial-card-more{margin-top:auto;padding-top:var(--s-24)}
.editorial-library .editorial-featured{grid-column:1/-1;padding:var(--s-32) var(--s-32);border-left:4px solid var(--gold);background:var(--mint)}
.editorial-library .editorial-featured .editorial-card-copy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:var(--s-48);row-gap:var(--s-12);align-items:start}
.editorial-library .editorial-featured .editorial-card-meta{grid-column:1/-1;margin-bottom:3px}
.editorial-library .editorial-featured h2{grid-row:2/span 2;font-size:var(--fs-30);line-height:1.55}
.editorial-library .editorial-featured p{margin:0;font-size:var(--fs-15)}
.editorial-library .editorial-featured .editorial-card-more{grid-column:2;margin-top:var(--s-4)}
.editorial-library a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:1180px){.editorial-library .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-library .editorial-featured .editorial-card-copy{column-gap:var(--s-32)}}
@media(max-width:900px){.editorial-library .editorial-grid{grid-template-columns:minmax(0,1fr)}.editorial-library .editorial-featured{padding:var(--s-24) var(--s-24)}.editorial-library .editorial-featured .editorial-card-copy{display:block}.editorial-library .editorial-featured .editorial-card-meta{margin-bottom:var(--s-16)}.editorial-library .editorial-featured h2{font-size:var(--fs-24)}.editorial-library .editorial-featured p{margin-top:var(--s-16)}.editorial-library .editorial-featured .editorial-card-more{margin-top:var(--s-24)}.editorial-collection{margin-top:var(--s-32)}}
@media(max-width:560px){.editorial-library-actions{flex-direction:column}.editorial-library .editorial-card{padding:var(--s-24) var(--s-24)}}

/* Theme toggle (was inline in templates/theme-head.html) */
.theme-toggle{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;padding:var(--s-12);border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--gold);cursor:pointer}
.theme-toggle:hover{background:rgba(215,178,96,.12)}
.theme-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.theme-toggle svg{width:22px;height:22px;grid-area:1/1}
.theme-sun{display:none}
[data-theme="dark"] .theme-sun{display:block}
[data-theme="dark"] .theme-moon{display:none}
[data-theme="dark"] input::placeholder{color:var(--muted);opacity:1}
[data-theme="dark"] .hero-visual::before{background:linear-gradient(155deg,#2D4937,#1B3023)}
[data-theme="dark"] .hero-visual::after{background:#665635}
[data-theme="dark"] .hero-art{filter:drop-shadow(0 10px 8px rgba(0,0,0,.3))}
[data-theme="dark"] .tool .art{opacity:.65}
[data-theme="dark"] .enc .ph{filter:brightness(.78)}
[data-theme="dark"] .cover{filter:brightness(.85)}
[data-theme="dark"] .panel{box-shadow:0 10px 30px -22px rgba(0,0,0,.8)}
[data-theme="dark"] .opt:hover,[data-theme="dark"] .next-reads a:hover{background:var(--mint);border-color:var(--link)}
[data-theme="dark"] .guide:hover{background:var(--mint);border-color:var(--link)}
[data-theme="dark"] .tabs button[aria-selected="true"]{background:var(--sage);border-color:var(--link)}
[data-theme="dark"] .rel .th{background:var(--sage-soft)!important}
[data-theme="dark"] .rel .th svg{color:var(--link)!important}
[data-theme="dark"] .ft{border-top:1px solid var(--line)}
[data-theme="dark"] .ft .note{color:var(--muted)}
[data-theme="dark"] .tbl tbody tr:nth-child(even){background:var(--mint)}
[data-theme="dark"] .doc li::marker{color:var(--link)}
[data-theme="dark"] ::selection{background:var(--gold);color:#121C18}
[data-theme="dark"] .lead{color:var(--ink)}
/* Action labels retain contrast when the surrounding forest bands darken. */
.b-next,.tabs button .n{color:var(--action-ink)}
[data-theme="dark"] .opt[aria-pressed="true"]{border-color:var(--link)}
[data-theme="dark"] .opt[aria-pressed="true"] .cb{background:var(--link);border-color:var(--link);color:var(--cream)}
[data-theme="dark"] .topics li{background:var(--card);border-color:var(--line)}
[data-theme="dark"] .progress{background:var(--line)}
@media(max-width:560px){.hd .wrap{gap:var(--s-8)}.hd .acts{gap:var(--s-8)}.hd .brand{gap:var(--s-8)}.hd .brand .wm{width:106px}}

/* home-statistics.css */
/* The same compact metrics, with one full-area link and keyboard stop each. */
#v-home section.site-statistics{padding:0}
#v-home section.site-statistics dl{row-gap:0}
#v-home section.site-statistics dl>div{position:relative;min-height:44px}
#v-home section.site-statistics dt a{color:inherit;text-decoration:none}
#v-home section.site-statistics dt a::after{content:"";position:absolute;inset:0;border-radius:var(--r-control)}
#v-home section.site-statistics dt a:hover{color:var(--heading)}
#v-home section.site-statistics dt a:focus-visible{outline:none}
#v-home section.site-statistics dt a:focus-visible::after{outline:2px solid var(--gold-deep);outline-offset:-2px}
.medical-library #guides-categories{scroll-margin-top:94px}

/* article-2col.css */
/* Two-column article: contents on the left, text on the right, the old right column under the title and after the text. */
.art-grid.art-grid--2col{grid-template-columns:240px minmax(0,1fr);gap:var(--s-48)}
.art-main{min-width:0}
.art-grid--2col .doc p,.art-grid--2col .doc li{max-width:none}
.art-grid--2col.has-status .doc .review-note{display:none}
.art-grid--2col .doc .breed-portrait{max-width:880px;margin-inline:auto}
.editorial-status.article-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-4) var(--s-12);margin-top:var(--s-16);padding:var(--s-12) var(--s-16);border-radius:var(--r-control);background:var(--mint);font-size:var(--fs-15);line-height:1.6}
.article-status h4{margin:0;font-size:var(--fs-15)}
.article-status p+p{margin-top:0}
.article-status a{margin:0 0 0 auto}
.article-after{display:grid;gap:var(--s-32);margin-top:var(--s-48)}
.article-after .clinic-article-links{margin:0}
.article-after .ad-slot-A1{justify-self:center;margin:0}
.article-after .rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-16)}
.article-after .rel h4{grid-column:1/-1;margin:0}
.article-after .rel a.card{align-items:flex-start;padding:var(--s-16);border:1px solid var(--line)}
.article-after .rel a.card:hover{border-color:var(--sage);text-decoration:none}
.srcs--fold summary{display:list-item;min-height:48px;padding-block:var(--s-8);cursor:pointer;color:var(--heading)}
.srcs--fold summary::marker{color:var(--sage)}
.doc .srcs--fold summary h2{display:inline;margin:0;font-size:var(--fs-20)}
.srcs--fold li{scroll-margin-top:100px;border-radius:var(--r-control);transition:background-color .3s}
.srcs--fold li.source-hit{background:var(--gold-soft);outline:var(--s-4) solid var(--gold-soft)}
@media(min-width:901px){
  .editorial-status.article-status{flex-wrap:nowrap}
  .article-status h4,.article-status a{flex:none}
  .article-status p{flex:1 1 0;min-width:0}
}
@media(max-width:1180px){
  .art-grid.art-grid--2col{grid-template-columns:minmax(0,1fr)}
  .art-main{width:100%;max-width:880px;margin-inline:auto}
  .article-after .rel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .article-after .rel{grid-template-columns:minmax(0,1fr)}
  .article-status a{margin:0}
}

/* design-system.css */
/* Item 3: type, meta text may stay at 13px */
.article-reference,.clinic-evidence,.clinic-hours>span,.clinic-sources small,.emergency-related h3,.emergency-source,.abbr-source-trigger,.ad-label,.editorial-card-reading,.editorial-library .editorial-card-topic,.editorial-card-topic,.enc .tag,.medical-library .library-species-count,.medical-library .topic-link small,.medical-library .topic-planned small,.search-result-meta,.clinic-eyebrow,.clinic-location,.clinic-matched-service,.clinic-note,.emergency-guide .emergency-eyebrow,.emergency-guide .emergency-review,.information-hero .information-eyebrow,.information-source,.article-risk-sources,.article-summary-number,.article-visual-label,.breed-card-footer,.clinic-article-links .clinic-link-note,.cover-cap,.doc .abbr-tooltip .abbr-note,.editorial-library-eyebrow,.expert small,.ft .note,.guide small,.home-featured-eyebrow,.medical-library .library-group-heading p,.search-eyebrow,.search-result-more,.share small,.topic-list small,.toxic-hero small,.toxic-illustration-note,.toxic-related h4,.toxic-species-note,.toxic-status,.error-footer,.error-footer a,.error-art-note{font-size:var(--fs-13)}
/* Interface text */
.clinic-checks label,.clinic-filters select,.clinic-filters label,.clinic-sort-controls label,.clinic-back,.clinic-directory-note,.clinic-distance,.clinic-geo-status,.clinic-hours,.clinic-opening-state,.clinic-reset,.clinic-sources li,.clinic-weekly-hours>div,.clinic-address,.clinic-contact-link,.clinic-detail-address h3,.clinic-detail-grid .clinic-actions .btn,.clinic-hero>p:last-of-type,.clinic-related-guides,.clinic-results-heading>span,.clinic-term-list,.emergency-bottom p,.emergency-bottom>a,.emergency-related a,.emergency-topics-heading>p,.information-nav a,.information-nav h2,.information-related h2,.information-related a,.clinic-article-links .clinic-service-action,.clinic-article-links .clinic-link-intro,.clinic-article-links .clinic-service-name,.editorial-library .editorial-card-more,.editorial-card-more,.search-summary a,.search-summary,.search-empty a,.search-empty p,.search-hero p,.search-result p,.toxic-related,.doc .article-visual-note,.doc .article-visual-card p,.article-summary-copy,.doc .srcs p,.doc .srcs li,.srcs,.editorial-library .editorial-card p,.editorial-library .editorial-featured p,.editorial-card p,.editorial-library-count,.editorial-status,.expert p,.ft,.ft h4,.home-featured-summary,.medical-library .library-category-reset,.medical-library .topic-planned,.medical-library .topic-link,.share button,.share .share-link,.site-statistics dt,.source-link,.tbl th,.toxic-action h4,.toxic-action p,.toxic-sources ol,.toxic-card-body>p,.toxic-emergency ol,.enc h3,.flags .l p,.meta,.rel a,.rel span,.review-note,.sec-h a,.toc nav a,.tool p,.error-description{font-size:var(--fs-15)}
/* Emergency and about/policy body text */
.emergency-sign p,.emergency-before li p,.emergency-topic-body,.emergency-topic-body p,.information-card p,.information-card li,.information-card-compact p,.information-intro{font-size:var(--fs-17);line-height:1.7}
.emergency-sign h3{font-size:var(--fs-17)}
/* Item 4: internal codes as a small muted label; the agreed column and divider stay */
.medical-library .library-article-code,[data-code-style] .medical-library .library-article-code,[data-code-style="1"] .medical-library .library-article-code{width:48px;min-height:0;padding-right:var(--s-8);font-size:var(--fs-13);font-weight:600;letter-spacing:0;color:var(--muted)}
.medical-library .library-coded-row{grid-template-columns:48px minmax(0,1fr) auto}
.medical-library .library-code-placeholder{width:48px}
.medical-library .breed-card .library-article-code{width:auto;min-height:0;font-size:var(--fs-13);color:var(--on-forest-muted)}
@media(max-width:900px){.medical-library .library-coded-row{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:900px){.medical-library .library-coded-row{grid-template-columns:48px minmax(0,1fr)}.medical-library .library-coded-row .library-article-code{width:48px;min-height:0;font-size:var(--fs-13)}.medical-library .library-coded-row .library-code-placeholder{width:48px}}

/* ========== Tokens: the one place for colour, type, spacing, radius, shadow. Breakpoints: 560, 900, 1180. ========== */
:root{
  --action-ink:#173A2C;--danger-fill:#B9412C;--danger-line:#E2B3A6;--control:#fff;--icon:#173A2C;--icon-cutout:#FFFDF8;--heading:#173A2C;--link:#22503D;--forest:#173A2C;--forest-2:#22503D;--sage:#5E8C76;--sage-soft:#DDE8DF;--mint:#EEF4EF;
  --cream:#FAF6EC;--card:#FFFDF8;--line:#E4DDCB;
  --gold:#D7B260;--gold-deep:#A8842F;--gold-soft:#F5EAD0;--gold-light:#E5C57F;
  --ink:#1D2B24;--muted:#5C6B63;
  --red:#B9412C;--red-soft:#F8E3DD;--amber:#9A5B12;--amber-soft:#FBEBD3;--ok:#1F6B4C;--ok-soft:#DCEFE5;
  --hero-bg:#173A2C;--hero-line:var(--line);--on-forest:#F8F3E6;--on-forest-strong:#FFF9EB;--on-forest-muted:#D0DED5;
  --art:#244E3C;--art-soft:#35614A;--focus:#A67621;
  --sans:"Noto Sans Georgian",system-ui,sans-serif;--brand:"Fraunces",Georgia,serif;
  --fs-13:13px;--fs-15:15px;--fs-17:17px;--fs-20:20px;--fs-24:clamp(22px,2.6vw,24px);--fs-30:clamp(24px,3.4vw,30px);--fs-38:clamp(28px,4.2vw,38px);--fs-48:clamp(30px,5vw,48px);
  --fw-regular:400;--fw-semi:600;--fw-bold:800;
  --s-4:4px;--s-8:8px;--s-12:12px;--s-16:16px;--s-24:24px;--s-32:32px;--s-48:48px;--s-64:64px;
  --r-control:8px;--r-card:14px;--r-hero:20px;--r-pill:999px;--r:14px;
  --shadow-1:0 1px 2px rgba(17,48,34,.08),0 4px 12px -6px rgba(17,48,34,.18);--shadow-2:0 12px 28px -18px rgba(17,48,34,.45);
  color-scheme:light;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --forest:#0C1712;--forest-2:#1A3225;
  --control:#1C2A23;--danger-fill:#8F3225;--danger-line:#805047;--icon:#A9CFB8;--icon-cutout:#1C2A23;
  --cream:#121C18;--card:#1C2A23;--line:#3F5146;
  --heading:#DCEBDF;--link:#AAD6BC;--ink:#E8EDE7;--muted:#B4C2B8;
  --sage:#426C55;--sage-soft:#2D4336;--mint:#24392E;
  --gold-soft:#3C3321;--gold-deep:#E1C47E;
  --red:#FFAA98;--red-soft:#412621;--amber:#EDBD7A;--amber-soft:#3D3020;--ok:#9AD6B7;--ok-soft:#203E30;
  --bg:#121C18;--green:#85CDB0;
  --hero-bg:#192F24;--hero-line:#34523F;
  --art:#244B39;--art-soft:#315940;--focus:#D7B260;
  --shadow-1:0 1px 2px rgba(0,0,0,.3),0 4px 12px -6px rgba(0,0,0,.5);--shadow-2:0 12px 28px -18px rgba(0,0,0,.8);
}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The checker keeps its own type sizes; another work stream owns them. */
.checker-page{font-size:16px}
.p2-badge{background:var(--gold);color:#14271D;font-size:var(--fs-13);font-weight:600;text-align:center;padding:var(--s-4) var(--s-12);line-height:1.6}
.p2-badge a{color:#14271D;text-decoration:underline;margin-inline-start:var(--s-8)}
.article-reference{font-size:max(.85em,13px)}

/* ========== Button: primary gold, secondary forest outline, danger red, ghost; 40 and 48 tall ========== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-8);box-sizing:border-box;min-height:40px;padding:var(--s-8) var(--s-16);border:1.5px solid transparent;border-radius:var(--r-control);background:transparent;color:var(--heading);font:inherit;font-size:var(--fs-15);font-weight:var(--fw-semi);line-height:1.4;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,filter .15s}
.btn-lg{min-height:48px;padding:var(--s-8) var(--s-24)}
.btn .ic{width:20px;height:20px;flex:none;color:inherit}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.btn:disabled{opacity:.6;cursor:default}
.btn-primary{background:var(--gold);border-color:var(--gold);color:var(--action-ink)}
.btn-primary:hover{filter:brightness(1.06);box-shadow:var(--shadow-1)}
.btn-secondary{border-color:var(--forest-2);color:var(--heading)}
.btn-secondary:hover{background:var(--mint)}
[data-theme="dark"] .btn-secondary{border-color:var(--sage);color:var(--heading)}
.btn-danger{background:var(--danger-fill);border-color:var(--danger-fill);color:#fff}
.btn-danger:hover{filter:brightness(1.08)}
.btn-ghost{color:var(--link)}
.btn-ghost:hover{background:var(--mint)}
.page-hero .btn-secondary,[data-theme="dark"] .page-hero .btn-secondary{border-color:rgba(255,255,255,.45);color:var(--on-forest)}
.page-hero .btn-secondary:hover{background:rgba(255,255,255,.08);border-color:var(--gold)}

/* ========== Search field: white field, icon, gold button ========== */
.search-bar{display:flex;align-items:center;gap:var(--s-8);box-sizing:border-box;width:100%;min-height:58px;padding:var(--s-4) var(--s-4) var(--s-4) var(--s-16);border:1px solid var(--line);border-radius:var(--r-card);background:var(--control);box-shadow:var(--shadow-2)}
.search-bar:focus-within{outline:3px solid var(--gold);outline-offset:2px}
.search-bar>.ic{flex:none;width:22px;height:22px;color:var(--muted)}
.search-bar input{flex:1;min-width:0;width:100%;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--fs-17)}
.search-bar input:focus,.search-bar input:focus-visible{outline:none}
.search-bar input::placeholder{color:var(--muted);opacity:1}
.search-bar .btn{flex:none;min-height:48px;padding-inline:var(--s-16)}
.hero-search{position:relative;z-index:2;margin:-28px var(--s-32) 0}
.library-groups,.toxic-jumps{scroll-margin-top:96px}
.medical-library .index-empty{padding:var(--s-16) 0;color:var(--muted)}

/* ========== Card: base plus media, row, dark, tinted ========== */
.card{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}
a.card{transition:border-color .15s,box-shadow .15s}
a.card:hover{border-color:var(--sage);box-shadow:var(--shadow-1)}
.card-media{overflow:hidden}
.card-row{overflow:hidden}
.card-dark{background:var(--hero-bg);border-color:transparent;color:var(--on-forest)}
a.card-dark:hover{border-color:var(--gold)}
.card-tinted{background:var(--mint)}

/* Home tools: one rule, a thin border in each card's own colour */
.tool.card{border-radius:var(--r-card);border:1px solid transparent}
.tool.tool-checker{background:var(--forest);border-color:rgba(94,140,118,.45);color:var(--on-forest)}
.tool.tool-checker p{color:var(--on-forest-muted)}
.tool.tool-danger{background:#B9412C;border-color:rgba(217,99,77,.6);color:#fff}
.tool.tool-danger h3,.tool.tool-danger p{color:#fff}
.tool.tool-danger .btn-primary{background:#fff;border-color:#fff;color:#7A2417}
.tool.tool-toxic{background:#F5EAD0;border-color:rgba(215,178,96,.4);color:var(--heading)}
.tool.tool-toxic p{color:#6E5A2A}
[data-theme="dark"] .tool.tool-checker{background:var(--hero-bg)}
[data-theme="dark"] .tool.tool-danger{background:#8F3225}
[data-theme="dark"] .tool.tool-toxic{background:#2B2416;color:var(--heading)}
[data-theme="dark"] .tool.tool-toxic p{color:#D9C695}
[data-theme="dark"] .tool .art{opacity:.65}
a.tool.card:hover{box-shadow:var(--shadow-1)}
a.tool.tool-checker:hover{border-color:rgba(94,140,118,.8)}
a.tool.tool-danger:hover{border-color:rgba(217,99,77,.95)}
a.tool.tool-toxic:hover{border-color:rgba(215,178,96,.8)}
.tool .btn{margin-top:auto;align-self:flex-start}
.tool .art{width:88px;height:88px;right:var(--s-8);bottom:var(--s-8)}

/* ========== Chips filter; badges state. Different shape on purpose. ========== */
.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-8);box-sizing:border-box;min-height:40px;padding:var(--s-4) var(--s-16);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);color:var(--heading);font:inherit;font-size:var(--fs-15);font-weight:var(--fw-semi);line-height:1.4;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.chip:hover{border-color:var(--sage);background:var(--mint)}
.chip[aria-pressed="true"],.chip[aria-current]{background:var(--heading);border-color:var(--heading);color:var(--card)}
.chip[hidden]{display:none}
.toxic-species{display:flex;gap:var(--s-8);align-items:center;flex-wrap:wrap}
.toxic-jumps{display:flex;gap:var(--s-8);flex-wrap:wrap}
.index-links{display:flex;flex-wrap:wrap;gap:var(--s-8)}
.badge{display:inline-flex;align-items:center;gap:var(--s-4);max-width:100%;padding:var(--s-4) var(--s-8);border-radius:var(--r-control);background:var(--mint);color:var(--heading);font-size:var(--fs-13);font-weight:var(--fw-semi);line-height:1.4;white-space:normal;overflow-wrap:normal}
.badge .ic{width:14px;height:14px;flex-shrink:0}
.badge-on-dark{background:rgba(215,178,96,.18);color:var(--gold-light)}
.clinical-tag-urgent.badge{background:var(--danger-fill);color:#fff}
.clinical-tag-senior.badge,.clinical-tag-puppy.badge,.clinical-tag-kitten.badge{background:var(--gold-soft)}

/* ========== Callout: info, warning, danger ========== */
.callout,.callout-block,.doc p.article-key-advice,.review-note{border-radius:var(--r-card);border:1px solid var(--line);background:var(--mint)}
.callout{margin-top:var(--s-16);padding:var(--s-16);display:flex;gap:var(--s-12);align-items:flex-start;font-size:var(--fs-17);line-height:1.6}
.callout .ic{margin-top:var(--s-4);color:var(--link)}
.callout-block{padding:var(--s-24) var(--s-32)}
.doc p.article-key-advice{padding:var(--s-16) var(--s-24);border-left-width:1px}
.callout-info,.callout.info{background:var(--mint);border-color:var(--sage)}
.callout-warning,.callout.warn,.callout.warning{background:var(--amber-soft);border-color:var(--amber)}
.callout-warning .ic,.callout.warn .ic{color:var(--amber)}
.callout-danger,.callout.danger,.doc p.article-key-advice-warning{background:var(--red-soft);border-color:var(--danger-line)}
.callout-danger .ic,.callout.danger .ic{color:var(--red)}
.review-note{padding:var(--s-16)}

/* ========== Clinic block (phase 1) ========== */
.contact-block{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-12) var(--s-16)}
.contact-inline{margin:var(--s-24) 0}
.contact-24{color:var(--heading);font-size:var(--fs-15);font-weight:var(--fw-semi);line-height:1.4;text-decoration:underline;text-underline-offset:3px}
.contact-sticky{display:none}

/* ========== Header, menu, footer ========== */
.hd .theme-toggle{width:44px;height:44px;padding:11px;border:0;border-radius:50%;background:transparent;color:var(--gold);transition:background .18s,color .18s}
.hd .theme-toggle svg{width:20px;height:20px}
.hd .theme-toggle:hover{background:rgba(215,178,96,.12);color:var(--on-forest)}
.mnav a{font-size:var(--fs-15);padding:var(--s-8)}
.drawer a{display:flex;align-items:center;min-height:44px;font-size:var(--fs-15)}
.drawer a.nav-danger{background:var(--danger-fill);color:#fff;font-weight:var(--fw-bold);border-radius:var(--r-control);padding:var(--s-8) var(--s-12);border-bottom:0;margin-top:var(--s-8)}
.drawer a[aria-current="page"]:not(.nav-danger){color:var(--gold);font-weight:var(--fw-bold)}
.drawer a.nav-danger[aria-current="page"]{box-shadow:inset 0 0 0 2px var(--gold)}

/* ========== Page bits that sit on the components ========== */
.clinic-filters{display:block;margin:0;padding:0;background:transparent;border:0}
.clinic-filter-panel{margin-top:var(--s-24);padding:var(--s-24)}
.clinic-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-16)}
.clinic-card>.clinic-actions{align-items:stretch}
.clinic-card .btn{flex:1;min-width:0}
.clinic-actions .btn{min-height:48px}
.clinic-phone{display:inline;font-size:var(--fs-15);font-variant-numeric:tabular-nums}
.clinic-phone-options .btn{width:100%}
.clinic-phone-picker>summary{list-style:none}
.toxic-controls{grid-template-columns:minmax(0,1fr);margin:var(--s-32) 0 var(--s-24)}
.toxic-action{border-radius:var(--r-control)}
.medical-library .library-species-count{width:auto;min-width:26px}
.editorial-library-actions,.emergency-hero-actions{display:flex;flex-wrap:wrap;gap:var(--s-12);margin-top:var(--s-24)}
.editorial-library-count strong{font-family:var(--sans);font-weight:var(--fw-bold)}
.emergency-before li::before{font-family:var(--sans)}
.art-grid{padding-top:var(--s-24)}
.doc section:first-of-type{padding-top:var(--s-8)}
.medical-library .breed-card .library-article-code{color:var(--gold-light);border-color:rgba(215,178,96,.4)}
.art-grid:has(.editorial-status) .doc .review-note{display:none}
.index-search input::placeholder{color:var(--muted);opacity:1}

/* ========== 404 ========== */
.error-header{flex-wrap:wrap}
.err-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s-4);flex:1;min-width:0}
.err-nav a,.err-menu nav a{display:inline-flex;align-items:center;min-height:44px;padding:var(--s-4);border-radius:var(--r-control);font-size:var(--fs-15);color:var(--ink)}
.err-nav a:hover{background:var(--card)}
.err-menu{display:none}
.err-menu summary{display:inline-flex;align-items:center;min-height:44px;padding:var(--s-8) var(--s-16);border:1px solid var(--line);border-radius:var(--r-control);font-size:var(--fs-15);font-weight:var(--fw-semi);cursor:pointer;list-style:none}
.err-menu summary::-webkit-details-marker{display:none}
.err-menu nav{display:grid;gap:var(--s-4);margin-top:var(--s-8)}
.err-search{max-width:560px;margin-top:var(--s-24)}
.error-actions .err-danger,[data-theme="dark"] .error-actions .err-danger{color:var(--red);border-color:var(--red)}
.error-animal svg,.error-animal svg path{fill:var(--gold)}
.error-header .theme-toggle{width:44px;height:44px;padding:11px;border:0;color:var(--gold-deep);border-radius:50%}
.error-header .theme-toggle svg{width:20px;height:20px}

@media(max-width:1180px){
  .err-nav{display:none}
  .err-menu{display:block;order:3;flex-basis:100%}
  .err-menu:not([open]){flex-basis:auto;order:0}
  .error-header .theme-toggle{margin-inline-start:auto}
}
@media(max-width:900px){
  .hero-search{margin:-24px var(--s-12) 0}
  .clinic-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clinic-filter-grid>label:last-child{grid-column:1/-1}
  .emergency-guide .contact-inline,.toxic-guide .contact-inline{display:none}
  .contact-sticky{display:flex;flex-wrap:nowrap;justify-content:space-between;position:sticky;bottom:0;z-index:15;margin:var(--s-24) -16px 0;padding:var(--s-8) var(--s-16) calc(8px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--line);box-shadow:var(--shadow-2)}
  .contact-sticky .btn{flex:1 1 auto;padding-inline:var(--s-12)}
  .contact-sticky .contact-24{flex:0 1 38%;text-align:center}
  body:has(#petinfo-debug-bar) .contact-sticky{bottom:39px}
  /* Touch targets: 44 tall for everything that is not a link inside running text */
  .btn,.chip{min-height:44px}
  .contact-24,.ft .note a,.clinic-card h3 a,.emergency-bottom>a,.error-footer a,.error-brand,.toxic-sources summary,.clinic-sources a,.crumbs a,.ft ul a,.sec-h a,.clinic-reset,.clinic-back,.library-category-reset,.search-summary a,.search-empty a,.toxic-related a,.emergency-related a,.emergency-source,.information-source,.information-nav a,.rel a,.toc nav a,.editorial-status a,.source-link a,.clinic-contact-link a{display:inline-flex;align-items:center;gap:var(--s-4);min-height:44px}
  .page-shell>.crumbs{align-items:center;row-gap:0}
  .crumbs>span{display:inline-flex;align-items:center;min-height:44px}
  .ft ul{gap:0}
  .share button,.share .share-link{width:44px;height:44px}
  .clinic-checks label{min-height:44px}
  .clinic-checks input{width:22px;height:22px}
  .callout-block{padding:var(--s-24)}
}
@media(max-width:560px){
  .hero-search{margin:-24px var(--s-8) 0}
  .search-bar{padding-left:var(--s-12)}
  .search-bar>.ic{width:20px;height:20px}
  .search-bar .btn{padding-inline:var(--s-12)}
  .clinic-filter-panel{padding:var(--s-16)}
  .err-search{margin-inline:auto}
  .callout-block{padding:var(--s-16)}
  .doc p.article-key-advice{padding:var(--s-16)}
  .clinic-filters select{font-size:var(--fs-15)}
}

/* Article illustration: full column, top level with the contents and side boxes, optional caption */
.doc .breed-portrait{width:100%;max-width:none;margin:0 0 var(--s-32);overflow:visible;border-radius:0}
.doc .breed-portrait img{border-radius:var(--r-card)}
.doc .breed-portrait figcaption{margin-top:var(--s-8);font-size:var(--fs-13);line-height:1.6;color:var(--muted)}
[data-theme="dark"] .doc .breed-portrait img{filter:brightness(.9)}
@media(max-width:900px){
  /* An article that opens with urgent advice shows it before the picture on phones */
  .doc.portrait-late{display:flex;flex-direction:column}
  .doc.portrait-late>*{min-width:0}
  .doc.portrait-late>section:first-of-type{order:-1}
  .doc.portrait-late>.breed-portrait{margin:var(--s-24) 0 0}
  /* A wrapped breadcrumb's current page needs no touch height */
  .crumbs>span{min-height:24px}
}

/* Urgent list inside a finished-HTML article: the danger callout */
.flagbox.callout-block{margin-top:var(--s-16);padding:var(--s-16);overflow:visible}
.flagbox.callout-block h3{margin:0 0 var(--s-8)!important;padding:0;background:none;color:var(--red)!important;font-size:var(--fs-17)!important}
.flagbox.callout-block h3 .ic{color:var(--red)}
.flagbox.callout-block ul{margin:0!important;padding:0!important;background:transparent}
.mnav{gap:var(--s-8)}

/* About, editorial policy, privacy, contact */
.about-mission{margin-top:var(--s-32);padding:var(--s-32)}
.about-mission h2,.about-block>h2{margin:0 0 var(--s-12);color:var(--heading);font-size:var(--fs-24);font-weight:var(--fw-bold)}
.about-mission p{max-width:70ch;font-size:var(--fs-17);line-height:1.7}
.about-block{margin-top:var(--s-48)}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-16)}
.about-card{display:block;padding:var(--s-24)}
.about-card h3{margin:0 0 var(--s-8);color:var(--heading);font-size:var(--fs-17);font-weight:var(--fw-bold);line-height:1.4}
.about-card p{margin:0;color:var(--muted);font-size:var(--fs-15);line-height:1.7}
.about-block .information-sections{gap:var(--s-16)}
.about-block .information-card h3{margin:0 0 var(--s-12);color:var(--heading);font-size:var(--fs-20);font-weight:var(--fw-bold)}
.information-closing{margin-top:var(--s-32)}
.contact-notice-links{display:flex;flex-wrap:wrap;gap:var(--s-8);margin-top:var(--s-12)}
.information-card-number{display:inline-grid;place-items:center;width:32px;height:32px;margin-inline-end:var(--s-12);border-radius:50%;background:var(--gold-soft);color:var(--heading);font-size:var(--fs-15);font-weight:var(--fw-bold);vertical-align:middle}
.contact-layout{max-width:720px;margin:var(--s-32) auto 0}
.contact-form{display:grid;gap:var(--s-16);margin-top:var(--s-24);padding:var(--s-32)}
.contact-form label{display:grid;gap:var(--s-8);color:var(--heading);font-size:var(--fs-15);font-weight:var(--fw-semi)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;padding:var(--s-12);border:1px solid var(--line);border-radius:var(--r-control);background:var(--control);color:var(--ink);font:inherit;font-size:var(--fs-17);font-weight:var(--fw-regular)}
.contact-form textarea{min-height:168px;resize:vertical}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.contact-form .btn{justify-self:start}
.contact-privacy{margin:0;color:var(--muted);font-size:var(--fs-13)}
.contact-privacy a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .about-grid{grid-template-columns:minmax(0,1fr)}
  .about-mission,.contact-form{padding:var(--s-16)}
  .contact-form .btn{justify-self:stretch}
  .about-block{margin-top:var(--s-32)}
}

/* Clinic list, clinic page, longer lists, toxic page */
.list-more{display:flex;justify-content:center;margin:var(--s-24) 0 0}
.topic-more{margin-top:var(--s-12)}
.topic-more>summary{display:flex;width:max-content;max-width:100%;margin:var(--s-12) auto 0;list-style:none;cursor:pointer}
.topic-more>summary::-webkit-details-marker{display:none}
.topic-more[open]>summary{display:none}
.topic-more>.topic-list{margin-top:var(--s-8)}
.medical-library .topic-more>.topic-list{gap:9px 14px}
.clinic-hero-state{display:flex;flex-wrap:wrap;gap:var(--s-8);margin-top:var(--s-12)}
.clinic-hero-state .clinic-badges{margin:0}
:root .page-hero--compact .page-intro{margin-top:var(--s-8);font-size:var(--fs-17)}
:root .page-hero .clinic-state.is-open{background:var(--ok-soft);color:var(--ok)}
:root .page-hero .clinic-state.is-closed{background:var(--red-soft);color:var(--red)}
:root .page-hero .clinic-state.is-unknown{background:rgba(255,255,255,.12);color:var(--on-forest)}
.clinic-back{display:inline-flex;align-items:center;gap:var(--s-4);min-height:44px;margin:var(--s-8) 0 var(--s-8);font-size:var(--fs-15)}
.clinic-directory .clinic-detail-grid{margin-top:var(--s-8)}
.clinic-detail-hours{margin-top:var(--s-24);padding-top:var(--s-16);border-top:1px solid var(--line)}
.clinic-detail-hours h3{margin:0 0 var(--s-8);color:var(--muted);font-size:var(--fs-15);font-weight:var(--fw-semi)}
.clinic-hours-24{margin:0;color:var(--heading);font-size:var(--fs-17);font-weight:var(--fw-semi)}
.toxic-emergency>summary{cursor:pointer;list-style:none}
.toxic-emergency>summary::-webkit-details-marker{display:none}
.toxic-emergency>summary h2{margin:0;padding-inline-end:var(--s-32);position:relative}
.toxic-emergency>summary h2::after{content:"+";position:absolute;inset-inline-end:0;top:0;font-size:var(--fs-24);line-height:1.2}
.toxic-emergency[open]>summary h2::after{content:"\2212"}
.toxic-emergency[open]>summary{margin-bottom:var(--s-16)}
.toxic-emergency-link{margin:var(--s-12) 0 0;font-size:var(--fs-15);font-weight:var(--fw-semi)}
.toxic-emergency-link a{display:inline-flex;align-items:center;min-height:44px;color:var(--red);text-decoration:underline;text-underline-offset:3px}
.crumb-short{display:none}
@media(max-width:560px){
  .crumb-long{display:none}
  .crumb-short{display:inline}
  .list-more .btn{width:100%}
}

/* Home article cards */
.encs{grid-template-columns:minmax(0,1fr);gap:var(--s-12)}
.home-article{display:flex;gap:var(--s-16);padding:var(--s-16);border-inline-start:3px solid var(--tone,var(--gold))}
.home-article-0{--tone:#158566}.home-article-1{--tone:#D7B260}.home-article-2{--tone:#E99A45}.home-article-3{--tone:#5E8C76}
.home-article-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:var(--r-control);background:var(--mint);color:var(--icon)}
.home-article-icon svg{width:30px;height:30px}
.home-article-copy{display:block;min-width:0}
.home-article-tag{display:block;color:var(--muted);font-size:var(--fs-13);line-height:1.5}
.home-article h3{margin:0;color:var(--heading);font-size:var(--fs-15);font-weight:var(--fw-bold);line-height:1.45;overflow-wrap:anywhere}
.home-article p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:var(--s-4) 0 0;color:var(--muted);font-size:var(--fs-13);line-height:1.6}

/* Illustrations */
.illo{display:block;width:100%;height:auto}
.i-bg{fill:var(--hero-bg)}.i-tone{fill:#22503D}.i-ground{fill:#0F2A1F;opacity:.55}
.i-c{fill:#FAF6EC}.i-g{fill:#D7B260}.i-o{fill:#E99A45}.i-n{fill:#158566}.i-k{fill:#173A2C}
.i-l{stroke:#173A2C}.i-c-line{stroke:#FAF6EC}
path.i-n[fill="none"]{stroke:#158566}
[data-theme="dark"] .i-tone{fill:#24493A}

/* Articles list: magazine */
.editorial-card{flex-direction:column;gap:0;padding:0}
.editorial-library .editorial-card{padding:0}
.editorial-card-picture{overflow:hidden;background:var(--hero-bg)}
.editorial-card-picture img,.editorial-card-picture .illo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.editorial-card-copy{padding:var(--s-24);display:flex;flex-direction:column;flex:1}
.editorial-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-8)}
.editorial-card-date,.editorial-card-reading{color:var(--muted);font-size:var(--fs-13)}
.editorial-card-more{margin-top:auto;padding-top:var(--s-16)}
.editorial-library .editorial-featured{flex-direction:row;padding:0;border-inline-start:1px solid var(--line);background:var(--card);grid-column:1/-1}
.editorial-library .editorial-featured .editorial-card-picture{flex:0 0 48%}
.editorial-library .editorial-featured .editorial-card-picture .illo{height:100%;aspect-ratio:auto;object-fit:cover}
.editorial-library .editorial-featured .editorial-card-copy{display:flex;padding:var(--s-32)}
.editorial-library .editorial-featured h2{font-size:var(--fs-30);margin:var(--s-8) 0}
.editorial-library .editorial-featured .editorial-card-more{grid-column:auto;margin-top:auto}

.editorial-library .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.editorial-library .editorial-card:not(.editorial-featured) .editorial-card-picture .illo,.home-editorials .editorial-card-picture .illo{aspect-ratio:21/9}
.home-editorials .editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-editorials .editorial-card-copy{padding:var(--s-16)}
.home-editorials .editorial-card h2{font-size:var(--fs-17)}

/* Fallback picture on articles */
.article-illustration .illo{border-radius:var(--r-card);max-height:300px}
@media(max-width:900px){.editorial-library .editorial-grid,.home-editorials .editorial-grid{grid-template-columns:minmax(0,1fr)}.editorial-library .editorial-featured{flex-direction:column}.editorial-library .editorial-featured .editorial-card-picture{flex:none}}
@media(max-width:560px){.editorial-card-copy,.editorial-library .editorial-featured .editorial-card-copy{padding:var(--s-16)}}

/* page-headers.css */
/* The one page hero. Variants: --home (full width with art), --section (index pages), --compact (articles). */
:root .page-section{padding-top:0}
:root .page-shell{padding-top:0}
.page-shell>.crumbs{display:flex;flex-wrap:wrap;gap:var(--s-8);margin:0;padding:var(--s-24) 0;color:var(--muted);font:400 var(--fs-13)/1.6 var(--sans);letter-spacing:normal}
:root .page-hero{position:relative;overflow:hidden;box-sizing:border-box;margin:0;padding:var(--s-48);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--r-hero);background:var(--hero-bg);color:var(--on-forest);box-shadow:none}
[data-theme="dark"] .page-hero,:root[data-theme="dark"] .page-hero{border-color:var(--hero-line);border-top-color:var(--gold)}
:root .page-hero h1{max-width:none;margin:0 0 var(--s-16);font-family:var(--sans);font-size:var(--fs-38);font-weight:var(--fw-bold);line-height:1.3;letter-spacing:-.015em;color:var(--on-forest-strong);overflow-wrap:anywhere}
:root .page-hero .page-eyebrow{display:flex;align-items:center;gap:var(--s-8);margin:0 0 var(--s-16);padding:0;font-family:var(--sans);font-size:var(--fs-13);font-weight:var(--fw-semi);line-height:1.6;letter-spacing:normal;color:var(--gold-light)}
:root .page-hero .page-eyebrow::before{content:'';display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}
:root .page-hero .page-intro{max-width:62ch;margin:0;padding:0;font-family:var(--sans);font-size:var(--fs-20);font-weight:400;line-height:1.7;letter-spacing:normal;color:var(--on-forest-muted)}
:root .page-hero:has(+.hero-search),:root .page-hero:has(+.clinic-filters){padding-bottom:var(--s-64)}
.page-hero .page-hero-copy{min-width:0}
.page-hero.search-hero::after{display:none}
.page-hero small{color:var(--gold-light)}
:root .page-hero .clinic-badge{background:var(--forest-2);color:var(--on-forest)}

/* Home: edge to edge, with the art */
:root .page-hero--home{padding:0;border:0;border-radius:0;background:var(--forest)}
:root .page-hero--home h1{font-size:var(--fs-48);margin:0;letter-spacing:-.01em}
:root .page-hero--home .sub{margin-top:var(--s-8);font-size:var(--fs-20);color:var(--gold)}
:root .page-hero--home .search-bar{margin-top:var(--s-24);max-width:640px}

/* Articles: title and meta only */
:root .page-hero--compact{padding:var(--s-32) var(--s-32) var(--s-24)}
:root .page-hero--compact h1{font-size:var(--fs-30);margin:0}
:root .page-hero--compact .meta{margin-top:var(--s-12);color:var(--on-forest-muted);font-size:var(--fs-15)}
:root .page-hero--compact .meta .badge{margin-inline-start:auto}

@media(max-width:900px){
  :root .page-hero{padding:var(--s-32)}
  :root .page-hero:has(+.hero-search),:root .page-hero:has(+.clinic-filters){padding-bottom:var(--s-48)}
  :root .page-hero .page-intro{font-size:var(--fs-17)}
  :root .page-hero--home{padding:0}
  :root .page-hero--compact{padding:var(--s-24) var(--s-24) var(--s-24)}
}
@media(max-width:560px){
  :root .page-hero{padding:var(--s-24)}
  :root .page-hero:has(+.hero-search),:root .page-hero:has(+.clinic-filters){padding-bottom:var(--s-48)}
  .page-shell>.crumbs{padding:var(--s-8) 0}
  :root .page-hero--home{padding:0}
  :root .page-hero--compact{padding:var(--s-24) var(--s-16) var(--s-16)}
  :root .page-hero--compact .meta .badge{margin-inline-start:0}
  /* One title size on phones, every hero. 22px is what lets a long Georgian word fit at 320. */
  :root .page-hero h1,:root .page-hero--home h1,:root .page-hero--compact h1{font-size:var(--fs-24)}
  /* Section headings never larger than the page title. */
  :root .sec-h h2,:root .home-featured-editorial h2,:root .editorial-library .editorial-featured h2{font-size:var(--fs-24)}
}


/* Illustrated section headers look like the home hero (inner-hero-home-style-20261104): a full-width forest band
   with the crumbs inside it, no box, the art standing on the home arch and gold floor. The band is widened with a
   forest box-shadow and cut back to its own height with clip-path, so the page never scrolls sideways. */
.page-shell>.crumbs:has(+.page-hero--illustrated),.page-shell>.crumbs:has(+.search-page>.page-hero--illustrated){padding-bottom:var(--s-8);background:var(--forest);color:var(--on-forest-muted);box-shadow:0 0 0 100vmax var(--forest);clip-path:inset(0 -100vmax -1px)}
.page-shell>.crumbs:has(+.page-hero--illustrated) a,.page-shell>.crumbs:has(+.search-page>.page-hero--illustrated) a{color:var(--on-forest-muted)}
.page-shell>.crumbs:has(+.page-hero--illustrated) a:hover,.page-shell>.crumbs:has(+.search-page>.page-hero--illustrated) a:hover{color:var(--on-forest-strong)}
.page-shell>.crumbs:has(+.page-hero--illustrated)>span:last-child,.page-shell>.crumbs:has(+.search-page>.page-hero--illustrated)>span:last-child{color:var(--on-forest)}
:root .page-hero.page-hero--illustrated{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:var(--s-32);overflow:visible;margin:0 0 var(--s-32);padding:var(--s-24) 0 var(--s-48);border:0;border-radius:0;background:var(--forest);box-shadow:0 0 0 100vmax var(--forest);clip-path:inset(0 -100vmax)}
:root .page-hero.page-hero--illustrated::after{display:none}
:root .page-hero.page-hero--illustrated .page-intro{font-size:var(--fs-17)}
.page-hero--illustrated .page-hero-search{position:relative;z-index:1;max-width:640px;margin:var(--s-24) 0 0}
.page-hero-visual{position:relative;isolation:isolate;justify-self:end;align-self:end;width:100%;max-width:420px;height:210px;margin-bottom:calc(-1 * var(--s-48))}
.page-hero-visual::before{content:"";position:absolute;z-index:-2;inset:6px 8% 0 10%;border-radius:200px 200px 0 0;background:linear-gradient(155deg,#52745B 0%,#345440 75%)}
.page-hero-visual::after{content:"";position:absolute;z-index:-1;left:-6%;right:-6%;bottom:-20px;height:52px;border-radius:50%;background:#A58D59;box-shadow:var(--shadow-2)}
[data-theme="dark"] .page-hero-visual::before{background:linear-gradient(155deg,#2D4937,#1B3023)}
[data-theme="dark"] .page-hero-visual::after{background:#665635}
.page-hero-visual .page-hero-art{position:absolute;left:0;bottom:6px;display:block;width:100%;max-width:none;height:auto;margin:0;background:none;filter:drop-shadow(0 10px 8px rgba(0,0,0,.18))}
/* Clinic filters stay under the band; they no longer overlap it, so the floor stays visible. */
.page-hero--illustrated+.clinic-filters .hero-search{margin:0}
.pro-filters:empty{display:none}
@media(max-width:900px){
  :root .page-hero.page-hero--illustrated{grid-template-columns:minmax(0,1fr) minmax(0,38%);gap:var(--s-24)}
}
@media(max-width:560px){
  :root .page-hero.page-hero--illustrated{grid-template-columns:minmax(0,1fr);gap:var(--s-16);padding:var(--s-16) 0 var(--s-32)}
  .page-hero--illustrated .page-hero-search{margin-top:var(--s-16)}
  .page-hero-visual{justify-self:center;max-width:260px;height:130px;margin-bottom:calc(-1 * var(--s-32))}
  .page-hero-visual::after{bottom:-14px;height:36px}
}

/* Bands without art yet (band-category-checker-20261104): category pages and the symptom checker use the same band;
   with no .page-hero-visual the copy takes the full width. The checker keeps its notice beside the copy, or under it once art exists. */
:root .page-hero.page-hero--illustrated:not(:has(.page-hero-visual)){grid-template-columns:minmax(0,1fr)}
:root .checker-page .page-hero.chk-head:not(:has(.page-hero-visual)){grid-template-columns:minmax(0,1fr) minmax(220px,330px)}
.checker-page .chk-head:has(.page-hero-visual) .checker-notice{grid-column:1/-1}
@media(max-width:820px){:root .checker-page .page-hero.chk-head:not(:has(.page-hero-visual)){grid-template-columns:minmax(0,1fr)}}
/* Inner art at 75% of the home hero art (George): home .hero-visual 300/260/220px high, here 225/195/165. */
.page-hero-visual{max-width:450px;height:225px}
@media(max-width:900px){.page-hero-visual{max-width:390px;height:195px}}
@media(max-width:560px){.page-hero-visual{max-width:330px;height:165px}}

/* Article headers as the same forest band (article-band-20261104): guide, legacy-HTML, /statiebi and vet articles.
   Crumbs inside the band, no box, border, gold line, radius or art; lower than the section bands. The body grid is untouched. */
.page-shell>.crumbs:has(+.page-hero--compact),.page-shell>.crumbs:has(+.page-hero--article){padding-bottom:var(--s-8);background:var(--forest);color:var(--on-forest-muted);box-shadow:0 0 0 100vmax var(--forest);clip-path:inset(0 -100vmax -1px)}
.page-shell>.crumbs:has(+.page-hero--compact) a,.page-shell>.crumbs:has(+.page-hero--article) a{color:var(--on-forest-muted)}
.page-shell>.crumbs:has(+.page-hero--compact) a:hover,.page-shell>.crumbs:has(+.page-hero--article) a:hover{color:var(--on-forest-strong)}
.page-shell>.crumbs:has(+.page-hero--compact)>span:last-child,.page-shell>.crumbs:has(+.page-hero--article)>span:last-child{color:var(--on-forest)}
:root .page-hero.page-hero--compact,:root .page-hero.page-hero--article{overflow:visible;margin:0 0 var(--s-32);padding:var(--s-24) 0 var(--s-32);border:0;border-radius:0;background:var(--forest);box-shadow:0 0 0 100vmax var(--forest);clip-path:inset(0 -100vmax)}
:root .page-hero.page-hero--compact::after,:root .page-hero.page-hero--article::after{display:none}
:root .page-hero.page-hero--article h1{font-size:var(--fs-30);margin:0 0 var(--s-12)}
:root .page-hero.page-hero--article .page-eyebrow{margin-bottom:var(--s-12)}
:root .page-hero.page-hero--article .page-intro{font-size:var(--fs-17)}
@media(max-width:560px){
  :root .page-hero.page-hero--compact,:root .page-hero.page-hero--article{margin-bottom:var(--s-24);padding:var(--s-16) 0 var(--s-24)}
  :root .page-hero.page-hero--article h1{font-size:var(--fs-24)}
}

/* components.css */
/* petinfo.ge components loaded after design-system.css and page-headers.css. Created 2026-11-03 from inline <style> blocks. */

/* petinfo-pro-nav (was injected by lib/pro.php) */
.btn-pro{min-height:36px;padding:var(--s-4) var(--s-12);border-color:var(--gold);color:var(--gold-light);font-size:var(--fs-15);white-space:nowrap}.btn-pro:hover{background:rgba(215,178,96,.14)}.btn-pro[aria-current]{background:var(--gold);color:var(--action-ink)}.btn-pro-short{display:none}@media(min-width:1181px){.btn-pro-full{display:none}.btn-pro-short{display:inline}}@media(max-width:560px){.hd .acts .btn-pro{display:none}}.drawer .btn-pro{display:flex;width:100%;min-height:44px;margin-top:var(--s-12);padding:var(--s-8) var(--s-12);border:1.5px solid var(--gold);border-radius:var(--r-control);color:var(--gold-light)}.drawer .btn-pro .btn-pro-full{display:inline}.drawer .btn-pro .btn-pro-short{display:none}

/* petinfo-pro-guide (was injected by lib/pro.php) */
.doc .pro-guide-link{display:block;margin:0 0 var(--s-16);padding:var(--s-12) var(--s-16);border:1.5px solid var(--gold);border-radius:var(--r-card);background:var(--mint);color:var(--heading);text-decoration:none}.doc .pro-guide-link b{display:block;color:var(--heading)}.doc .pro-guide-link small{display:block;margin-top:var(--s-4);color:var(--muted);font-size:var(--fs-13)}

/* Home statistics (was inline in templates/layout.html) */
#v-home .site-statistics{margin:0;padding:var(--s-8) 0;border-bottom:1px solid var(--line)}
#v-home .site-statistics dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s-16);margin:0}
#v-home .site-statistics dl>div{display:flex;align-items:center;gap:var(--s-8);min-width:0}
#v-home .site-statistics dt{order:2;font-size:var(--fs-13);line-height:1.4;color:var(--muted)}
#v-home .site-statistics dd{flex-shrink:0;margin:0;font-size:var(--fs-24);font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
#v-home .site-statistics [data-statistic="professional"] dd{color:var(--gold-deep)}
@media(max-width:900px){#v-home .site-statistics dl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--s-8)}}
@media(max-width:560px){#v-home .site-statistics dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-8) var(--s-16)}#v-home .site-statistics dl>div:last-child{grid-column:1/-1}#v-home .site-statistics dd{font-size:var(--fs-20)}}

/* Footer tagline under the logo (was a style attribute) */
.ft .about .footer-tagline{margin:10px 0 0 50px;color:#D7B260;font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.4}

/* Copy-link icon in articles (was a style attribute) */
button[data-copy-article] .ic{width:18px;height:18px}

/* Icon on the header vet-section button. .btn already gives inline-flex, centre alignment and an 8px gap. */
.vet-btn-icon{width:18px;height:18px;flex:none}

/* New article label after the title, site badge shape, 12px on gold (George, Nov 4). Fixed colours on light, dark and photo backgrounds. */
.badge-new{display:inline-flex;align-items:center;width:fit-content;padding:1px 6px;border-radius:var(--r-control);background:#D7B260;color:#25344D;font-size:12px;font-weight:var(--fw-semi);line-height:1.4;letter-spacing:0;white-space:nowrap;vertical-align:middle}
.guide-card-title .badge-new,.page-hero--compact h1 .badge-new{margin-inline-start:var(--s-8);position:relative;top:-2px}
.badge-new-corner{position:absolute;top:var(--s-12);inset-inline-start:var(--s-12);z-index:1;padding:var(--s-4) var(--s-8)}
.editorial-card-picture{position:relative}
@media(min-width:1181px) and (max-width:1199px){.hd .acts .btn-pro{gap:var(--s-4);padding-inline:6px}.hd .acts .vet-btn-icon{width:16px;height:16px}}

/* guide-cards.css */
/* One guide card: the home page card and the guides page row blended. Icon, category, title, then a short text and details. */
a.topic-link.guide-card{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--s-12);height:100%;min-height:0;padding:var(--s-16);border-left:3px solid var(--sage);color:var(--heading);font-size:var(--fs-15);font-weight:400;line-height:1.6}
a.topic-link.guide-card:hover{background:var(--mint);border-radius:0}
.guide-card-icon{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border-radius:var(--r-control);background:var(--mint);color:var(--icon)}
.guide-card-icon svg{width:28px;height:28px}
a.topic-link.guide-card:hover .guide-card-icon{background:var(--card)}
.guide-card-body{display:flex;flex:1;flex-direction:column;gap:var(--s-4);min-width:0;height:100%;overflow-wrap:anywhere}
.guide-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-8);color:var(--muted);font-size:var(--fs-13);line-height:1.5}
a.topic-link.guide-card .library-article-code,a.topic-link.guide-card .search-result-code{display:inline;width:auto;min-height:0;padding:0;border:0;background:none;color:var(--muted);font-size:var(--fs-13);font-weight:600}
.guide-card-category{overflow-wrap:anywhere}
a.topic-link.guide-card .guide-card-title{display:block;margin:0;color:var(--heading);font-size:var(--fs-15);font-weight:var(--fw-bold);line-height:1.5;overflow-wrap:anywhere}
.guide-card .clinical-badges{margin:var(--s-4) 0 0}
a.topic-link.guide-card p.guide-card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--muted);font-size:var(--fs-13);line-height:1.6}
.guide-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-12);margin-top:auto;padding-top:var(--s-8);color:var(--muted);font-size:var(--fs-13);line-height:1.5}
a.topic-link.guide-card .guide-card-foot small{margin-inline-start:auto;color:var(--link);font-size:var(--fs-13);font-weight:600}
.rel .guide-card-foot span,.rel .guide-card-meta span{min-width:0;color:var(--muted);font-size:var(--fs-13);font-weight:400;line-height:1.5}
.guide-card-wrap{min-width:0;list-style:none}
.guide-card-list{display:grid;gap:var(--s-12);margin:0;padding:0;list-style:none}
/* Search keeps enough text to show the matched words. */
a.topic-link.guide-card--search.guide-card p.guide-card-excerpt{-webkit-line-clamp:3}
a.topic-link.guide-card--search.guide-card .guide-card-title{font-size:var(--fs-17)}
.guide-card--search mark{padding:0 2px;border-radius:3px;background:rgba(215,178,96,.24);color:var(--heading)}

/* pagespeed-fixes.css */
/* pagespeed-20261104: last part of every bundle. */
/* Footer column titles are h3 now (heading order); same look as the old .ft h4 (design-system.css set its size to --fs-15). */
.ft .ft-h{color:var(--gold);font-size:var(--fs-15);letter-spacing:.06em;margin-bottom:var(--s-12)}
/* Light theme eyebrow on mint: --gold-deep was 3.13:1, this is about 5.1:1. Dark theme keeps its token. */
:root:not([data-theme="dark"]) .home-featured-eyebrow{color:color-mix(in srgb,var(--gold-deep),#000 25%)}