:root {color-scheme: light;font-family: Inter, "Segoe UI", Arial, sans-serif;background: #edf2f6;--ibg-ink: #172235;--ibg-muted: #607086;--ibg-navy: #1a237e;--ibg-cyan: #08a9c4;--ibg-orange: #f35a18;--ibg-line: #dce5ed;}* { box-sizing: border-box; }html, body {width: 100%;min-height: 100%;margin: 0;}body.ibg-theory-reader {background: radial-gradient(circle at 12% 0, rgba(8, 169, 196, .055), transparent 28rem), #edf2f6;color: var(--ibg-ink);}.ibg-theory-shell {width: min(100% - 32px, 1040px);min-height: calc(100vh - 32px);margin: 16px auto;padding: clamp(28px, 5vw, 68px) clamp(22px, 6vw, 76px);background: #fff;border: 1px solid var(--ibg-line);border-radius: 18px;box-shadow: 0 18px 48px rgba(23, 34, 53, .075);overflow-wrap: anywhere;}.ibg-theory-status {min-height: 60vh;display: flex;align-items: center;justify-content: center;gap: 12px;color: #637083;}.ibg-theory-spinner {width: 22px;height: 22px;border: 3px solid #d9e2ea;border-top-color: #08a9c4;border-radius: 50%;animation: ibg-theory-spin .8s linear infinite;}@keyframes ibg-theory-spin { to { transform: rotate(360deg); } }.ibg-theory-content {width: 100%;max-width: 100%;color: #253248;font-size: clamp(16px, 1.25vw, 17px);line-height: 1.78;}#chapterContentContainer h1 {position: relative;margin: 0 0 1.5em;padding-bottom: .75em;color: var(--ibg-navy);font-size: clamp(2rem, 4vw, 2.75rem);font-weight: 740;line-height: 1.18;letter-spacing: -.035em;text-align: left;}#chapterContentContainer h1::after {position: absolute;bottom: 0;left: 0;width: 72px;height: 4px;content: "";background: linear-gradient(90deg, var(--ibg-orange), var(--ibg-cyan));border-radius: 999px;}#chapterContentContainer h2 {margin: 2.25em 0 .8em;color: var(--ibg-navy);font-size: clamp(1.55rem, 2.5vw, 1.9rem);font-weight: 720;line-height: 1.25;letter-spacing: -.025em;}#chapterContentContainer h3 {margin: 1.8em 0 .7em;color: #243c88;font-size: clamp(1.25rem, 2vw, 1.48rem);font-weight: 700;line-height: 1.3;}#chapterContentContainer h4,#chapterContentContainer h5,#chapterContentContainer h6 {color: #1a237e;font-weight: 700;}#chapterContentContainer h4 { margin: 1.2em 0 .8em; font-size: 1.3em; }#chapterContentContainer h5 { margin: 1em 0 .6em; font-size: 1.1em; }#chapterContentContainer h6 { margin: .8em 0 .5em; font-size: 1em; }#chapterContentContainer p { margin: .85em 0; }#chapterContentContainer li { margin: .35em 0; }#chapterContentContainer ul,#chapterContentContainer ol { padding-left: 1.65em; }#chapterContentContainer .learning-objectives-section,#chapterContentContainer .learning-objectives {margin: 24px 0 34px;padding: 22px 26px;color: #164e63;background: linear-gradient(135deg, #ecfeff, #eaf6ff);border: 1px solid #bae6f1;border-left: 5px solid #0891b2;border-radius: 14px;}#chapterContentContainer .learning-objectives-section .learning-objectives {margin: 0;padding: 0;background: transparent;border: 0;}#chapterContentContainer .chapter-summary,#chapterContentContainer .summary-box,#chapterContentContainer .summary-section {margin: 24px 0;padding: 22px 26px;color: #1e3a5f;background: #eff6ff;border: 1px solid #cfe0f6;border-left: 5px solid #3b82f6;border-radius: 14px;}#chapterContentContainer .learning-objectives-section > h2:first-child,#chapterContentContainer .summary-section > h2:first-child,#chapterContentContainer .keywords-section > h2:first-child {margin-top: 0;font-size: 1.35rem;}#chapterContentContainer .keywords-section {margin: 24px 0;padding: 22px 26px;background: #f8fafc;border: 1px solid var(--ibg-line);border-radius: 14px;}#chapterContentContainer .key-concept-box,#chapterContentContainer .concept-box,#chapterContentContainer .important-box,#chapterContentContainer .note-box,#chapterContentContainer .tip-box {margin: 18px 0;padding: 15px 18px;background: #f0fdfa;border: 1px solid #99f6e4;border-left: 5px solid #14b8a6;border-radius: 8px;}#chapterContentContainer .worked-example,#chapterContentContainer .example-box {margin: 16px 0;padding: 16px;background: #fff8e1;border: 1px solid #ffcc02;border-radius: 8px;}#chapterContentContainer .worked-example h4,#chapterContentContainer .example-box h4 { margin-top: 0; color: #f57c00; }#chapterContentContainer .ibg-learning-card {position: relative;margin: 2em 0;padding: 18px 22px 20px 58px;color: #173a54;background: linear-gradient(135deg, #f3fbfd, #f8fcfd);border: 1px solid #cdeaf0;border-left: 4px solid #12a6bd;border-radius: 14px;}#chapterContentContainer .ibg-learning-card::before {position: absolute;top: 17px;left: 18px;display: grid;width: 28px;height: 28px;place-items: center;color: #087f94;font-size: 14px;content: "✓";background: #dff7fb;border-radius: 9px;}#chapterContentContainer .ibg-learning-card--remember::before { content: "5"; }#chapterContentContainer .ibg-learning-card--connect::before { content: "↗"; }#chapterContentContainer .ibg-learning-card--reference::before { content: "≡"; }#chapterContentContainer .ibg-learning-card-heading {margin-top: 0;margin-bottom: .65em;color: #173a54;font-size: 1.35rem;}#chapterContentContainer .ibg-learning-card > :last-child { margin-bottom: 0; }#chapterContentContainer .ibg-learning-card .ibg-table-scroll {margin-bottom: 0;background: #fff;}#chapterContentContainer .ibg-table-scroll {width: 100% !important;margin: 22px 0;overflow-x: auto;border: 1px solid #d6e1ea;border-radius: 13px;box-shadow: 0 6px 18px rgba(23, 34, 53, .045);}#chapterContentContainer table {width: 100% !important;min-width: 560px;margin: 0;color: #263548;background: #fff;border-collapse: collapse !important;}#chapterContentContainer th,#chapterContentContainer td {padding: 10px 12px;text-align: left;vertical-align: top;border: 0;border-right: 1px solid #dbe4ec;border-bottom: 1px solid #dbe4ec;}#chapterContentContainer th:last-child,#chapterContentContainer td:last-child { border-right: 0; }#chapterContentContainer tbody tr:last-child td { border-bottom: 0; }#chapterContentContainer th {color: #173b72;font-size: .88em;font-weight: 720;letter-spacing: .015em;background: #eef6fb;}#chapterContentContainer tbody tr:nth-child(even) { background: #f8fafc; }#chapterContentContainer .katex-display {margin: 1.35em 0;padding: 18px 20px;overflow-x: auto;background: #fbfcfe;border: 1px solid #e2e8f0;border-radius: 12px;}#chapterContentContainer .mermaid,#chapterContentContainer .mermaid-rendered {margin: 18px 0;padding: 16px;overflow-x: auto;text-align: center;background: #fff;border: 1px solid #e2e8f0;border-radius: 8px;}#chapterContentContainer svg:not(.ibg svg):not(.ibg.mindmap svg) {display: block;width: auto;max-width: min(100%, 650px) !important;max-height: 460px;height: auto;margin: 18px auto;}#chapterContentContainer .ibg.mindmap,#chapterContentContainer figure.ibg.mindmap {width: 100%;max-width: min(100%, 750px) !important;margin: 20px auto;}#chapterContentContainer figcaption {margin-top: 8px;color: #64748b;font-size: .9em;font-style: italic;text-align: center;}.ibg-theory-content img,.ibg-theory-content svg,.ibg-theory-content canvas,.ibg-theory-content video,.ibg-theory-content iframe {max-width: 100% !important;height: auto;}.ibg-theory-content pre {max-width: 100%;overflow-x: auto;white-space: pre-wrap;}.ibg-theory-content figure { max-width: 100%; margin-inline: auto; }.ibg-theory-content .annotator-hl { cursor: pointer; }.ibg-theory-highlight-focus {outline: 3px solid rgba(8, 169, 196, .55);outline-offset: 3px;transition: outline-color .25s ease;}.annotator-adder,.annotator-outer { z-index: 10000 !important; }.annotator-adder {position: absolute !important;width: auto !important;min-width: 0 !important;height: auto !important;display: flex;flex-wrap: wrap;gap: 2px;}.annotator-adder .annotate-btn {min-height: 34px;padding: 7px 10px !important;color: #fff;font-size: 12px;font-weight: 650;line-height: 1;background: #172235;border: 0;border-radius: 6px;cursor: pointer;}.annotator-adder .highlight-btn { background: #e58a18; }.annotator-adder .note-highlighting { background: #08a9c4; }.annotator-adder .annotateColorPicker { display: flex; align-items: center; gap: 4px; padding: 4px; }.annotator-adder .annotationColorBtn {width: 22px;height: 22px;padding: 0;border: 2px solid #fff;border-radius: 50%;}.annotator-adder .annotationColorBtn.yellow { background: #fff176; }.annotator-adder .annotationColorBtn.blue { background: #818cf8; }.annotator-adder .annotationColorBtn.green { background: #81c784; }.dod-bar {position: relative;margin: 24px 0 10px;padding-top: 14px;border-top: 1px solid #e1e8ef;}.dod-chip {display: inline-flex;align-items: center;gap: 7px;padding: 8px 15px;color: #2852a3;font-size: 13px;font-weight: 650;background: #f3f8ff;border: 1px solid #c8d9ef;border-radius: 999px;box-shadow: 0 2px 5px rgba(37, 76, 145, .07);cursor: pointer;}.dod-chip:hover,.dod-chip[aria-expanded="true"] { color: #183d85; background: #eaf3ff; border-color: #9ebce1; }.dod-chip i { font-size: 9px; transition: transform .18s ease; }.dod-chip[aria-expanded="true"] i { transform: rotate(180deg); }.dod-menu {position: absolute;z-index: 10010;top: 46px;left: 0;display: none;min-width: 215px;padding: 6px;background: #fff;border: 1px solid #e5e7eb;border-radius: 10px;box-shadow: 0 8px 24px rgba(0, 0, 0, .14);}.dod-menu.is-open { display: block; }.dod-menu button {display: flex;align-items: center;gap: 10px;width: 100%;padding: 9px 10px;color: #374151;font-size: 13px;text-align: left;background: transparent;border: 0;border-radius: 6px;cursor: pointer;}.dod-menu button:hover { background: #f3f4f6; }.dod-menu button i { width: 16px; color: #6b7280; }.dod-expansion {margin: 10px 0 4px;padding: 13px 15px;line-height: 1.6;background: #f9fafb;border-left: 3px solid var(--dod-accent, #6366f1);border-radius: 8px;}.dod-expansion header { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 7px; font-size: 12px; }.dod-expansion header strong { color: var(--dod-accent, #6366f1); }.dod-expansion header span { color: #9ca3af; }.annotator-adder .ibg-theory-ai-action {width: auto !important;padding-inline: 9px !important;}.annotator-editor {position: fixed !important;z-index: 10020 !important;left: 50% !important;top: 50% !important;right: auto !important;bottom: auto !important;width: min(420px, calc(100vw - 32px)) !important;height: auto !important;min-height: 170px;max-height: calc(100vh - 32px) !important;transform: translate(-50%, -50%) !important;overflow: auto;}.annotator-editor > .annotator-widget {position: relative !important;inset: auto !important;width: 100%;min-width: 0;}@media (max-width: 600px) {.ibg-theory-shell {width: 100%;min-height: 100vh;margin: 0;padding: 24px 18px 40px;border: 0;border-radius: 0;box-shadow: none;}#chapterContentContainer h1 { font-size: 1.85em; }#chapterContentContainer h2 { font-size: 1.45em; }#chapterContentContainer h3 { font-size: 1.25em; }#chapterContentContainer th,#chapterContentContainer td { padding: 8px; }.annotator-adder {left: 8px !important;right: 8px !important;max-width: calc(100vw - 16px);}#chapterContentContainer .ibg-learning-card {padding: 17px 16px 18px 52px;}}