:root {
            --primary: #2d8a6e;
            --accent: #27ae60;
        }
        
        body {
            background: #f5f5f5;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        
        .navbar {
            background: linear-gradient(135deg, var(--accent), #2ecc71);
        }
        
        .qa-card {
            border: none;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }
        
        .qa-header {
            background: var(--primary-light);
            padding: 15px;
            border-radius: 12px 12px 0 0;
        }
        
        .answer-card {
            background: #f9f9f9;
            padding: 15px;
            border-radius: 8px;
            margin-top: 10px;
            border-left: 4px solid var(--accent);
        }
        
        .btn-primary {
            background: var(--accent);
            border-color: var(--accent);
        }
        
        .btn-primary:hover {
            background: #1e8449;
            border-color: #1e8449;
        }
        
        .category-tag {
            display: inline-block;
            padding: 5px 15px;
            background: var(--primary-light);
            color: var(--primary);
            border-radius: 20px;
            margin: 5px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .category-tag:hover, .category-tag.active {
            background: var(--primary);
            color: white;
        }
    

.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:.6rem 1rem;background:#2d8a6e;color:#fff;border-radius:0 0 .5rem 0;text-decoration:none;font-size:.9rem}
.skip-link:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #2d8a6e;outline-offset:2px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}