/* El Dorado Pathology Medical Group — global styles
   Design tokens and shared rules. Per-element styling is kept inline in the
   PHP partials to preserve the approved high-fidelity design verbatim. */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#FAF7F1;color:#221E1F;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;}
/* Ensure the hidden attribute wins over inline display on the cookie UI. */
[hidden]{display:none !important;}
a{color:#6B2230;text-decoration:none;}
a:hover{color:#B08D4C;}
::selection{background:#B08D4C;color:#FAF7F1;}
:focus-visible{outline:2px solid #B08D4C;outline-offset:3px;}

/* Skip link (added for accessibility — hidden until focused) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:#6B2230;color:#FAF7F1;padding:12px 20px;font-size:13px;letter-spacing:1px;text-transform:uppercase;border-radius:0 0 4px 0;}
.skip-link:focus{left:0;color:#FAF7F1;}

@keyframes edpmgUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{animation:none !important;transition:none !important;}
}

@media (max-width:980px){
  #site-header{padding-left:22px !important;padding-right:22px !important;}
  .r-sec{padding-left:24px !important;padding-right:24px !important;}
  .r-hero{padding-left:24px !important;padding-right:24px !important;}
  .r-grid-2{grid-template-columns:1fr !important;gap:34px !important;}
  .r-grid-serve{grid-template-columns:1fr !important;gap:38px !important;}
  .r-hero-img{background-position:72% center !important;}
  .r-grid-3{grid-template-columns:repeat(2,1fr) !important;}
  .r-creds{grid-template-columns:repeat(2,1fr) !important;}
  .r-cap{flex-direction:column !important;align-items:flex-start !important;gap:26px !important;}
  .r-contact{grid-template-columns:1fr !important;gap:34px !important;}
  .r-profile{grid-template-columns:1fr !important;gap:32px !important;}
  .r-headshot{max-width:340px !important;}
  .r-credrow{grid-template-columns:1fr !important;gap:8px !important;}
  .r-pathbody{padding:34px 32px !important;}
  .r-inforow{grid-template-columns:1fr !important;gap:4px !important;}
  .r-officepad{padding:34px 32px !important;}
  .r-cap-tag{display:none !important;}
  .r-office{grid-template-columns:1fr !important;gap:32px !important;}
  .r-footer{grid-template-columns:1fr 1fr !important;gap:34px !important;}
  .r-gallery{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:620px){
  .r-nav{flex-wrap:wrap !important;gap:14px !important;justify-content:center !important;text-align:center !important;}
  .r-navwrap{flex-wrap:wrap !important;justify-content:center !important;gap:16px !important;}
  .r-nav-links{gap:16px !important;flex-wrap:wrap !important;justify-content:center !important;}
  .r-cap-tag{display:none !important;}
  .r-grid-3{grid-template-columns:1fr !important;}
  .r-creds{grid-template-columns:1fr !important;}
  .r-links{grid-template-columns:1fr !important;}
  .r-offices{grid-template-columns:1fr !important;}
  .r-footer{grid-template-columns:1fr !important;}
  /* Pathologist cards: keep the seal as a small badge top-right beside the name */
  .r-pathhead{gap:14px !important;}
  .r-pathhead h2{font-size:22px !important;}
  .r-pathbody{padding:30px 26px !important;}
  .r-seal{width:78px !important;margin-top:0 !important;}
  /* Contact office cards: stack label/value so long values don't overflow */
  .r-inforow{grid-template-columns:1fr !important;gap:4px !important;}
  .r-officepad{padding:30px 26px 26px !important;}
}