:root{--primary-color: #0072b1;--text-color: #333;--bg-color: #f5f7fa}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}#page-root{display:flex;flex-direction:column;min-height:100vh}header,footer{background-color:var(--primary-color);color:#fff;padding:1rem;text-align:center}main#content{flex:1;padding:2rem}img{max-width:100%;height:auto}@media (max-width: 768px){body{margin:1rem}nav{flex-wrap:wrap;justify-content:center}.dashboard{grid-template-columns:1fr!important}.strategy-indicator{font-size:1rem;padding:.5rem 1rem}table{font-size:.95rem}.card{padding:1rem}}@media (max-width: 480px){h1{font-size:1.8rem}.strategy-indicator{font-size:1rem;padding:.5rem 1rem}.card{padding:1rem}table th,table td{font-size:.85rem;padding:.4rem}.dashboard{grid-template-columns:1fr}.section-title{font-size:1.25rem}}#nav-toggle{display:none}.nav-links{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){#nav-toggle{display:block;margin-bottom:.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.nav-links{display:none;flex-direction:column;gap:.5rem}.nav-links.visible{display:flex}}