.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px}.quiz-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:20px;background:rgba(255,255,255,0.98)}.quiz-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.2)}.quiz-card h2{color:#2c3e50;font-size:1.5rem;margin-bottom:15px;font-weight:600}.quiz-description{color:#4a5568;font-size:1rem;line-height:1.5;margin-bottom:20px;margin-top:10px}.start-button{display:block;width:100%;text-align:center;padding:10px;background-color:#0056B3;color:white;text-decoration:none;border-radius:4px;transition:background-color 0.3s}.start-button:hover{background-color:#0056b3}.quiz-progress{margin-top:1rem;width:100%}.quiz-progress-bar{width:100%;height:6px;background-color:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:0.5rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#2980b9);width:0%;transition:width 0.4s ease-in-out;border-radius:10px}.quiz-progress-text{display:flex;justify-content:space-between;font-size:0.9rem;color:#666}.progress-score{color:#155C8E;font-weight:600}.intro-text{font-size:1.1rem;line-height:1.6;color:#4a5568;margin-bottom:1rem}.quiz-categories h2{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;font-weight:600}.quiz-footer{margin-top:auto}@media screen and (max-width:768px){.container h1{font-size:1.5rem;line-height:1.3;margin-bottom:1rem}.container>p{font-size:0.95rem;margin-bottom:1.5rem}.quiz-grid{gap:20px;padding:10px}.intro-text{font-size:1rem;margin-bottom:1.5rem}.quiz-categories h2{font-size:1.4rem;margin-bottom:1rem}}@media screen and (max-width:480px){.container h1{font-size:1.3rem}}.hide{display:none!important}.comp-hero{text-align:center;padding:32px 16px 24px}.comp-hero h1{color:#0056B3;font-size:1.9rem;margin:0 0 12px;line-height:1.25}.comp-hero-lead{max-width:760px;margin:0 auto 16px;font-size:1.05rem;line-height:1.6;color:#4a5568}.comp-hero-meta{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:0.9rem;color:#2c3e50}.comp-hero-meta span{background:#eef4fc;padding:6px 12px;border-radius:20px}.comp-wizard{background:linear-gradient(135deg,#f8fafc 0%,#eef4fc 100%);border:1px solid #d9e3ef;border-radius:12px;padding:28px 24px;margin:24px 0;box-shadow:0 4px 16px rgba(0,86,179,0.06)}.comp-wizard h2{margin:0 0 6px;color:#0056B3;font-size:1.4rem}.comp-wizard-intro{margin:0 0 20px;color:#4a5568;line-height:1.5}.comp-wizard-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.comp-wizard-step{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:16px 18px;transition:border-color 0.2s,box-shadow 0.2s}.comp-wizard-step.is-answered{border-color:#28a745;background:#f4fbf5}.comp-wizard-question{margin:0 0 12px;color:#2c3e50;font-size:1rem;line-height:1.5}.comp-wizard-q-num{color:#0056B3;font-weight:700;margin-right:6px}.comp-wizard-answers{display:flex;flex-wrap:wrap;gap:10px}.comp-wizard-answer{flex:1 1 auto;min-width:80px;background:#f1f3f5;border:2px solid #dee2e6;border-radius:8px;padding:10px 22px;font-size:1rem;font-weight:600;color:#2c3e50;cursor:pointer;transition:background-color 0.15s,border-color 0.15s,transform 0.1s}.comp-wizard-answer:hover{background:#e9ecef;border-color:#adb5bd}.comp-wizard-answer.is-selected{background:#d6e4f5;border-color:#0056B3;color:#003d80}.comp-wizard-result{margin-top:22px;padding:20px;background:#fff;border:2px solid #0056B3;border-radius:10px;box-shadow:0 6px 20px rgba(0,86,179,0.12)}.comp-wizard-result-label{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:#0056B3;margin:0 0 4px;font-weight:700}.comp-wizard-result-name{color:#2c3e50;margin:0 0 6px;font-size:1.3rem}.comp-wizard-result-tagline{color:#4a5568;margin:0 0 14px;line-height:1.5}.comp-wizard-result-actions{display:flex;gap:12px;flex-wrap:wrap}.comp-wizard-result-cta{display:inline-block;background:#0056B3;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color 0.2s}.comp-wizard-result-cta:hover{background:#003d80}.comp-wizard-reset{background:#f1f3f5;color:#2c3e50;border:1px solid #ced4da;border-radius:6px;padding:10px 16px;cursor:pointer;font-size:0.95rem}.comp-wizard-reset:hover{background:#e9ecef}.comp-routes{margin:32px 0}.comp-routes h2{color:#2c3e50;margin-bottom:16px}.comp-routes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.comp-route{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:20px 22px;box-shadow:0 2px 8px rgba(0,0,0,0.05);display:flex;flex-direction:column;gap:18px;transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s}.comp-route.is-recommended{border-color:#0056B3;box-shadow:0 8px 24px rgba(0,86,179,0.16);transform:translateY(-2px)}.comp-route-recommended-badge{display:inline-block;background:linear-gradient(135deg,#0056B3 0%,#2980b9 100%);color:#fff;font-size:0.8rem;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:8px;align-self:flex-start}.comp-route-head{display:flex;flex-direction:column;gap:6px}.comp-route-icon{font-size:2rem;line-height:1}.comp-route-name{margin:0;color:#2c3e50;font-size:1.2rem;line-height:1.3}.comp-route-tagline{margin:0;color:#4a5568;font-style:italic;font-size:0.95rem}.comp-route-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.comp-route-badge{background:#f8f9fa;color:#2c3e50;font-size:0.82rem;padding:4px 10px;border-radius:6px;border:1px solid #e3e6ea}.comp-route-badge--ref{background:#eef4fc;color:#0056B3;border-color:#d9e3ef}.comp-route-block{border-top:1px solid #f1f3f5;padding-top:14px}.comp-route-block h4{margin:0 0 8px;color:#0056B3;font-size:0.95rem}.comp-route-block ul,.comp-route-block ol{margin:0;padding-left:20px;color:#4a5568;line-height:1.55;font-size:0.95rem}.comp-route-block li{margin-bottom:4px}.comp-route-prosCons{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #f1f3f5;padding-top:14px}.comp-route-pros h4{color:#1e7e34}.comp-route-cons h4{color:#c0392b}.comp-route-pros ul,.comp-route-cons ul{margin:0;padding-left:18px;font-size:0.9rem;line-height:1.5;color:#4a5568}.comp-route--blue{border-left:4px solid #0056B3}.comp-route--purple{border-left:4px solid #6f42c1}.comp-route--rose{border-left:4px solid #e83e8c}.comp-route--amber{border-left:4px solid #f0a020}.comp-table-section{margin:32px 0}.comp-table-section h2{color:#2c3e50;margin-bottom:16px}.comp-table-wrapper{overflow-x:auto;background:#fff;border:1px solid #e3e6ea;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.comp-table{width:100%;border-collapse:collapse;font-size:0.95rem;min-width:640px}.comp-table thead{background:#eef4fc}.comp-table th,.comp-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #f1f3f5}.comp-table thead th{color:#0056B3;font-weight:700}.comp-table tbody th{background:#f8fafc;color:#2c3e50;width:28%}.comp-table tbody td{color:#4a5568}.comp-table tbody tr:last-child th,.comp-table tbody tr:last-child td{border-bottom:none}.comp-table-note{margin-top:12px;font-size:0.85rem;font-style:italic;color:#6c757d;line-height:1.5}@media (max-width:640px){.comp-hero h1{font-size:1.5rem}.comp-wizard{padding:20px 16px}.comp-route-prosCons{grid-template-columns:1fr}.comp-wizard-answer{padding:12px 20px}}