/* Page-owned AI examples, using the existing Lijix type and color tokens. */
[data-ai-panel][hidden] { display:none; }
#reporting { position:relative; }
.mp-anchor-alias { position:absolute; inset-block-start:0; display:block; height:0; scroll-margin-top:28px; }
.mp-ai-context-path { list-style:none; margin:0; padding:0; }
.mp-ai-context-path li { display:flex; align-items:center; gap:14px; padding:18px 0; border-bottom:1px solid var(--neutral-200); }
.mp-ai-context-path li > span { color:var(--brand); font-size:11px; font-weight:600; }
.mp-ai-context-path li > div { flex:1; min-width:0; }
.mp-ai-context-path strong { display:block; font-size:13px; line-height:1.6; }
.mp-ai-context-path small { display:block; font-size:11px; color:var(--secondary); line-height:1.7; margin-top:4px; }
.mp-ai-context-path em { font-size:10px; font-style:normal; color:var(--brand); }
.mp-ai-context-conclusion { margin-top:20px; padding-inline-start:16px; border-inline-start:3px solid var(--brand-bright); font-size:13px; line-height:1.8; }
.mp-ai-source { padding:20px; border:1px solid var(--neutral-200); border-radius:14px; background:var(--white); }
.mp-ai-source > small { display:block; font-size:10px; color:var(--brand); font-weight:600; }
.mp-ai-source blockquote { margin:12px 0 0; font:inherit; color:var(--secondary); font-size:13px; line-height:1.9; }
.mp-ai-brief h3,.mp-ai-followups h3 { font-size:14px; font-weight:600; line-height:1.6; letter-spacing:normal; }
.mp-ai-brief ul { padding:0; margin:12px 0 0; list-style:none; }
.mp-ai-brief li { padding:8px 0 8px 16px; position:relative; font-size:12px; line-height:1.8; }
.mp-ai-brief li::before { content:""; position:absolute; inset-inline-start:0; top:17px; width:5px; height:5px; border-radius:50%; background:var(--brand-bright); }
.mp-ai-breakdown { margin:22px 0; padding-block:22px; border-block:1px solid var(--neutral-200); }
.mp-ai-breakdown figcaption { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.mp-ai-breakdown figcaption strong { font-size:14px; line-height:1.6; }
.mp-ai-breakdown figcaption > span { font-size:10px; color:var(--secondary); }
.mp-ai-status-bars { margin:18px 0 0; padding:0; list-style:none; display:grid; gap:14px; }
.mp-ai-status-bars li > div { display:flex; justify-content:space-between; gap:16px; margin-bottom:6px; font-size:11px; line-height:1.6; }
.mp-ai-status-bars strong { font-size:12px; font-weight:600; }
.mp-ai-bar-track { display:block; height:9px; overflow:hidden; border-radius:8px; background:var(--neutral-200); }
.mp-ai-bar-track > span { display:block; height:100%; border-radius:inherit; background:var(--brand-bright); }
.mp-ai-status-bars [data-status="inProgress"] .mp-ai-bar-track > span { background:var(--accent-warm); }
.mp-ai-status-bars [data-status="planned"] .mp-ai-bar-track > span { background:var(--neutral-700); }
.mp-ai-followups .mp-records { margin-top:8px; }
.mp-ai-followups .mp-records > div:first-child { border-top:0; }
html[dir="rtl"] .mp-ai-brief li { padding-inline:16px 0; }
@media(max-width:767px) {
 .mp-ai-context-path li { gap:10px; flex-wrap:wrap; }
 .mp-ai-context-path li > div { min-width:170px; }
 .mp-ai-context-path strong { font-size:12px; }
 .mp-ai-source { padding:16px; }
 .mp-ai-source blockquote { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
}