/* Supplemental styling for injected AEO content + mockup provenance UI. Brand classes do the rest. */
.HelpArticleContent-module__lVpOTG__articleBody h2{font-family:"rigid-square",var(--font-inter),sans-serif;font-size:28px;line-height:1.2;font-weight:700;color:var(--text);margin:32px 0 12px;}
.HelpArticleContent-module__lVpOTG__articleBody h3{font-family:"rigid-square",var(--font-inter),sans-serif;font-size:20px;line-height:1.3;font-weight:700;color:var(--text);margin:24px 0 8px;}
.HelpArticleContent-module__lVpOTG__articleBody ul{list-style:disc;padding-left:24px;margin:12px 0;}
.HelpArticleContent-module__lVpOTG__articleBody ol{list-style:decimal;padding-left:24px;margin:12px 0;}
.HelpArticleContent-module__lVpOTG__articleBody li{font-family:var(--font-inter),sans-serif;font-size:16px;line-height:25px;color:var(--text);margin:6px 0;}
.HelpArticleContent-module__lVpOTG__articleBody a{color:var(--primary,#00C3FF);}
.HelpArticleContent-module__lVpOTG__articleBody .definition{border-left:3px solid var(--brand-20,#9fe6ff);background:var(--gray-05,#f6f7f8);padding:16px 24px;margin:16px 0;border-radius:4px;}
.HelpArticleContent-module__lVpOTG__articleBody .faq-q{margin-top:20px;}
.HelpArticleContent-module__lVpOTG__articleBody table{font-size:15px;}
.HelpArticleContent-module__lVpOTG__articleBody th{background:var(--gray-05,#f6f7f8);text-align:left;padding:8px 12px;}
.HelpArticleContent-module__lVpOTG__articleBody td{padding:8px 12px;}
/* Table cells must NEVER break mid-word. The platform stylesheet ships
   :is(.articleBody table th, .articleBody table td){word-break:break-word}, which
   splits single words like "Timestamp" across lines ("Timestam"/"p"). word-break:normal
   lets auto-layout widen the column to fit the whole word; multi-word labels still wrap
   on spaces. Matches the platform :is() specificity (0,1,2) and loads after it, so it wins.
   (Brady review comment, 2026-06-15. Also flagged to the platform team for production.) */
.HelpArticleContent-module__lVpOTG__articleBody table th,
.HelpArticleContent-module__lVpOTG__articleBody table td{word-break:normal;overflow-wrap:normal;}
.HelpArticleContent-module__lVpOTG__articleBody .seo-additive{margin-top:40px;padding-top:8px;}
.HelpArticleContent-module__lVpOTG__articleBody .article-meta{font-size:13px;color:#6b7280;margin:0 0 20px;font-family:var(--font-inter),sans-serif;}
.HelpArticleContent-module__lVpOTG__articleBody .article-meta a{color:#6b7280;text-decoration:underline;}

/* provenance UI */
#mock-provbar{position:fixed;left:16px;bottom:16px;z-index:99999;display:flex;align-items:center;gap:14px;
  background:#0c0c0f;color:#fff;border-radius:10px;padding:10px 16px;font:500 13px/1.2 Inter,system-ui,sans-serif;
  box-shadow:0 8px 30px rgba(0,0,0,.28);}
#mock-provbar .mp-title{font-weight:700;letter-spacing:.02em;}
#mock-provbar .mp-tog{display:flex;align-items:center;gap:6px;cursor:pointer;}
#mock-provbar .mp-key{display:none;padding:2px 8px;border-radius:999px;font-size:12px;}
#mock-provbar .mp-info{color:#9fe6ff;text-decoration:none;}
html.prov-on #mock-provbar .mp-key{display:inline-block;}
.mp-ref{background:#0e7a4f;} .mp-add{background:#1f6fd6;}

/* reader-level signpost (always visible) */
.edu-level{display:inline-block;vertical-align:middle;margin-left:12px;padding:3px 11px;border-radius:999px;
  font:600 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.02em;border:1px solid transparent;}
.lvl-beginner{background:#E6F5F2;color:#0a6b57;border-color:#bfe6dd;}
.lvl-intermediate{background:#E8F2FD;color:#1257a8;border-color:#cfe2f7;}
.lvl-advanced{background:#F0ECF9;color:#5b3aa0;border-color:#ddd2f0;}

/* "Start here" learning path on the landing page */
.edu-path{margin:8px 0 4px;padding:24px;background:var(--gray-05,#f6f7f8);border-radius:12px;}
.edu-path h2{font-family:"rigid-square",Inter,sans-serif;font-size:22px;font-weight:700;color:var(--text,#1a1a1a);margin:0 0 4px;}
.edu-path p.edu-path-sub{font:400 15px/1.5 Inter,sans-serif;color:#5b6470;margin:0 0 18px;}
.edu-path ol{list-style:none;counter-reset:step;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.edu-path li{counter-increment:step;position:relative;padding-left:44px;}
.edu-path li::before{content:counter(step);position:absolute;left:0;top:-2px;width:28px;height:28px;
  border-radius:999px;background:#00C3FF;color:#fff;font:700 14px/28px Inter,sans-serif;text-align:center;}
.edu-path a{font:500 16px/1.5 Inter,sans-serif;color:var(--text,#1a1a1a);text-decoration:none;}
.edu-path a:hover{color:#00C3FF;}
@media(min-width:760px){.edu-path ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;}}

.mock-badge{display:none;vertical-align:middle;margin-left:10px;padding:2px 10px;border-radius:999px;
  font:600 12px/1.4 Inter,system-ui,sans-serif;color:#fff;}
.mb-refreshed{background:#0e7a4f;} .mb-added{background:#1f6fd6;}
html.prov-on .mock-badge{display:inline-block;}
/* card outlines in provenance mode */
html.prov-on a[data-prov=refreshed]{outline:2px solid #0e7a4f;outline-offset:2px;}
html.prov-on a[data-prov=added]{outline:2px solid #1f6fd6;outline-offset:2px;}

/* Inline code must FLOW with the sentence. The platform stylesheet ships
   :is(.articleBody pre, .articleBody code){display:block;padding:24px}, which explodes
   every inline <code> ref (constants, file paths) onto its own block.
   (Brady review comment, 2026-06-10. Also flagged to the platform team for production.) */
.HelpArticleContent-module__lVpOTG__articleBody code{display:inline;background:var(--help-article-code-bg,#f0f2f5);
  color:var(--help-article-code-text,inherit);border:1px solid var(--help-article-code-border,#e2e5e9);
  border-radius:3px;margin:0 2px;padding:1px 5px;font-size:15px;line-height:inherit;
  white-space:normal;overflow:visible;overflow-wrap:anywhere;}
.HelpArticleContent-module__lVpOTG__articleBody a code{color:inherit;border-color:currentColor;}
.HelpArticleContent-module__lVpOTG__articleBody pre code{display:inline;background:none;border:0;margin:0;padding:0;}

/* version history UI — visibility is CLASS-based, never the hidden attribute
   (author display rules override [hidden]; that bug froze the old overlay open) */
#mock-provbar .mp-vh{background:#1d2127;color:#9fe6ff;border:1px solid #2a5666;border-radius:6px;
  padding:5px 10px;font:600 12px/1 Inter,system-ui,sans-serif;cursor:pointer;}
#mock-provbar .mp-vh:hover{background:#23303a;}
#mock-provbar .mp-vh.primary{background:#00C3FF;color:#04222e;border-color:#00C3FF;}
#mock-provbar .mp-vh.primary:hover{background:#33d1ff;}
#bsvhCtrls{display:none;align-items:center;gap:8px;}
#mock-provbar.previewing #bsvhCtrls{display:inline-flex;}
#mock-provbar.previewing .mp-tog,#mock-provbar.previewing .mp-key,
#mock-provbar.previewing .mp-info,#mock-provbar.previewing #bsvhBtn{display:none;}
#bsvhCtrls #bsvhCtxt{color:#9fe6ff;font-weight:700;}
#bsvhActive{display:none;align-items:center;gap:8px;color:#ffe9a8;}
#bsvhActive.on{display:inline-flex;}
#bsvhPanel{display:none;position:fixed;left:16px;bottom:62px;z-index:99999;background:#0c0c0f;color:#fff;
  border:1px solid #23262b;border-radius:10px;padding:10px;min-width:340px;max-width:440px;
  box-shadow:0 8px 30px rgba(0,0,0,.35);font:500 13px/1.4 Inter,system-ui,sans-serif;}
#bsvhPanel.open{display:block;}
#bsvhPanel .bsvh-head{font-weight:700;letter-spacing:.02em;padding:2px 6px 8px;color:#9fe6ff;}
#bsvhPanel .bsvh-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:7px;cursor:pointer;}
#bsvhPanel .bsvh-row:hover{background:#181b20;}
#bsvhPanel .bsvh-v{background:#1f6fd6;color:#fff;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;flex-shrink:0;}
#bsvhPanel .bsvh-row.bsvh-current .bsvh-v{background:#0e7a4f;}
#bsvhPanel .bsvh-meta{color:#8a9097;font-size:11px;margin-left:auto;flex-shrink:0;}
#bsvhOverlay{display:none;position:fixed;inset:0;z-index:99998;background:#fff;}
#bsvhOverlay.open{display:block;}
#bsvhOverlay iframe{width:100%;height:100%;border:0;display:block;}
body.bsvh-previewing .fig-toolbar{display:none !important;}