:root{
  --doc-max: 760px;
  --fg: #0b1320;
  --muted: #5b6573;
  --border: #e6e8ec;
  --accent: #4f46e5;
}
.amperx-doc { max-width: var(--doc-max); margin: 0 auto; padding: 0 0 12px 0; }
.amperx-doc h1 { font-size: 32px; line-height:1.2; margin: 0 0 14px; letter-spacing:-0.01em; }
.amperx-doc h2 { font-size: 24px; line-height:1.25; margin: 28px 0 8px; }
.amperx-doc h3 { font-size: 20px; margin: 24px 0 6px; }
.amperx-doc p  { margin: 10px 0; }
.amperx-doc strong { font-weight: 700; }
.amperx-doc em { font-style: italic; }
.amperx-doc hr { border:0; border-top:1px solid var(--border); margin: 28px 0; }
.amperx-doc blockquote { margin: 12px 0; padding: 10px 14px; border-left: 3px solid var(--border); background:#fafafa; color:#333; }
.amperx-doc ul, .amperx-doc ol { padding-left: 22px; margin: 8px 0; }
.amperx-doc code, .amperx-doc pre { background:#f6f8fa; border:1px solid var(--border); border-radius: 8px; }
.amperx-doc code { padding: 2px 6px; }
.amperx-doc pre { padding: 12px; overflow:auto; }
.amperx-doc a { color: var(--accent); text-decoration: none; }
.amperx-doc a:hover { text-decoration: underline; }
.amperx-doc img { max-width: 100%; height: auto; }

/* Footnotes & citations */
.amperx-doc sup { line-height: 0; }
.amperx-doc sup a.amp-citation { text-decoration: none; border-bottom: 1px dotted rgba(79,70,229,.35); padding: 0 2px; }
.amperx-doc sup a.amp-citation:hover { border-bottom-color: var(--accent); }
.amperx-doc section[role="doc-endnotes"] { margin-top: 32px; border-top: 1px solid var(--border); padding-top: 16px; color: var(--muted); font-size: 8pt; }
.amperx-doc ol.footnotes-list { margin: 0; padding-left: 20px; }
.amperx-doc .footnotes > hr { display:none; }
.amperx-doc .footnote-backref { display:none !important; }

/* Force bold headings regardless of theme */
.amperx-doc h1,
.amperx-doc h2,
.amperx-doc h3 { font-weight: 700 !important; }


/* Add modern divider under H2 headings */
.amperx-doc h2 {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0.3em;
    margin-bottom: 1.25em;
    margin-top: 0.75em;
}


/* Style adjustments for headings */
.amperx-doc h2 {
    color: #A28667 !important;
    position: relative;
}
.amperx-doc h2::before {
    content: "↗ ";
    margin-right: 0.25em;
}



/* H3 headings, paragraphs, and list items color */
.amperx-doc h3,
.amperx-doc p,
.amperx-doc li {
    color: #333333 !important;
}