/* Homepage navigation cards: Version 4.56. Scoped to the homepage only. */
#page-home .home-pathways{background:#fbfaf5;padding-top:86px;padding-bottom:90px}
#page-home .home-pathways .section-head{margin-bottom:33px}
#page-home .home-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px 18px}
#page-home .home-route-card{position:relative;min-width:0;min-height:245px;display:flex;flex-direction:column;align-items:flex-start;padding:29px 33px 27px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease,background-color .23s ease}
#page-home .home-route-card--primary{background:#fff;box-shadow:0 12px 29px rgba(32,66,50,.055)}
#page-home .home-route-card--primary::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#337f76,#a8d4bb);opacity:.9}
#page-home .home-route-card--secondary{background:#f1f6f1;border-color:#d5e4da;box-shadow:0 5px 17px rgba(32,66,50,.025)}
#page-home .home-route-label{display:block;margin:0 0 14px;font:800 .7rem/1.35 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--teal)}
#page-home .home-route-card h3{margin:0 0 10px;font:400 clamp(1.7rem,2.4vw,2.3rem)/1.12 var(--serif);letter-spacing:-.035em;color:var(--navy)}
#page-home .home-route-card p{font-size:.91rem;line-height:1.55;max-width:55ch;margin:0 0 9px;color:var(--body)}
#page-home .home-route-emphasis{display:block;color:var(--navy);font-size:.91rem;font-weight:700;line-height:1.4;margin:0 0 6px}
#page-home .home-route-action{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:13px;color:var(--teal);font-weight:800;font-size:.86rem;line-height:1.3}
#page-home .home-route-action span{display:inline-block;font-size:1.15em;transition:transform .2s ease}
#page-home .home-route-card:hover{transform:translateY(-3px);background:#e7ebe2;border-color:#c3d0be;box-shadow:0 17px 33px rgba(32,66,50,.095)}
#page-home .home-route-card:hover .home-route-action span{transform:translate(3px,-2px)}
#page-home .home-route-card:focus-visible{background:#e7ebe2;outline:3px solid var(--teal);outline-offset:4px}
@media(min-width:871px){#page-home .home-route-card--secondary h3{white-space:nowrap}}
@media(max-width:870px){
 #page-home .home-route-grid{grid-template-columns:1fr;grid-template-rows:none;gap:12px}
 #page-home .home-route-card{min-height:0;padding:27px 30px}
 #page-home .home-route-card h3{font-size:clamp(1.7rem,4.4vw,2.05rem)}
 #page-home .home-route-action{padding-top:13px}
}
@media(max-width:590px){
 #page-home > .home-pathways{padding-top:66px;padding-bottom:72px}
 #page-home .home-pathways .section-head{margin-bottom:24px}
 #page-home .home-route-card{padding:24px 23px}
 #page-home .home-route-card h3{font-size:clamp(1.59rem,6.2vw,1.95rem)}
 #page-home .home-route-card p{font-size:.9rem}
 #page-home .home-route-label{font-size:.66rem;margin-bottom:14px}
}
@media(hover:none){#page-home .home-route-card:hover{transform:none;box-shadow:0 8px 23px rgba(32,66,50,.05);border-color:var(--line)}#page-home .home-route-card:active{background:#e7ebe2;transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){#page-home .home-route-card,#page-home .home-route-action span{transition:none}#page-home .home-route-card:hover,#page-home .home-route-card:active{transform:none}#page-home .home-route-card:hover .home-route-action span{transform:none}}


/* V4.58 — calm, editorial wound-condition tiles inspired by the approved reference. */
#page-home .home-conditions-section{padding-top:88px;padding-bottom:86px}
#page-home .home-conditions-section .section-head{margin-bottom:34px}
#page-home .home-conditions-section .section-head>div{max-width:680px}
#page-home .home-condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#page-home .home-condition-card{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:119px;padding:22px 23px;border:1px solid #dce5d9;border-radius:12px;background:#fff;color:#326757;text-decoration:none;box-shadow:none;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease,background-color .23s ease}
#page-home .home-condition-title-wrap{display:block;position:relative;width:100%;min-width:0}
#page-home .home-condition-card h3{margin:0;padding:0 21px;text-align:center;font:800 clamp(.98rem,1.26vw,1.13rem)/1.42 var(--sans);letter-spacing:.075em;text-transform:uppercase;color:#326757;overflow-wrap:normal}
#page-home .home-condition-number{color:inherit;font:inherit;letter-spacing:inherit;white-space:nowrap}
#page-home .home-condition-arrow{position:absolute;right:0;top:.18em;color:#578b76;font:500 .89rem/1 var(--sans);transition:transform .23s ease}
#page-home .home-condition-card:hover{transform:translateY(-3px);border-color:#a7c3b5;box-shadow:0 11px 25px rgba(32,66,50,.065);background:#fbfdfb}
#page-home .home-condition-card:hover .home-condition-arrow{transform:translate(2px,-2px)}
#page-home .home-condition-card:focus-visible,#page-home .home-resource-feature:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
#page-home .home-conditions-more{display:inline-block;margin-top:26px}

/* V4.57 — Resources invitation mirrors the two-column section heading directly below. */
#page-home .home-resources-section{padding-top:78px;padding-bottom:88px;background:#f6f8f3}
#page-home .home-resource-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:end;gap:46px;min-width:0;padding:45px 50px 43px;background:#f1f6f1;border:1px solid #d5e4da;border-radius:8px;box-shadow:0 5px 17px rgba(32,66,50,.025);text-decoration:none;color:var(--navy);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease,background-color .23s ease}
#page-home .home-resource-heading,#page-home .home-resource-detail{min-width:0}
#page-home .home-resource-feature .eyebrow{margin:0 0 18px}
#page-home .home-resource-feature h2{line-height:1.1;margin:0}
#page-home .home-resource-feature p{max-width:420px;font-size:1rem;line-height:1.65;margin:0 0 22px}
#page-home .home-resource-action{display:inline-flex;align-items:center;gap:12px;color:var(--teal);font-weight:800;font-size:.9rem}
#page-home .home-resource-action span{display:inline-block;transition:transform .23s ease}
#page-home .home-resource-feature:hover{transform:translateY(-3px);border-color:#95bbaa;box-shadow:0 15px 27px rgba(32,66,50,.07);background:#e9f2eb}

@media(max-width:870px){
 #page-home .home-conditions-section{padding-top:76px;padding-bottom:80px}
 #page-home .home-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #page-home .home-condition-card{min-height:116px;padding:20px 15px}
 #page-home .home-condition-card h3{font-size:clamp(.87rem,1.8vw,1.02rem);padding:0 17px}
 #page-home .home-resource-feature{grid-template-columns:1fr;gap:25px;padding:37px 38px;align-items:start}
 #page-home .home-resource-feature p{max-width:680px}
}
@media(max-width:590px){
 #page-home > .home-conditions-section{padding-top:71px;padding-bottom:75px}
 #page-home > .home-resources-section{padding-top:74px;padding-bottom:76px}
 #page-home .home-condition-grid{gap:10px}
 #page-home .home-condition-card{min-height:116px;padding:19px 10px}
 #page-home .home-condition-card h3{font-size:clamp(.73rem,3.07vw,.83rem);line-height:1.42;letter-spacing:.055em;padding:0 12px}
 #page-home .home-condition-number{display:none}
 #page-home .home-condition-arrow{font-size:.76rem;top:.16em}
 #page-home .home-resource-feature{padding:30px 25px 32px;gap:22px}
 #page-home .home-resource-feature p{font-size:.94rem;line-height:1.6}
}
@media(max-width:350px){#page-home .home-condition-card{padding:18px 7px}#page-home .home-condition-card h3{font-size:.69rem;padding:0 10px}}


@media(hover:none){#page-home .home-condition-card:hover,#page-home .home-resource-feature:hover{transform:none;box-shadow:0 5px 17px rgba(32,66,50,.025)}}
@media(prefers-reduced-motion:reduce){#page-home .home-condition-card,#page-home .home-condition-arrow,#page-home .home-resource-feature,#page-home .home-resource-action span{transition:none}#page-home .home-condition-card:hover,#page-home .home-resource-feature:hover{transform:none}#page-home .home-condition-card:hover .home-condition-arrow,#page-home .home-resource-feature:hover .home-resource-action span{transform:none}}

/* Desktop retains the original nine wound-care categories. Responsive layouts show ten,
   splitting Burns and Radiation-related wounds into distinct cards that link to the
   same combined Wound Care section. */
#page-home .home-condition-card--mobile-only{display:none}
#page-home .home-condition-number--mobile{display:none}
@media(max-width:870px){
 #page-home .home-condition-card--desktop-only{display:none}
 #page-home .home-condition-card--mobile-only{display:flex}
 #page-home .home-condition-number--desktop{display:none}
 #page-home .home-condition-number--mobile{display:none}
}

@media(max-width:870px){#page-home .home-condition-number,#page-home .home-condition-number--desktop,#page-home .home-condition-number--mobile{display:none}}

/* V4.59 — mobile-only wound card refinements, desktop preserved. */
#page-home .home-condition-mobile-break{display:none}
@media(max-width:590px){
  #page-home .home-condition-card{background:#f1f6f1;border-color:#d5e4da}
  #page-home .home-condition-card:hover{background:#f1f6f1}
  #page-home .home-condition-card .home-condition-arrow{display:none}
  #page-home .home-condition-card h3{padding-left:0;padding-right:0}
  #page-home .home-condition-card .home-condition-mobile-break{display:initial}
}
@media(max-width:590px) and (hover:none){
  #page-home .home-condition-card:hover{background:#f1f6f1}
}

/* V4.60 — wound-condition cards borrow the exact index/title typography from the Wound Care page.
   Existing mobile card layout is retained, with dedicated, intentional line breaks. */
#page-home .home-condition-index{display:none}
#page-home .home-condition-title-mobile{display:none}
#page-home .home-condition-heading-break{display:none}
@media(min-width:871px){
  #page-home .home-condition-card{display:flex;align-items:stretch;justify-content:flex-start;min-height:188px;padding:31px;border-radius:6px;background:#fff;border-color:#dce5d9;color:#24433f}
  #page-home .home-condition-title-wrap{display:block;width:100%}
  #page-home .home-condition-index{display:block;margin:0 0 28px;color:#37695a;font:800 .76rem/1.65 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-align:left}
  #page-home .home-condition-card h3{font:700 1.29rem/1.35 var(--sans);letter-spacing:normal;text-transform:none;text-align:left;color:#24433f;padding:0;margin:0}
  #page-home .home-condition-arrow{display:none}
  #page-home .home-condition-card--mobile-only{display:none}
}
@media(max-width:870px){
  #page-home .home-condition-card h3{color:#326757}
  #page-home .home-condition-title-desktop{display:none}
  #page-home .home-condition-title-mobile{display:inline}
}
@media(max-width:590px){
  #page-home .home-condition-heading-break{display:block}
  #page-home .home-condition-card--mobile-only .home-condition-index{display:none}
  /* Long first line must remain one line even on narrow phones. */
  #page-home .home-condition-card:has(.home-condition-title-mobile) h3{font-size:clamp(.63rem,2.86vw,.82rem);letter-spacing:.018em}
}
@media(max-width:350px){
  #page-home .home-condition-card:has(.home-condition-title-mobile) h3{font-size:.63rem;letter-spacing:0}
}


/* Version 4.61: only approved homepage refinements. */
/* Match the desktop wound cards to the Concierge Home Care green. */
@media (min-width:871px){
  #page-home .home-condition-card{background:#f1f6f1;border-color:#d5e4da}
  #page-home .home-condition-card:hover{background:#e9f2eb}
  #page-home .home-condition-index{padding-right:25px}
  #page-home .home-condition-arrow{display:block;position:absolute;top:0;right:0;font:700 1rem/1.4 var(--sans);color:#37695a}
}
/* No arrows on the mobile and tablet layouts. */
@media (max-width:870px){#page-home .home-condition-arrow{display:none}}

/* Patient Resources: unboxed two-column section, like Patient Experiences. */
#page-home .home-resources-section .home-resource-feature{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;transition:none;text-decoration:none}
#page-home .home-resources-section .home-resource-feature:hover{background:transparent;border:0;box-shadow:none;transform:none}
#page-home .home-resource-heading{max-width:710px}
#page-home .home-resource-feature .eyebrow{margin-bottom:18px}
#page-home .home-resource-feature h2{margin:0 0 22px}
#page-home .home-resource-feature .home-resource-detail{max-width:410px;margin:0 0 4px;font-size:1rem;line-height:1.65;color:var(--body)}
#page-home .home-resource-action{display:inline-flex;align-items:center;gap:12px;font-size:.9rem;font-weight:800;padding-bottom:3px}
#page-home .home-resource-action:hover{color:var(--navy)}
#page-home .home-resource-feature:focus-visible{outline:none}
#page-home .home-resource-action:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:870px){
  #page-home .home-resources-section .home-resource-feature{display:flex;align-items:flex-start;flex-direction:column;gap:26px}
  #page-home .home-resource-feature .home-resource-detail{max-width:680px}
}
@media(max-width:590px){
  #page-home .home-resources-section .home-resource-feature{gap:22px}
  #page-home .home-resource-feature .home-resource-detail{font-size:.94rem;line-height:1.6}
}
/* Small, centered, muted green stars replace the decorative single starburst on homepage review cards. */
#page-home .reviews-home .review-accent{align-self:center;font-size:0;line-height:1;letter-spacing:0;margin-bottom:15px;color:#37695a}
#page-home .reviews-home .review-accent::before{content:"★★★★★";font:700 .8rem/1 var(--sans);letter-spacing:.19em;color:#37695a}


/* Version 4.62 — approved homepage-only refinements. */
/* Remove the colored top rule on the patient and referral cards. */
#page-home .home-route-card--primary::before{content:none;display:none}
/* Desktop condition cards remain clickable, but have no decorative arrows. */
@media(min-width:871px){
  #page-home .home-condition-index{padding-right:0}
  #page-home .home-condition-arrow{display:none}
}
/* Show the already-approved five small green stars on mobile review cards too.
   Older main stylesheet hides the entire accent at phone width. */
@media(max-width:590px){
  #page-home .reviews-home .review-card .review-accent{display:block;align-self:center;margin-bottom:15px;font-size:0;line-height:1}
  #page-home .reviews-home .review-card .review-accent::before{display:block;content:"★★★★★";font:700 .8rem/1 var(--sans);letter-spacing:.19em;color:#37695a}
}


/* Version 4.63 — restore a homepage email action directly below Call us on mobile. */
#page-home .home-email-cta-mobile{display:none!important}
@media(max-width:760px){
  #page-home .home-email-cta-mobile{display:inline-flex!important}
  #page-home .hero .actions{flex-direction:column;align-items:stretch}
  #page-home .hero .actions .btn{width:100%}
}


/* Version 4.65 — mobile homepage contact buttons: match Contact page's compact two-column treatment. */
@media(max-width:760px){
  #page-home .hero .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
  #page-home .hero .actions .btn{width:100%;min-width:0;min-height:50px;padding:10px 12px;gap:8px}
  #page-home .hero .actions .call-cta-mobile,
  #page-home .hero .actions .home-email-cta-mobile{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
  #page-home .hero .actions .call-cta-mobile:hover,
  #page-home .hero .actions .home-email-cta-mobile:hover{background:#345b52!important;border-color:#345b52!important;color:#fff!important}
}

/* Version 4.68 — uniform white homepage pathway cards with more distinct soft green shadows on desktop and mobile. */
#page-home .home-route-card--primary,
#page-home .home-route-card--secondary{
  background:#fff;
  border-color:#d5e3d9;
  box-shadow:0 8px 24px rgba(29,78,58,.11),0 2px 5px rgba(29,78,58,.035);
}
#page-home .home-route-card:hover{
  background:#e7ebe2;
  border-color:#c3d0be;
  box-shadow:0 16px 33px rgba(29,78,58,.14),0 3px 7px rgba(29,78,58,.04);
}
@media(hover:none){
  #page-home .home-route-card:hover{
    transform:none;
    background:#fff;
    border-color:#d5e3d9;
    box-shadow:0 8px 24px rgba(29,78,58,.11),0 2px 5px rgba(29,78,58,.035);
  }
}


/* Version 4.69 — compact desktop wound-condition cards, without altering tablet/mobile.
   Designed to keep the heading, three rows of cards, and view-all link in one
   standard desktop-height section while preserving readable labels and titles. */
@media (min-width: 871px) {
  #page-home .home-conditions-section { padding-top: 58px; padding-bottom: 44px; }
  #page-home .home-conditions-section .section-head { margin-bottom: 18px; }
  #page-home .home-condition-grid { gap: 12px; }
  #page-home .home-condition-card { min-height: 110px; padding: 15px 38px 15px 24px; }
  #page-home .home-condition-index { margin-bottom: 9px; }
  #page-home .home-condition-title-wrap::after {
    content: "↗";
    position: absolute;
    right: -18px;
    bottom: -2px;
    color: #466850;
    font: 500 1.05rem/1 var(--sans);
    opacity: .7;
    transition: transform .23s ease, opacity .23s ease;
  }
  #page-home .home-condition-card:hover .home-condition-title-wrap::after {
    transform: translate(2px, -2px);
    opacity: 1;
  }
  #page-home .home-condition-card h3 { font-size: clamp(1.09rem, 1.33vw, 1.23rem); line-height: 1.3; }
  #page-home .home-conditions-more { margin-top: 18px; }
}

/* Version 4.76 — elegant, soft green-tinted card shadows on desktop and mobile.
   Preserve existing card dimensions, backgrounds, borders and responsive grid. */
#page-home .home-condition-card {
  box-shadow: 0 8px 22px rgba(29, 78, 58, .115),
              0 2px 5px rgba(29, 78, 58, .04);
}
@media (hover: hover) {
  #page-home .home-condition-card:hover {
    box-shadow: 0 14px 30px rgba(29, 78, 58, .16),
                0 3px 8px rgba(29, 78, 58, .055);
  }
}
@media (hover: none) {
  #page-home .home-condition-card:hover {
    box-shadow: 0 8px 22px rgba(29, 78, 58, .115),
                0 2px 5px rgba(29, 78, 58, .04);
  }
}