.article-detail-page{padding-top:28px}.article-detail{--article-line:#e4d5c3;--article-card:#fffdf9}.article-breadcrumbs{display:flex;gap:9px;margin-bottom:28px;color:var(--muted);font-size:.78rem}.article-breadcrumbs a{text-decoration:none}.article-detail__hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);gap:46px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--article-line)}.article-detail__rubric{display:inline-flex;padding:6px 10px;border-radius:7px;background:var(--sage);color:var(--green-dark);font-size:.72rem;font-weight:750}.article-detail__intro h1{max-width:720px;margin:.28em 0 .3em;font:500 clamp(3rem,5.1vw,4.65rem)/1.03 Georgia,"Times New Roman",serif;color:var(--green-dark);letter-spacing:-.045em}.article-detail__lead{max-width:680px;color:var(--ink-soft);font-size:1.06rem;line-height:1.62}.article-detail__meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;color:var(--muted);font-size:.73rem}.article-detail__meta span{display:inline-flex;align-items:center;gap:6px}.article-detail__meta svg{width:17px;height:17px}.article-detail__actions{display:flex;gap:10px;margin-top:25px}.article-save-form{margin:0}.article-save-form button{margin:0}.article-detail__visual{position:relative;margin:0}.article-detail__visual img{display:block;width:100%;max-height:470px;object-fit:cover;border-radius:24px}.article-detail__visual figcaption{position:absolute;right:15px;bottom:12px;padding:5px 8px;border-radius:7px;background:rgba(255,253,249,.86);color:var(--muted);font-size:.63rem}.article-detail__layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:32px;align-items:start;margin-top:34px}.article-toc{position:sticky;top:104px;padding:16px;border:1px solid var(--article-line);border-radius:14px;background:var(--article-card)}.article-toc__toggle{width:100%;min-height:0;margin:0;padding:0;border:0;background:transparent;color:var(--green-dark);font:500 1.12rem/1.2 Georgia,"Times New Roman",serif;text-align:left;cursor:default}.article-toc ol{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none;counter-reset:item}.article-toc li{margin:0}.article-toc a,.article-toc li>span{display:grid;grid-template-columns:18px 1fr;gap:5px;color:var(--muted);font-size:.75rem;line-height:1.4;text-decoration:none}.article-toc a:before,.article-toc li>span:before{counter-increment:item;content:counter(item);color:#a47a51}.article-toc a:hover{color:var(--green)}.article-detail__reading{min-width:0}.article-summary{padding:25px;border:1px solid var(--article-line);border-radius:16px;background:linear-gradient(135deg,#fffdf9,#eff3e9)}.article-summary h2,.article-detail__body h2,.article-section-head h2,.article-faq h2,.article-sources h2{margin:0 0 18px;font:500 clamp(1.75rem,3vw,2.35rem)/1.1 Georgia,"Times New Roman",serif;color:var(--green-dark)}.article-summary ul{display:grid;grid-template-columns:1fr 1fr;gap:11px 24px;margin:0;padding:0;list-style:none}.article-summary li{position:relative;padding-left:24px;color:var(--ink-soft);font-size:.87rem}.article-summary li:before{position:absolute;left:0;content:"✓";color:var(--green);font-weight:800}.article-detail__body h2{scroll-margin-top:110px;margin-top:42px}.article-detail__body p{max-width:760px;color:var(--ink-soft);font-size:1rem;line-height:1.75}.article-steps{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.article-steps li{display:grid;grid-template-columns:36px 1fr;gap:13px;align-items:center;padding:14px 16px;border:1px solid var(--article-line);border-radius:12px;background:#fff}.article-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff}.article-steps span{color:var(--ink-soft)}.article-warning{display:grid;grid-template-columns:36px 1fr;gap:14px;margin:30px 0;padding:20px;border:1px solid #ead8d0;border-left:4px solid var(--terracotta);border-radius:12px;background:#fff8f4;scroll-margin-top:110px}.article-warning svg{width:30px;height:30px;color:var(--terracotta)}.article-warning strong{color:#6d392e}.article-warning p{margin:5px 0 0;font-size:.88rem}.article-next-step{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:34px;padding:28px;border-radius:17px;background:linear-gradient(115deg,var(--green-dark),var(--green));color:#fff}.article-next-step>div>span{color:#d8e6dd;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.article-next-step h2{margin:5px 0;color:#fff;font:500 2rem/1.1 Georgia,"Times New Roman",serif}.article-next-step p{max-width:620px;margin:0;color:#deebe4;font-size:.87rem}.article-next-step .button{min-width:220px}.article-pet{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:18px;padding:18px;border:1px solid var(--article-line);border-radius:15px;background:#f2f5ec;scroll-margin-top:110px}.article-pet__avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:var(--green)}.article-pet__avatar svg{width:28px;height:28px}.article-pet h2{margin:0 0 3px;font:500 1.32rem Georgia,"Times New Roman",serif;color:var(--green-dark)}.article-pet p{margin:0;color:var(--muted);font-size:.78rem}.article-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:52px 0 18px}.article-section-head h2{margin:0}.article-section-head a{font-size:.78rem;font-weight:750;text-decoration:none}.article-question-list{display:grid;gap:8px}.article-question{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr) auto 20px;gap:18px;align-items:center;min-height:104px;padding:14px 18px;border:1px solid var(--article-line);border-radius:13px;background:rgba(255,255,255,.78);color:var(--ink);text-decoration:none}.article-question__author{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center}.article-question__avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--sand);color:var(--green);font:600 1rem Georgia}.article-question__author>span:last-child,.article-question__copy{display:grid;gap:3px}.article-question__author strong,.article-question__copy strong{font-size:.78rem}.article-question__author small,.article-question__copy>span{color:var(--muted);font-size:.68rem}.article-question__author em{justify-self:start;padding:3px 7px;border-radius:6px;background:var(--sage);color:#63705d;font-size:.59rem;font-style:normal}.article-question__copy strong{font-size:.86rem}.article-question__metrics{display:flex;gap:17px;white-space:nowrap;color:var(--muted);font-size:.65rem}.article-question__metrics span{display:flex;align-items:center;gap:6px}.article-question__metrics svg{width:20px;height:20px}.article-question>b{color:var(--green);font-size:1.1rem}.article-moderation{display:flex;justify-content:center;align-items:center;gap:7px;color:var(--muted);font-size:.7rem}.article-moderation svg{width:18px;height:18px;color:var(--green)}.article-related__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.shared-article-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--article-line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none}.shared-article-card__image{height:180px;background-position:center;background-size:cover}.shared-article-card__image--1{background-image:url("../images/breeds/pembroke-welsh-corgi.233c5cadafcc.jpg")}.shared-article-card__image--2{background-image:url("../images/breeds/british-shorthair.44bb6037cae1.jpg")}.shared-article-card__image--3{background-image:url("../images/breeds/labrador-retriever.2320df482264.jpg")}.shared-article-card__body{display:flex;min-height:220px;flex-direction:column;padding:18px}.shared-article-card__body small{align-self:flex-start;padding:4px 7px;border-radius:6px;background:var(--sage);color:var(--green-dark);font-size:.64rem}.shared-article-card__body>strong{margin:10px 0 7px;color:var(--green-dark);font:600 1.12rem/1.18 Georgia,"Times New Roman",serif}.shared-article-card__body>span{color:var(--muted);font-size:.75rem}.shared-article-card__body b{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;color:var(--muted);font-size:.68rem;font-weight:500}.shared-article-card__body i{color:var(--green);font-size:1.05rem;font-style:normal}.article-faq{margin-top:50px}.article-faq details{padding:15px 0;border-bottom:1px solid var(--article-line)}.article-faq summary{color:var(--green-dark);font-weight:750;cursor:pointer}.article-faq p{color:var(--muted)}.article-trust{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;padding:19px;border:1px solid var(--article-line);border-radius:15px;background:var(--article-card)}.article-trust>div{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center}.article-trust svg{width:32px;height:32px;color:var(--green)}.article-trust span{display:grid}.article-trust strong{font:500 1rem Georgia,"Times New Roman",serif;color:var(--green-dark)}.article-trust small{color:var(--muted);font-size:.68rem}.article-sources{margin-top:38px;padding-top:26px;border-top:1px solid var(--article-line)}.article-sources li{color:var(--muted);font-size:.8rem}
@media(max-width:1024px){.article-detail__hero{grid-template-columns:1fr .72fr;gap:24px}.article-detail__intro h1{font-size:clamp(2.6rem,5vw,3.55rem)}.article-detail__visual img{max-height:390px}.article-detail__layout{display:block;margin-top:24px}.article-toc{position:static;margin-bottom:20px;padding:0;overflow:hidden}.article-toc__toggle{display:flex;min-height:54px;padding:0 18px;align-items:center;justify-content:space-between;font:750 .87rem Inter,"Segoe UI",sans-serif;cursor:pointer}.article-toc__toggle:after{content:"⌄";font-size:1.2rem;transition:transform .2s}.article-toc ol{display:none;grid-template-columns:1fr 1fr;margin:0;padding:14px 18px 17px;border-top:1px solid #eee3d5}.article-toc.is-open ol{display:grid}.article-toc.is-open .article-toc__toggle:after{transform:rotate(180deg)}.article-question{grid-template-columns:190px minmax(0,1fr) 20px}.article-question__metrics{grid-column:2}.article-question>b{grid-column:3;grid-row:1/3}.article-related__track{display:flex;overflow-x:auto;padding:2px 0 10px;scroll-snap-type:x proximity;scrollbar-width:none}.shared-article-card{flex:0 0 285px;scroll-snap-align:start}.shared-article-card__body{min-height:205px}.shared-article-card__image{height:158px}}
@media(max-width:760px){.article-detail-page{padding-top:16px}.article-breadcrumbs{overflow:hidden;white-space:nowrap}.article-detail__hero{display:flex;flex-direction:column;gap:20px}.article-detail__intro h1{font-size:clamp(2.35rem,11vw,3.2rem)}.article-detail__lead{font-size:.96rem}.article-detail__meta{display:grid;gap:7px}.article-detail__actions{display:grid;grid-template-columns:1fr 1fr}.article-detail__actions .button,.article-save-form button{width:100%;font-size:.76rem;padding-inline:10px}.article-detail__visual img{max-height:none}.article-toc__toggle{min-height:50px;padding:0 14px;font-size:.8rem}.article-toc ol{grid-template-columns:1fr;padding:13px 14px 15px}.article-summary{padding:18px}.article-summary ul{grid-template-columns:1fr}.article-detail__body h2,.article-summary h2,.article-section-head h2,.article-faq h2{font-size:1.75rem}.article-detail__body p{font-size:.94rem}.article-steps li{grid-template-columns:32px 1fr;padding:12px}.article-next-step{grid-template-columns:1fr;padding:21px}.article-next-step .button{width:100%}.article-pet{grid-template-columns:48px 1fr;padding:15px}.article-pet__avatar{width:46px;height:46px}.article-pet .button{grid-column:1/-1;width:100%}.article-section-head{align-items:flex-start;margin-top:44px}.article-section-head a{font-size:.68rem}.article-question{grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:15px}.article-question__author{grid-column:1}.article-question__copy{grid-column:1/-1}.article-question__copy>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-question__metrics{grid-column:1;flex-wrap:wrap;justify-content:space-between}.article-question>b{grid-column:2;grid-row:1/4}.article-related__track{margin-inline:0;padding-inline:0}.shared-article-card{flex-basis:78vw}.shared-article-card__image{height:170px}.shared-article-card__body{min-height:210px}.article-trust{grid-template-columns:1fr}.article-trust>div+div{padding-top:14px;border-top:1px solid var(--article-line)}}
@media(max-width:390px){.article-detail__actions{grid-template-columns:1fr}.article-section-head{flex-direction:column}.article-question__metrics{display:grid}.shared-article-card{flex-basis:84vw}}
.shared-article-card__image img{display:block;width:100%;height:100%;object-fit:cover}

/* Compact mobile continuation rail: show the next card while preserving the
   native scrollbar as an explicit affordance that the row is swipeable. */
@media(max-width:760px){
  .article-related__track{
    gap:12px;
    margin-inline:-14px;
    padding:2px 14px 12px;
    scroll-snap-type:x mandatory;
    scrollbar-width:auto;
    -webkit-overflow-scrolling:touch;
  }
  .article-related__track::-webkit-scrollbar{height:7px}
  .article-related__track::-webkit-scrollbar-track{background:transparent}
  .article-related__track::-webkit-scrollbar-thumb{
    border:2px solid transparent;
    border-radius:999px;
    background:#8c8c88;
    background-clip:padding-box;
  }
  .article-related .shared-article-card{
    flex:0 0 min(64vw,280px);
    scroll-snap-align:start;
  }
  .article-related .shared-article-card__image{
    height:auto;
    aspect-ratio:16/9;
  }
  .article-related .shared-article-card__body{
    min-height:160px;
    padding:13px;
  }
  .article-related .shared-article-card__body>strong{
    display:-webkit-box;
    overflow:hidden;
    margin:8px 0 6px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:1rem;
  }
  .article-related .shared-article-card__body>span{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .article-related .shared-article-card__body b{
    padding-top:9px;
    white-space:nowrap;
    font-size:.58rem;
  }
}
.shared-article-card__image--pending{display:grid;place-items:center;align-content:center;gap:9px;background:linear-gradient(145deg,#edf3e8,#faf6ee);color:var(--green)}
.shared-article-card__image--pending svg{width:36px;height:36px}
.shared-article-card__image--pending em{color:var(--green-dark);font-size:.67rem;font-style:normal;font-weight:750}
.article-detail__visual-placeholder{display:grid;min-height:360px;place-items:center;align-content:center;gap:14px;border:1px solid var(--article-line);border-radius:24px;background:linear-gradient(145deg,#edf3e8,#faf6ee);color:var(--green)}
.article-detail__visual-placeholder svg{width:58px;height:58px}
.article-detail__visual-placeholder span{color:var(--green-dark);font-size:.76rem;font-weight:750}
@media(max-width:760px){.article-detail__visual-placeholder{min-height:250px}}
@media(prefers-reduced-motion:reduce){.article-toc__toggle:after{transition:none}}
.article-detail__layout--single{grid-template-columns:minmax(0,1fr)}
.article-detail__reading{scroll-margin-top:96px}
.source-evidence{margin-top:38px;padding-top:26px;border-top:1px solid var(--article-line)}
.source-evidence__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:12px}
.source-evidence__header h2{margin:2px 0 0}
.source-evidence__header>span{color:var(--muted);font-size:.72rem;text-align:right}
.source-evidence__note{max-width:760px;color:var(--ink-soft);font-size:.82rem;line-height:1.55}
.source-evidence ol{display:grid;gap:18px;padding-left:24px}
.source-evidence li>a{font-weight:750}
.source-evidence li>small{display:block;margin-top:3px;color:var(--muted);font-size:.68rem}
.source-evidence li>p{max-width:760px;margin:7px 0 0;color:var(--ink-soft);font-size:.78rem;line-height:1.55}
.source-evidence li>p strong{color:var(--green-dark)}
@media(max-width:700px){.source-evidence__header{display:grid;gap:7px}.source-evidence__header>span{text-align:left}}

/* Editorial type scale: article headings should support reading rather than
   compete with the page content, including long real-world titles. */
.article-detail__intro h1{
  font-size:clamp(2.75rem,4vw,3.5rem);
  line-height:1.07;
  letter-spacing:-.035em;
}
.article-detail .article-summary h2{
  font-size:clamp(1.6rem,2.2vw,1.875rem);
  line-height:1.15;
}
.article-detail__body h2,
.article-section-head h2,
.article-faq h2,
.article-sources h2{
  font-size:clamp(1.65rem,2.5vw,2rem);
  line-height:1.15;
}
.article-detail__body h3{
  margin:32px 0 12px;
  color:var(--green-dark);
  font:500 clamp(1.3rem,1.9vw,1.5rem)/1.25 Georgia,"Times New Roman",serif;
  scroll-margin-top:110px;
}
@media(max-width:1024px){
  .article-detail__intro h1{font-size:clamp(2.5rem,4.5vw,3.25rem)}
}
@media(max-width:760px){
  .article-detail__intro h1{font-size:clamp(2.25rem,9vw,2.65rem)}
  .article-detail .article-summary h2{font-size:1.6rem}
  .article-detail__body h2,
  .article-section-head h2,
  .article-faq h2,
  .article-sources h2{font-size:clamp(1.55rem,7vw,1.75rem)}
  .article-detail__body h3{font-size:clamp(1.25rem,5.5vw,1.4rem)}
}