/* Additive styles: existing faq.css and faq.js remain in place. */
.faq-visual{margin:26px 0;border:1px solid #dce5ee;border-radius:16px;background:#f8fafc;overflow:hidden}
.faq-visual picture{display:block}
.answer .faq-visual img{display:block;width:100%;max-width:920px;height:auto;margin:0 auto;border:0;padding:0;border-radius:0;box-shadow:none;background:#fff}
.faq-visual figcaption{padding:16px 20px;color:#46556a;font-size:15px;line-height:1.6;border-top:1px solid #e3eaf1}
.faq-visual figcaption a{display:inline-block;margin-left:4px;font-size:14px}
.faq-product-links{display:block;margin-top:8px}
.faq-setup-note{padding:15px 18px;border-left:4px solid #bc5005;border-radius:0 8px 8px 0;background:#fff3e8;color:#633608}
.faq-resource-section{margin-top:24px}
.faq-table-scroll{overflow-x:auto}
.faq-planner{margin:26px 0;padding:24px;border:1px solid #ead2bf;border-radius:16px;background:linear-gradient(125deg,#fffaf5,#fff)}
.faq-planner h2{margin-top:0;color:#713107}
.faq-planner-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.faq-planner label{display:flex;flex-direction:column;justify-content:space-between;font-weight:700;font-size:15px;gap:10px}
.faq-planner input{width:100%;min-height:46px;border:1px solid #aab6c5;border-radius:8px;background:#fff;font:inherit;font-size:20px;padding:8px 12px;color:#17273e}
.faq-planner input:focus-visible,.faq-planner button:focus-visible{outline:3px solid #087f8c;outline-offset:3px}
.faq-planner-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.faq-planner-results p{margin:0;background:#fff;border:1px solid #e5e7eb;padding:16px;border-radius:10px;display:flex;align-items:flex-start;gap:14px}
.faq-planner output{font-size:30px;font-weight:700;color:#a74507;line-height:1.1}
.faq-planner-results span{font-size:15px}
.faq-planner button{border:1px solid #7a0c0c;border-radius:8px;color:#7a0c0c;padding:10px 16px;background:#fff;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:640px){.faq-visual{margin:22px 0;border-radius:12px}.faq-visual figcaption{padding:14px;font-size:14px}.faq-planner{padding:18px}.faq-planner-fields,.faq-planner-results{grid-template-columns:1fr}.faq-planner label{font-size:16px}}
@media(prefers-reduced-motion:reduce){.faq-visual *,.faq-planner *{scroll-behavior:auto}}

/* Tables in the new FAQ answers. */
.faq-data-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;line-height:1.55}
.faq-data-table caption{text-align:left;font-weight:700;color:#17273e;padding:0 0 12px}
.faq-data-table th,.faq-data-table td{text-align:left;vertical-align:top;padding:12px;border:1px solid #d7e0e8}
.faq-data-table thead th{background:#edf4f6;color:#174954}
.faq-data-table tbody th{background:#f7f9fb;font-weight:600}
.faq-table-scroll:focus-visible{outline:3px solid #087f8c;outline-offset:3px}
@media(max-width:640px){.faq-data-table{font-size:14px}.faq-data-table th,.faq-data-table td{padding:9px}.faq-table-scroll .faq-data-table{min-width:480px}}
