/* /Pages/Home.razor.rz.scp.css */
.home-modules h1[b-21t4u3p17k] { margin: .4rem 0 1.2rem; }
.home-module-grid[b-21t4u3p17k] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.home-module-card[b-21t4u3p17k] { display: grid; gap: .4rem; padding: 20px; background: #fff; color: #23405d; border: 1px solid #e2e8f0; border-radius: 18px; text-decoration: none; box-shadow: 0 5px 24px #173d6314; transition: border-color .15s, box-shadow .15s; }
.home-module-card:hover[b-21t4u3p17k] { border-color: #2367a3; box-shadow: 0 8px 28px #173d631f; }
.home-module-card strong[b-21t4u3p17k] { font-size: 1.1rem; }
.home-module-card span[b-21t4u3p17k] { color: #53718d; font-size: .95rem; }
/* /Pages/Investment.razor.rz.scp.css */
.investment-page[b-rhk913l4qw] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px;
    color: #17231d;
}

.page-header[b-rhk913l4qw] {
    margin-bottom: 20px;
}

.page-header h1[b-rhk913l4qw] {
    margin: 0 0 6px;
    font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.page-subtitle[b-rhk913l4qw] {
    margin: 0;
    color: #6a766f;
    font-size: .9rem;
}

.loading-text[b-rhk913l4qw] {
    color: #6a766f;
}

.alert-banner[b-rhk913l4qw] {
    padding: 12px 16px;
    margin: 0 0 16px;
    border-radius: 10px;
    background: #faece9;
    color: #8b3028;
    font-weight: 600;
}

.card[b-rhk913l4qw],
.investment-summary[b-rhk913l4qw],
.investment-performance[b-rhk913l4qw],
.investment-table[b-rhk913l4qw] {
    border: 1px solid #dce4df;
    border-radius: 15px;
    background: #fff;
    padding: 20px;
    margin: 18px 0;
}

.card h2[b-rhk913l4qw],
.investment-summary h2[b-rhk913l4qw],
.investment-performance h2[b-rhk913l4qw],
.investment-table h2[b-rhk913l4qw] {
    margin-top: 0;
    font-size: 1.2rem;
}

.card p[b-rhk913l4qw],
.investment-summary p[b-rhk913l4qw],
.investment-performance p[b-rhk913l4qw],
.investment-table p[b-rhk913l4qw] {
    color: #6a766f;
    font-size: .85rem;
}

/* KPI cards on the summary section */
.kpi-grid[b-rhk913l4qw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin: 14px 0;
}

.kpi-card[b-rhk913l4qw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px;
    border: 1px solid #e5ebe7;
    border-radius: 12px;
    background: #fafcfb;
}

.kpi-label[b-rhk913l4qw] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2d7653;
}

.kpi-value[b-rhk913l4qw] {
    font-size: 1.5rem;
}

.kpi-value small[b-rhk913l4qw] {
    font-size: .85rem;
    font-weight: 500;
    color: #6a766f;
}

.kpi-sub[b-rhk913l4qw] {
    font-size: .8rem;
    color: #6a766f;
}

.kpi-card.is-gain .kpi-value[b-rhk913l4qw] { color: #246b4b; }
.kpi-card.is-loss .kpi-value[b-rhk913l4qw] { color: #b24838; }

.action-row[b-rhk913l4qw] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}

/* Buttons, shared with app style */
.btn[b-rhk913l4qw] {
    border: 1px solid #ccd7d0;
    border-radius: 9px;
    background: #fff;
    padding: 9px 16px;
    font-weight: 700;
    color: inherit;
    cursor: pointer;
}

.btn:disabled[b-rhk913l4qw] {
    opacity: .55;
    cursor: not-allowed;
}

.btn-primary[b-rhk913l4qw] {
    background: #246b4b;
    color: #fff;
    border-color: #246b4b;
}

.btn-ghost[b-rhk913l4qw] {
    background: #fff;
}

.btn-sm[b-rhk913l4qw] {
    padding: 6px 10px;
    font-size: .82rem;
}

/* Forms */
.form-grid[b-rhk913l4qw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin: 14px 0;
}

.form-grid label[b-rhk913l4qw],
fieldset > label[b-rhk913l4qw] {
    display: grid;
    gap: 6px;
    font-size: .8rem;
    font-weight: 700;
    color: #3a443d;
}

.form-grid input[b-rhk913l4qw],
.form-grid select[b-rhk913l4qw],
fieldset input[b-rhk913l4qw],
fieldset select[b-rhk913l4qw],
fieldset textarea[b-rhk913l4qw] {
    border: 1px solid #d5ded8;
    border-radius: 9px;
    padding: 10px;
    background: #fff;
    color: inherit;
    font-size: .9rem;
}

.checkbox-label[b-rhk913l4qw] {
    flex-direction: row;
    align-items: center;
    display: flex;
    gap: 8px;
}

fieldset[b-rhk913l4qw] {
    border: 0;
    padding: 0;
    margin: 0;
}

/* Generic entry lists (history rows) */
.entry-list[b-rhk913l4qw] {
    display: grid;
    gap: 10px;
    margin: 14px 0;
}

.entry-card[b-rhk913l4qw] {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid #edf1ee;
    border-radius: 10px;
    background: #fafcfb;
}

.entry-card.is-legacy[b-rhk913l4qw] {
    background: #fdfaf4;
    border-color: #ece3cf;
}

.entry-date[b-rhk913l4qw] {
    font-weight: 700;
    color: #246b4b;
    font-size: .85rem;
}

.entry-meta[b-rhk913l4qw] {
    color: #6a766f;
    font-size: .8rem;
}

/* Pending confirmation note */
.pending-note[b-rhk913l4qw] {
    padding: 10px 14px;
    background: #fffaeb;
    border-radius: 9px;
    color: #8a6d1e;
    font-weight: 600;
}

/* Tables */
.investment-summary table[b-rhk913l4qw],
.investment-performance table[b-rhk913l4qw],
.investment-table table[b-rhk913l4qw] {
    width: 100%;
    border-collapse: collapse;
    margin: .5rem 0;
}

.investment-summary th[b-rhk913l4qw],
.investment-summary td[b-rhk913l4qw],
.investment-performance th[b-rhk913l4qw],
.investment-performance td[b-rhk913l4qw],
.investment-table th[b-rhk913l4qw],
.investment-table td[b-rhk913l4qw] {
    text-align: right;
    padding: .6rem .5rem;
    border-bottom: 1px solid #edf1ee;
}

.investment-summary th:first-child[b-rhk913l4qw],
.investment-summary td:first-child[b-rhk913l4qw],
.investment-performance th:first-child[b-rhk913l4qw],
.investment-performance td:first-child[b-rhk913l4qw],
.investment-table th:first-child[b-rhk913l4qw],
.investment-table td:first-child[b-rhk913l4qw] {
    text-align: left;
}

.investment-performance tr.current-year[b-rhk913l4qw] {
    background: #f5f8ff;
}

.loss[b-rhk913l4qw],
td.loss[b-rhk913l4qw],
.investment-summary tr.loss td[b-rhk913l4qw],
.investment-performance td.loss[b-rhk913l4qw],
.investment-table tr.loss td[b-rhk913l4qw] {
    color: #b24838;
}

.gain[b-rhk913l4qw],
td.gain[b-rhk913l4qw],
.investment-summary tr.gain td[b-rhk913l4qw],
.investment-performance td.gain[b-rhk913l4qw],
.investment-table tr.gain td[b-rhk913l4qw] {
    color: #246b4b;
}

/* Fund cards */
.fund-grid[b-rhk913l4qw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
    margin: 14px 0;
}

.fund-card[b-rhk913l4qw] {
    border: 1px solid #dce4df;
    border-radius: 12px;
    background: #fafcfb;
    padding: 14px 16px;
}

.fund-card.fund-closed[b-rhk913l4qw] {
    opacity: .75;
}

.fund-card header[b-rhk913l4qw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.fund-card h3[b-rhk913l4qw] {
    margin: 0;
    font-size: 1.05rem;
}

.fund-badge[b-rhk913l4qw] {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 999px;
    background: #edf7f1;
    color: #246b4b;
}

.fund-card.fund-closed .fund-badge[b-rhk913l4qw] {
    background: #f1ede4;
    color: #8a6d1e;
}

.fund-owner[b-rhk913l4qw] {
    margin: 0 0 8px;
    font-size: .8rem;
    color: #6a766f;
}

.fund-empty[b-rhk913l4qw] {
    font-size: .82rem;
    color: #6a766f;
}

.fund-position[b-rhk913l4qw] {
    padding: 8px 0;
    border-top: 1px solid #edf1ee;
}

.fund-position:first-of-type[b-rhk913l4qw] {
    border-top: 0;
}

.fund-meta[b-rhk913l4qw] {
    margin: 2px 0;
    font-size: .78rem;
    color: #6a766f;
}

.fund-warning[b-rhk913l4qw] {
    color: #8b3028;
    font-weight: 700;
    font-size: .8rem;
}

@media (max-width: 760px) {
    .investment-page[b-rhk913l4qw] {
        padding: 16px;
    }

    .kpi-grid[b-rhk913l4qw],
    .form-grid[b-rhk913l4qw],
    .fund-grid[b-rhk913l4qw] {
        grid-template-columns: 1fr;
    }
}

/* Page structure and component-generated form controls. */
.investment-page[b-rhk913l4qw] { min-width: 0; }
.page-header[b-rhk913l4qw] { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.eyebrow[b-rhk913l4qw] { color: #527260; font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.page-header h1[b-rhk913l4qw] { margin-top: 8px; }
.section-nav[b-rhk913l4qw] { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.section-nav a[b-rhk913l4qw] { padding: 9px 16px; background: #e7eee8; border-radius: 999px; color: #245438; font-weight: 650; text-decoration: none; }
.data-notice[b-rhk913l4qw] { padding: 14px 18px; border: 1px solid #e6d8b4; border-radius: 12px; background: #fff9e9; color: #70591e; font-size: .875rem; line-height: 1.6; }
.kpi-grid[b-rhk913l4qw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kpi-card[b-rhk913l4qw] { padding: 22px; }
.kpi-card:first-child[b-rhk913l4qw] { background: #edf5ef; border-color: #c9ddce; }
.kpi-value[b-rhk913l4qw] { font-size: clamp(1.3rem, 2.5vw, 1.9rem); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.kpi-label[b-rhk913l4qw] { letter-spacing: .04em; }
.investment-page button[b-rhk913l4qw] { border: 1px solid #ccd7d0; border-radius: 9px; padding: 10px 16px; background: #fff; color: #245438; font: inherit; font-weight: 650; cursor: pointer; }
.investment-page button.btn-primary[b-rhk913l4qw], .form-panel button[type="submit"][b-rhk913l4qw] { color: #fff; background: #246b4b; border-color: #246b4b; }
.investment-page button:disabled[b-rhk913l4qw] { opacity: .55; cursor: not-allowed; }
.investment-page button:hover:not(:disabled)[b-rhk913l4qw], .section-nav a:hover[b-rhk913l4qw] { filter: brightness(.95); }
.investment-page .btn[b-rhk913l4qw] { text-decoration: none; white-space: nowrap; }
.table-scroll[b-rhk913l4qw] { max-width: 100%; overflow-x: auto; border: 1px solid #e5ebe7; border-radius: 10px; margin: 16px 0; }
.table-scroll table[b-rhk913l4qw] { margin: 0; min-width: 680px; font-size: .875rem; font-variant-numeric: tabular-nums; }
.table-scroll th[b-rhk913l4qw] { background: #f4f7f4; color: #526459; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.table-scroll td[b-rhk913l4qw], .table-scroll th[b-rhk913l4qw] { padding: 14px 16px; line-height: 1.7; }
.table-scroll tbody tr:hover[b-rhk913l4qw] { background: #f7faf7; }
summary[b-rhk913l4qw] { cursor: pointer; font-size: 1.1rem; font-weight: 750; color: #244d35; padding: 4px 0; }
summary span[b-rhk913l4qw] { display: block; font-size: .82rem; font-weight: 400; color: #6a766f; margin-top: 6px; }
details[open] > summary[b-rhk913l4qw] { margin-bottom: 20px; }
.fund-entry[b-rhk913l4qw] { border-top: 1px solid #e5ebe7; padding-top: 20px; margin-top: 20px; }
.form-panel[b-rhk913l4qw]  form, .form-panel fieldset[b-rhk913l4qw] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.form-panel fieldset[b-rhk913l4qw] { grid-column: 1 / -1; min-width: 0; }
.form-panel label[b-rhk913l4qw] { display: flex; flex-direction: column; gap: 8px; font-size: .85rem; font-weight: 600; color: #46594c; min-width: 0; }
.form-panel[b-rhk913l4qw]  input, .form-panel[b-rhk913l4qw]  select { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid #cbd8ce; border-radius: 8px; padding: 11px 12px; background: #fcfdfb; color: #17241d; font: inherit; }
.form-panel[b-rhk913l4qw]  input[type="checkbox"] { width: 20px; height: 20px; accent-color: #246b4b; }
.form-panel p[b-rhk913l4qw] { grid-column: 1 / -1; }
.form-panel button[b-rhk913l4qw] { justify-self: start; align-self: end; }
.form-panel[b-rhk913l4qw]  input:focus-visible, .form-panel[b-rhk913l4qw]  select:focus-visible, .investment-page button:focus-visible[b-rhk913l4qw], .investment-page a:focus-visible[b-rhk913l4qw], summary:focus-visible[b-rhk913l4qw], .table-scroll:focus-visible[b-rhk913l4qw] { outline: 3px solid #79a88b; outline-offset: 3px; }
.history-section > p[b-rhk913l4qw] { padding: 14px 16px; border-left: 3px solid #c9ddce; background: #f7f9f6; line-height: 1.8; border-radius: 0 8px 8px 0; }
.fund-card p[b-rhk913l4qw] { line-height: 1.7; }
.investment-page [id][b-rhk913l4qw] { scroll-margin-top: 24px; }
@media (max-width: 760px) {
 .investment-page[b-rhk913l4qw] { padding: 16px 8px; }
 .page-header[b-rhk913l4qw] { align-items: flex-start; flex-direction: column; }
 .kpi-grid[b-rhk913l4qw], .form-panel[b-rhk913l4qw]  form, .form-panel fieldset[b-rhk913l4qw] { grid-template-columns: minmax(0, 1fr); }
 .card[b-rhk913l4qw], .investment-summary[b-rhk913l4qw], .investment-performance[b-rhk913l4qw], .investment-table[b-rhk913l4qw] { padding: 16px; }
 .action-row[b-rhk913l4qw] { flex-direction: column; }
 .action-row button[b-rhk913l4qw] { width: 100%; }
 .fund-grid[b-rhk913l4qw] { grid-template-columns: minmax(0, 1fr); }
}

/* Tabs + dialogs (refactor) */
.page-header .header-actions[b-rhk913l4qw] { display: flex; gap: 10px; flex-wrap: wrap; }
.tab-nav[b-rhk913l4qw] { display: flex; flex-wrap: wrap; gap: 6px; margin: 22px 0; border-bottom: 1px solid #dce4df; }
.tab-nav button[b-rhk913l4qw] { border: 1px solid transparent; border-bottom: none; border-radius: 10px 10px 0 0; background: transparent; padding: 10px 18px; font-weight: 650; color: #526459; cursor: pointer; font: inherit; }
.tab-nav button.active[b-rhk913l4qw] { background: #edf5ef; color: #245438; border-color: #c9ddce; }
.tab-nav button:hover:not(.active)[b-rhk913l4qw] { background: #f4f7f4; }
.section-head[b-rhk913l4qw] { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.section-head h2[b-rhk913l4qw] { margin: 0; }

.investment-dialog[b-rhk913l4qw] { border: none; border-radius: 16px; padding: 24px; max-width: 560px; width: 92vw; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.investment-dialog[b-rhk913l4qw]::backdrop { background: rgba(10, 20, 15, .45); }
.investment-dialog h2[b-rhk913l4qw] { margin-top: 0; }
.optional-fields[b-rhk913l4qw] { grid-column: 1 / -1; }
.optional-fields summary[b-rhk913l4qw] { color: #46594c; cursor: pointer; font-weight: 600; }
.optional-fields > div[b-rhk913l4qw] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 14px; }
.dialog-actions[b-rhk913l4qw] { grid-column: 1 / -1; display: flex; gap: 10px; justify-content: flex-end; }

@media (max-width: 760px) {
    .tab-nav[b-rhk913l4qw] { overflow-x: auto; flex-wrap: nowrap; }
    .investment-dialog[b-rhk913l4qw] { width: 96vw; padding: 16px; }
}

@media (max-width: 760px) {
 .investment-table .table-scroll th:first-child[b-rhk913l4qw],
 .investment-table .table-scroll td:first-child[b-rhk913l4qw] {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;
  box-shadow: 1px 0 #e5ebe7;
 }
 .investment-table .table-scroll th:first-child[b-rhk913l4qw] {
  z-index: 2;
  background: #f4f7f4;
 }
 .investment-table .table-scroll tbody tr:hover td:first-child[b-rhk913l4qw] { background: #f7faf7; }
}
/* /Pages/RewardPoints.razor.rz.scp.css */
.rewards[b-3fm7lpiece] { max-width: 960px; margin: 0 auto; color: #23405d; }
header[b-3fm7lpiece], .activity-title[b-3fm7lpiece], .history li[b-3fm7lpiece] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
h1[b-3fm7lpiece] { margin: .5rem 0 1rem; } h2[b-3fm7lpiece] { margin-top: 2rem; } h3[b-3fm7lpiece] { margin: 0; }
button[b-3fm7lpiece], .complete[b-3fm7lpiece] { min-height: 44px; border: 1px solid #c9d8e9; border-radius: 10px; padding: .7rem 1rem; background: #eef4fc; color: #224f89; font: inherit; cursor: pointer; }
button:disabled[b-3fm7lpiece], .complete:has(input:disabled)[b-3fm7lpiece] { cursor: default; opacity: .65; }
button:focus-visible[b-3fm7lpiece], a:focus-visible[b-3fm7lpiece], input:focus-visible[b-3fm7lpiece] { outline: 3px solid #2563eb; outline-offset: 3px; }
.balance[b-3fm7lpiece] { display: flex; align-items: baseline; justify-content: center; gap: 1rem; padding: 2rem 1rem; border-radius: 20px; background: linear-gradient(120deg, #e2f3ed, #eef4fc); }
.balance strong[b-3fm7lpiece] { font-size: clamp(2.5rem, 9vw, 4.5rem); color: #166347; }
.day[b-3fm7lpiece] { text-align: center; font-size: .9rem; }
.activities[b-3fm7lpiece] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
article[b-3fm7lpiece] { background: #fff; border: 1px solid #cbd5e1; border-radius: 16px; padding: 1.25rem; overflow-wrap: anywhere; }
.activity-title strong[b-3fm7lpiece] { white-space: nowrap; color: #166347; }
.complete[b-3fm7lpiece] { display: flex; align-items: center; gap: .7rem; }
input[b-3fm7lpiece] { width: 1.2rem; height: 1.2rem; accent-color: #0d9488; }
.history[b-3fm7lpiece] { padding: 0; list-style: none; }
.history li[b-3fm7lpiece] { padding: 1rem 0; border-bottom: 1px solid #dce5ee; overflow-wrap: anywhere; }
.history small[b-3fm7lpiece] { display: block; margin-top: .4rem; }
.history b[b-3fm7lpiece] { white-space: nowrap; }
.positive[b-3fm7lpiece] { color: #166347; } .negative[b-3fm7lpiece], .error[b-3fm7lpiece] { color: #a52a2a; }
@media (max-width: 640px) { .activities[b-3fm7lpiece] { grid-template-columns: 1fr; } .balance[b-3fm7lpiece] { gap: .7rem; } .activity-title[b-3fm7lpiece] { align-items: flex-start; flex-wrap: wrap; } }
/* /Pages/TinLearning.razor.rz.scp.css */
.learning-lesson[b-jdvvnmotgh] { margin: .75rem 0; }
.learning-lesson button[b-jdvvnmotgh] { width: 100%; text-align: left; padding: 1.25rem; border: 1px solid #cbd5e1; border-radius: 16px; background: #fff; color: #18344c; font-size: 1.05rem; cursor: pointer; }
.learning-lesson button:hover[b-jdvvnmotgh] { background: #eff6ff; border-color: #2563eb; }
fieldset[b-jdvvnmotgh] { border: 1px solid #cbd5e1; border-radius: 16px; padding: 1rem; margin: 1rem 0; }
fieldset label[b-jdvvnmotgh] { border-radius: 10px; margin: .5rem 0; background: #f1f5f9; color: #18344c; cursor: pointer; }
fieldset label:has(input:checked)[b-jdvvnmotgh] { background: #dbeafe; outline: 2px solid #2563eb; }
input[type=radio][b-jdvvnmotgh] { width: 1.2rem; height: 1.2rem; accent-color: #2563eb; }
textarea[b-jdvvnmotgh] { display: block; width: 100%; min-height: 160px; padding: 1rem; font: inherit; border: 1px solid #94a3b8; border-radius: 12px; box-sizing: border-box; }
progress[b-jdvvnmotgh] { width: 100%; height: 12px; accent-color: #0d9488; }
.learning-saved[b-jdvvnmotgh] { color: #047857; font-weight: 600; }
button[b-jdvvnmotgh] { min-height: 44px; }
button:focus-visible[b-jdvvnmotgh], a:focus-visible[b-jdvvnmotgh], textarea:focus-visible[b-jdvvnmotgh] { outline: 3px solid #2563eb; outline-offset: 3px; }
.learning-workspace[b-jdvvnmotgh] { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 8px; align-items: start; }
.learning-picker[b-jdvvnmotgh], .learning-content[b-jdvvnmotgh] { padding: 12px; background: #fff; color: #23405d; border-radius: 20px; box-shadow: 0 5px 24px #173d6314; }
.learning-picker[b-jdvvnmotgh] { position: sticky; top: 14px; max-height: calc(100dvh - 28px); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-gutter: stable; box-sizing: border-box; }
.learning-picker h2[b-jdvvnmotgh] { font-size: 1.15rem; }
.learning-picker nav[b-jdvvnmotgh] { display: flex; flex-wrap: wrap; gap: 8px; }
.learning-picker button[b-jdvvnmotgh] { min-width: 44px; border: 1px solid #c9d8e9; border-radius: 9px; background: #eef4fc; color: #224f89; cursor: pointer; }
.learning-picker button.answered[b-jdvvnmotgh] { border: 2px solid #26804c; }
.learning-picker button.active[b-jdvvnmotgh] { background: #2367a3; color: white; }
.learning-section[b-jdvvnmotgh] { flex-basis: 100%; font-size: .95rem; margin: 10px 0 2px; }
@media (max-width: 760px) { .learning-workspace[b-jdvvnmotgh] { grid-template-columns: 1fr; } .learning-picker[b-jdvvnmotgh] { position: static; } .learning-content[b-jdvvnmotgh] { padding: 12px; } }
.learning-filter[b-jdvvnmotgh] { display: block; margin: 0 0 1rem; font-weight: 600; }
.learning-filter input[b-jdvvnmotgh] { display: block; margin-top: .4rem; padding: .7rem; border: 1px solid #b7cadc; border-radius: 10px; font: inherit; }
.learning-back[b-jdvvnmotgh] { border: 1px solid #c9d8e9; border-radius: 10px; background: #eef4fc; color: #224f89; padding: .6rem 1rem; cursor: pointer; }
.learning-lesson button:active[b-jdvvnmotgh], .learning-primary:active[b-jdvvnmotgh], .learning-secondary:active[b-jdvvnmotgh], .learning-check:active[b-jdvvnmotgh] { transform: translateY(1px); }
.learning-actions[b-jdvvnmotgh] { position: sticky; bottom: 0; z-index: 10; padding: 10px 0 calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #e2e8f0; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-top: 14px; }
.learning-primary[b-jdvvnmotgh], .learning-secondary[b-jdvvnmotgh], .learning-check[b-jdvvnmotgh], .learning-back[b-jdvvnmotgh] { font: inherit; font-weight: 600; padding: .75rem 1.4rem; border-radius: 999px; cursor: pointer; transition: background .15s, border-color .15s; }
.learning-primary[b-jdvvnmotgh] { border: 1px solid #2367a3; background: #2367a3; color: #fff; }
.learning-primary:hover:enabled[b-jdvvnmotgh] { background: #1b5285; }
.learning-secondary[b-jdvvnmotgh], .learning-back[b-jdvvnmotgh] { border: 1px solid #c9d8e9; background: #fff; color: #224f89; }
.learning-secondary:hover:enabled[b-jdvvnmotgh], .learning-back:hover:enabled[b-jdvvnmotgh] { background: #eef4fc; border-color: #2367a3; }
.learning-check[b-jdvvnmotgh] { border: 1px solid #0d9488; background: #e6fffb; color: #0b6d64; }
.learning-check:hover:enabled[b-jdvvnmotgh] { background: #ccfbf1; }
.learning-primary:disabled[b-jdvvnmotgh], .learning-secondary:disabled[b-jdvvnmotgh], .learning-check:disabled[b-jdvvnmotgh], .learning-back:disabled[b-jdvvnmotgh], .learning-lesson button:disabled[b-jdvvnmotgh] { opacity: .55; cursor: not-allowed; }
.learning-picker button[b-jdvvnmotgh] { font-weight: 600; transition: background .15s, border-color .15s; }
.learning-picker button:hover:enabled[b-jdvvnmotgh] { background: #dbeafe; border-color: #2367a3; }
.learning-lesson button[b-jdvvnmotgh] { font-weight: 600; transition: background .15s, border-color .15s, box-shadow .15s; }
.learning-lesson button:hover:enabled[b-jdvvnmotgh] { box-shadow: 0 4px 16px #173d631f; }
a.learning-back[b-jdvvnmotgh] { display: inline-block; text-decoration: none; }
.learning-split[b-jdvvnmotgh] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; margin-top: 6px; }
.learning-split.no-context[b-jdvvnmotgh] { grid-template-columns: minmax(0, 1fr); }
.learning-discovery[b-jdvvnmotgh] { position: sticky; top: 14px; padding: 16px 18px; background: #f6faff; border: 1px solid #d4e4f6; border-radius: 16px; }
.learning-discovery h3[b-jdvvnmotgh] { margin: 0 0 8px; color: #214e90; }
.learning-questions[b-jdvvnmotgh] { display: grid; gap: 16px; }
.learning-question[b-jdvvnmotgh] { padding: 16px 18px; border: 1px solid #e2e8f0; border-radius: 16px; }
.learning-question h3[b-jdvvnmotgh] { margin-top: 0; font-size: 1.05rem; }
.learning-option[b-jdvvnmotgh] { display: block; padding: .55rem .7rem; }
.learning-writing textarea[b-jdvvnmotgh] { margin-top: .4rem; min-height: 120px; }
.learning-feedback[b-jdvvnmotgh] { padding: .8rem 1rem; background: #eef5ff; border: 1px solid #c5d8ef; border-radius: 12px; }
.learning-picker-row[b-jdvvnmotgh] { display: contents; }
@media (max-width: 1100px) { .learning-split[b-jdvvnmotgh] { grid-template-columns: minmax(0, 1fr); } .learning-discovery[b-jdvvnmotgh] { position: static; } }
.learning-picker .learning-back[b-jdvvnmotgh] { width: 100%; margin-bottom: 12px; }
.learning-picker h2[b-jdvvnmotgh] { margin-top: 0; }
.learning-lesson button.NotStarted[b-jdvvnmotgh] { background: #f1f5f9; border-left: 6px solid #64748b; }
.learning-lesson button.InProgress[b-jdvvnmotgh] { background: #fff7df; border-left: 6px solid #a16207; }
.learning-lesson button.Completed[b-jdvvnmotgh] { background: #e7f6ec; border-left: 6px solid #237344; }
.lesson-progress-label[b-jdvvnmotgh] { display: block; margin-top: .4rem; font-size: .9rem; font-weight: 700; }
.learning-split.reading-only[b-jdvvnmotgh] { display: block; }
.reading-only .learning-discovery[b-jdvvnmotgh] { position: static; margin: 0; padding: 12px 14px; }
.reading-only .learning-questions[b-jdvvnmotgh] { display: none; }
.learning-picker-row > button[b-jdvvnmotgh] { flex: 0 0 44px; }
.learning-picker-row > button.reading-link[b-jdvvnmotgh] { flex-basis: 100%; }
.learning-content > h2[b-jdvvnmotgh] { margin: 0 0 6px; font-size: clamp(1.2rem, 2vw, 1.6rem); }
.learning-content > p[b-jdvvnmotgh], .learning-picker > p[b-jdvvnmotgh] { margin: 4px 0; }
.learning-picker h2[b-jdvvnmotgh] { margin-bottom: 10px; }
.learning-picker nav[b-jdvvnmotgh] { gap: 6px; }
.learning-actions[b-jdvvnmotgh] { gap: 8px; }
@media (max-width: 760px) {
    .learning-picker[b-jdvvnmotgh] { max-height: min(32dvh, 240px); padding: 12px; }
    .learning-picker .learning-back[b-jdvvnmotgh] { margin-bottom: 8px; }
    .learning-question[b-jdvvnmotgh] { padding: 12px; }
    .learning-actions[b-jdvvnmotgh] { margin-top: 6px; }
}
/* /Pages/TinLearningConnect.razor.rz.scp.css */
.connect-layout[b-7dyf835r4w] { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; align-items: start; }
.connect-menu[b-7dyf835r4w] { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 6px; padding: 18px; background: #fff; border: 1px solid #dce6f0; border-radius: 16px; }
.connect-menu strong[b-7dyf835r4w] { padding: 8px 10px; color: #23405d; }
.connect-menu a[b-7dyf835r4w] { padding: 10px; border-radius: 8px; color: #224f89; text-decoration: none; }
.connect-menu a:hover[b-7dyf835r4w] { background: #eef4fc; }
.connect-menu a:focus-visible[b-7dyf835r4w], summary:focus-visible[b-7dyf835r4w] { outline: 3px solid #2367a3; outline-offset: 3px; }
.connect-card[b-7dyf835r4w] { min-width: 0; padding: 28px; background: #fff; color: #23405d; border-radius: 20px; box-shadow: 0 5px 24px #173d6314; }
.connect-card section[b-7dyf835r4w] { scroll-margin-top: 20px; padding: 12px 0 24px; border-bottom: 1px solid #e7edf5; }
.connect-card h1[b-7dyf835r4w] { font-size: 1.7rem; }
.connect-card h2[b-7dyf835r4w] { font-size: 1.25rem; color: #214e90; }
.connect-card p[b-7dyf835r4w], .connect-card li[b-7dyf835r4w] { line-height: 1.7; }
.connect-card li[b-7dyf835r4w] { margin: .6rem 0; }
.connect-card blockquote[b-7dyf835r4w] { margin: 1rem 0; padding: 16px; border-left: 4px solid #5081bc; background: #f4f8fd; }
.connect-url[b-7dyf835r4w] { display: block; margin: .5rem 0; padding: .7rem 1rem; background: #f1f5f9; border-radius: 10px; overflow-wrap: anywhere; }
.connect-warning[b-7dyf835r4w] { padding: 1rem; background: #fff7df; border-radius: 12px; color: #6a4b13; }
.connect-instructions[b-7dyf835r4w] { padding: 1rem; background: #f1f5f9; border-radius: 12px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .9rem; line-height: 1.6; }
summary[b-7dyf835r4w] { cursor: pointer; padding: 12px 0; font-weight: 600; }
@media (max-width: 800px) { .connect-layout[b-7dyf835r4w] { grid-template-columns: minmax(0, 1fr); } .connect-menu[b-7dyf835r4w] { position: static; } .connect-card[b-7dyf835r4w] { padding: 18px; } }
/* /TinLearning/LessonBlocks.razor.rz.scp.css */
.lesson-visual[b-0pnpsikysh] { display: grid; gap: 8px; margin: 6px 0; }
.lesson-block[b-0pnpsikysh] { white-space: pre-wrap; line-height: 1.6; }
.lead[b-0pnpsikysh] { font-size: 1.2rem; font-weight: 650; }
.rule[b-0pnpsikysh] { padding: 18px; background: #e7f2ff; border-left: 5px solid #3275b8; border-radius: 12px; font-weight: 700; }
.tip[b-0pnpsikysh] { padding: 18px; background: #fff7df; border-radius: 12px; color: #6a4b13; }
.prompt[b-0pnpsikysh] { padding: 18px; background: #eef9f0; border-radius: 12px; color: #235a38; }
.example-grid[b-0pnpsikysh] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.example-card[b-0pnpsikysh] { padding: 20px; border: 2px solid #d4e4f6; background: #f6faff; border-radius: 17px; }
.example-card:nth-child(2)[b-0pnpsikysh] { border-color: #a7d5b5; background: #f4fcf5; }
.example-label[b-0pnpsikysh] { font-size: .9rem; font-weight: 700; }
.example-sentence[b-0pnpsikysh] { font-size: clamp(1.1rem, 2.6vw, 1.65rem); overflow-wrap: anywhere; }
.example-sentence strong[b-0pnpsikysh] { color: #0d69bd; background: #d9ecff; border-radius: 6px; padding: 2px 5px; }
@media(max-width:560px) { .example-grid[b-0pnpsikysh] { grid-template-columns: 1fr; } }
img[b-0pnpsikysh] { max-width: 100%; height: auto; border-radius: 12px; } figcaption[b-0pnpsikysh] { font-size: .85rem; }
.compact[b-0pnpsikysh] { gap: 10px; margin: 10px 0; }
.compact img[b-0pnpsikysh] { max-height: 180px; width: auto; }
.compact figure[b-0pnpsikysh] { margin: 0; }
.compact .example-sentence[b-0pnpsikysh] { font-size: 1rem; }
.compact .example-card[b-0pnpsikysh] { padding: 10px 12px; }
.compact .lesson-block[b-0pnpsikysh] { font-size: .95rem; }
.compact .lead[b-0pnpsikysh] { font-size: 1rem; }
.reading-word[b-0pnpsikysh] { display: inline; white-space: normal; }
.reading-definition[b-0pnpsikysh] { display: inline-block; padding: 10px; margin: 4px; background: #eef5ff; border: 1px solid #aac9eb; border-radius: 8px; max-width: 100%; }
.reading-trigger[b-0pnpsikysh] { display: inline; padding: 0 2px; border: 0; border-bottom: 2px dotted #125d9b; background: #e8f3ff; color: #125d9b; font: inherit; cursor: pointer; border-radius: 3px; }
.reading-trigger:focus-visible[b-0pnpsikysh] { outline: 2px solid #125d9b; outline-offset: 2px; }
.reading-trigger[aria-expanded="true"][b-0pnpsikysh] { background: #c9e4ff; }
.reading-definition[b-0pnpsikysh] { display: block; white-space: normal; }
.reading-definition button[b-0pnpsikysh] { display: block; margin-top: 8px; }
.reading[b-0pnpsikysh] { font-size: 1.1rem; line-height: 1.5; overflow-wrap: anywhere; }
.lesson-visual figure[b-0pnpsikysh] { margin: 4px 0; }
.lesson-visual figure img[b-0pnpsikysh] { display: block; width: 100%; max-height: 280px; object-fit: contain; background: #edf1f5; }
.lesson-visual figcaption[b-0pnpsikysh] { margin-top: 6px; color: #52647a; line-height: 1.5; }
.image-source[b-0pnpsikysh] { margin-top: 6px; font-size: .8rem; }
.image-source summary[b-0pnpsikysh] { cursor: pointer; }
.reading-trigger[b-0pnpsikysh] { background: transparent; border-radius: 0; padding: 0; border-bottom: 1px dotted #527898; color: inherit; }
.reading-trigger:hover[b-0pnpsikysh], .reading-trigger[aria-expanded="true"][b-0pnpsikysh] { background: #dbeeff; color: #125d9b; }