/* Hooman on Demand — famous-dogs article polish, review only.
   Load after the existing site CSS. All visual selectors are scoped to the article. */
.hod-famous-dogs {

  font-family: "Open Sans", Arial, sans-serif;

  --hod-teal: #00B0AB;

  --hod-teal-text: #00736F;

  --hod-teal-dark: #005C59;

  --hod-cream: #F5E6C8;

  --hod-ink: #1F2D2D;

  --hod-body: #354242;

  --hod-muted: #536161;

  --hod-line: #D5E3E2;

  --hod-soft: #F2F8F8;

  --hod-orange: #E8761A;

  --hod-focus: #9A4300;

  color: var(--hod-body);

  background: #FFFFFF;

  font-size: 18px;

  line-height: 1.72;

  overflow-wrap: break-word;

}
.hod-famous-dogs *, .hod-famous-dogs *::before, .hod-famous-dogs *::after { box-sizing: border-box; }
.hod-famous-dogs h1, .hod-famous-dogs h2, .hod-famous-dogs h3,
.hod-famous-dogs p, .hod-famous-dogs ol, .hod-famous-dogs ul,
.hod-famous-dogs dl, .hod-famous-dogs dd { margin-top: 0; }
.hod-famous-dogs h1, .hod-famous-dogs h2, .hod-famous-dogs h3 {

  color: var(--hod-ink);

  font-family: "Open Sans", Arial, sans-serif;

  text-wrap: balance;

}
.hod-famous-dogs a { color: var(--hod-teal-text); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.hod-famous-dogs a:hover { color: var(--hod-teal-dark); text-decoration-thickness: 2px; }
.hod-famous-dogs a:focus-visible, .hod-famous-dogs summary:focus-visible {

  outline: 3px solid var(--hod-focus);

  outline-offset: 4px;

  border-radius: 3px;

}
.hod-famous-dogs h2, .hod-famous-dogs h3, .hod-famous-dogs section[id], .hod-famous-dogs details[id] { scroll-margin-top: 96px; }
.hod-famous-dogs section { padding: 0; }
.hod-famous-dogs .hod-hero {

  background: linear-gradient(116deg, var(--hod-cream) 0%, #FBF6EC 61%, #EDF8F7 100%);

  border-top: 6px solid var(--hod-teal);

  border-bottom: 1px solid var(--hod-line);

}
.hod-famous-dogs .hod-hero-inner {

  width: min(1160px, calc(100% - 64px));

  margin-inline: auto;

  padding: 66px 0 62px;

  display: grid;

  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);

  align-items: end;

  gap: 72px;

}
.hod-famous-dogs .hod-brand {

  display: flex;

  align-items: center;

  gap: 11px;

  margin-bottom: 21px;

  color: var(--hod-teal-dark);

  font-size: 13px;

  font-weight: 800;

  line-height: 1.4;

  letter-spacing: .14em;

  text-transform: uppercase;

}
.hod-famous-dogs .hod-brand > span { width: 10px; height: 10px; background: var(--hod-orange); flex: 0 0 auto; }
.hod-famous-dogs h1 {

  max-width: 13ch;

  margin-bottom: 25px;

  font-size: clamp(42px, 4.15vw, 58px);

  font-weight: 750;

  line-height: 1.09;

  letter-spacing: -.036em;

}
.hod-famous-dogs .hod-title-rule { width: 78px; height: 5px; background: var(--hod-teal); position: relative; }
.hod-famous-dogs .hod-title-rule::after { content: ""; position: absolute; left: 88px; top: 0; width: 22px; height: 5px; background: var(--hod-orange); }
.hod-famous-dogs .hod-intro { border-left: 3px solid var(--hod-teal); padding-left: 28px; }
.hod-famous-dogs .hod-intro p { margin-bottom: 18px; color: var(--hod-ink); font-size: 18px; line-height: 1.7; }
.hod-famous-dogs .hod-intro p:first-child { font-weight: 600; }
.hod-famous-dogs .hod-intro p:last-child { margin-bottom: 0; }
.hod-famous-dogs .hod-layout {

  width: min(1160px, calc(100% - 64px));

  margin-inline: auto;

  display: grid;

  grid-template-columns: 260px minmax(0, 720px);

  justify-content: space-between;

  gap: 64px;

}
.hod-famous-dogs .hod-sidebar { align-self: start; position: sticky; top: 88px; padding-top: 67px; }
.hod-famous-dogs .hod-story-index { border-top: 4px solid var(--hod-teal); border-bottom: 1px solid var(--hod-line); padding: 17px 0 15px; }
.hod-famous-dogs .hod-index-title {

  margin-bottom: 20px;

  color: var(--hod-ink);

  font-size: 13px;

  font-weight: 800;

  line-height: 1.4;

  letter-spacing: .11em;

  text-transform: uppercase;

}
.hod-famous-dogs .hod-index-group { margin-bottom: 20px; }
.hod-famous-dogs .hod-index-era { display: block; margin-bottom: 6px; color: var(--hod-ink); font-size: 13px; font-weight: 750; line-height: 1.45; text-decoration: none; }
.hod-famous-dogs .hod-index-era:hover { color: var(--hod-teal-text); text-decoration: underline; }
.hod-famous-dogs .hod-index-group ol { list-style: none; margin-bottom: 0; padding-left: 0; }
.hod-famous-dogs .hod-index-group li { margin: 0; }
.hod-famous-dogs .hod-index-group li a {

  display: grid;

  grid-template-columns: 29px minmax(0, 1fr);

  gap: 3px;

  padding: 7px 0;

  border-bottom: 1px solid #E9EFEE;

  color: var(--hod-body);

  font-size: 14px;

  line-height: 1.42;

  text-decoration: none;

}
.hod-famous-dogs .hod-index-group li a:hover { color: var(--hod-teal-text); }
.hod-famous-dogs .hod-index-group li a:hover > span:last-child { text-decoration: underline; text-underline-offset: 3px; }
.hod-famous-dogs .hod-index-number { color: #99500D; font-size: 12px; font-weight: 750; line-height: 1.7; }
.hod-famous-dogs .hod-index-utility { display: flex; flex-wrap: wrap; gap: 7px 16px; padding-top: 2px; font-size: 14px; font-weight: 700; line-height: 1.5; }
.hod-famous-dogs .hod-article-content { min-width: 0; max-width: 72ch; padding-bottom: 76px; }
.hod-famous-dogs .hod-era-header, .hod-famous-dogs .hod-section-heading {

  position: relative;

  margin: 65px 0 40px;

  padding-top: 27px;

  border-top: 1px solid var(--hod-line);

}
.hod-famous-dogs .hod-era-header::before, .hod-famous-dogs .hod-section-heading::before {

  content: "";

  position: absolute;

  left: 0;

  top: -1px;

  width: 74px;

  height: 4px;

  background: var(--hod-teal);

}
.hod-famous-dogs .hod-era-header h2, .hod-famous-dogs .hod-section-heading h2 {

  margin-bottom: 12px;

  font-size: clamp(29px, 2.6vw, 35px);

  font-weight: 750;

  line-height: 1.2;

  letter-spacing: -.025em;

}
.hod-famous-dogs .hod-era-header > p { max-width: 66ch; margin-bottom: 0; color: var(--hod-muted); font-size: 17px; line-height: 1.68; }
.hod-famous-dogs .hod-dog-profile { margin-bottom: 47px; padding-bottom: 39px; border-bottom: 1px solid #E3EAE9; }
.hod-famous-dogs .hod-era .hod-dog-profile:last-child { margin-bottom: 16px; }
.hod-famous-dogs .hod-profile-heading { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 17px; align-items: start; margin-bottom: 23px; }
.hod-famous-dogs .hod-profile-number {

  display: block;

  padding-top: 4px;

  border-right: 1px solid var(--hod-line);

  color: var(--hod-teal-text);

  font-size: 23px;

  font-weight: 400;

  line-height: 1.25;

  letter-spacing: -.04em;

}
.hod-famous-dogs .hod-dog-profile h3 { margin-bottom: 0; font-size: 25px; font-weight: 750; line-height: 1.28; letter-spacing: -.018em; }
.hod-famous-dogs .hod-dog-profile > p { margin-bottom: 1.3em; font-size: 18px; line-height: 1.72; }
.hod-famous-dogs .hod-dog-profile .hod-profile-heading + p { color: var(--hod-ink); font-size: 19px; line-height: 1.68; }
.hod-famous-dogs .hod-cta {

  position: relative;

  margin: 66px 0 70px;

  padding: 34px 37px 35px;

  border: 1px solid #E4D5B7;

  border-left: 6px solid var(--hod-teal-text);

  background: var(--hod-cream);

  color: var(--hod-ink);

}
.hod-famous-dogs .hod-cta h2 { max-width: 23ch; margin-bottom: 18px; font-size: 29px; font-weight: 750; line-height: 1.23; letter-spacing: -.023em; }
.hod-famous-dogs .hod-cta p { margin-bottom: 15px; font-size: 17px; line-height: 1.7; }
.hod-famous-dogs .hod-cta .hod-cta-action { margin: 24px 0 0; line-height: 1.9; }
.hod-famous-dogs .hod-cta-action a {

  display: inline-flex;

  align-items: center;

  min-height: 48px;

  margin-right: 5px;

  padding: 10px 22px;

  border: 2px solid var(--hod-teal-text);

  border-radius: 999px;

  background: var(--hod-teal-text);

  color: #FFFFFF;

  font-weight: 700;

  line-height: 1.25;

  text-align: center;

  text-decoration: none;

}
.hod-famous-dogs .hod-cta-action a:hover { border-color: var(--hod-teal-dark); background: var(--hod-teal-dark); color: #FFFFFF; }
.hod-famous-dogs .hod-cta-action a:focus-visible { outline-color: #9A4300; outline-offset: 4px; }
.hod-famous-dogs .hod-section-kicker { margin-bottom: 8px; color: var(--hod-teal-dark); font-size: 12px; font-weight: 800; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; }
.hod-famous-dogs .hod-faq-item { padding: 22px 0 23px; border-top: 1px solid #E3EAE9; }
.hod-famous-dogs .hod-faq-item h3 { margin-bottom: 9px; font-size: 19px; font-weight: 750; line-height: 1.4; letter-spacing: -.01em; }
.hod-famous-dogs .hod-faq-item p { margin-bottom: 0; font-size: 17px; line-height: 1.7; }
.hod-famous-dogs .hod-sources ul { list-style: none; margin-bottom: 0; padding-left: 0; }
.hod-famous-dogs .hod-sources li { position: relative; padding: 12px 0 12px 22px; border-bottom: 1px solid #E9EFEE; font-size: 16px; line-height: 1.6; }
.hod-famous-dogs .hod-sources li::before { content: ""; position: absolute; left: 1px; top: 1.55em; width: 8px; height: 2px; background: var(--hod-teal-text); }
.hod-famous-dogs .hod-sources a { overflow-wrap: anywhere; }
.hod-famous-dogs .hod-records-intro { max-width: 68ch; margin-bottom: 0; color: var(--hod-muted); font-size: 16px; line-height: 1.7; }
@media (max-width: 1050px) {

  .hod-famous-dogs .hod-layout { grid-template-columns: 225px minmax(0, 1fr); gap: 40px; }

}
@media (max-width: 900px) {

  .hod-famous-dogs .hod-layout { display: block; }

  .hod-famous-dogs .hod-sidebar { position: static; max-height: none; overflow: visible; padding-top: 35px; padding-right: 0; }

  .hod-famous-dogs .hod-story-index { padding-bottom: 18px; }

  .hod-famous-dogs .hod-index-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 34px; }

  .hod-famous-dogs .hod-index-group { margin-bottom: 18px; }

  .hod-famous-dogs .hod-index-group li a { font-size: 14px; }

  .hod-famous-dogs .hod-article-content { max-width: 72ch; }

}
@media (max-width: 720px) {

  .hod-famous-dogs .hod-hero-inner { grid-template-columns: 1fr; gap: 30px; padding: 48px 0 45px; }

  .hod-famous-dogs h1 { max-width: 14ch; }

  .hod-famous-dogs .hod-intro { padding: 23px 0 0; border-top: 2px solid var(--hod-teal); border-left: 0; }

}

@media (max-width: 480px) {

  .hod-famous-dogs .hod-index-groups { grid-template-columns: 1fr; gap: 0; }

  .hod-famous-dogs .hod-index-group { margin-bottom: 15px; }

  .hod-famous-dogs .hod-index-era { font-size: 13px; }

  .hod-famous-dogs .hod-index-group li a { grid-template-columns: 30px minmax(0, 1fr); min-height: 44px; font-size: 14px; }

  .hod-famous-dogs .hod-index-utility a { display: inline-flex; align-items: center; min-height: 44px; }

}

/* Article-scoped media for retained 14 body assets (7 illustrations + 7 photos). No hero/composite. */
.hod-famous-dogs .hod-media-stack { margin: 0 0 1.55rem; }
.hod-famous-dogs .hod-media-stack > p { margin: 0 0 .55rem; }
.hod-famous-dogs .hod-media-stack img {

  display: block;

  width: 100%;

  max-width: 100%;

  height: auto;

  border-radius: 14px;

  background: var(--hod-soft);

}
.hod-famous-dogs .hod-media-stack .img-credit {

  margin: .15rem 0 .85rem;

  color: var(--hod-muted);

  font-size: .88rem;

  line-height: 1.5;

}
.hod-famous-dogs .hod-media-stack .primary-photo {

  margin: 0;

  max-width: 100% !important;

  padding: 14px 16px 16px;

  border: 1px solid var(--hod-line);

  border-radius: 16px;

  background: #FBFDCF00;

  background: var(--hod-soft);

}
.hod-famous-dogs .hod-media-stack .primary-photo img {

  border-radius: 10px;

  margin: 0 0 .55rem;

}
.hod-famous-dogs .hod-media-stack .primary-photo figcaption,
.hod-famous-dogs .hod-media-stack .primary-photo .photo-credit {

  margin: .2rem 0 0;

  color: var(--hod-muted);

  font-size: .9rem;

  line-height: 1.55;

}
.hod-famous-dogs .hod-media-stack .primary-photo .photo-credit { color: var(--hod-body); }
.hod-famous-dogs .hod-media-stack .primary-photo .photo-credit a { font-weight: 650; }
/* Decorative CSS-only profile accent (not imagery) */
.hod-famous-dogs .hod-dog-profile {

  position: relative;

}
.hod-famous-dogs .hod-dog-profile::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 3px;

  height: 42px;

  background: linear-gradient(180deg, var(--hod-teal) 0%, var(--hod-orange) 100%);

  border-radius: 2px;

  opacity: .85;

}
.hod-famous-dogs .hod-profile-heading { padding-left: 6px; }
@media (max-width: 600px) {

  .hod-famous-dogs .hod-media-stack .primary-photo { padding: 11px 12px 13px; border-radius: 14px; }

  .hod-famous-dogs .hod-media-stack img { border-radius: 11px; }

  .hod-famous-dogs .hod-dog-profile::before { height: 34px; }

}
@media (min-width: 901px) {

  /* Desktop: illustration full column; photo slightly inset for hierarchy */

  .hod-famous-dogs .hod-media-stack .primary-photo { max-width: 92% !important; }

}