/* === Production CSS Compatibility Layer === */
/* Resolves conflicts between ecbeing production CSS and DS styles */
/* Load after: production CSS → 2026-static-ds.css → this file */
/* NOTE: Global resets only. Page-specific overrides go in page CSS files. */

/* === Body Reset === */
/* Production common.css sets text-align: center, min-width: 1100px on body */
body {
  text-align: left;
  min-width: 0;
}

/* === Link Reset === */
/* Production common.css sets a:link/visited/active/hover { color: #1f1f1f } */
/* Pseudo-class selectors (0,1,1) beat .class (0,1,0), so we must match specificity */
a,
a:link,
a:visited,
a:active,
a:hover {
  color: inherit;
  text-decoration: none;
}

/* === Button Link Color === */
/* a:link (0,1,1) beats .btn--primary (0,1,0) — restore on shared DS components */
.s26-btn--primary:link,
.s26-btn--primary:visited,
.s26-btn--primary:hover,
.s26-btn--primary:active {
  color: var(--color-text-default-on-dark);
}
.s26-btn--secondary:link,
.s26-btn--secondary:visited,
.s26-btn--secondary:hover,
.s26-btn--secondary:active {
  color: var(--color-brand-primary);
}

/* === DS Utility Link Restore === */
/* .text-color-link is a DS utility class used across pages */
.text-color-link:link,
.text-color-link:visited {
  color: var(--color-text-link);
}

/* === Image Reset === */
/* Production keeps img as inline; DS sets display: block */
img {
  display: block;
}

/* === List Reset === */
/* Production common.css restores list-style on ol li */
ol li {
  list-style: none;
}

/* === Container Width Fix === */
/* ECBeing 静的ページヘッダーが max-width: calc(1248px + var(--margin-x)) で実装されており、
   本来の DS (1440px = 1248 + margin-x*2) より margin-x 1 つ分狭い。
   コンテンツ幅を揃えるため .s26-container も同じ値に上書き。
   (動的ページでは別実装のため、static 側のみのズレ) */
.s26-container {
  max-width: calc(1248px + var(--margin-x));
}