.code-example{background:#1e1e2e;color:#cdd6f4;border-radius:12px;padding:20px;margin:16px 0;overflow-x:auto;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.7}.code-example .keyword{color:#cba6f7}.code-example .func{color:#89b4fa}.code-example .comment{color:#6c7086;font-style:italic}.code-example .string{color:#a6e3a1}.code-example .number{color:#fab387}.complexity-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.complexity-table th{background:var(--isep-blue-dark, #2c5aa0);color:#fff;padding:12px;text-align:left}.complexity-table td{padding:10px 12px;border-bottom:1px solid var(--light-gray, #e9ecef)}.complexity-table tr:hover{background:#2c5aa00a}.complexity-table .best{color:#28a745;font-weight:600}.complexity-table .avg{color:#ffc107;font-weight:600}.complexity-table .worst{color:#dc3545;font-weight:600}.struct-card{background:var(--bg-card, #fff);border-radius:14px;padding:24px;box-shadow:0 4px 16px #0000000f;margin-bottom:16px;border-left:4px solid var(--isep-yellow, #FFD700);transition:all .3s}.struct-card:hover{transform:translate(4px);box-shadow:0 6px 20px #0000001a}.struct-card h4{color:var(--isep-blue-dark, #2c5aa0);margin-bottom:8px}.tree-visual{font-family:Courier New,monospace;background:var(--light, #f8f9fa);padding:16px;border-radius:10px;line-height:1.8;white-space:pre;font-size:.85rem;margin:12px 0;overflow-x:auto}.big-o-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-weight:700;font-size:.85rem;margin:2px}.big-o-badge.constant{background:#d4edda;color:#155724}.big-o-badge.log{background:#cce5ff;color:#004085}.big-o-badge.linear{background:#fff3cd;color:#856404}.big-o-badge.quadratic{background:#f8d7da;color:#721c24}.sort-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:20px 0}.sort-card{background:var(--bg-card, #fff);border-radius:12px;padding:20px;box-shadow:0 3px 12px #0000000d;border-top:3px solid var(--isep-blue-dark, #2c5aa0)}.sort-card h5{margin-bottom:8px}.sort-card .complexity{color:var(--gray, #6c757d);font-size:.85rem}@media (max-width: 768px){.sort-compare{grid-template-columns:1fr}}