/* ===== Caution ===== */
.caution-doc .section-head { margin-bottom: 12px; }
.caution-note { margin: 0 0 16px; padding: 14px 16px; border-radius: 14px; background: #f5f4ff; color: #3f3f51; font-size: 14px; line-height: 1.7; }
.caution-accordion { display: flex; flex-direction: column; gap: 12px; }
.caution-accordion details { border: 1px solid var(--border); border-radius: 14px; background: #fff; overflow: hidden; }
.caution-accordion summary { list-style: none; cursor: pointer; font-weight: 800; font-size: 15px; color: var(--text); padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; }
.caution-accordion summary::-webkit-details-marker { display: none; }
.caution-accordion summary::marker { content: ''; }
.caution-accordion summary::after { content: '+'; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #f1f2f7; color: #4b5563; font-weight: 900; font-size: 16px; }
.caution-accordion details[open] summary::after { content: '-'; }
.caution-accordion details > *:not(summary) { display: block; }
.caution-body { padding: 0 18px 0; color: var(--muted); font-size: 14px; line-height: 1.7; max-height: 0; opacity: 0; overflow: hidden; transition: max-height .35s ease, opacity .2s ease, padding .2s ease; }
.caution-accordion details[open] .caution-body { opacity: 1; padding: 0 18px 16px; }
.caution-body ul { margin: 0; padding-left: 18px; }
.caution-body li { margin: 6px 0; }
@media (max-width: 560px) {
  .caution-note { font-size: 13px; }
  .caution-accordion summary { font-size: 14px; padding: 14px 16px; }
  .caution-body { font-size: 13px; padding: 0 16px 14px; }
}