/* Base */
.aisum-box{
  border-radius:16px;
  padding:16px;
  margin:18px 0;
  border:1px solid var(--aisum-border, #e5e7eb);
  background: var(--aisum-bg, #ffffff);
  color: var(--aisum-text, #111827);
  box-shadow: var(--aisum-shadow, 0 1px 2px rgba(0,0,0,.04));
}
.aisum-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.aisum-title{
  font-weight:800;
  margin:0;
  font-size:16px;
  line-height:1.2;
}
.aisum-subtitle{
  margin:4px 0 0;
  font-size:12px;
  opacity:0.8;
}
.aisum-toggle{
  border:1px solid var(--aisum-border, #e5e7eb);
  border-radius:999px;
  padding:7px 12px;
  background: var(--aisum-btn, #f9fafb);
  color: inherit;
  cursor:pointer;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}
.aisum-body{ margin-top:12px; }
.aisum-box[data-aisum-collapsible="1"][data-aisum-expanded="0"] .aisum-body{ display:none; }

.aisum-section{ margin-top:10px; }
.aisum-section-title{
  font-weight:700;
  margin:0 0 6px;
  font-size:13px;
  letter-spacing:.2px;
}
.aisum-takeaways{
  margin:0 0 0 18px;
  padding:0;
}
.aisum-takeaways li{ margin:6px 0; }
.aisum-narrative{
  margin-top:10px;
  line-height:1.55;
  font-size:14px;
}

.aisum-accent{
  height:6px;
  width:64px;
  border-radius:999px;
  background: var(--aisum-accent, #2563eb);
  margin-top:10px;
}

/* Responsiveness */
@media (max-width: 480px){
  .aisum-box{ padding:14px; border-radius:14px; }
  .aisum-title{ font-size:15px; }
  .aisum-toggle{ padding:6px 10px; }
}

/* LIGHT 1-5 */
.aisum-tpl-light-1{ --aisum-bg:#ffffff; --aisum-text:#111827; --aisum-border:#e5e7eb; --aisum-btn:#f9fafb; --aisum-accent:#2563eb; }
.aisum-tpl-light-2{ --aisum-bg:#ffffff; --aisum-text:#0f172a; --aisum-border:#e2e8f0; --aisum-btn:#f8fafc; --aisum-accent:#10b981; --aisum-shadow:0 10px 25px rgba(15,23,42,.06); }
.aisum-tpl-light-3{ --aisum-bg:#ffffff; --aisum-text:#0b1220; --aisum-border:#eaeaea; --aisum-btn:#ffffff; --aisum-accent:#7c3aed; --aisum-shadow:0 10px 30px rgba(0,0,0,.06); }
.aisum-tpl-light-4{ --aisum-bg:#fbfdff; --aisum-text:#0b1220; --aisum-border:#dbeafe; --aisum-btn:#eff6ff; --aisum-accent:#0ea5e9; --aisum-shadow:0 1px 0 rgba(0,0,0,.02); }
.aisum-tpl-light-5{ --aisum-bg:#fff7ed; --aisum-text:#1f2937; --aisum-border:#fed7aa; --aisum-btn:#ffedd5; --aisum-accent:#f97316; --aisum-shadow:0 10px 24px rgba(249,115,22,.08); }

/* DARK 1-5 */
.aisum-tpl-dark-1{ --aisum-bg:#0b1220; --aisum-text:#e5e7eb; --aisum-border:#1f2937; --aisum-btn:#111827; --aisum-accent:#60a5fa; --aisum-shadow:0 10px 30px rgba(0,0,0,.25); }
.aisum-tpl-dark-2{ --aisum-bg:#0f172a; --aisum-text:#e2e8f0; --aisum-border:#1e293b; --aisum-btn:#111827; --aisum-accent:#22c55e; --aisum-shadow:0 10px 30px rgba(0,0,0,.28); }
.aisum-tpl-dark-3{ --aisum-bg:#0a0a0a; --aisum-text:#f3f4f6; --aisum-border:#262626; --aisum-btn:#111111; --aisum-accent:#a78bfa; --aisum-shadow:0 12px 34px rgba(0,0,0,.35); }
.aisum-tpl-dark-4{ --aisum-bg:#0b1a1a; --aisum-text:#e6fffb; --aisum-border:#0f2f2f; --aisum-btn:#0c2525; --aisum-accent:#2dd4bf; --aisum-shadow:0 12px 34px rgba(0,0,0,.30); }
.aisum-tpl-dark-5{ --aisum-bg:#1b1028; --aisum-text:#f5f3ff; --aisum-border:#2e1a44; --aisum-btn:#241136; --aisum-accent:#fb7185; --aisum-shadow:0 12px 34px rgba(0,0,0,.30); }

/* MODERN & CREATIVE 1-5 */
.aisum-tpl-modern-1{ --aisum-bg:linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%); --aisum-text:#0f172a; --aisum-border:#e2e8f0; --aisum-btn:#ffffff; --aisum-accent:#2563eb; --aisum-shadow:0 14px 40px rgba(2,6,23,.08); }
.aisum-tpl-modern-2{ --aisum-bg:linear-gradient(135deg,#fff1f2 0%,#eff6ff 100%); --aisum-text:#111827; --aisum-border:#fbcfe8; --aisum-btn:#ffffff; --aisum-accent:#ec4899; --aisum-shadow:0 14px 40px rgba(17,24,39,.08); }
.aisum-tpl-modern-3{ --aisum-bg:linear-gradient(135deg,#ecfeff 0%,#f0fdf4 100%); --aisum-text:#0f172a; --aisum-border:#a7f3d0; --aisum-btn:#ffffff; --aisum-accent:#14b8a6; --aisum-shadow:0 14px 40px rgba(2,6,23,.07); }
.aisum-tpl-modern-4{ --aisum-bg:linear-gradient(135deg,#f5f3ff 0%,#fff7ed 100%); --aisum-text:#111827; --aisum-border:#ddd6fe; --aisum-btn:#ffffff; --aisum-accent:#7c3aed; --aisum-shadow:0 16px 46px rgba(0,0,0,.08); }
.aisum-tpl-modern-5{ --aisum-bg:linear-gradient(135deg,#111827 0%,#0b1220 100%); --aisum-text:#e5e7eb; --aisum-border:#1f2937; --aisum-btn:#111827; --aisum-accent:#f59e0b; --aisum-shadow:0 18px 50px rgba(0,0,0,.35); }

/* Ensure gradients render correctly */
.aisum-box.aisum-tpl-modern-1,
.aisum-box.aisum-tpl-modern-2,
.aisum-box.aisum-tpl-modern-3,
.aisum-box.aisum-tpl-modern-4,
.aisum-box.aisum-tpl-modern-5{
  background: var(--aisum-bg);
}


.aisum-tpl-modern-6{ --aisum-bg:linear-gradient(180deg,#2aa9c8 0%,#c2b44c 100%); --aisum-text:#07141a; --aisum-border:rgba(255,255,255,.25); --aisum-btn:rgba(255,255,255,.65); --aisum-accent:#ffffff; --aisum-shadow:0 16px 50px rgba(0,0,0,.18); }
.aisum-tpl-modern-7{ --aisum-bg:linear-gradient(135deg,#111827 0%,#1d4ed8 45%,#22c55e 100%); --aisum-text:#f8fafc; --aisum-border:rgba(255,255,255,.14); --aisum-btn:rgba(255,255,255,.10); --aisum-accent:#fbbf24; --aisum-shadow:0 18px 60px rgba(2,6,23,.35); }
.aisum-tpl-modern-8{ --aisum-bg:linear-gradient(135deg,#fff7ed 0%,#fde68a 40%,#fb7185 100%); --aisum-text:#1f2937; --aisum-border:rgba(17,24,39,.10); --aisum-btn:rgba(255,255,255,.75); --aisum-accent:#ef4444; --aisum-shadow:0 16px 55px rgba(17,24,39,.12); }
.aisum-tpl-modern-9{ --aisum-bg:linear-gradient(135deg,#0f172a 0%,#6d28d9 55%,#ec4899 100%); --aisum-text:#f8fafc; --aisum-border:rgba(255,255,255,.12); --aisum-btn:rgba(255,255,255,.10); --aisum-accent:#a7f3d0; --aisum-shadow:0 18px 60px rgba(0,0,0,.35); }
.aisum-tpl-modern-10{ --aisum-bg:radial-gradient(1200px circle at 10% 10%,rgba(59,130,246,.35) 0%,transparent 40%), radial-gradient(900px circle at 90% 20%,rgba(236,72,153,.28) 0%,transparent 45%), linear-gradient(135deg,#ffffff 0%,#f8fafc 100%); --aisum-text:#0f172a; --aisum-border:rgba(15,23,42,.10); --aisum-btn:#ffffff; --aisum-accent:#7c3aed; --aisum-shadow:0 18px 60px rgba(2,6,23,.12); }
.aisum-tpl-modern-11{ --aisum-bg:linear-gradient(135deg,#06141d 0%,#0ea5e9 55%,#f59e0b 100%); --aisum-text:#f8fafc; --aisum-border:rgba(255,255,255,.14); --aisum-btn:rgba(255,255,255,.12); --aisum-accent:#ffffff; --aisum-shadow:0 18px 60px rgba(0,0,0,.30); }