﻿ .qa-hero{color:#fff;text-align:center;background:#045d5d linear-gradient(135deg,#045d5d 0%,#033a3a 100%);padding:3.5rem 1rem;position:relative}.qa-hero h1{font-family:var(--font-serif);color:#fff;margin-bottom:.75rem;font-size:2.75rem}.qa-hero-hub{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:720px;margin:1.5rem auto 0;display:flex}.qa-hero-search,.qa-search-bar{box-sizing:border-box;background:#fff;border-radius:50px;flex:1;align-items:center;gap:.65rem;min-width:260px;padding:.65rem 1.25rem;display:flex;box-shadow:0 4px 15px #00000026}.qa-hero-search input,.qa-search-bar input{color:var(--text-charcoal);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.qa-hero-ask-btn{background:var(--accent-gold,#d4af37);color:#1a1a1a;cursor:pointer;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:.4rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #00000026}.qa-hero-ask-btn:hover{background:#e2c04d;transform:translateY(-1px)}.qa-portal-layout{grid-template-columns:260px 1fr;align-items:flex-start;gap:2rem;display:grid}.qa-sidebar{flex-direction:column;align-self:flex-start;gap:1.25rem;display:flex;position:sticky;top:5.5rem}.qa-sidebar-card{border:1px solid var(--border-color);background:#fff;border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #00000005}.qa-topic-btn{width:100%;color:var(--text-charcoal);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.qa-topic-btn:hover{background-color:var(--bg-ivory);color:var(--primary-deep-emerald)}.qa-topic-btn.active{color:var(--primary-deep-emerald);background-color:#045d5d14;border-color:#045d5d26;font-weight:700}.qa-topic-count{color:inherit;background-color:#0000000d;border-radius:50px;flex-shrink:0;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.qa-topic-btn.active .qa-topic-count{background-color:var(--primary-deep-emerald);color:#fff}.qa-topics-scrollable{scrollbar-width:thin;scrollbar-color:#045d5d4d transparent}.qa-topics-scrollable::-webkit-scrollbar{width:4px}.qa-topics-scrollable::-webkit-scrollbar-track{background:#00000005;border-radius:4px}.qa-topics-scrollable::-webkit-scrollbar-thumb{background:#045d5d40;border-radius:4px}.qa-topics-scrollable::-webkit-scrollbar-thumb:hover{background:var(--accent-gold,#d4af37)}.qa-tab-btn{color:var(--text-charcoal);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.35rem;padding:.5rem 0;font-size:.95rem;font-weight:500;transition:all .15s;display:inline-flex}.qa-tab-btn:hover{color:var(--primary-deep-emerald)}.qa-tab-btn.active{color:var(--primary-deep-emerald);border-bottom-color:var(--primary-deep-emerald);font-weight:700}.qa-table-container{border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;background:#fff;border-radius:10px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #00000005}.qa-table{border-collapse:collapse;text-align:left;width:100%}.qa-table th{color:var(--primary-deep-emerald);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap;background-color:#f8fafc;padding:.85rem 1.15rem;font-size:.78rem;font-weight:700}.qa-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem 1.15rem;font-size:.9rem}.qa-table tbody tr{transition:background-color .12s}.qa-table tbody tr:hover{background-color:#f9fbfa}.qa-table tbody tr:last-child td{border-bottom:none}.qa-table-question-cell{flex-direction:column;gap:.25rem;display:flex}.qa-table-question-title{color:var(--primary-deep-emerald);font-size:.96rem;font-weight:600;line-height:1.4;text-decoration:none;transition:color .15s}.qa-table-question-title:hover{color:var(--accent-gold)}.qa-table-summary-preview{color:var(--text-charcoal);opacity:.75;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.qa-btn-preview-styled{color:#475569;cursor:pointer;white-space:nowrap;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.qa-btn-preview-styled:hover{color:var(--primary-deep-emerald);background-color:#f1f5f9;border-color:#cbd5e1}.qa-btn-read-styled{background-color:var(--primary-deep-emerald);border:1px solid var(--primary-deep-emerald);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;color:#fff!important}.qa-btn-read-styled:hover{background-color:#033f3f;border-color:#033f3f;color:#fff!important}.qa-badge-fatwa{background-color:var(--primary-deep-emerald);color:#fff;letter-spacing:.5px;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.qa-badge-category{color:var(--accent-gold);font-size:.82rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999998;box-sizing:border-box;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:560px;max-height:90vh;padding:1.75rem;overflow-y:auto;box-shadow:0 20px 40px #00000040}@media (max-width:860px){.qa-portal-layout{grid-template-columns:1fr;gap:1.5rem}.qa-sidebar{width:100%;position:static}}@media (max-width:680px){.qa-hero h1{font-size:1.85rem}.qa-hero{padding:2.25rem 1rem}.qa-hero-hub{flex-direction:column;width:100%}.qa-hero-search,.qa-search-bar{box-sizing:border-box;width:100%}.qa-hero-ask-btn{justify-content:center;width:100%}.qa-table-container{box-shadow:none;background:0 0;border:none;overflow:visible}.qa-table,.qa-table tbody,.qa-table tr,.qa-table td{box-sizing:border-box;width:100%;display:block}.qa-table thead{display:none}.qa-table tbody tr{border:1px solid var(--border-color);background:#fff;border-radius:10px;margin-bottom:1rem;padding:1.15rem;box-shadow:0 2px 6px #00000008}.qa-table td{border:none;padding:.35rem 0}.qa-mobile-meta-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.4rem;display:flex}.qa-mobile-actions-row{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.modal-overlay{align-items:flex-end;padding:0}.modal-card{border-radius:16px 16px 0 0;width:100%;max-height:92vh;padding:1.25rem}}
