@import url(/wp-content/themes/Divi/style.css);.tra-container{width:100%;max-width:none;margin:0 auto;padding:20px;overflow:hidden}.tra-header{text-align:center;margin-bottom:20px}.tra-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;padding-bottom:2vw}.tra-grid{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}@media (max-width:768px){.tra-grid{grid-template-columns:1fr}}#create-topic-form-container{border:1px solid #d1d5db;padding:20px;background:#f9fafb;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .15);position:relative;top:0}@media (min-width:768px){#create-topic-form-container{margin-top:20px}}#create-topic-form-container h3{font-size:1.75rem;margin-bottom:15px;color:#1f2937}#create-topic-form-container button{background-color:#000;color:#fff;padding:10px 20px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color 0.3s ease}#create-topic-form-container button:hover{background-color:gray}#topics-container{width:100%}.topic{border-radius:.5rem;border:1px solid #e5e7eb;background-color:rgb(255 255 255 / .5);backdrop-filter:blur(4px);color:#111827;box-shadow:0 10px 25px rgb(0 0 0 / .1);padding:1.5rem;transition:all 0.3s ease-in-out;margin:1.5vw 0!important}.topic:hover{box-shadow:0 20px 40px rgb(0 0 0 / .15);transform:scale(1.02)}.topic-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:10px}.topic-description{font-size:.875rem;color:#6b7280}.topic:hover{box-shadow:0 4px 6px rgb(0 0 0 / .1);transform:scale(1.02)}#topics-header{display:none}.suggestions-content{padding:15px;background:#f3f4f6;border:1px solid #e5e7eb;margin-top:10px;border-radius:4px;font-size:.95rem;line-height:1.6;white-space:normal;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.suggestions-content pre{margin:0;background:#fff0;border:none;font-family:inherit;font-size:inherit;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;padding:10px}.ai-suggestions-content{font-family:"Arial",sans-serif;font-size:1rem;line-height:1.6;color:#333;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;padding:10px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px}.ai-suggestions-content strong{font-weight:700}.ai-suggestions-content em{font-style:italic}.ai-suggestions-content ul{list-style-type:disc;padding-left:20px}.ai-suggestions-content li{margin-bottom:5px}.ai-suggestions-content br{display:block;content:"";margin-top:5px}button{margin:5px 0;padding:8px 16px;cursor:pointer;background-color:#4f46e5;color:#fff;border:none;border-radius:4px;font-size:.9rem;transition:background-color 0.3s ease}button:hover{background-color:#4338ca}.generate-ideas-btn,.delete-topic-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:.875rem;font-weight:500;border-radius:6px;background-color:#628dd6;color:#fff;border:none;transition:background-color 0.3s ease}.generate-ideas-btn:hover,.delete-topic-btn:hover{background-color:#4c74c9}.generate-ideas,.delete-topic-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:.875rem;font-weight:500;border-radius:6px;background-color:#628dd6;color:#fff;border:none;transition:background-color 0.3s ease}.generate-ideas:hover,.delete-topic-btn:hover{background-color:#4c74c9}.toggle-suggestions{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:.875rem;font-weight:500;border-radius:6px;background-color:#628dd6;color:#fff;border:none;transition:background-color 0.3s ease}.toggle-suggestions:hover,.delete-topic-btn:hover{background-color:#4c74c9}#display-topic-filter{display:flex;justify-content:flex-end;gap:10px;align-items:center;text-align:right}#display-topic-filter label{white-space:nowrap}#display-topic-filter select{min-width:120px}#create-topic-form{max-width:none;width:100%}#create-topic-form-container{display:flex;flex-direction:column;gap:15px;align-items:flex-start;width:100%}#create-topic-form label{font-weight:600;margin-bottom:5px;display:block}#create-topic-form input[type="text"],#create-topic-form textarea,#create-topic-form select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;color:#111827;background-color:#fff}#create-topic-form fieldset{border:none;display:flex;flex-direction:column;gap:10px}#create-topic-form button{align-self:flex-start;max-width:none;width:100%}.tra-topics-list{padding:0!important;width:100%!important}.topics-list{width:100%!important;max-width:100%!important;display:block;padding:0 0 0 0;!important;margin:0 auto;box-sizing:border-box}.topic-category{display:inline-block;background-color:#e5e7eb!important;color:#111827!important;font-size:0.875rem!important;font-weight:500!important;padding:6px 12px!important;border-radius:6px!important;border:1px solid #d1d5db!important;margin-top:8px!important}.text-sm text-gray-900{color:#111827!important}.text-sm{margin:10px 10px 10px 10px;padding:10px 10px 10px 10px}.bg-gray-200{background-color:#e5e7eb!important;padding:3px 5px 3px 5px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;width:100%}.pagination-info{font-size:.875rem;color:#4b5563;margin-left:10px}.pagination-buttons{display:flex;align-items:center;gap:5px;margin-right:10px}.pagination-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;background-color:#f9fafb;color:#374151;height:36px;border-radius:6px;padding:0 12px;transition:all 0.3s ease-in-out}.pagination-buttons button.current{background-color:#2563eb;color:#fff;border-color:#2563eb}.pagination-buttons button:hover{background-color:#e5e7eb;color:#111827}.pagination-buttons button:disabled{pointer-events:none;opacity:.5}.gq_overlay_text .custom_overlay{position:relative}.gq_overlay_text .image{display:block;width:100%;height:auto}.gq_overlay_text .overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#77B1D5;overflow:hidden}.gq_overlay_text .custom_overlay:hover .overlay{opacity:85%}.gq_overlay_text .text{color:#FFF;font-size:22px;line-height:22px;text-align:center;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:100%}