/* Chugo: uniform card outlines; no decorative color stripe on one edge. */
.chugo-web .cx-catalog-note,.chugo-web .cx-age-card,.chugo-web .cx-principle-list article,.chugo-web .cx-event-card,.chugo-web .cx-unit-card,.chugo-web .cx-services article,.chugo-web .cx-groups>article,.chugo-web .cx-decision-panel{border:1px solid #dce4ec!important}
.chugo-web .cx-form-error{border:1px solid #e7d5d5!important}

/* 2026-10-23 Layout & Personal Center Polish (Non-Destructive CSS Enhancements) */
/* 1. Homepage search bar (.cx-departure-search): fix label:first-of-type stripping left padding from .cx-search-age and broken nth-of-type on tablet/mobile */
.chugo-web .cx-departure-search {
  max-width: 860px !important;
  padding: 14px 16px 14px 22px !important;
  align-items: center !important;
}
.chugo-web .cx-departure-search .cx-search-city {
  padding: 4px 18px 4px 4px !important;
  border-right: 1px solid #e2eaf2 !important;
  min-width: 0;
}
.chugo-web .cx-departure-search label.cx-search-age {
  padding: 4px 18px !important;
  border-right: 1px solid #e2eaf2 !important;
  min-width: 0;
}
.chugo-web .cx-departure-search label.cx-search-month {
  padding: 4px 18px !important;
  border-right: 1px solid #e2eaf2 !important;
  min-width: 0;
}
@media (max-width: 850px) and (min-width: 761px) {
  .chugo-web .cx-departure-search label.cx-search-month {
    border-right: 0 !important;
    padding-right: 4px !important;
  }
}
@media (max-width: 760px) {
  .chugo-web .cx-departure-search {
    padding: 16px !important;
    gap: 12px 0 !important;
  }
  .chugo-web .cx-departure-search .cx-search-city {
    grid-column: 1 / -1 !important;
    padding: 0 0 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e5ebf0 !important;
  }
  .chugo-web .cx-departure-search label.cx-search-age {
    padding: 4px 12px 4px 0 !important;
    border-right: 1px solid #e5ebf0 !important;
  }
  .chugo-web .cx-departure-search label.cx-search-month {
    padding: 4px 0 4px 12px !important;
    border-right: 0 !important;
  }
}

/* 2. Homepage 3-step guide, age stage grid on tablet & partner callout */
.chugo-web .cx-departure-checks {
  max-width: 860px !important;
}
.chugo-web .cx-departure-checks > a {
  align-items: center !important;
}
@media (max-width: 1100px) and (min-width: 820px) {
  .chugo-web .cx-age-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
.chugo-web .cx-home-partner.cx-wrap,
.chugo-web .cx-home-partner {
  background: linear-gradient(135deg, #eef4fc 0%, #f6f9fe 62%, #fbf8f2 100%) !important;
  border: 1px solid #cfe0f5 !important;
  border-radius: 16px !important;
  padding: 38px 44px !important;
  margin-bottom: 68px !important;
  color: #16325b !important;
  box-shadow: 0 10px 28px -12px rgba(16, 47, 88, 0.08) !important;
}
@media (max-width: 760px) {
  .chugo-web .cx-home-partner.cx-wrap,
  .chugo-web .cx-home-partner {
    padding: 26px 22px !important;
    margin-bottom: 44px !important;
  }
}

/* 3. Personal Center (/account) layout & alignment fixes */
.chugo-web .pc-saved-actions {
  margin-top: 8px !important;
  padding: 8px 14px !important;
  background: #fffdf8 !important;
  border: 1px solid #d8dedb !important;
  border-radius: 8px !important;
}
.chugo-web .pc-foot-toolbar .pc-tabs {
  margin-bottom: 0 !important;
}
.chugo-web .pc-foot-toolbar .pc-inline-check {
  padding-top: 0 !important;
}
@media (max-width: 760px) {
  .chugo-web .pc-sidebar {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding-bottom: 0 !important;
    margin-bottom: 24px !important;
  }
  .chugo-web .pc-sidebar button {
    flex-direction: row !important;
    justify-content: flex-start !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    gap: 6px !important;
    background: #fffdf8 !important;
    border: 1px solid #dce4e3 !important;
    border-radius: 8px !important;
  }
  .chugo-web .pc-sidebar button[aria-current="page"] {
    background: #edf2fc !important;
    border-color: #b8cdef !important;
    color: #2456c9 !important;
  }
}
@media (max-width: 680px) {
  .chugo-web .pr-art {
    margin-top: 0 !important;
    height: 112px !important;
  }
}
