/** VSA-1 Frontend Styles (reusing VNA-2 classnames) */
:root { --vna2-primary-color:#2c3e50; --vna2-accent-color:#3498db; --vna2-background-light:#f8f9fa; --vna2-border-color:#e9ecef; --vna2-border-radius:8px; --vna2-spacing-sm:10px; --vna2-spacing-md:15px; --vna2-spacing-lg:20px; --vna2-font-size-sm:14px; --vna2-font-size-md:16px; --vna2-transition: all 0.3s ease; }
.vna2-display-container{ margin: var(--vna2-spacing-lg) 0; }
.vna2-error{ color:#e74c3c; padding:var(--vna2-spacing-md); background:#ffeaea; border-radius:var(--vna2-border-radius); margin:var(--vna2-spacing-md) 0; }
.vna-view-toggle{ display:none; gap:var(--vna2-spacing-sm); margin-bottom:var(--vna2-spacing-lg); padding:var(--vna2-spacing-sm); background:var(--vna2-background-light); border-radius:var(--vna2-border-radius); border:1px solid var(--vna2-border-color); }
.vna-view-toggle-btn{ flex:1; padding:12px 16px; background:#fff; border:1px solid #dee2e6; border-radius:6px; font-size:var(--vna2-font-size-sm); font-weight:500; color:#495057; cursor:pointer; transition:var(--vna2-transition); text-align:center; }
.vna-view-toggle-btn:hover{ background:#f0f0f0; border-color:#adb5bd; transform: translateY(-1px); }
.vna-view-toggle-btn.active{ background:#000;border-color:#000;color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1); }
.vna2-article-wrapper,.vna2-analysis-box{ animation:fadeIn 0.3s ease; }
.vna2-article-content{ line-height:1.6; font-size:var(--vna2-font-size-md); }
.vna2-analysis-box{ background:var(--vna2-background-light); border-radius:var(--vna2-border-radius); padding:var(--vna2-spacing-lg); margin-bottom:var(--vna2-spacing-lg); border:1px solid var(--vna2-border-color); }
.vna2-analysis-box h3{ margin:0 0 var(--vna2-spacing-md) 0; font-size:1.2em; color:var(--vna2-primary-color); border-bottom:2px solid #333; padding-bottom:var(--vna2-spacing-sm); }
.vna2-analysis-item{ margin-bottom:var(--vna2-spacing-md); padding-bottom:var(--vna2-spacing-md); border-bottom:1px solid #e0e0e0; }
.vna2-analysis-item:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
.vna2-analysis-item h4{ margin:0 0 var(--vna2-spacing-sm) 0; font-size:1em; font-weight:600; color:#333; }
.vna2-analysis-item p{ margin:0; color:#333; line-height:1.5; }
@keyframes fadeIn{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);} }
@media (max-width: 992px){ .vna-view-toggle{ display:flex; } .vna2-content-wrapper:not(.active){ display:none !important; } .vna2-analysis-box{ padding:var(--vna2-spacing-md); margin-bottom:var(--vna2-spacing-md);} .vna2-analysis-box h3{ font-size:1.1em;} .vna2-article-content{ font-size:15px; } }
@media (min-width: 993px){ .vna-view-toggle{ display:none !important; } .vna2-article-wrapper,.vna2-content-wrapper{ display:block !important; } .vna2-article-desktop{ margin-bottom:var(--vna2-spacing-lg);} .vna2-mobile{ display:none; } }
.dark-mode .vna2-analysis-box{ background:#1a1a1a; border-color:#333; }
.dark-mode .vna2-analysis-box h3{ color:#fff; }
.dark-mode .vna2-analysis-item h4{ color:#ddd; }
.dark-mode .vna2-analysis-item p{ color:#aaa; }