/* The installation card shares the company palette and a48px control scale. */
.ci-install {
  max-width:1200px;
  margin:0 auto 72px;
  padding:0 32px;
}
.ci-install-panel {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px 24px;
  padding:28px;
  border:1px solid #dce6e9;
  border-radius:20px;
  background:#f6fafb;
  color:#143446;
}
.ci-install-heading { min-width:0; }
.ci-install-heading h2 { margin:0 0 8px; font-size:24px; line-height:1.35; letter-spacing:-.03em; }
.ci-install-heading p { margin:0; color:#526570; line-height:1.7; }
.ci-install-actions { display:flex; align-items:center; gap:12px; min-width:0; }
.ci-install-button {
  appearance:none;
  min-height:48px;
  min-width:128px;
  max-width:100%;
  padding:12px 20px;
  border:1px solid #146b72;
  border-radius:12px;
  background:#146b72;
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1.5;
  font-family:inherit;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
}
.ci-install-button:hover { background:#105c62; }
.ci-install-button:disabled { cursor:wait; background:#526570; border-color:#526570; }
.ci-installed-badge { padding:10px 14px; border-radius:12px; background:#e1f0eb; color:#215e49; font-size:14px; }
.ci-install-note,.ci-install-status,.ci-install-help { grid-column:1/-1; margin:0; overflow-wrap:anywhere; }
.ci-install-note { color:#526570; font-size:14px; line-height:1.7; }
.ci-install-status { color:#215e49; font-size:15px; line-height:1.7; }
.ci-install-help { border-top:1px solid #dce6e9; padding-top:12px; }
.ci-install-help summary { display:flex; align-items:center; gap:12px; min-height:48px; cursor:pointer; font-weight:700; color:#146b72; }
.ci-install-help summary::before { content:"+"; flex:0 0 16px; text-align:center; }
.ci-install-help[open] summary::before { content:"−"; }
.ci-install-help ul { margin:12px 0 0; padding:0; list-style:none; display:grid; gap:16px; }
.ci-install-help li { display:grid; gap:4px; line-height:1.7; }
.ci-install-help li span { color:#526570; font-size:14px; }
.ci-install :focus-visible { outline:3px solid #a26a18; outline-offset:4px; }
.ci-install [hidden] { display:none!important; }
@media(max-width:780px) {
  .ci-install { margin-bottom:48px; padding-inline:20px; }
  .ci-install-panel { grid-template-columns:minmax(0,1fr); gap:16px; padding:22px; }
  .ci-install-heading h2 { font-size:22px; }
  .ci-install-actions { width:100%; }
  .ci-install-button { width:100%; min-width:0; }
}