/* free chapter preview on notes chapter pages (chapter.php + includes/chinfo/<pack>.json) */
.ci { margin: 30px 0 10px; padding: 20px; border: 1px solid #dfe5f3; border-radius: 16px; background: #fff; }
.ci h2 { font-size: 24px; margin: 0 0 6px; }
.ci h3 { font-size: 19px; margin: 22px 0 8px; }
.ci h3 small { display: block; margin-top: 2px; font: 500 13px/1.3 var(--body, sans-serif); color: var(--muted, #6b7280); }
.ci-lead { margin: 0 0 12px; color: #39404f; font-size: 16.5px; }
.ci-marks { padding: 12px 14px; border-radius: 12px; background: #fff8e6; border: 1px solid #f1d58a; font-size: 16px; line-height: 1.5; }
.ci-map { margin: 16px 0 4px; padding: 10px; border: 1px solid #e6e9f2; border-radius: 12px; background: #fffef9; }
.ci-map svg { display: block; width: 100%; height: auto; max-height: 420px; }
.ci-map figcaption { margin-top: 4px; font-size: 13px; color: var(--muted, #6b7280); text-align: center; }
.ci-topics { margin: 0; padding-left: 22px; columns: 2 260px; column-gap: 28px; font-size: 16px; }
.ci-topics li { margin: 3px 0; break-inside: avoid; }
.ci-st { color: #e8a200; letter-spacing: 1px; font-size: 14px; white-space: nowrap; }
.ci-sum { margin: 0; padding-left: 20px; font-size: 16px; line-height: 1.55; }
.ci-sum li { margin: 4px 0; }
.ci-last { margin: 10px 0 0; padding: 10px 12px; border-left: 4px solid #1e8e4e; background: #f1faf4; border-radius: 0 10px 10px 0; font-size: 15.5px; }
.ci-inside { list-style: none; margin: 0; padding: 0; font-size: 16px; }
.ci-inside li { margin: 4px 0; }
.ci-inside i { color: #1e8e4e; margin-right: 4px; }
.ci-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
@media (max-width: 560px) { .ci { padding: 14px; } .ci-cta > * { width: 100%; } .ci-cta .btn-mark, .ci-cta .btn-line { width: 100%; justify-content: center; text-align: center; } }