.bb-body { --bb-ink: #162226; --bb-paper: #fffaf2; --bb-muted: #66777d; --bb-border: rgba(16, 34, 38, 0.12); --bb-accent: #ff7a59; --bb-accent-deep: #d24d29; --bb-accent-soft: #ffe2d6; --bb-sky: #d9f0ff; --bb-leaf: #d8f3d7; --bb-sun: #fff0b8; --bb-shadow: 0 20px 45px rgba(27, 46, 51, 0.12); --bb-surface: rgba(255, 255, 255, 0.88); --bb-surface-strong: rgba(255, 250, 242, 0.92); --bb-panel: rgba(255, 250, 242, 0.98); --bb-input-bg: #fff; --bb-toggle-bg: rgba(255, 255, 255, 0.7); --bb-toggle-bg-active: #fff; background: radial-gradient(circle at top left, rgba(255, 122, 89, 0.18), transparent 28%), radial-gradient(circle at top right, rgba(119, 197, 255, 0.18), transparent 24%), linear-gradient(180deg, #fffdf9 0%, #fff7ef 100%); color: var(--bb-ink); }

[data-bs-theme="dark"] .bb-body { --bb-ink: #e7eef1; --bb-paper: #0f171c; --bb-muted: #a8b6bc; --bb-border: rgba(231, 238, 241, 0.14); --bb-accent: #ff8a67; --bb-accent-deep: #ffc0ab; --bb-accent-soft: rgba(255, 138, 103, 0.18); --bb-sky: rgba(110, 188, 255, 0.18); --bb-leaf: rgba(110, 221, 162, 0.17); --bb-sun: rgba(255, 214, 102, 0.18); --bb-shadow: 0 20px 45px rgba(0, 0, 0, 0.38); --bb-surface: rgba(19, 28, 33, 0.9); --bb-surface-strong: rgba(15, 23, 28, 0.92); --bb-panel: rgba(15, 23, 28, 0.97); --bb-input-bg: rgba(13, 19, 23, 0.95); --bb-toggle-bg: rgba(19, 28, 33, 0.78); --bb-toggle-bg-active: rgba(31, 42, 48, 0.98); background: radial-gradient(circle at top left, rgba(255, 122, 89, 0.14), transparent 28%), radial-gradient(circle at top right, rgba(119, 197, 255, 0.12), transparent 24%), linear-gradient(180deg, #121b20 0%, #0c1317 100%); color: var(--bb-ink); }

.bb-body main { min-height: 60vh; }

.bb-shell { position: relative; }

.bb-brand-title, .bb-hero-title, .bb-section-title, .bb-card-title, .bb-page-title { font-family: "Sofia Sans Extra Condensed", "Avenir Next Condensed", "Helvetica Neue", sans-serif; letter-spacing: -0.04em; }

.bb-site-header { position: sticky; top: 0; z-index: 1030; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); background: var(--bb-surface-strong); border-bottom: 1px solid var(--bb-border); }

.bb-site-header .container { gap: 1rem; }

.bb-site-header .navbar-brand { color: var(--bb-ink); -webkit-text-fill-color: var(--bb-ink); opacity: 1; text-decoration: none; }

.bb-site-header .navbar-brand:hover, .bb-site-header .navbar-brand:focus { color: var(--bb-ink); -webkit-text-fill-color: var(--bb-ink); }

.bb-brand-mark { width: 2.4rem; height: 2.4rem; border-radius: 0.85rem; display: inline-grid; place-items: center; background: linear-gradient(135deg, #ff9c55, #ff5f5d); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35); }

.bb-site-header .navbar-brand > span:last-child { isolation: isolate; }

.bb-brand-title { color: var(--bb-ink); -webkit-text-fill-color: var(--bb-ink); opacity: 1; line-height: 0.9; }

.bb-site-header .bb-muted { color: var(--bb-muted); -webkit-text-fill-color: var(--bb-muted); opacity: 1; }

.bb-site-header .navbar-toggler { border: 1px solid rgba(16, 34, 38, 0.16); border-radius: 999px; padding: 0.5rem 0.85rem; background: var(--bb-toggle-bg); color: var(--bb-ink); -webkit-appearance: none; appearance: none; }

[data-bs-theme="dark"] .bb-site-header .navbar-toggler { border-color: var(--bb-border); }

.bb-site-header .navbar-toggler:focus { box-shadow: 0 0 0 0.2rem rgba(255, 122, 89, 0.2); }

.bb-site-header .navbar-toggler-icon { width: 1.45rem; height: 1.45rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23162226' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M5 8h20M5 15h20M5 22h20'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 100%; opacity: 1; }

.bb-site-header .navbar-toggler[aria-expanded="true"] { background: var(--bb-toggle-bg-active); border-color: rgba(255, 122, 89, 0.45); }

.bb-site-nav-panel { align-items: center; }

.bb-site-header .collapse.navbar-collapse.show { background: var(--bb-panel); color: var(--bb-ink); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: var(--bb-shadow); border: 1px solid var(--bb-border); border-radius: 1.25rem; }

.bb-site-header .navbar-nav { gap: 1.25rem; }

.bb-site-header .nav-item, .bb-site-header .bb-nav-link { white-space: nowrap; }

.bb-site-header .bb-nav-link, .bb-site-header .bb-nav-link:visited { color: var(--bb-ink); -webkit-text-fill-color: var(--bb-ink); }

.bb-site-search { align-items: center; }

.bb-site-search .bb-search-input { min-width: 15rem; background: var(--bb-input-bg); color: var(--bb-ink); -webkit-text-fill-color: var(--bb-ink); }

.bb-nav-link { color: var(--bb-ink); font-weight: 600; text-decoration: none; }

.bb-nav-link:hover, .bb-nav-link:focus { color: var(--bb-accent-deep); }

.bb-search-input { border-radius: 999px; border: 1px solid var(--bb-border); padding: 0.75rem 1rem; background: var(--bb-input-bg); color: var(--bb-ink); -webkit-text-fill-color: var(--bb-ink); }

.bb-filter-row { display: flex; flex-wrap: wrap; gap: 0.85rem; align-items: center; justify-content: space-between; }

.bb-filter-select { min-width: 16rem; border-radius: 999px; border: 1px solid var(--bb-border); padding: 0.75rem 2.9rem 0.75rem 1rem; background-color: var(--bb-input-bg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23162226' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m3 6 5 5 5-5'/%3E%3C/svg%3E"); background-position: right 1rem center; background-repeat: no-repeat; background-size: 0.95rem; color: var(--bb-ink); -webkit-text-fill-color: var(--bb-ink); -webkit-appearance: none; appearance: none; cursor: pointer; }

[data-bs-theme="dark"] .bb-filter-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23e7eef1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m3 6 5 5 5-5'/%3E%3C/svg%3E"); }

.bb-search-input:focus, .bb-filter-select:focus, .bb-search-submit:focus, .bb-cta-button:focus, .bb-card-link:focus, .bb-chip:focus, .bb-link-tile:focus { outline: 3px solid rgba(255, 122, 89, 0.35); outline-offset: 2px; }

.bb-search-submit, .bb-cta-button { border: 0; border-radius: 999px; padding: 0.8rem 1.2rem; font-weight: 700; }

.bb-search-submit, .bb-cta-button-primary { background: var(--bb-accent); color: #fff; }

.bb-cta-button-secondary { background: var(--bb-input-bg); color: var(--bb-ink); border: 1px solid var(--bb-border); }

.bb-hero { padding: 4rem 0 2rem; }

.bb-hero-panel, .bb-card, .bb-surface, .bb-feature-box, .bb-practice-card { background: var(--bb-surface); border: 1px solid var(--bb-border); border-radius: 1.5rem; box-shadow: var(--bb-shadow); }

.bb-hero-panel { overflow: hidden; }

.bb-hero-copy { padding: 2rem; }

.bb-hero-title { font-size: clamp(3rem, 8vw, 5.9rem); line-height: 0.92; margin-bottom: 1rem; }

.bb-page-title { font-size: clamp(2.5rem, 6vw, 4.6rem); line-height: 0.95; }

.bb-hero-kicker, .bb-subtitle, .bb-eyebrow { color: var(--bb-accent-deep); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.82rem; }

.bb-hero-art { min-height: 100%; background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.85), transparent 18%), linear-gradient(145deg, #ffd36b 0%, #ff8d5e 44%, #73d0ff 100%); color: #122730; padding: 2rem; display: grid; gap: 1rem; align-content: center; }

.bb-bug-pill { display: inline-flex; align-items: center; gap: 0.45rem; background: rgba(255, 255, 255, 0.72); border-radius: 999px; padding: 0.45rem 0.8rem; font-weight: 700; }

[data-bs-theme="dark"] .bb-bug-pill { background: rgba(15, 23, 28, 0.72); }

.bb-section { padding: 1rem 0 2rem; }

.bb-section-title { font-size: clamp(2rem, 4vw, 3rem); line-height: 0.96; }

.bb-card, .bb-feature-box, .bb-link-tile, .bb-glossary-row { padding: 1.35rem; }

.bb-card button, button.bb-card { border: 1px solid var(--bb-border); background: var(--bb-surface); }

.bb-topic-card { height: 100%; }

.bb-card-link, .bb-link-tile { color: inherit; text-decoration: none; }

.bb-card-link:hover, .bb-link-tile:hover { transform: translateY(-2px); }

.bb-chip { display: inline-flex; align-items: center; gap: 0.35rem; border-radius: 999px; padding: 0.3rem 0.75rem; background: var(--bb-accent-soft); color: var(--bb-accent-deep); font-size: 0.85rem; font-weight: 700; text-decoration: none; }

.bb-feature-box { border-left: 8px solid var(--bb-accent); }

.bb-warning-list li::marker { color: var(--bb-accent-deep); }

.bb-badge-row { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.bb-badge { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.75rem; border-radius: 999px; font-size: 0.82rem; font-weight: 700; }

.bb-badge-classrooms { background: var(--bb-sky); }

.bb-badge-business { background: var(--bb-sun); }

.bb-badge-life { background: var(--bb-leaf); }

.bb-badge-fiction { background: #efe3ff; }

.bb-definition-box { padding: 1rem 1.2rem; border-radius: 1.2rem; background: #102226; color: #fff; }

[data-bs-theme="dark"] .bb-definition-box { background: #162228; color: var(--bb-ink); }

.bb-breadcrumbs ol { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; color: var(--bb-muted); }

.bb-breadcrumbs a { color: var(--bb-muted); }

.bb-comparison-grid, .bb-topic-grid, .bb-path-grid, .bb-example-grid, .bb-story-grid, .bb-stats-grid { display: grid; gap: 1rem; }

.bb-topic-grid, .bb-example-grid, .bb-story-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.bb-path-grid, .bb-comparison-grid, .bb-stats-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

.bb-quick-compare { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

.bb-search-results { display: grid; gap: 1rem; }

.bb-result-count { color: var(--bb-muted); }

.bb-stack-list p:last-child { margin-bottom: 0; }

.bb-hidden { display: none; }

.bb-flashcard-front, .bb-flashcard-back { display: block; }

.bb-mini-practice-answer { background: color-mix(in srgb, var(--bb-surface) 90%, transparent); border-radius: 1rem; padding: 1rem; color: var(--bb-ink); }

.bb-practice-card .bb-card-title { font-family: "Avenir Next", "Helvetica Neue", sans-serif; letter-spacing: -0.015em; line-height: 1.25; font-size: clamp(1.2rem, 2vw, 1.6rem); }

.bb-practice-option { -webkit-appearance: none; appearance: none; width: 100%; display: block; text-align: left; padding: 0.9rem 1rem; border-radius: 1rem; border: 1px solid var(--bb-border); background: var(--bb-input-bg); color: var(--bb-ink); -webkit-text-fill-color: var(--bb-ink); font-family: inherit; font-size: 1.15rem; font-weight: 500; line-height: 1.35; white-space: normal; }

.bb-practice-option.is-correct { border-color: #2f7d4f; background: #e5f6e8; color: #163c25; -webkit-text-fill-color: #163c25; }

.bb-practice-option.is-wrong { border-color: #b4492e; background: #ffe9e0; color: #6f2415; -webkit-text-fill-color: #6f2415; }

.bb-practice-option:hover { border-color: rgba(16, 34, 38, 0.28); }

.bb-practice-option:focus { outline: 3px solid rgba(255, 122, 89, 0.35); outline-offset: 2px; }

.bb-footer-band { padding: 2rem 0 1rem; }

.bb-muted { color: var(--bb-muted); }

[data-bs-theme="dark"] .bb-site-header .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23e7eef1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M5 8h20M5 15h20M5 22h20'/%3E%3C/svg%3E"); }

@media (max-width: 991.98px) { .bb-site-header .navbar-collapse { padding-top: 1rem; } .bb-hero { padding-top: 2rem; } }

@media (max-width: 1399.98px) { .bb-site-nav-panel { margin-top: 0.75rem; padding: 1rem; border: 1px solid rgba(16, 34, 38, 0.12); border-radius: 1.25rem; background: rgba(255, 250, 242, 0.98); box-shadow: var(--bb-shadow); } .bb-site-header .navbar-nav { gap: 0.2rem; align-items: stretch; } .bb-site-header .nav-item { width: 100%; } .bb-site-header .bb-nav-link { display: block; padding: 0.65rem 0; } .bb-site-header .bb-nav-link:hover, .bb-site-header .bb-nav-link:focus { color: var(--bb-accent-deep); -webkit-text-fill-color: var(--bb-accent-deep); } .bb-site-search { width: 100%; margin-top: 0.75rem; } .bb-site-search .bb-search-input { min-width: 0; width: 100%; } }

@media (min-width: 1400px) { .bb-site-nav-panel { gap: 1.25rem; } .bb-site-search { flex: 0 1 21rem; } }

/*# sourceMappingURL=brain-bugs.css.map */