/* Shared reader and editor callout styles. Article paper remains white in both themes. */
.article-content,#editorPreview {
  --strong:#1f2329; --text:#1f2329; --muted2:#454b54; --muted:#646a73;
  --surface:#fff; --surface2:#f5f6f7; --line:#e5e6eb;
  background:#fff!important; color:#1f2329!important; border-color:#e5e6eb!important;
}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,
#editorPreview h1,#editorPreview h2,#editorPreview h3,#editorPreview h4 {color:#1f2329}
.article-content img,#editorPreview img{max-width:100%;height:auto;border-radius:10px}
.cc-callout{display:flex;gap:12px;margin:22px 0;padding:18px 20px;border:1px solid var(--callout-line);border-radius:10px;background:var(--callout-bg);color:#1f2329;overflow-wrap:anywhere}
.cc-callout-blue{--callout-bg:#f0f4ff;--callout-line:#bacefd}
.cc-callout-yellow{--callout-bg:#fffbe8;--callout-line:#f3df91}
.cc-callout-green{--callout-bg:#f0fbef;--callout-line:#b7edb1}
.cc-callout-red{--callout-bg:#fef1f1;--callout-line:#fbbfbc}
.cc-callout-purple{--callout-bg:#f6f1fe;--callout-line:#cdb2fa}
.cc-callout-gray{--callout-bg:#f8f9fa;--callout-line:#dee0e3}
.cc-callout-icon{flex:0 0 24px;font:22px/1.8 system-ui;text-align:center}
.cc-callout-body{min-width:0;flex:1}
.cc-callout-body>:first-child{margin-top:0!important}.cc-callout-body>:last-child{margin-bottom:0!important}
.cc-callout-body p,.cc-callout-body li{color:#1f2329!important;line-height:1.85}
#editorPreview .cc-callout-body p,#editorPreview .cc-callout-body li{font-size:18px}
#editorPreview pre,.article-content pre{background:#f5f6f7;color:#1f2329;border-radius:10px}
.cc-callout-picker{width:min(520px,94vw);border:1px solid #e5e6eb;border-radius:16px;padding:24px;background:white;color:#1f2329}
.cc-callout-picker::backdrop{background:#10182866}
.cc-callout-picker h2{margin:0;font-size:24px}
.cc-callout-picker form{display:grid;gap:18px;margin-top:20px}
.cc-callout-picker label,.cc-callout-picker legend{font-size:16px}
.cc-callout-picker fieldset{border:0;padding:0;margin:0;min-width:0}
.cc-callout-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.cc-callout-option{display:grid;gap:6px;justify-items:center;cursor:pointer}
.cc-callout-swatch{display:block;width:38px;height:32px;border:1px solid var(--callout-line);border-radius:6px;background:var(--callout-bg)}
.cc-callout-option input:checked+.cc-callout-swatch{outline:2px solid #3370ff;outline-offset:2px}
.cc-callout-option input:focus-visible+.cc-callout-swatch{outline:3px solid #3370ff;outline-offset:3px}
.cc-callout-picker textarea{min-height:130px;resize:vertical;width:100%;font:16px/1.7 system-ui}
.cc-callout-picker .key-actions{display:flex;gap:10px;justify-content:flex-end}
.cc-callout-picker .select,.cc-callout-picker .input{color:#1f2329;background:#fff;border-color:#cdd0d5;font-size:16px}
@media(max-width:600px){.cc-callout{padding:14px 12px;gap:8px}.cc-callout-picker{padding:18px}}