:root {
      --sidebar-bg: #1f2937;
      --sidebar-bg-deep: #111827;
      --sidebar-panel: rgba(255, 255, 255, 0.08);
      --sidebar-panel-strong: rgba(96, 165, 250, 0.18);
      --sidebar-text: #e5eefc;
      --sidebar-muted: #94a3b8;
      --accent-blue: #4f46e5;
      --accent-cyan: #06b6d4;
      --accent-amber: #f59e0b;
    }
    body { font-family: 'Inter', sans-serif; }
    .nav-item-active {
      background: linear-gradient(135deg, rgba(79, 70, 229, 0.28), rgba(6, 182, 212, 0.18));
      border-left: 4px solid #60a5fa;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }
    .custom-scrollbar::-webkit-scrollbar { width: 5px; }
    .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
    input, select, textarea { font-size: 16px; }
    button, a[data-action], label[for], summary { min-height: 44px; min-width: 44px; }
    .form-select-chevron {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%236b7280%22%20d%3D%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22/%3E%3C/svg%3E");
    }
    .online-users-scroll { max-height: 420px; }

    .mobile-table-label { display: none; }

    /* PRINT MODE STYLES */
    @media print {
      @page { size: A4; margin: 2cm; }
      body { background: white !important; }
      body.printing-faq-detail * { visibility: hidden !important; }
      body.printing-faq-detail #faq-detail-modal,
      body.printing-faq-detail #faq-detail-modal * { visibility: visible !important; }
      #sidebar, header, footer, #toast-container, .no-print, button, a#detail-link { display: none !important; }
      main { padding: 0 !important; overflow: visible !important; }
      #content-area { overflow: visible !important; display: block !important; }
      #faq-detail-modal { position: static !important; display: block !important; background: white !important; box-shadow: none !important; }
      body.printing-faq-detail #faq-detail-modal {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      #faq-detail-modal .absolute { display: none; } /* hide backdrop */
      #faq-detail-modal .relative { width: 100% !important; max-width: none !important; box-shadow: none !important; border: none !important; transform: none !important; }
      #faq-detail-modal .overflow-y-auto { overflow: visible !important; max-height: none !important; }
      #faq-detail-modal .bg-slate-50\/50, #faq-detail-modal .bg-slate-50, #faq-detail-modal .bg-blue-50, #faq-detail-modal .bg-slate-50\/40 { background: white !important; border: 1px solid #e2e8f0 !important; }
      #faq-detail-modal .shadow-sm, #faq-detail-modal .shadow-2xl { box-shadow: none !important; }
      #faq-detail-modal .faq-detail-shell,
      #faq-detail-modal .faq-detail-header,
      #faq-detail-modal .faq-detail-panel,
      #faq-detail-modal .faq-detail-hero,
      #faq-detail-modal .faq-detail-card,
      #faq-detail-modal .faq-detail-card-soft,
      #faq-detail-modal .faq-detail-sidecard,
      #faq-detail-modal .faq-detail-qr-frame,
      #faq-detail-modal .faq-detail-hint,
      #faq-detail-modal .faq-detail-doc-card,
      #faq-detail-modal .faq-detail-doc-panel,
      #faq-detail-modal .faq-detail-action-primary,
      #faq-detail-modal .faq-detail-action-secondary {
        background: white !important;
        color: #0f172a !important;
        border-color: #cbd5e1 !important;
        box-shadow: none !important;
      }
      #faq-detail-modal .faq-detail-header::after,
      #faq-detail-modal .faq-detail-stat::before,
      #faq-detail-modal .faq-detail-section-title::before {
        display: none !important;
      }
      #faq-detail-modal .faq-detail-kicker,
      #faq-detail-modal .faq-detail-hero-label,
      #faq-detail-modal .faq-detail-label,
      #faq-detail-modal .faq-detail-hint,
      #faq-detail-modal .faq-detail-doc-note {
        color: #475569 !important;
      }
      #faq-detail-modal .faq-detail-doc-badge {
        color: #334155 !important;
        background: white !important;
        border-color: #cbd5e1 !important;
      }
      #faq-detail-modal .faq-detail-question,
      #faq-detail-modal .faq-detail-value,
      #faq-detail-modal .faq-detail-body,
      #faq-detail-modal .faq-detail-hero-answer,
      #faq-detail-modal .faq-detail-doc-status,
      #faq-detail-modal .faq-richtext-paragraph,
      #faq-detail-modal .faq-richtext-list,
      #faq-detail-modal .faq-richtext-list li,
      #faq-detail-modal .faq-richtext-empty {
        color: #0f172a !important;
      }
      #faq-detail-modal .faq-detail-scrollable {
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
      }
      #faq-detail-modal .faq-detail-scrollable::after {
        display: none !important;
      }
      .print-only { display: block !important; }
      #print-official-header { display: flex !important; border-bottom: 2px solid #000; padding-bottom: 1rem; margin-bottom: 2rem; }
    }
    .print-only { display: none; }
    .faq-richtext-list {
      margin: 0;
      padding-left: 1.5rem;
      list-style-position: outside;
      color: #0f172a;
    }
    .faq-richtext-list li {
      margin-bottom: 0.7rem;
      padding-left: 0.25rem;
      text-align: justify;
      line-height: 1.85;
    }
    .faq-richtext-list li:last-child { margin-bottom: 0; }
    .faq-richtext-paragraph {
      margin: 0 0 0.85rem 0;
      color: #0f172a;
      text-align: justify;
      line-height: 1.85;
    }
    .faq-richtext-paragraph:last-child { margin-bottom: 0; }
    .faq-richtext-empty {
      margin: 0;
      color: #0f172a;
      line-height: 1.75;
    }

    .faq-detail-shell {
      background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 24%),
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.08), transparent 22%),
        linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
    }

    .faq-detail-header {
      background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.94) 62%, rgba(37, 99, 235, 0.88));
      color: #fff;
      position: relative;
      overflow: hidden;
    }

    .faq-detail-header::after {
      content: "";
      position: absolute;
      inset: auto -8% -65% auto;
      width: 240px;
      height: 240px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(147, 197, 253, 0.26), transparent 68%);
      pointer-events: none;
    }

    .faq-detail-kicker {
      color: rgba(191, 219, 254, 0.82);
      letter-spacing: 0.28em;
    }

    .faq-detail-question {
      max-width: 48rem;
      line-height: 1.3;
    }

    .faq-detail-close {
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.16);
      color: #e2e8f0;
    }

    .faq-detail-close:hover {
      background: rgba(255, 255, 255, 0.18);
      color: #ffffff;
    }

    .faq-detail-panel {
      background: rgba(255, 255, 255, 0.68);
    }

    .faq-detail-hero {
      background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(30, 64, 175, 0.9));
      color: #eff6ff;
      box-shadow: 0 24px 54px rgba(15, 23, 42, 0.16);
    }

    .faq-detail-hero-label {
      color: rgba(191, 219, 254, 0.84);
      letter-spacing: 0.22em;
    }

    .faq-detail-hero-answer {
      color: #ffffff;
      font-size: 1.04rem;
      line-height: 1.95;
    }

    .faq-detail-hero-answer .faq-richtext-paragraph,
    .faq-detail-hero-answer .faq-richtext-list,
    .faq-detail-hero-answer .faq-richtext-list li,
    .faq-detail-hero-answer .faq-richtext-empty {
      color: #eff6ff;
    }

    .faq-detail-hero-answer .faq-richtext-list li::marker {
      color: #bfdbfe;
    }

    .faq-detail-hero-answer.faq-detail-scrollable[data-scrollable="true"]::after {
      background: linear-gradient(180deg, rgba(37, 99, 235, 0), rgba(49, 73, 164, 0.96));
    }

    .faq-detail-card {
      border: 1px solid rgba(203, 213, 225, 0.86);
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    }

    .faq-detail-card-soft {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    }

    .faq-detail-stat {
      position: relative;
      padding-left: 1.15rem;
    }

    .faq-detail-stat::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.2rem;
      bottom: 0.2rem;
      width: 4px;
      border-radius: 999px;
      background: linear-gradient(180deg, #2563eb, #06b6d4);
    }

    .faq-detail-label {
      color: #64748b;
      letter-spacing: 0.08em;
    }

    .faq-detail-value {
      color: #0f172a;
      line-height: 1.65;
      word-break: break-word;
    }

    .faq-detail-section-title {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-size: 0.8rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #334155;
    }

    .faq-detail-section-title::before {
      content: "";
      width: 0.75rem;
      height: 0.75rem;
      border-radius: 999px;
      background: linear-gradient(135deg, #2563eb, #06b6d4);
      box-shadow: 0 0 0 5px rgba(191, 219, 254, 0.55);
      flex: none;
    }

    .faq-detail-body {
      color: #0f172a;
      font-size: 0.98rem;
      line-height: 1.9;
    }

    .faq-detail-scrollable {
      position: relative;
      overflow-y: auto;
      padding-right: 0.5rem;
      scrollbar-width: thin;
      scrollbar-color: #cbd5e1 transparent;
    }

    .faq-detail-scrollable::-webkit-scrollbar {
      width: 6px;
    }

    .faq-detail-scrollable::-webkit-scrollbar-track {
      background: transparent;
    }

    .faq-detail-scrollable::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 999px;
    }

    .faq-detail-scrollable[data-scrollable="true"]::after {
      content: "";
      position: sticky;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      height: 2.75rem;
      margin-top: -2.75rem;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.96));
      pointer-events: none;
    }

    .faq-detail-answer-scroll {
      max-height: min(42vh, 24rem);
    }

    .faq-detail-summary-scroll {
      max-height: min(28vh, 12rem);
    }

    .faq-detail-sidecard {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
      border: 1px solid rgba(203, 213, 225, 0.92);
      box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
    }

    .faq-detail-qr-frame {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
      border: 1px solid rgba(203, 213, 225, 0.9);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    }

    .faq-detail-hint {
      background: linear-gradient(135deg, rgba(219, 234, 254, 0.76), rgba(240, 249, 255, 0.94));
      border: 1px solid rgba(191, 219, 254, 0.95);
      color: #1e3a8a;
    }

    .faq-detail-doc-card {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
      border: 1px solid rgba(191, 219, 254, 0.82);
      box-shadow: 0 14px 30px rgba(37, 99, 235, 0.08);
      display: flex;
      flex-direction: column;
      gap: 0.9rem;
    }

    .faq-detail-doc-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.75rem;
    }

    .faq-detail-doc-badge {
      flex: none;
      border: 1px solid rgba(191, 219, 254, 0.95);
      background: #eff6ff;
      color: #1d4ed8;
      letter-spacing: 0.08em;
    }

    .faq-detail-doc-badge.is-muted {
      border-color: rgba(203, 213, 225, 0.95);
      background: #f8fafc;
      color: #64748b;
    }

    .faq-detail-doc-panel {
      border: 1px solid rgba(219, 234, 254, 0.96);
      background: linear-gradient(180deg, rgba(239, 246, 255, 0.88), rgba(255, 255, 255, 0.94));
    }

    .faq-detail-doc-status {
      color: #64748b;
      line-height: 1.7;
    }

    .faq-detail-doc-status.is-ready {
      color: #1e40af;
    }

    .faq-detail-doc-note {
      color: #94a3b8;
      line-height: 1.6;
    }

    .faq-detail-action-primary {
      background: linear-gradient(135deg, #2563eb, #1d4ed8);
      color: #ffffff;
      box-shadow: 0 14px 30px rgba(37, 99, 235, 0.24);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
    }

    .faq-detail-action-primary:hover {
      background: linear-gradient(135deg, #1d4ed8, #1e40af);
    }

    .faq-detail-action-secondary {
      border: 1px solid rgba(148, 163, 184, 0.55);
      background: rgba(255, 255, 255, 0.96);
      color: #334155;
    }

    .faq-detail-action-secondary:hover {
      background: #f8fafc;
    }

    /* PDF Export Utility */
    .pdf-exclude { display: none !important; }

    #sidebar {
      background:
        radial-gradient(circle at top left, rgba(79, 70, 229, 0.24), transparent 32%),
        radial-gradient(circle at bottom right, rgba(6, 182, 212, 0.16), transparent 28%),
        linear-gradient(180deg, #1e293b 0%, #1f2937 48%, #172033 100%);
      color: var(--sidebar-text);
    }

    #sidebar nav .group {
      color: var(--sidebar-text);
      position: relative;
      overflow: hidden;
    }

    #sidebar nav .group::after {
      content: "";
      position: absolute;
      inset: auto 14px 0 14px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.18), transparent);
      opacity: 0;
      transition: opacity 0.2s ease;
    }

    #sidebar nav .group:hover {
      background: var(--sidebar-panel);
      color: #ffffff;
    }

    #sidebar nav .group:hover::after,
    #sidebar nav .nav-item-active::after {
      opacity: 1;
    }

    #sidebar nav .group i {
      color: var(--sidebar-muted);
      transition: color 0.2s ease, transform 0.2s ease;
    }

    #sidebar nav .group:hover i,
    #sidebar nav .nav-item-active i {
      color: #93c5fd !important;
      transform: translateY(-1px);
    }

    .sidebar-section-title {
      color: #93a4bf;
      letter-spacing: 0.16em;
    }

    .sidebar-brand {
      background:
        linear-gradient(135deg, rgba(79, 70, 229, 0.22), rgba(15, 23, 42, 0.12)),
        rgba(15, 23, 42, 0.72);
      border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    }

    .sidebar-brand-badge {
      background: linear-gradient(135deg, var(--accent-blue), #6366f1 55%, var(--accent-cyan));
      box-shadow: 0 10px 24px rgba(79, 70, 229, 0.28);
    }

    .sidebar-user-card {
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.34), rgba(15, 23, 42, 0.58));
      border-top: 1px solid rgba(148, 163, 184, 0.12);
    }

    .sidebar-user-avatar {
      background: linear-gradient(135deg, rgba(96, 165, 250, 0.28), rgba(255, 255, 255, 0.1));
      border-color: rgba(147, 197, 253, 0.35) !important;
    }

    .sidebar-logout {
      background: linear-gradient(135deg, rgba(79, 70, 229, 0.8), rgba(37, 99, 235, 0.92));
      box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
    }

    .sidebar-logout:hover {
      background: linear-gradient(135deg, rgba(220, 38, 38, 0.92), rgba(249, 115, 22, 0.9));
    }

    .sidebar-pill {
      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.22);
    }

    .form-shell {
      background: linear-gradient(180deg, rgba(248, 250, 252, 0.78), #ffffff 24%);
    }

    .form-card {
      border: 1px solid rgba(226, 232, 240, 0.95);
      border-radius: 1rem;
      background: linear-gradient(180deg, rgba(248, 250, 252, 0.88), #ffffff 72%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    }

    .form-label {
      color: #64748b;
      letter-spacing: 0.06em;
    }

    .modal-header-soft {
      background: linear-gradient(180deg, rgba(248, 250, 252, 0.95), rgba(248, 250, 252, 0.68));
    }

    .modal-close-soft {
      background: rgba(241, 245, 249, 0.95);
      border: 1px solid rgba(226, 232, 240, 0.9);
    }

    .modal-close-soft:hover {
      background: #e2e8f0;
    }

    .esk-filter-chip {
      border: 1px solid #cbd5e1;
      background: #ffffff;
      color: #475569;
      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }

    .esk-filter-chip:hover {
      border-color: #93c5fd;
      color: #1d4ed8;
      background: #eff6ff;
    }

    /* CSS Marquee Animation */
    @keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }
    .animate-marquee {
      display: inline-block;
      padding-left: 100%;
      animation: marquee 35s linear infinite;
    }

    .esk-filter-chip.active {
      background: linear-gradient(135deg, #2563eb, #4f46e5);
      border-color: transparent;
      color: #ffffff;
      box-shadow: 0 10px 18px rgba(37, 99, 235, 0.18);
    }

    .esk-row-new {
      background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.12), rgba(255, 255, 255, 0.92) 18%);
    }

    .esk-row-new:hover {
      background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.18), rgba(248, 250, 252, 0.96) 18%);
    }

    .meeting-surface {
      background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(248, 250, 252, 0.95), rgba(255, 255, 255, 0.98));
    }

    .meeting-hero-panel {
      background:
        radial-gradient(circle at top left, rgba(34, 197, 94, 0.12), transparent 30%),
        linear-gradient(135deg, #ffffff, #f8fafc 72%);
    }

    .meeting-mini-label {
      color: #94a3b8;
      letter-spacing: 0.14em;
    }

    .meeting-stat-card {
      border: 1px solid rgba(226, 232, 240, 0.95);
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
    }

    .meeting-compact-table thead th {
      padding-top: 0.85rem;
      padding-bottom: 0.85rem;
      font-size: 11px;
    }

    .meeting-compact-table tbody td {
      padding-top: 0.9rem;
      padding-bottom: 0.9rem;
      vertical-align: top;
    }

    .meeting-inline-actions > * {
      min-height: 38px;
      min-width: auto;
    }

    .meeting-shell-grid {
      align-items: start;
    }

    .meeting-side-panel {
      position: sticky;
      top: 0;
      align-self: start;
    }

    .meeting-invite-section {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(240, 253, 244, 0.72)),
        rgba(236, 253, 245, 0.65);
    }

    .meeting-form-actions {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    .meeting-directory-grid {
      display: grid;
      gap: 0.75rem;
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .meeting-directory-picker {
      display: grid;
      gap: 0.75rem;
      grid-template-columns: minmax(0, 1fr) 240px;
      align-items: center;
    }

    .meeting-recipient-grid {
      display: grid;
      gap: 1rem;
      grid-template-columns: minmax(0, 1fr) 210px;
      align-items: start;
    }

    .meeting-admin-callout {
      display: grid;
      gap: 1rem;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
    }

    @media (max-width: 1023px) {
      body { min-height: 100vh; overflow: auto; }
      body.sidebar-open { overflow: hidden; }
      #sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 70;
        width: min(18rem, 86vw);
        transform: translateX(-100%);
        box-shadow: 0 24px 48px rgba(15, 23, 42, 0.24);
      }
      body.sidebar-open #sidebar { transform: translateX(0); }
      #mobile-sidebar-backdrop {
        position: fixed;
        inset: 0;
        z-index: 60;
        background: rgba(15, 23, 42, 0.58);
        backdrop-filter: blur(2px);
      }
      #content-area { padding: 1rem; }
      header { padding-left: 1rem !important; padding-right: 1rem !important; }
      footer { padding-left: 1rem !important; padding-right: 1rem !important; height: auto !important; min-height: 2rem; }
      #search-meta { gap: 0.75rem; align-items: flex-start; flex-direction: column; }
      #confirmation-modal > div.relative,
      #modal-user > div.relative,
      #modal-eskalasi > div.relative,
      #modal-jawab-eskalasi > div.relative,
      #verification-modal > div.relative,
      #faq-detail-modal > div.relative {
        width: calc(100vw - 1rem) !important;
        max-width: none !important;
        max-height: 92vh !important;
        margin-top: 0.5rem !important;
        border-radius: 1.5rem !important;
      }
      #faq-detail-modal .overflow-y-auto,
      #verification-modal form,
      #modal-user form,
      #modal-eskalasi form,
      #modal-jawab-eskalasi .p-6 {
        max-height: calc(92vh - 84px);
        overflow-y: auto;
      }
      #section-faq-users thead th:nth-child(2),
      #section-faq-users tbody td:nth-child(2),
      #section-faq-verifikasi thead th:nth-child(4),
      #section-faq-verifikasi tbody td:nth-child(4),
      #section-faq-eskalasi thead th:nth-child(4),
      #section-faq-eskalasi tbody td:nth-child(4) {
        display: none;
      }
      #meeting-share-controls .meeting-inline-actions {
        width: 100%;
      }
      .meeting-shell-grid,
      .meeting-directory-picker,
      .meeting-recipient-grid,
      .meeting-admin-callout {
        grid-template-columns: 1fr;
      }
      .meeting-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .meeting-side-panel {
        position: static;
      }
    }

    @media (max-width: 767px) {
      .mobile-full { width: 100%; }
      .mobile-stack { flex-direction: column !important; align-items: stretch !important; }
      .mobile-stack > * { width: 100%; }
      .mobile-hide { display: none !important; }
      #section-faq-list .flex.justify-between.items-center,
      #section-faq-pimpinan .flex.justify-between.items-center.pdf-exclude {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
      }
      #section-faq-meeting .meeting-inline-actions {
        width: 100%;
      }
      #section-faq-meeting .meeting-inline-actions > * {
        width: 100%;
        justify-content: center;
      }
      .meeting-directory-grid {
        grid-template-columns: 1fr;
      }
      #faq-results-grid > div .pt-4 {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
      }
      .faq-detail-question {
        max-width: none;
        font-size: 1.25rem;
      }
      .faq-detail-hero-answer {
        font-size: 0.98rem;
        line-height: 1.8;
      }
      .faq-detail-answer-scroll {
        max-height: min(38vh, 20rem);
      }
      .faq-detail-summary-scroll {
        max-height: min(24vh, 10rem);
      }
    }