/* Preview/landing extras — sits on top of live Howcool assets/styles.css */
.hc-prose p { margin-bottom: 1rem; }
.hc-prose p:last-child { margin-bottom: 0; }
.hc-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.hc-table th, .hc-table td { text-align: left; padding: 0.75rem 1rem; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
.hc-table th { background: #f0f7fc; color: #0f3d5a; font-weight: 600; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; }
.hc-table tr:last-child td { border-bottom: none; }
.hc-faq details { border: 1px solid #e2e8f0; border-radius: 0.5rem; background: #fff; }
.hc-faq details + details { margin-top: 0.75rem; }
.hc-faq summary { cursor: pointer; list-style: none; padding: 1.1rem 1.25rem; font-weight: 600; color: #0f3d5a; display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.hc-faq summary::-webkit-details-marker { display: none; }
.hc-faq summary::after { content: "+"; color: #175783; font-weight: 700; font-size: 1.25rem; line-height: 1; }
.hc-faq details[open] summary::after { content: "–"; }
.hc-faq .faq-body { padding: 0 1.25rem 1.2rem; color: #475569; font-size: 0.95rem; line-height: 1.7; }
.hc-note { background: #f0f9ff; border-left: 4px solid #0ea5e9; padding: 1rem 1.25rem; border-radius: 0 0.5rem 0.5rem 0; }