.bridge-page{max-width:900px}.bridge-hero{text-align:center;margin-bottom:calc(var(--spacing-unit) * 1.5)}.bridge-free-note,.bridge-usage-banner{text-align:center;color:var(--color-text-medium);background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * .85) var(--spacing-unit);max-width:640px;margin:var(--spacing-unit) auto 0;font-size:.95rem}.bridge-free-note i{color:var(--color-primary);margin-right:.35rem}.bridge-free-note a{color:var(--color-primary);font-weight:600}.bridge-breadcrumb{color:var(--color-text-medium);margin-bottom:.25rem;font-size:.9rem}.bridge-breadcrumb a{color:var(--color-primary);font-weight:600;text-decoration:none}.bridge-breadcrumb a:hover{text-decoration:underline}.bridge-category-grid{gap:calc(var(--spacing-unit) * 1.5);margin:calc(var(--spacing-unit) * 2) 0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.bridge-category-card{background:var(--color-card-background);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 1.5);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease, border-color var(--transition-speed) ease;flex-direction:column;text-decoration:none;display:flex;position:relative}.bridge-category-card:hover{border-color:var(--card-color,var(--color-primary));transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.bridge-category-icon{background:var(--card-color,var(--color-primary));color:#fff;width:48px;height:48px;margin-bottom:var(--spacing-unit);border-radius:12px;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.bridge-category-card h2{color:var(--color-text-dark);margin:0 0 .4rem;font-size:1.15rem}.bridge-category-card p{color:var(--color-text-medium);margin:0 0 var(--spacing-unit);flex:1;font-size:.92rem;line-height:1.5}.bridge-category-free{top:calc(var(--spacing-unit) * 1.5);right:calc(var(--spacing-unit) * 1.5);background:var(--card-color,var(--color-primary));color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .6rem;font-size:.65rem;font-weight:700;position:absolute}.bridge-category-link{color:var(--card-color,var(--color-primary));font-size:.9rem;font-weight:600}.bridge-category-card:hover .bridge-category-link{text-decoration:underline}.bridge-section-heading{margin:0 0 var(--spacing-unit);color:var(--color-text-dark)}.bridge-tip-grid{gap:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.bridge-tip-card{background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-unit);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;text-decoration:none;display:block}.bridge-tip-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000012}.bridge-tip-card h3{color:var(--color-text-dark);margin:.5rem 0 .35rem;font-size:1rem}.bridge-tip-card p{color:var(--color-text-medium);margin:0;font-size:.88rem;line-height:1.5}.bridge-tip-theme{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .55rem;font-size:.65rem;font-weight:700;display:inline-block}.bridge-theme-formula-booklet{color:#4338ca;background:#6366f11f}.bridge-theme-practical{color:#a04a0e;background:#e67e221f}.bridge-theme-general{color:#0d6e5c;background:#16a0851f}.bridge-usage-banner{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.bridge-usage-banner i.fa-bolt{color:var(--color-primary)}.bridge-usage-banner.bridge-usage-exhausted{border-color:var(--color-gradient-gold-start)}.bridge-usage-upgrade{color:var(--color-primary);font-weight:600;text-decoration:none}.bridge-usage-upgrade:hover{text-decoration:underline}.bridge-formula-list{gap:calc(var(--spacing-unit) * 1.5);margin-top:calc(var(--spacing-unit) * 1.5);flex-direction:column;display:flex}.bridge-formula-card{background:var(--bg-primary,#fff);border:1.5px solid var(--border-color,#e5e7eb);padding:calc(var(--spacing-unit) * 1.25);border-radius:12px}[data-theme=dark] .bridge-formula-card{border-color:var(--border-color,#2d2d44);background:#ffffff08}.bridge-formula-name{color:var(--text-primary,#111);margin:0 0 .75rem;font-size:1.1rem}.fb-exercise-feedback.fb-locked{color:var(--text-primary,#374151);background:#6366f112;border:1.5px dashed #6366f14d;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.fb-exercise-feedback.fb-locked i{color:var(--color-primary,#6366f1)}.fb-exercise-feedback.fb-locked span{flex:1}.bridge-mcq-app{margin-top:calc(var(--spacing-unit) * 1.5)}.bridge-mcq-progress{color:var(--color-text-medium);margin-bottom:var(--spacing-unit);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.bridge-mcq-score-live{color:var(--color-text-dark);font-weight:600}.bridge-mcq-card{background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 1.5)}.bridge-mcq-practical-tag{color:#3d4bb5;background:#6366f11a;border-radius:999px;margin-bottom:.6rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.bridge-mcq-question{color:var(--color-text-dark);margin-bottom:var(--spacing-unit);font-size:1.05rem;line-height:1.5}.bridge-mcq-options{flex-direction:column;gap:.6rem;display:flex}.bridge-mcq-option{text-align:left;padding:.75rem var(--spacing-unit);border:1.5px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-card-background);color:var(--color-text-dark);cursor:pointer;transition:border-color var(--transition-speed) ease, background var(--transition-speed) ease;font-size:.95rem}.bridge-mcq-option:hover:not(:disabled){border-color:var(--color-primary)}.bridge-mcq-option:disabled{cursor:default}.bridge-mcq-option.correct{color:#15803d;background:#22c55e1a;border-color:#22c55e}.bridge-mcq-option.wrong{color:#b91c1c;background:#ef444414;border-color:#ef4444}.bridge-mcq-feedback{margin-top:var(--spacing-unit);border-radius:var(--border-radius);color:var(--color-text-dark);background:#6366f10f;border:1px solid #6366f133;padding:.85rem 1rem;font-size:.92rem;line-height:1.55;display:none}.bridge-mcq-feedback.visible{display:block}.bridge-mcq-footer{margin-top:var(--spacing-unit);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bridge-mcq-practical-link{color:var(--color-primary);font-size:.85rem;font-weight:600;text-decoration:none}.bridge-mcq-practical-link:hover{text-decoration:underline}.bridge-mcq-next-btn{background:var(--color-primary);color:var(--color-card-background);border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-speed) ease;border:none;padding:.55rem 1.3rem;font-size:.9rem;font-weight:600}.bridge-mcq-next-btn:hover{background:var(--color-primary-hover)}.bridge-mcq-complete,.bridge-mcq-locked{text-align:center;padding:calc(var(--spacing-unit) * 1.5) var(--spacing-unit)}.bridge-mcq-complete i,.bridge-mcq-locked i{color:var(--color-primary);margin-bottom:.5rem;font-size:2rem;display:block}.bridge-mcq-complete p,.bridge-mcq-locked p{color:var(--color-text-medium);margin-bottom:var(--spacing-unit)}.bridge-mcq-restart-btn,.bridge-mcq-locked .bridge-usage-upgrade{background:var(--color-primary);color:var(--color-card-background);border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-speed) ease;border:none;padding:.55rem 1.3rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.bridge-mcq-restart-btn:hover,.bridge-mcq-locked .bridge-usage-upgrade:hover{background:var(--color-primary-hover)}.bridge-hunt-list{gap:calc(var(--spacing-unit) * 1.5);margin-top:calc(var(--spacing-unit) * 1.5);flex-direction:column;display:flex}.bridge-hunt-card{background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 1.25)}.bridge-hunt-card h2{color:var(--color-text-dark);margin:0 0 .5rem;font-size:1.1rem}.bridge-hunt-stem{color:var(--color-text-medium);margin-bottom:var(--spacing-unit);line-height:1.6}.bridge-hunt-categories{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.bridge-hunt-cat-btn{border:1.5px solid var(--color-border);background:var(--color-card-background);color:var(--color-text-dark);cursor:pointer;transition:border-color var(--transition-speed) ease, color var(--transition-speed) ease, background var(--transition-speed) ease;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.bridge-hunt-cat-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#6366f114}.bridge-hunt-instructions{color:var(--color-text-medium);margin-bottom:var(--spacing-unit);font-size:.85rem;font-style:italic}.bridge-hunt-items{margin-bottom:var(--spacing-unit);flex-direction:column;gap:.5rem;display:flex}.bridge-hunt-chip{padding:.65rem var(--spacing-unit);border:1.5px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-card-background);color:var(--color-text-dark);cursor:pointer;transition:border-color var(--transition-speed) ease, background var(--transition-speed) ease;justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.bridge-hunt-chip:hover{border-color:var(--color-primary)}.bridge-hunt-chip.selected{border-color:var(--color-primary);background:#6366f114}.bridge-hunt-chip.correct{background:#22c55e1a;border-color:#22c55e}.bridge-hunt-chip.wrong{background:#ef444414;border-color:#ef4444}.bridge-hunt-chip-text{flex:1}.bridge-hunt-chip-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);white-space:nowrap;font-size:.75rem;font-weight:700}.bridge-hunt-actions{margin-bottom:var(--spacing-unit);gap:.6rem;display:flex}.bridge-hunt-check-btn,.bridge-hunt-reset-btn{border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-speed) ease, color var(--transition-speed) ease, border-color var(--transition-speed) ease;padding:.55rem 1.3rem;font-size:.9rem;font-weight:600}.bridge-hunt-check-btn{background:var(--color-primary);color:var(--color-card-background);border:none}.bridge-hunt-check-btn:hover{background:var(--color-primary-hover)}.bridge-hunt-reset-btn{border:1.5px solid var(--color-border);color:var(--color-text-medium);background:0 0}.bridge-hunt-reset-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.bridge-hunt-feedback{border-radius:var(--border-radius);color:var(--color-text-dark);background:#6366f10f;border:1px solid #6366f133;padding:.85rem 1rem;font-size:.9rem;line-height:1.55;display:none}.bridge-hunt-feedback.visible{display:block}.bridge-hunt-feedback.bridge-locked{background:#6366f112;border:1.5px dashed #6366f14d;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.bridge-hunt-feedback.bridge-locked i{color:var(--color-primary)}.bridge-hunt-feedback.bridge-locked span{flex:1}.text-center{text-align:center}.mt-30{margin-top:30px}.back-link{color:var(--color-primary);font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}@media (width<=600px){.bridge-category-grid,.bridge-tip-grid{grid-template-columns:1fr}.bridge-mcq-footer{flex-direction:column;align-items:stretch}.bridge-mcq-next-btn{width:100%}}