/* Seed's identity: deep green, clear white, charcoal and a measured yellow accent.
   The TOP hero image, geometry and placement intentionally remain unchanged. */
:root {
  --seed-green: #165638;
  --seed-deep: #10452d;
  --seed-yellow: #f2d535;
  --seed-ink: #252b27;
  --seed-muted: #56645a;
  --seed-soft: #f3f7ef;
  --seed-border: #dce6d8;
  --green: var(--seed-green);
  --deep: var(--seed-deep);
  --text: var(--seed-ink);
  --muted: var(--seed-muted);
  --light: var(--seed-soft);
  --cream: #f8faef;
  --yellow: var(--seed-yellow);
  --line: var(--seed-border);
  --chrome-green: var(--seed-deep);
  --chrome-ink: var(--seed-ink);
  --chrome-gold: var(--seed-yellow);
  --chrome-paper: #fff;
  --chrome-border: var(--seed-border);
}

body { color: var(--seed-ink); }
::selection { background: #f7e780; color: var(--seed-deep); }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline-color: var(--seed-green);
}

/* The shared navigation carries the brand rather than a grey-green tint. */
.site-header .header-utility {
  background: #f5f8f1;
  border-bottom-color: #e4ebdf;
}
.site-header .utility-location,
.site-header .utility-features { color: #3b5542; }
.site-header .utility-features span::before { background: #ddc020; }
.site-header .utility-location { min-width: 0; }
.site-header .utility-inner { min-height: 52px; gap: 16px; }
.site-header .utility-features { margin-left: auto; gap: 14px; }
.header-quick-links { display: flex; gap: 10px; margin-left: auto; flex-shrink: 0; }
.header-recruit, .header-contact-link { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 38px; padding: 7px 17px; border: 1px solid transparent; border-radius: 5px; color: #10452d; font-size: 13px; font-weight: 700; line-height: 1.6; white-space: nowrap; transition: background .18s ease, border-color .18s ease; }
.header-recruit { background: #f2d535; border-color: #e3c329; }
.header-contact-link { background: #fff; border-color: #a5bba9; }
.header-recruit > span, .header-contact-link > span { font-size: 17px; font-weight: 400; }
.header-recruit:hover { background: #ffe45c; border-color: #bd9d12; }
.header-contact-link:hover { background: #e9f1e7; border-color: #165638; }
.header-recruit[aria-current=page], .header-contact-link[aria-current=page] { box-shadow: inset 0 -3px #165638; }
.header-quick-links a:focus-visible, .mobile-menu-shortcuts a:focus-visible { outline: 2px solid #165638; outline-offset: 3px; }
.mobile-menu-shortcuts { display: none; }
@media(max-width:1199px) {
  .site-header .utility-features { display: none; }
}
@media(max-width:1023px) {
  html { scroll-padding-top: 160px; }
  .mobile-menu-shortcuts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 18px; }
  .mobile-menu-shortcuts a { min-height: 46px; }
  .site-header .clinic-navigation { max-height: calc(100dvh - 215px - env(safe-area-inset-bottom, 0px)); }
}
@media(max-width:767px) {
  html { scroll-padding-top: 144px; }
  .site-header .utility-inner { min-height: 48px; gap: 10px; }
  .site-header .utility-location { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .header-quick-links { gap: 8px; }
  .header-recruit, .header-contact-link { font-size: 12px; padding: 7px 12px; gap: 9px; }
  .site-header .clinic-navigation { max-height: calc(100dvh - 209px - env(safe-area-inset-bottom, 0px)); }
}
@media(max-width:479px) {
  .site-header .utility-location { display: none; }
  .header-quick-links { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mobile-menu-shortcuts { gap: 8px; }
}
.site-header .header-brand .brand-name,
.site-header .header-phone { color: var(--seed-deep); }
.site-header .header-brand-en { color: #526c57; }
.site-header .header-nav-shell {
  background: var(--seed-green);
  box-shadow: inset 0 -1px #ffffff24;
}
.site-header .clinic-nav-bar { background: var(--seed-green); }
.site-header .clinic-nav-bar .nav-tile {
  color: #fff;
  background: transparent;
  transition: background .18s ease, color .18s ease;
}
.site-header .clinic-nav-bar .nav-tile::after { background: #ffffff30; }
.site-header .clinic-nav-bar .nav-en { color: #d2e4d3; }
.site-header .clinic-nav-bar .nav-chevron { border-color: #c6dfc9; }
.site-header .clinic-nav-bar .nav-tile:hover { background: #206746; }
.site-header .clinic-nav-bar .nav-tile:focus-visible {
  outline: 2px solid var(--seed-yellow);
  outline-offset: -5px;
}
.site-header .clinic-nav-bar .nav-icon-wrap::before {
  background: var(--seed-yellow);
}
.site-header .clinic-nav-bar .nav-tile:hover .nav-icon,
.site-header .clinic-nav-bar .nav-tile:focus-visible .nav-icon,
.site-header .clinic-nav-bar .nav-tile[aria-expanded="true"] .nav-icon {
  color: var(--seed-deep);
}
.site-header .clinic-nav-bar .nav-tile[aria-expanded="true"],
.site-header .clinic-nav-bar .nav-tile[aria-current="page"],
.site-header .clinic-nav-bar .nav-tile[data-current="true"] {
  background: #f7faef;
  color: var(--seed-green);
}
.site-header .clinic-nav-bar .nav-tile[aria-expanded="true"] .nav-en,
.site-header .clinic-nav-bar .nav-tile[aria-current="page"] .nav-en,
.site-header .clinic-nav-bar .nav-tile[data-current="true"] .nav-en {
  color: #526c57;
}
.site-header .clinic-nav-bar .nav-tile[aria-expanded="true"] .nav-chevron,
.site-header .clinic-nav-bar .nav-tile[data-current="true"] .nav-chevron {
  border-color: var(--seed-green);
}
.site-header .mega-panel { background: #fff; border-color: #cfddc9; }
.site-header .mega-heading > h2,
.site-header .mega-service-links strong,
.site-header .mega-links > a { color: var(--seed-green); }
.site-header .mega-number { color: #406843; }
.site-header .mega-links > a:hover,
.site-header .mega-service-links > a:hover { background: #f4f8eb; }
.site-header .mega-close { background: #f4e37e; color: var(--seed-deep); }

/* TOP: clearer hierarchy and accents without replacing its main visual. */
body:not(.subpage) .hero-description { color: #48564d; }
body:not(.subpage) .hero .seed-dot { background: var(--seed-yellow); }
body:not(.subpage) .hero-bottom { color: #4c6550; }
body:not(.subpage) .section-heading .eyebrow,
body:not(.subpage) .about-copy > .eyebrow,
body:not(.subpage) .first-heading > .eyebrow,
body:not(.subpage) .team-copy > .eyebrow,
body:not(.subpage) .news-heading > .eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--seed-green);
}
body:not(.subpage) .section-heading .eyebrow::before,
body:not(.subpage) .about-copy > .eyebrow::before,
body:not(.subpage) .first-heading > .eyebrow::before,
body:not(.subpage) .team-copy > .eyebrow::before,
body:not(.subpage) .news-heading > .eyebrow::before {
  content: "";
  width: 25px;
  height: 4px;
  background: var(--seed-yellow);
  flex-shrink: 0;
}
body:not(.subpage) .section-title { color: var(--seed-green); }
body:not(.subpage) .circle-arrow {
  border-color: #a9c5aa;
  color: var(--seed-green);
}
body:not(.subpage) .text-link:hover .circle-arrow {
  background: var(--seed-green);
  color: #fff;
}
body:not(.subpage) .small-link:hover { color: var(--seed-green); }
body:not(.subpage) .visit-summary {
  background: #fff;
  border: 1px solid var(--seed-border);
  border-top: 4px solid var(--seed-yellow);
  box-shadow: 0 10px 30px #16432c08;
}
body:not(.subpage) .visit-intro { border-right-color: var(--seed-border); }
body:not(.subpage) .visit-intro h2 { color: var(--seed-green); }
body:not(.subpage) .visit-intro p:not(.eyebrow) { color: #4b584e; }
body:not(.subpage) .visit-intro strong {
  color: var(--seed-deep);
  background: linear-gradient(transparent 58%, #f7e673 58%);
  font-weight: 600;
}
body:not(.subpage) .schedule thead {
  background: var(--seed-green);
  border-color: var(--seed-green);
}
body:not(.subpage) .schedule thead th,
body:not(.subpage) .schedule thead .closed-day { color: #fff; }
body:not(.subpage) .schedule th:first-child { padding-left: 12px; }
body:not(.subpage) .schedule tbody tr:nth-child(even) { background: #f6f9f1; }
body:not(.subpage) .schedule tbody td { color: var(--seed-green); }
body:not(.subpage) .schedule tbody .closed-day { color: #778071; }
body:not(.subpage) .schedule-note > span {
  background: #f7e67b;
  color: #263f2a;
  border-color: #f7e67b;
}
body:not(.subpage) .news-item:hover { color: var(--seed-green); background: #f9fbf5; }
body:not(.subpage) .news-tag { color: #31583b; background: #edf4e6; }
body:not(.subpage) .news-arrow { color: var(--seed-green); }
body:not(.subpage) .about-section { background: #f8faf4; }
body:not(.subpage) .about-sub-photo { border-color: #f8faf4; }
body:not(.subpage) .about-photo-caption { color: #5d735b; }

/* Three services are distinct, evenly weighted and easy to scan. */
body:not(.subpage) .service-grid { gap: 22px; }
body:not(.subpage) .service,
body:not(.subpage) .service + .service,
body:not(.subpage) .service:last-child {
  display: flex;
  flex-direction: column;
  padding: 25px 25px 0;
  border-left: 0;
  border-top: 4px solid var(--seed-yellow);
  border-radius: 0 0 8px 8px;
  background: #f5f8f0;
}
body:not(.subpage) .service-number {
  color: var(--seed-green);
  font-size: 48px;
  margin-bottom: 18px;
}
body:not(.subpage) .service-en { color: #56704f; }
body:not(.subpage) .service > p { flex: 1; min-height: 0; color: var(--seed-ink); }
body:not(.subpage) .service details { margin-top: 22px; border-color: #d8e3cf; }
body:not(.subpage) .service summary > span { background: #fff; border-color: #a9c3a3; }
body:not(.subpage) .first-heading .solid-button {
  background: var(--seed-yellow);
  color: #173f29;
  border: 1px solid #e7ce2a;
  border-radius: 5px;
}
body:not(.subpage) .first-heading .solid-button:hover { background: #f7e266; }
body:not(.subpage) .first-list article > span {
  display: grid;
  place-items: center;
  align-self: flex-start;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  background: #f7e67b;
  color: var(--seed-green);
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
body:not(.subpage) .first-list h3 { color: var(--seed-ink); }
body:not(.subpage) .facility-section { background: #f3f7ef; }
body:not(.subpage) .facility-grid figcaption span { color: var(--seed-green); }
body:not(.subpage) .team-accent { color: #e8efdf; }
body:not(.subpage) .access-section { background: #f6f9f1; }
body:not(.subpage) .access-details h3 { color: var(--seed-green); }
body:not(.subpage) .map-button {
  background: var(--seed-green);
  color: #fff;
  border-color: var(--seed-green);
  border-radius: 4px;
}
body:not(.subpage) .map-button > span { color: var(--seed-yellow); }
body:not(.subpage) .map-button:hover { background: var(--seed-deep); }
body:not(.subpage) .access-tags span { background: #e7efdc; color: #315b3b; }
body:not(.subpage) .access-tags span:first-child { background: #f6e579; color: #29472f; }

/* Footer artwork keeps its official colours and original geometry. */
.site-footer,
.subpage .site-footer {
  --chrome-green: var(--seed-deep);
  --chrome-ink: var(--seed-ink);
  --chrome-gold: var(--seed-yellow);
  --chrome-paper: #fff;
  background: var(--seed-deep);
  border-top: 5px solid var(--seed-yellow);
}
.site-footer .footer-contact-copy .eyebrow { color: #f1df76; }
.site-footer .footer-contact-copy h2 { color: #fff; }
.site-footer .footer-contact-copy > p:last-child,
.site-footer .footer-phone-block > span,
.site-footer .footer-phone-block > small { color: #dce9dc; }
.site-footer .footer-phone { color: #f5df58; }
.site-footer .footer-phone:hover { color: #fff; }
.site-footer .footer-card {
  background: #fff;
  color: var(--seed-ink);
  border-color: #fff;
  box-shadow: 0 12px 30px #00201418;
}
.site-footer .footer-card .brand-name,
.site-footer .footer-hours-heading h3 { color: var(--seed-green); }
.site-footer .footer-hours-heading > span { background: #f6e67a; color: #29472f; }
.site-footer .footer-schedule thead { background: var(--seed-green); border-color: var(--seed-green); }
.site-footer .footer-schedule thead th,
.site-footer .footer-schedule thead .closed-day { color: #fff; }
.site-footer .footer-schedule tbody td { color: var(--seed-green); }
.site-footer .footer-schedule tbody .closed-day { color: #778071; }
.site-footer .footer-schedule tbody tr:nth-child(even) { background: #f6f9f1; }
.site-footer .footer-hours-note,
.site-footer .payment-panel > p,
.site-footer .practical-heading h3 { color: var(--seed-ink); }
.site-footer .footer-navigation nav a { color: #f1f6ee; }
.site-footer .footer-navigation nav a:hover { color: var(--seed-yellow); }
.site-footer .back-top { border-color: #91b28f; color: #fff; }
.site-footer .back-top:hover { background: #1f6341; }
.site-footer .footer-bottom { border-color: #648566; }
.site-footer .footer-bottom small,
.site-footer .footer-legal > a { color: #d3e2cf; }

@media (max-width: 1100px) {
  body:not(.subpage) .service-grid { gap: 18px; }
  body:not(.subpage) .service,
  body:not(.subpage) .service + .service,
  body:not(.subpage) .service:last-child { padding-inline: 20px; }
}

@media (max-width: 1023px) {
  .site-header .header-nav-shell { background: transparent; box-shadow: none; }
  .site-header .clinic-nav-bar { border-color: var(--seed-green); background: #477d54; }
  .site-header .clinic-nav-bar .nav-tile { background: var(--seed-green); }
  .site-header .clinic-nav-bar .nav-tile:hover { background: #206746; }
  .site-header .clinic-nav-bar .nav-tile[aria-expanded="true"],
  .site-header .clinic-nav-bar .nav-tile[aria-current="page"],
  .site-header .clinic-nav-bar .nav-tile[data-current="true"] { background: #f7faef; }
}

@media (max-width: 767px) {
  body:not(.subpage) .visit-intro { border-right: 0; }
  body:not(.subpage) .schedule th:first-child { padding-left: 7px; }
  body:not(.subpage) .service,
  body:not(.subpage) .service + .service,
  body:not(.subpage) .service:last-child { padding: 23px 23px 0; margin-top: 22px; }
  body:not(.subpage) .service:first-child { margin-top: 0; }
  body:not(.subpage) .service-number,
  body:not(.subpage) .service:first-child .service-number {
    position: static;
    font-size: 38px;
    margin-bottom: 13px;
  }
  body:not(.subpage) .service details { margin-top: 17px; }
  body:not(.subpage) .first-list article { gap: 16px; }
  body:not(.subpage) .first-list article > span { width: 29px; height: 29px; flex-basis: 29px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .clinic-nav-bar .nav-tile { transition: none; }
}

/* Use one clean portrait, with no offset paper silhouette or colour blending. */
.team-portrait::before { content: none; display: none; }
.team-portrait img { object-fit: contain; object-position: center; mix-blend-mode: normal; border-radius: 0; }

/* Food and dental care, restored from the original clinic homepage. */
.food-section { background: var(--seed-soft); border-top: 1px solid var(--seed-border); }
.food-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 5vw, 72px); }
.food-copy .eyebrow { color: var(--seed-green); }
.food-copy .section-title { font-size: clamp(24px, 2.5vw, 32px); line-height: 1.65; letter-spacing: .04em; }
.food-copy .food-lead { margin: 24px 0 18px; color: var(--seed-green); font-size: clamp(20px, 2vw, 26px); font-weight: 500; line-height: 1.8; letter-spacing: .05em; }
.food-copy > p:not(.eyebrow):not(.food-lead) { margin: 0 0 14px; font-size: 14px; line-height: 2.1; }
.food-copy > .text-link { margin-top: 12px; font-size: 13px; gap: 16px; }
.food-photo { min-width: 0; margin: 0; padding: 13px; background: #fff; border: 1px solid var(--seed-border); border-top: 4px solid var(--seed-yellow); box-shadow: 0 18px 42px #10452d09; }
/* Source pixels and all product/price text are retained; adjust display only. */
.food-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; filter: brightness(1.06) saturate(.92); }
.food-photo figcaption { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 15px; padding: 17px 6px 5px; color: var(--seed-muted); font-size: 11px; line-height: 1.7; }
.food-photo figcaption > span { color: var(--seed-green); font-size: 9px; letter-spacing: .13em; }

.site-header .mega-service-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.site-header .mega-service-links > a { flex-direction: row; align-items: center; gap: 13px; min-height: 100px; padding: 16px; border: 1px solid var(--seed-border); border-radius: 6px; background: #fff; }
.site-header .mega-service-links > a > span:nth-child(2) { min-width: 0; }
.site-header .mega-service-links > a > span:last-child { align-self: center; margin: 0 0 0 auto; }
.site-header .mega-service-links .mega-number { font-size: 23px; flex-shrink: 0; }
.site-header .mega-service-links small { margin-top: 4px; }
.site-header .mega-service-links > a:hover { border-color: #9fb69a; background: #f4f8eb; }

@media (max-width: 767px) {
  .food-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .food-copy .food-lead { margin-top: 18px; }
  .food-copy > .text-link { gap: 12px; font-size: 12px; }
  .food-photo { padding: 9px; }
  .site-header .mega-service-links { grid-template-columns: minmax(0, 1fr); }
  .site-header .mega-service-links > a { min-height: 0; padding: 14px 12px; }
}