/* Shared local emergency hub and condition guides. */
.acvs-site-layout #main-content .emergency-hub .brand-intro-band.acvs-page-title{max-width:none;width:100%;margin-left:0;margin-right:0}
.acvs-site-layout #main-content .emergency-context{display:block;max-width:820px;width:calc(100% - 36px);margin:0 auto;padding:16px 0 0;border:0;background:#fff}
.acvs-site-layout #main-content .emergency-context>div{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0}
.acvs-site-layout #main-content .emergency-context a{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;color:var(--brand-accent,#48677a);text-decoration:underline;text-underline-offset:4px}
.emergency-hub .emergency-hub-choices{padding:0;border:0}
.emergency-hub .emergency-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;margin:20px 0 32px;list-style:none}
.emergency-hub-grid>li{min-width:0;margin:0;scroll-margin-top:12px}
.emergency-hub-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;height:100%;min-height:188px;padding:20px;border:1px solid var(--line,#d8dce5);border-radius:12px;background:#fff;color:var(--ink,#2b2d42);text-decoration:none}
.emergency-hub-card>img{display:block;width:112px;height:126px;object-fit:contain;background:#fff}
.emergency-hub-card h3{margin:0 0 8px!important;font-size:1.125rem!important;line-height:1.35}
.emergency-hub-card .emergency-card-description{display:block;font-size:1rem;line-height:1.5}
.emergency-hub-card .emergency-card-action{display:block;margin-top:14px;font-family:var(--font-sans,system-ui,sans-serif);font-size:.9375rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.emergency-hub-card:hover{border-color:var(--ink,#2b2d42)}
.emergency-hub-card:focus-visible{outline:3px solid var(--ink,#2b2d42);outline-offset:4px}
/* The main call box covers the hub. Deep-linked cards retain a local call action. */
@media screen{body.acvs-site-layout #main-content .emergency-hub-grid>li:not(:target):not(:has(:target))>.emergency-card-urgent{display:none}}
.emergency-hub #related-emergency-guides{padding:16px 0;border:0}
.emergency-guide .emergency-next-step{padding:20px 0;border-top:1px solid var(--line,#d8dce5);margin-top:24px}
.emergency-guide .owner-guide-vet-link a,.emergency-hub .emergency-vet-links a{display:inline-flex;align-items:center;min-height:44px}
.emergency-guide figure img{max-height:470px}
.emergency-hub .oaesh-urgent-callout,.emergency-guide .oaesh-urgent-callout{margin:24px 0}
@media(max-width:760px){.emergency-hub .emergency-hub-grid{grid-template-columns:1fr;gap:16px}.emergency-hub-card{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:16px;min-height:156px}.emergency-hub-card>img{width:88px;height:110px}}
@media(max-width:360px){.emergency-hub-card{grid-template-columns:68px minmax(0,1fr);gap:12px}.emergency-hub-card>img{width:68px;height:100px}}

@media (max-width: 767px) {
  .acvs-site-layout #main-content :is(.emergency-hub,.emergency-guide) p > .button[href^="tel:"] {
    width: 100%;
    min-height: 48px;
  }
}

/* Keep the primary phone action near the heading on short phone screens. */
@media screen {
  body.acvs-site-layout #main-content .oaesh-urgent-callout.emergency-first-call {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body.acvs-site-layout #main-content .emergency-first-call > .oaesh-urgent-heading {
    margin: 0;
  }

  body.acvs-site-layout #main-content .emergency-vet-shortcut > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  /* Keep the anatomy and its explanation in one desktop view. */
  #main-content #gdv-comparison-picture {
    max-width: min(27rem, 52vh);
    margin-inline: auto;
  }

  #main-content #spleen-blood-supply {
    max-width: min(34rem, 68vh);
    margin-inline: auto;
  }

  body.acvs-site-layout #main-content .oaesh-urgent-callout.emergency-first-call {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 24px;
  }

  .emergency-first-call > .oaesh-call-button {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  .emergency-first-call > .oaesh-urgent-copy {
    grid-column: 1;
  }
}