/* Narrow-width containment patch for the Reasons page.
 * Keeps the system architecture and surrounding content inside the page measure.
 */
#page-reasons.reasons-ds-v1 .reasons-architecture > .wrap,
#page-reasons.reasons-ds-v1 .architecture-visual,
#page-reasons.reasons-ds-v1 .architecture-visual .diagram-scroll {
  min-width:0;
}

#page-reasons.reasons-ds-v1 .architecture-visual,
#page-reasons.reasons-ds-v1 .architecture-visual .diagram-scroll {
  width:100%;
  max-width:100%;
}

/* Hero polish / Global-site alignment.
 * The hero label remains visible and uses the same label grammar as the other
 * top-level pages. Typography and the coral rule are owned by reasons-ds-v1.css.
 */
#page-reasons.reasons-ds-v1 .reasons-hero h1 {
  width:min(100%,1120px);
  max-width:1120px;
  font-size:clamp(36px,3.55vw,50px);
  line-height:1.4;
  letter-spacing:-.03em;
  text-wrap:wrap;
}
#page-reasons.reasons-ds-v1 .reasons-hero .reasons-time,
#page-reasons.reasons-ds-v1 .reasons-hero .reasons-result,
#page-reasons.reasons-ds-v1 .reasons-hero .whole-optimization,
#page-reasons.reasons-ds-v1 .reasons-hero .management-toc,
#page-reasons.reasons-ds-v1 .reasons-hero .base-predicate {
  display:inline;
  margin:0;
}
#page-reasons.reasons-ds-v1 .reasons-hero .reasons-result::before,
#page-reasons.reasons-ds-v1 .reasons-hero .management-toc::before {
  display:block;
  content:"";
}
#page-reasons.reasons-ds-v1 .reasons-hero .whole-optimization {
  margin-left:.12em;
}
#page-reasons.reasons-ds-v1 .reasons-hero .base-predicate {
  margin-left:.16em;
  color:rgba(255,255,255,.84);
  font-size:.84em;
  letter-spacing:-.02em;
}

@media(max-width:760px) {
  #page-reasons.reasons-ds-v1 .architecture-visual {
    overflow:hidden;
  }
  #page-reasons.reasons-ds-v1 .reasons-hero h1 {
    font-size:clamp(28px,7.7vw,34px);
    line-height:1.46;
  }
  #page-reasons.reasons-ds-v1 .reasons-hero .whole-optimization {
    margin-left:.08em;
  }
  #page-reasons.reasons-ds-v1 .reasons-hero .base-predicate {
    margin-left:.1em;
    font-size:.86em;
  }
}

/* DS v0.7 / Governance 2 Page Grammar.
 * Narrative: foundation proof -> human implementation -> system implementation -> action.
 * Containers and saturated color mass are used only where their information role warrants them.
 */

/* Proven Theory is evidence, not a giant branded card. Keep the split reading order,
 * but move the context and organization evidence onto one open field. */
#page-reasons.reasons-ds-v1 .reasons-theory > .wrap {
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.48fr);
  gap:clamp(42px,5vw,72px);
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#page-reasons.reasons-ds-v1 .reasons-theory .reasons-section-head {
  justify-content:flex-start;
  align-self:start;
  padding:3px 0 3px clamp(22px,2.4vw,30px);
  border-left:4px solid var(--reasons-lilac);
  background:transparent;
  background-image:none;
}
#page-reasons.reasons-ds-v1 .reasons-theory .reasons-section-head .eyebrow,
#page-reasons.reasons-ds-v1 .reasons-theory .reasons-section-head h2 {
  color:var(--reasons-navy);
}
#page-reasons.reasons-ds-v1 .reasons-theory .reasons-section-head p {
  color:var(--reasons-body);
}
#page-reasons.reasons-ds-v1 .theory-list {
  border-top:1px solid #d9e1e8;
  border-bottom:1px solid #d9e1e8;
  background:transparent;
}
#page-reasons.reasons-ds-v1 .theory-item,
#page-reasons.reasons-ds-v1 .theory-item:nth-child(-n+3),
#page-reasons.reasons-ds-v1 .theory-item:nth-child(n+4) {
  grid-template-columns:minmax(120px,150px) minmax(0,1fr);
  gap:clamp(20px,2.5vw,34px);
  padding:22px 0;
  background:transparent;
}
@media (hover:hover) and (pointer:fine) {
  #page-reasons.reasons-ds-v1 .theory-item:hover { background:transparent; }
}

/* Expert support is a peer mechanism. Remove the High-salience Teal brand field
 * and generic white cards; the three domains remain equal peers on a quiet field. */
#page-reasons.reasons-ds-v1 .reasons-expert {
  background:#f3f7f6;
  background-image:none;
}
#page-reasons.reasons-ds-v1 .reasons-expert::before {
  content:none;
  display:none;
}
#page-reasons.reasons-ds-v1 .reasons-expert .reasons-section-head {
  width:min(100%,820px);
}
#page-reasons.reasons-ds-v1 .reasons-expert .reasons-section-head .eyebrow,
#page-reasons.reasons-ds-v1 .reasons-expert .reasons-section-head h2 {
  color:var(--reasons-navy);
}
#page-reasons.reasons-ds-v1 .reasons-expert .reasons-section-head p {
  color:var(--reasons-body);
}
#page-reasons.reasons-ds-v1 .reasons-expert .reasons-section-head .eyebrow::before {
  background:var(--reasons-teal);
}
#page-reasons.reasons-ds-v1 .expert-list {
  gap:0;
  border-top:1px solid #cfdcda;
}
#page-reasons.reasons-ds-v1 .expert-item,
#page-reasons.reasons-ds-v1 .expert-item:first-child,
#page-reasons.reasons-ds-v1 .expert-item:nth-child(2),
#page-reasons.reasons-ds-v1 .expert-item:last-child {
  padding:28px 30px 4px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#page-reasons.reasons-ds-v1 .expert-item:not(:first-child) {
  border-left:1px solid #cfdcda;
}
#page-reasons.reasons-ds-v1 .expert-item::before {
  content:none;
  display:none;
}
#page-reasons.reasons-ds-v1 .expert-item h3 {
  color:var(--reasons-teal);
}

/* Architecture owns the strongest media asset in the body. Keep local containment,
 * but use a quiet media-well rather than a decorative gradient card. */
#page-reasons.reasons-ds-v1 .architecture-visual {
  padding:16px;
  border:1px solid #d8e0e7;
  border-radius:14px;
  background:#fff;
  background-image:none;
  box-shadow:none;
}
@media(max-width:980px) {
  #page-reasons.reasons-ds-v1 .reasons-theory > .wrap {
    gap:34px;
  }
  #page-reasons.reasons-ds-v1 .reasons-theory .reasons-section-head {
    padding:2px 0 2px 22px;
  }
  #page-reasons.reasons-ds-v1 .expert-list {
    border-top:1px solid #cfdcda;
  }
  #page-reasons.reasons-ds-v1 .expert-item,
  #page-reasons.reasons-ds-v1 .expert-item:first-child,
  #page-reasons.reasons-ds-v1 .expert-item:nth-child(2),
  #page-reasons.reasons-ds-v1 .expert-item:last-child {
    padding:24px 0;
    border-left:0;
  }
  #page-reasons.reasons-ds-v1 .expert-item:not(:first-child) {
    border-left:0;
    border-top:1px solid #cfdcda;
  }
}

@media(max-width:760px) {
  #page-reasons.reasons-ds-v1 .reasons-theory > .wrap {
    grid-template-columns:1fr;
    gap:28px;
  }
  #page-reasons.reasons-ds-v1 .reasons-theory .reasons-section-head {
    width:100%;
    padding:2px 0 2px 18px;
  }
  #page-reasons.reasons-ds-v1 .theory-list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;
    width:100%;
  }
  #page-reasons.reasons-ds-v1 .theory-item,
  #page-reasons.reasons-ds-v1 .theory-item:nth-child(-n+3),
  #page-reasons.reasons-ds-v1 .theory-item:nth-child(n+4) {
    display:block;
    min-width:0;
    gap:0;
    padding:18px 0 20px;
  }
  #page-reasons.reasons-ds-v1 .theory-item:last-child:nth-child(odd) {
    grid-column:1 / -1;
  }
  #page-reasons.reasons-ds-v1 .theory-item h3 {
    margin-bottom:9px;
    font-size:18px;
    line-height:1.35;
  }
  #page-reasons.reasons-ds-v1 .theory-item p {
    font-size:14px;
    line-height:1.72;
  }
  #page-reasons.reasons-ds-v1 .architecture-visual {
    padding:12px;
    border-radius:12px;
  }
}

@media(forced-colors:active) {
  #page-reasons.reasons-ds-v1 .reasons-theory .reasons-section-head,
  #page-reasons.reasons-ds-v1 .theory-list,
  #page-reasons.reasons-ds-v1 .reasons-expert,
  #page-reasons.reasons-ds-v1 .expert-list,
  #page-reasons.reasons-ds-v1 .expert-item,
  #page-reasons.reasons-ds-v1 .architecture-visual {
    background:Canvas;
    color:CanvasText;
    box-shadow:none;
  }
  #page-reasons.reasons-ds-v1 .reasons-theory .reasons-section-head {
    border-left-color:CanvasText;
  }
  #page-reasons.reasons-ds-v1 .theory-list,
  #page-reasons.reasons-ds-v1 .expert-list,
  #page-reasons.reasons-ds-v1 .expert-item:not(:first-child),
  #page-reasons.reasons-ds-v1 .architecture-visual {
    border-color:CanvasText;
  }
}