/* Stable offline shell for the embedded How Lido Works guide. */
[data-testid="header"] [class*="header-content_headerWrapper"] {
  display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important;
}
[data-testid="header"] [class*="header-content_logoWrapper"] {
  display:flex !important; align-items:center !important; justify-content:center !important; margin:0 auto !important;
}
[data-testid="header"] [class*="header-content_logoWrapper"] svg { pointer-events:none !important; }
[class*="Accordion-module_header"] { cursor:pointer; user-select:none; }
.offline-big-space { height:48px; }
.offline-article-body img { display:block; max-width:100%; height:auto; margin:28px auto; border-radius:24px; }
.offline-staking-info { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:24px 0; border-bottom:1px solid rgba(0,0,0,.12); }
.offline-staking-info > div { display:flex; flex-direction:column; gap:6px; }
.offline-staking-info strong { font-size:22px; font-weight:600; }
.offline-staking-info span { color:#7d7480; }
.offline-info-block { display:flex; gap:24px; align-items:flex-start; padding:24px; margin:24px 0; border:1px solid rgba(0,0,0,.14); border-radius:24px; }
.offline-info-block img { width:88px; margin:0; border-radius:16px; }
.offline-info-block h4 { margin-top:0; }
.offline-action { display:inline-flex; align-items:center; min-height:52px; padding:0 24px; border:1px solid rgba(0,0,0,.18); border-radius:999px; color:#111; text-decoration:none; }
.offline-article-navigation { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:48px; padding-top:24px; border-top:1px solid rgba(0,0,0,.12); }
.offline-article-navigation a { display:flex; flex-direction:column; gap:4px; color:#111; text-decoration:none; }
.offline-article-navigation a:last-child { text-align:right; }
.offline-article-navigation small { color:#7d7480; }
@media (max-width: 767px) {
  .offline-staking-info { grid-template-columns:1fr; }
  .offline-info-block { flex-direction:column; }
  .offline-article-navigation { grid-template-columns:1fr; }
  .offline-article-navigation a:last-child { text-align:left; }
}

/* Accordion visibility fallback: the original CSS hides panel children with
   opacity:0 unless the generated opened class is present. */
[class*="Accordion-module_content"][aria-hidden="false"] > * {
  opacity: 1 !important;
  visibility: visible !important;
}
[class*="Accordion-module_content"][aria-hidden="true"] {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Normalise headings generated from the offline article data. */
.offline-article-body h3,
.offline-article-body h4 {
  margin-top: 48px;
  margin-bottom: 16px;
}
.offline-article-body h3:first-child,
.offline-article-body h4:first-child {
  margin-top: 0;
}
