/* DraftPro live-content layout additions */
.dp-live-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:18px; }
.dp-live-card { padding:24px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow-md); }
.dp-live-card h3 { margin-bottom:10px; }
.dp-live-card p { color:var(--muted); font-size:15px; line-height:1.6; }
.dp-live-card ul { margin:14px 0 0; padding-left:20px; color:var(--muted); font-size:14px; line-height:1.55; }
.dp-live-card li { margin-bottom:8px; }
.dp-category-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:16px; }
.dp-category-card { min-height:220px; padding:22px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-sm); }
.dp-category-card h3 { font-size:17px; margin-bottom:10px; }
.dp-category-card p { color:var(--muted); font-size:14px; line-height:1.55; }
.dp-faq-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }
.dp-faq-item { padding:20px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-sm); }
.dp-faq-item h3 { font-size:16px; margin-bottom:8px; }
.dp-faq-item p { color:var(--muted); font-size:14px; line-height:1.55; }
.dp-usecase-list { display:grid; gap:14px; }
.dp-usecase { display:grid; grid-template-columns:52px 1fr; gap:14px; padding:18px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-sm); }
.dp-usecase b { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:rgba(250,146,0,.13); color:var(--orange); font-weight:900; }
.dp-usecase h3 { margin-bottom:6px; }
.dp-usecase p { color:var(--muted); font-size:14px; line-height:1.55; }
.dp-callout { padding:28px; border-radius:22px; border:1px solid rgba(135,0,255,.16); background:radial-gradient(circle at 92% 12%, rgba(250,146,0,.16), transparent 28%), radial-gradient(circle at 6% 90%, rgba(135,0,255,.10), transparent 32%), #fff; box-shadow:var(--shadow-md); }
.dp-callout p { color:var(--muted); line-height:1.65; }
@media(max-width:980px){ .dp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:760px){ .dp-live-grid,.dp-faq-grid,.dp-category-grid{grid-template-columns:1fr;} .dp-usecase{grid-template-columns:1fr;} }