﻿
   .comparison-table {
      width: 100%;
      border-collapse: collapse;
      margin: 1.5em 0;
      font-size: 0.95em;
    }
    .comparison-table th {
      background: #4a90d9;
      color: #fff;
      padding: 10px 14px;
      text-align: left;
    }
    .comparison-table td {
      padding: 9px 14px;
      border-bottom: 1px solid #e0e0e0;
    }
    .comparison-table tr:nth-child(even) td {
      background: #f5f8fd;
    }
    .comparison-table code {
      background: #e8f0fb;
      padding: 2px 6px;
      border-radius: 3px;
    }
    .yes { color: #2a9d2a; font-weight: bold; }
    .no  { color: #c0392b; font-weight: bold; }
    .both { color: #d47c00; font-weight: bold; }
    /* --- FAQ --- */
    .faq-section {
      margin: 2em 0;
    }
    .faq-item {
      border: 1px solid #e0e0e0;
      border-radius: 6px;
      margin-bottom: 1em;
      overflow: hidden;
    }
    .faq-item summary {
      padding: 1em 1.2em;
      font-weight: bold;
      cursor: pointer;
      background: #f8f9fa;
      list-style: none;
    }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::before {
      content: '+ ';
      color: #4a90d9;
      font-weight: bold;
    }
    .faq-item[open] summary::before {
      content: '− ';
    }
    .faq-item p {
      padding: 1em 1.2em;
      margin: 0;
      border-top: 1px solid #e0e0e0;
    }
    .faq-item code {
      background: #e8f0fb;
      padding: 2px 6px;
      border-radius: 3px;
      font-size: 0.92em;
    }