.effboki-ai-message.is-image-question {
  --read-paper: light-dark(#fff,#1e222c); --read-ink: light-dark(#26344b,#edf1f9);
  --read-muted: light-dark(#56647b,#b8c3d6); --read-line: light-dark(#dfe4ee,#444d60);
  --read-soft: light-dark(#f6f7fb,#292f3c); --read-accent: light-dark(#5545b7,#b9acff);
  --read-result: light-dark(#087268,#86d9c8); --read-source: light-dark(#e7f4f0,#203e36);
  --text-main:var(--read-ink); --text-body:var(--read-ink); --text-sub:var(--read-muted); --ai-accent:var(--read-accent);
  --ai-accent-strong:var(--read-accent); --ai-accent-border:var(--read-line);
  --ai-accent-soft:var(--read-soft); --ai-accent-soft-strong:var(--read-soft);
  font:16px/1.9 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;
  color:var(--read-ink); color-scheme:light dark; container:reading-preview / inline-size;
color-scheme:light dark;}
.effboki-ai-message.is-image-question .reading-trial { max-width:var(--read-line-width,40em); margin-inline:auto; }
.effboki-ai-message.is-image-question .effboki-ai-paragraph { font-size:var(--read-body-size,16px); font-weight:400; line-height:1.95; margin:0 0 18px; }
.effboki-ai-message.is-image-question .effboki-ai-bubble strong:not(.j-result) { color:inherit; font-weight:600; }
.effboki-ai-message.is-image-question .reading-section { margin:32px 0 0; padding-top:24px; border-top:1px solid var(--read-line); }
.effboki-ai-message.is-image-question .reading-section-title { margin:0 0 20px; border:0; padding:0; background:transparent; color:var(--read-ink); font-size:20px; font-weight:600; line-height:1.6; }
.effboki-ai-message.is-image-question .effboki-ai-unit-content, .effboki-ai-message.is-image-question .effboki-ai-section-content { background:transparent; padding:0; font:inherit; }
.effboki-ai-message.is-image-question .effboki-ai-heading { padding:0; margin:22px 0 12px; background:transparent; border:0; color:var(--read-ink); font-size:16px; font-weight:600; }
.effboki-ai-message.is-image-question .effboki-ai-heading.is-guidance-label { padding:0; margin:16px 0 8px; border:0; border-radius:0; background:transparent; color:var(--read-muted); font-size:13px; }
.effboki-ai-message.is-image-question .effboki-ai-formula-box.formula-box { background:transparent; border:0; border-radius:0; padding:8px 0; margin:22px 0; overflow:visible; }
.effboki-ai-message.is-image-question .effboki-ai-formula-row { padding:12px 0; background:transparent; border:0; border-radius:0; }
.effboki-ai-message.is-image-question .effboki-ai-formula-step, .effboki-ai-message.is-image-question .effboki-ai-formula-result-label { display:block; width:auto; background:transparent; color:var(--read-muted); border:0; border-radius:0; padding:0; font-size:12px; font-weight:400; text-align:left; }
.effboki-ai-message.is-image-question .effboki-ai-formula-step { margin-bottom:12px; }
.effboki-ai-message.is-image-question .effboki-ai-formula-expression { display:flex; flex-wrap:wrap; gap:16px 8px; font:500 16px/1.65 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif; color:var(--read-ink); font-variant-numeric:tabular-nums; white-space:normal; overflow:visible; }
.effboki-ai-message.is-image-question .reading-formula-unit { display:inline-flex; gap:6px; align-items:flex-start; max-width:100%; min-width:0; }
.effboki-ai-message.is-image-question .effboki-ai-formula-annotated { display:inline-flex; margin:0; max-width:100%; min-width:0; align-items:stretch; }
.effboki-ai-message.is-image-question .effboki-ai-formula-annotated-value { border-bottom:1px solid var(--read-line); padding:0 2px 5px; white-space:normal; overflow-wrap:normal; }
.effboki-ai-message.is-image-question .effboki-ai-formula-annotation { font:400 12px/1.6 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif; color:var(--read-muted); max-width:24em; padding-top:6px; }
.effboki-ai-message.is-image-question .effboki-ai-formula-result { border-radius:0; background:transparent; border-top:1px solid var(--read-line); padding:12px 0 0; gap:12px; }
.effboki-ai-message.is-image-question .effboki-ai-formula-result strong { color:var(--read-result); font-size:18px; font-weight:600; }
.effboki-ai-message.is-image-question .effboki-ai-table-wrapper, .effboki-ai-message.is-image-question .effboki-ai-table-wrap { max-width:100%; }
.effboki-ai-message.is-image-question .effboki-ai-table { font:400 14px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif; width:100%; table-layout:auto; }
.effboki-ai-message.is-image-question .effboki-ai-table th { background:var(--read-soft); color:var(--read-ink); font-weight:600; }
.effboki-ai-message.is-image-question .effboki-ai-table td { background:var(--read-paper); color:var(--read-ink); }
.effboki-ai-message.is-image-question .effboki-ai-table th, .effboki-ai-message.is-image-question .effboki-ai-table td { border:0; border-bottom:1px solid var(--read-line); padding:10px 12px; white-space:normal; }
.effboki-ai-message.is-image-question .effboki-ai-taccount-wrap, .effboki-ai-message.is-image-question .effboki-ai-taccount-item { background:var(--read-paper)!important; color:var(--read-ink); border:0; box-shadow:none; }
.effboki-ai-message.is-image-question .effboki-ai-taccount-wrap { margin:24px 0; }
.effboki-ai-message.is-image-question .effboki-ai-taccount-wrap .taccount-quick-grid { gap:16px; }
.effboki-ai-message.is-image-question .effboki-ai-taccount-item { max-width:100%; }
.effboki-ai-message.is-image-question .effboki-ai-taccount { width:100%; min-width:0; max-width:none; --taccount-border:var(--read-muted); }
.effboki-ai-message.is-image-question .effboki-ai-taccount-item { overflow:visible; padding:8px 0; }
.effboki-ai-message.is-image-question .effboki-ai-taccount .taccount-side { background:var(--read-paper)!important; color:var(--read-ink); }
.effboki-ai-message.is-image-question .effboki-ai-taccount .taccount-row { grid-template-columns:minmax(0,1fr) auto; padding:10px 6px; gap:6px; }
.effboki-ai-message.is-image-question .effboki-ai-taccount .taccount-date:empty { display:none; }
.effboki-ai-message.is-image-question .effboki-ai-taccount .taccount-cause { font:400 13px/1.6 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif; color:var(--read-ink); }
.effboki-ai-message.is-image-question .effboki-ai-taccount .taccount-amount { font:500 13px/1.6 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif; color:var(--read-ink); }
.effboki-ai-message.is-image-question .effboki-ai-taccount-sides { color:var(--read-muted); font-size:12px; font-weight:400; }
.effboki-ai-message.is-image-question .effboki-ai-taccount-caption { font-size:13px; color:var(--read-muted); }
.effboki-ai-message.is-image-question .effboki-ai-taccount-scroll-hint { display:none; }

.effboki-ai-message.is-image-question .effboki-ai-bubble {background:var(--read-paper);color:var(--read-ink);}

/* Ordinary numbered questions keep disclosures and the established formula
   treatment. These overrides deliberately exclude interactive ledger lessons. */
.effboki-ai-message.is-image-question .effboki-ai-bubble.reading-trial {
  width:calc(100% - 40px); max-width:min(calc(100% - 40px),56rem);
  padding:16px; box-sizing:border-box;
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-unit-card {
  margin:12px 0; border:1px solid var(--read-line); border-radius:10px;
  box-shadow:none; background:var(--read-paper);
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-unit-card[open] { border-color:var(--read-accent); }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-unit-summary {
  padding:14px 16px; background:var(--read-soft); gap:12px;
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-unit-title { font-size:17px; line-height:1.6; }
.effboki-ai-message.is-image-question .reading-trial summary:focus-visible { outline:2px solid var(--read-accent); outline-offset:3px; }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-unit-content { padding:18px; }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-section-card { background:var(--read-paper); border-color:var(--read-line); }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-section-summary { background:var(--read-soft); }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-section-title { color:var(--read-ink); }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-section-content { padding:14px; }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-paragraph { max-width:44em; margin-bottom:14px; }
.effboki-ai-message.is-image-question .reading-trial .reading-shared-title { margin:20px 0 10px; font-weight:600; }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-box {
  background:var(--read-soft); border:1px solid var(--read-line); border-radius:8px;
  padding:14px 16px; margin:14px 0; text-align:left;
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-row { padding:0; }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-row + .effboki-ai-formula-row { margin-top:16px; }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-step {
  display:inline-block; width:fit-content; max-width:100%; margin-bottom:10px;
  color:var(--read-accent); font-size:13px; font-weight:600;
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-expression {
  font-size:16px; font-weight:600; gap:6px; padding:0 0 8px;
  flex-wrap:nowrap; align-items:baseline; white-space:nowrap;
  overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
  scrollbar-width:thin; scrollbar-color:var(--read-accent) var(--read-line);
}
.effboki-ai-message.is-image-question .reading-trial .reading-formula-unit {
  gap:4px; white-space:nowrap; flex:0 0 auto; max-width:none; align-items:baseline;
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-annotated { max-width:none; min-width:max-content; flex:0 0 auto; }
/* Keep every numeric expression on one line: its underline then marks the
   whole annotated amount or compound term. Captions may wrap below it. */
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-annotated-value {
  border-bottom:2px solid var(--read-accent); padding:0 2px 4px; white-space:nowrap;
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-annotation {
  color:var(--read-accent); font-size:12px; font-weight:500; max-width:14em; padding-top:5px;
}
.effboki-ai-message.is-image-question .reading-trial .reading-formula-unit.is-result {
  color:var(--read-accent); font-weight:700; white-space:nowrap;
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-result {
  border:0; border-radius:6px; background:light-dark(#e8f1ff,#243755); padding:8px 10px; margin-top:12px;
}
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-result[hidden] { display:none; }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-result-label { font-weight:600; }
.effboki-ai-message.is-image-question .reading-trial .effboki-ai-unit-content > :last-child { margin-bottom:0; }
/* Use the answer panel's width, including split-screen mode, rather than the
   browser width. Keep a readable lower bound instead of shrinking to fit. */
@container reading-preview (max-width:800px) {
  .effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-expression { font-size:15px; }
}
@container reading-preview (max-width:540px) {
  .effboki-ai-message.is-image-question .effboki-ai-bubble.reading-trial { padding:10px; }
  .effboki-ai-message.is-image-question .reading-trial .effboki-ai-unit-summary { padding:12px; }
  .effboki-ai-message.is-image-question .reading-trial .effboki-ai-unit-content { padding:12px; }
  .effboki-ai-message.is-image-question .reading-trial .effboki-ai-formula-box { padding:12px 10px; }
}
/* Expand only ordinary explanation paragraphs inside the existing cards. */
@container reading-preview (min-width:900px) {
  body.is-ai-fullscreen .effboki-ai-message.is-image-question .reading-trial .effboki-ai-paragraph {
    max-width:55em; line-height:1.8; margin-bottom:12px;
  }
}