/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-qfbvc762v3] {
    display: grid;
    gap: 1.5rem;
    padding: 2rem 0 3rem;
}

.dashboard-header[b-qfbvc762v3],
.panel-heading[b-qfbvc762v3],
.dashboard-score-band[b-qfbvc762v3],
.dashboard-controls[b-qfbvc762v3],
.score-factor-heading[b-qfbvc762v3],
.activity-item[b-qfbvc762v3],
.module-status[b-qfbvc762v3],
.quick-actions[b-qfbvc762v3] {
    display: flex;
    align-items: center;
}

.dashboard-header[b-qfbvc762v3] {
    justify-content: space-between;
    gap: 2rem;
}

.eyebrow[b-qfbvc762v3] {
    color: var(--mud-palette-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dashboard-header h1[b-qfbvc762v3] {
    margin-top: .25rem;
    color: var(--mud-palette-text-primary);
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 750;
    letter-spacing: -.055em;
    line-height: 1;
}

.subtitle[b-qfbvc762v3],
.score-caption[b-qfbvc762v3],
.score-factor p[b-qfbvc762v3],
.module-status p[b-qfbvc762v3],
.activity-item p[b-qfbvc762v3] {
    color: var(--mud-palette-text-secondary);
}

.subtitle[b-qfbvc762v3] { margin-top: .7rem; max-width: 40rem; }
.dashboard-controls[b-qfbvc762v3] { gap: .65rem; }
.dashboard-controls input[b-qfbvc762v3] { min-height: 2.6rem; border: 1px solid var(--mud-palette-lines-default); border-radius: .5rem; padding: 0 .75rem; background: var(--mud-palette-surface); }

.dashboard-score-band[b-qfbvc762v3] {
    position: relative;
    isolation: isolate;
    justify-content: space-between;
    overflow: hidden;
    min-height: 11.5rem;
    padding: 2rem;
    border-radius: 1.25rem;
    color: white;
    background: linear-gradient(125deg, var(--mud-palette-primary) 0%, #8b5cf6 55%, #c084fc 100%);
    box-shadow: 0 20px 45px rgb(103 80 164 / .25);
}
.dashboard-score-band[b-qfbvc762v3]::before,
.dashboard-score-band[b-qfbvc762v3]::after { position: absolute; z-index: -1; border-radius: 999px; background: rgb(255 255 255 / .12); content: ""; }
.dashboard-score-band[b-qfbvc762v3]::before { width: 15rem; height: 15rem; right: 12%; top: -9rem; }
.dashboard-score-band[b-qfbvc762v3]::after { width: 9rem; height: 9rem; right: -2rem; bottom: -4rem; }
.dashboard-score-band .eyebrow[b-qfbvc762v3] { color: rgb(255 255 255 / .75); }
.dashboard-score-band h2[b-qfbvc762v3] { margin-top: .35rem; font-size: 1.5rem; font-weight: 700; }
.score-caption[b-qfbvc762v3] { max-width: 32rem; margin-top: .45rem; color: rgb(255 255 255 / .82); }
.score-value[b-qfbvc762v3] { display: flex; align-items: baseline; gap: .3rem; padding: .65rem 1.15rem; border: 1px solid rgb(255 255 255 / .22); border-radius: 1rem; background: rgb(255 255 255 / .13); backdrop-filter: blur(10px); }
.score-value strong[b-qfbvc762v3] { font-size: clamp(3.3rem, 7vw, 5.4rem); font-weight: 750; letter-spacing: -.08em; line-height: .9; }
.score-value span[b-qfbvc762v3] { font-size: 1.05rem; font-weight: 700; opacity: .75; }

.dashboard-stat-grid[b-qfbvc762v3] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.dashboard-stat[b-qfbvc762v3] { padding: 1.25rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 1rem; background: var(--mud-palette-surface); box-shadow: 0 8px 24px rgb(20 20 43 / .035); }
.dashboard-stat span[b-qfbvc762v3] { display: block; color: var(--mud-palette-text-secondary); font-size: .85rem; font-weight: 600; }
.dashboard-stat strong[b-qfbvc762v3] { display: block; margin-top: .35rem; color: var(--mud-palette-text-primary); font-size: 1.85rem; letter-spacing: -.05em; }

.dashboard-content-grid[b-qfbvc762v3] { display: grid; grid-template-columns: 1.35fr .85fr; gap: 1rem; }
.dashboard-panel[b-qfbvc762v3] { padding: 1.4rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 1rem; background: var(--mud-palette-surface); box-shadow: 0 8px 24px rgb(20 20 43 / .035); }
.dashboard-panel h2[b-qfbvc762v3] { margin-top: .25rem; color: var(--mud-palette-text-primary); font-size: 1.12rem; font-weight: 700; }
.score-factors[b-qfbvc762v3] { display: grid; gap: 1.1rem; margin-top: 1.3rem; }
.score-factor-heading[b-qfbvc762v3] { justify-content: space-between; font-size: .9rem; }
.score-factor-heading span[b-qfbvc762v3] { color: var(--mud-palette-text-secondary); font-size: .8rem; }
.score-factor p[b-qfbvc762v3] { margin-top: .35rem; font-size: .8rem; }
.score-bar[b-qfbvc762v3] { height: .48rem; overflow: hidden; margin-top: .5rem; border-radius: 99px; background: var(--mud-palette-background-gray); }
.score-bar span[b-qfbvc762v3] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--mud-palette-primary), #a78bfa); }
.module-status-list[b-qfbvc762v3] { display: grid; gap: .7rem; margin-top: 1.3rem; }
.module-status[b-qfbvc762v3] { justify-content: space-between; padding: .85rem .9rem; border-radius: .75rem; background: var(--mud-palette-background-gray); }
.module-status strong[b-qfbvc762v3] { font-size: .9rem; }.module-status p[b-qfbvc762v3] { margin-top: .15rem; font-size: .77rem; }.module-status span[b-qfbvc762v3] { padding: .22rem .48rem; border-radius: 99px; font-size: .7rem; font-weight: 800; }
.module-available span[b-qfbvc762v3] { color: var(--mud-palette-success); background: rgb(76 175 80 / .12); }.module-unavailable span[b-qfbvc762v3] { color: var(--mud-palette-text-secondary); background: rgb(0 0 0 / .06); }

.quick-actions[b-qfbvc762v3] { gap: .75rem; flex-wrap: wrap; margin-top: 1rem; }
.dashboard-activities[b-qfbvc762v3] { display: grid; gap: 1.25rem; }.panel-heading[b-qfbvc762v3] { justify-content: space-between; gap: 1rem; }.activity-list[b-qfbvc762v3] { display: grid; gap: .6rem; }.activity-item[b-qfbvc762v3] { justify-content: space-between; gap: 1rem; padding: 1rem; border-radius: .85rem; background: var(--mud-palette-background-gray); transition: transform .18s ease, background .18s ease; }.activity-item:hover[b-qfbvc762v3] { transform: translateX(3px); background: rgb(103 80 164 / .08); }.activity-type[b-qfbvc762v3] { display: inline-block; margin-bottom: .3rem; color: var(--mud-palette-primary); font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.activity-item h3[b-qfbvc762v3] { color: var(--mud-palette-text-primary); font-size: .95rem; font-weight: 700; }.activity-item p[b-qfbvc762v3] { margin-top: .2rem; font-size: .83rem; }.activity-item time[b-qfbvc762v3] { min-width: 3.4rem; color: var(--mud-palette-primary); font-size: .95rem; font-weight: 800; text-align: right; }
.state-message[b-qfbvc762v3] { padding: 2rem; color: var(--mud-palette-text-secondary); text-align: center; }.error-state[b-qfbvc762v3] { color: var(--mud-palette-error); }
.success-state[b-qfbvc762v3] { color: var(--mud-palette-success); }

.habit-history[b-qfbvc762v3] { display: grid; gap: 1.15rem; }
.habit-history .panel-heading[b-qfbvc762v3] { align-items: flex-start; }
.history-caption[b-qfbvc762v3] { margin-top: .35rem; color: var(--mud-palette-text-secondary); font-size: .85rem; }
.habit-history-scroll[b-qfbvc762v3] { overflow-x: auto; border: 1px solid var(--mud-palette-lines-default); border-radius: .85rem; outline-offset: .2rem; }
.habit-history-table[b-qfbvc762v3] { width: 100%; min-width: 700px; border-collapse: separate; border-spacing: 0; }
.habit-history-table th[b-qfbvc762v3],
.habit-history-table td[b-qfbvc762v3] { padding: .65rem .5rem; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: center; }
.habit-history-table thead th[b-qfbvc762v3] { position: sticky; top: 0; color: var(--mud-palette-text-secondary); background: var(--mud-palette-background-gray); font-size: .72rem; font-weight: 700; }
.habit-history-table thead th:not(.habit-name-heading) span[b-qfbvc762v3],
.habit-history-table thead th:not(.habit-name-heading) strong[b-qfbvc762v3],
.habit-history-table thead th:not(.habit-name-heading) small[b-qfbvc762v3] { display: block; }
.habit-history-table thead th strong[b-qfbvc762v3] { margin-top: .1rem; color: var(--mud-palette-text-primary); font-size: 1rem; }
.habit-history-table thead th small[b-qfbvc762v3] { font-size: .65rem; font-weight: 500; text-transform: uppercase; }
.habit-history-table .habit-name-heading[b-qfbvc762v3] { position: sticky; left: 0; z-index: 2; min-width: 12rem; padding-left: 1rem; text-align: left; }
.habit-history-table .habit-name-cell[b-qfbvc762v3] { position: sticky; left: 0; z-index: 1; min-width: 12rem; padding: .75rem 1rem; background: var(--mud-palette-surface); text-align: left; }
.habit-name-cell strong[b-qfbvc762v3],
.habit-name-cell span[b-qfbvc762v3] { display: block; }
.habit-name-cell strong[b-qfbvc762v3] { color: var(--mud-palette-text-primary); font-size: .88rem; }
.habit-name-cell span[b-qfbvc762v3] { margin-top: .15rem; color: var(--mud-palette-text-secondary); font-size: .72rem; font-weight: 500; }
.habit-history-table tbody tr:last-child th[b-qfbvc762v3],
.habit-history-table tbody tr:last-child td[b-qfbvc762v3] { border-bottom: 0; }
.habit-day-check[b-qfbvc762v3] { display: inline-grid; width: 2.15rem; height: 2.15rem; place-items: center; border: 1px solid var(--mud-palette-lines-default); border-radius: 50%; color: var(--mud-palette-text-secondary); background: var(--mud-palette-surface); cursor: pointer; font-size: 1.1rem; font-weight: 700; transition: transform .16s ease, color .16s ease, background .16s ease, border-color .16s ease; }
.habit-day-check:hover:not(:disabled)[b-qfbvc762v3] { transform: scale(1.08); border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); }
.habit-day-check.is-done[b-qfbvc762v3] { border-color: var(--mud-palette-success); color: white; background: var(--mud-palette-success); }
.habit-day-check:disabled[b-qfbvc762v3] { cursor: wait; opacity: .55; }
.habit-day-check:focus-visible[b-qfbvc762v3] { outline: 3px solid rgb(103 80 164 / .35); outline-offset: 2px; }
.habit-day-unavailable[b-qfbvc762v3] { color: var(--mud-palette-text-disabled); }

@media (max-width: 800px) { .dashboard-header[b-qfbvc762v3] { align-items: flex-start; flex-direction: column; gap: 1rem; }.dashboard-controls[b-qfbvc762v3] { width: 100%; }.dashboard-controls input[b-qfbvc762v3] { flex: 1; min-width: 0; }.dashboard-score-band[b-qfbvc762v3] { align-items: flex-start; flex-direction: column; gap: 1.5rem; }.dashboard-content-grid[b-qfbvc762v3], .dashboard-stat-grid[b-qfbvc762v3] { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .dashboard-page[b-qfbvc762v3] { padding-top: 1.25rem; }.dashboard-score-band[b-qfbvc762v3], .dashboard-panel[b-qfbvc762v3] { padding: 1.15rem; }.dashboard-controls[b-qfbvc762v3] { flex-wrap: wrap; }.dashboard-controls button[b-qfbvc762v3] { flex: 1; }.score-value strong[b-qfbvc762v3] { font-size: 4rem; } }
/* /Components/Pages/HowItWorks.razor.rz.scp.css */
.how-page[b-yomqwxy9hp] {
    display: grid;
    gap: clamp(3.5rem, 7vw, 6.5rem);
    padding: 2rem 0 4rem;
    color: var(--mud-palette-text-primary);
}

.how-hero[b-yomqwxy9hp] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(21rem, .9fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
    min-height: 31rem;
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4.5rem);
    border: 1px solid rgb(105 76 170 / .12);
    border-radius: 2rem;
    background:
        radial-gradient(ellipse at 86% 16%, rgb(191 169 255 / .3), transparent 34%),
        linear-gradient(130deg, #fff 5%, #f6f2ff 100%);
    box-shadow: 0 24px 70px rgb(42 28 76 / .08);
}

.hero-copy[b-yomqwxy9hp] { position: relative; z-index: 1; max-width: 39rem; }
.how-eyebrow[b-yomqwxy9hp] { display: flex; align-items: center; gap: .55rem; margin: 0; color: var(--mud-palette-primary); font-size: .68rem; font-weight: 850; letter-spacing: .14em; }
.eyebrow-dot[b-yomqwxy9hp] { width: .48rem; height: .48rem; border-radius: 50%; background: #8d68d6; box-shadow: 0 0 0 .28rem rgb(141 104 214 / .12); }
.hero-copy h1[b-yomqwxy9hp] { margin: 1.2rem 0 0; font-size: clamp(2.5rem, 5.3vw, 4.6rem); font-weight: 800; letter-spacing: -.075em; line-height: 1.02; }
.hero-copy h1 span[b-yomqwxy9hp] { color: #8060c8; }
.hero-description[b-yomqwxy9hp] { max-width: 35rem; margin: 1.35rem 0 0; color: var(--mud-palette-text-secondary); font-size: 1.02rem; line-height: 1.8; }
.hero-actions[b-yomqwxy9hp] { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; margin-top: 1.8rem; }
.how-button[b-yomqwxy9hp] { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 2.85rem; padding: .7rem 1.05rem; border-radius: .8rem; font-size: .86rem; font-weight: 750; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.how-button:hover[b-yomqwxy9hp] { transform: translateY(-2px); }
.how-button-primary[b-yomqwxy9hp] { color: #fff; background: #7654bd; box-shadow: 0 9px 20px rgb(118 84 189 / .24); }
.how-button-primary:hover[b-yomqwxy9hp] { color: #fff; background: #6443a8; box-shadow: 0 12px 25px rgb(118 84 189 / .3); }
.how-button-quiet[b-yomqwxy9hp] { color: #5f4b82; background: rgb(255 255 255 / .75); }
.how-button-quiet:hover[b-yomqwxy9hp] { color: #49336f; background: #fff; }
.hero-proof[b-yomqwxy9hp] { display: flex; align-items: center; gap: .7rem; margin-top: 2rem; }
.hero-proof p[b-yomqwxy9hp] { max-width: 25rem; margin: 0; color: var(--mud-palette-text-secondary); font-size: .8rem; line-height: 1.5; }
.proof-mark[b-yomqwxy9hp] { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; color: #7553bc; background: #ede6fa; }

.hero-visual[b-yomqwxy9hp] { position: relative; display: grid; min-height: 25rem; place-items: center; isolation: isolate; }
.visual-orbit[b-yomqwxy9hp] { position: absolute; z-index: -1; border: 1px solid rgb(134 104 191 / .15); border-radius: 50%; }
.orbit-one[b-yomqwxy9hp] { width: 19rem; height: 19rem; }
.orbit-two[b-yomqwxy9hp] { width: 25rem; height: 25rem; border-style: dashed; }
.visual-center[b-yomqwxy9hp] { display: grid; width: 10.5rem; height: 10.5rem; align-content: center; justify-items: center; gap: .35rem; border: 1px solid rgb(255 255 255 / .75); border-radius: 50%; background: linear-gradient(145deg, #fff, #f3edff); box-shadow: 0 15px 40px rgb(81 54 130 / .14); }
.center-icon[b-yomqwxy9hp] { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .85rem; color: white; background: linear-gradient(145deg, #8663ce, #aa8be8); }
.visual-center strong[b-yomqwxy9hp] { font-size: 1.05rem; letter-spacing: -.03em; }
.visual-center > span:last-child[b-yomqwxy9hp] { color: var(--mud-palette-text-secondary); font-size: .65rem; }
.visual-card[b-yomqwxy9hp] { position: absolute; display: flex; align-items: center; gap: .65rem; min-width: 11.5rem; padding: .7rem .8rem; border: 1px solid rgb(35 28 48 / .06); border-radius: .95rem; background: rgb(255 255 255 / .94); box-shadow: 0 10px 28px rgb(49 35 71 / .11); animation: float-card-b-yomqwxy9hp 5s ease-in-out infinite; }
.visual-card > span:last-child[b-yomqwxy9hp] { display: grid; gap: .16rem; }
.visual-card small[b-yomqwxy9hp] { color: #867e91; font-size: .55rem; font-weight: 850; letter-spacing: .1em; }
.visual-card strong[b-yomqwxy9hp] { color: #352f40; font-size: .69rem; font-weight: 750; }
.visual-icon[b-yomqwxy9hp] { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; }
.goal-color[b-yomqwxy9hp] { color: #7855ba; background: #f0e9fb; }.habit-color[b-yomqwxy9hp] { color: #27866e; background: #e3f5ef; }.task-color[b-yomqwxy9hp] { color: #b87926; background: #fff1dc; }.activity-color[b-yomqwxy9hp] { color: #3c78bc; background: #e7f1fc; }
.visual-goal[b-yomqwxy9hp] { top: 5%; left: 0; }.visual-habit[b-yomqwxy9hp] { top: 26%; right: -2%; animation-delay: -.8s; }.visual-task[b-yomqwxy9hp] { bottom: 23%; left: -3%; animation-delay: -1.6s; }.visual-activity[b-yomqwxy9hp] { right: 0; bottom: 4%; animation-delay: -2.4s; }
.visual-note[b-yomqwxy9hp] { position: absolute; bottom: -1.1rem; color: #8a8197; font-size: .67rem; font-weight: 650; }
@keyframes float-card-b-yomqwxy9hp { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

.how-section[b-yomqwxy9hp] { display: grid; gap: 1.7rem; }
.section-heading[b-yomqwxy9hp] { max-width: 43rem; }
.section-heading h2[b-yomqwxy9hp], .connection-copy h2[b-yomqwxy9hp] { margin: .55rem 0 0; font-size: clamp(1.8rem, 3.4vw, 2.65rem); font-weight: 800; letter-spacing: -.06em; line-height: 1.1; }
.section-heading > p:last-child[b-yomqwxy9hp], .connection-copy > p:last-child[b-yomqwxy9hp] { margin: .7rem 0 0; color: var(--mud-palette-text-secondary); font-size: .94rem; line-height: 1.7; }
.pieces-grid[b-yomqwxy9hp] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; }
.piece-card[b-yomqwxy9hp] { display: flex; min-height: 20rem; flex-direction: column; padding: 1.25rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 1.2rem; background: var(--mud-palette-surface); box-shadow: 0 8px 26px rgb(33 27 48 / .04); transition: transform .2s ease, box-shadow .2s ease; }
.piece-card:hover[b-yomqwxy9hp] { transform: translateY(-4px); box-shadow: 0 16px 35px rgb(33 27 48 / .09); }
.piece-topline[b-yomqwxy9hp] { display: flex; align-items: center; justify-content: space-between; }
.piece-icon[b-yomqwxy9hp] { display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border-radius: .85rem; }
.piece-number[b-yomqwxy9hp] { color: #a7a1b0; font-size: .7rem; font-weight: 800; letter-spacing: .1em; }
.piece-label[b-yomqwxy9hp] { margin: 1.35rem 0 .2rem; color: var(--mud-palette-text-secondary); font-size: .62rem; font-weight: 850; letter-spacing: .12em; }
.piece-card h3[b-yomqwxy9hp] { margin: 0; font-size: 1.35rem; font-weight: 800; letter-spacing: -.04em; }
.piece-card > p:not(.piece-label)[b-yomqwxy9hp] { margin: .55rem 0 0; color: var(--mud-palette-text-secondary); font-size: .8rem; line-height: 1.65; }
.piece-example[b-yomqwxy9hp] { margin-top: auto; padding: .75rem 0 .8rem; color: var(--mud-palette-text-primary); font-size: .75rem; line-height: 1.45; }
.piece-example span[b-yomqwxy9hp] { display: block; margin-bottom: .2rem; color: var(--mud-palette-text-secondary); font-size: .62rem; font-weight: 700; }
.piece-card > a[b-yomqwxy9hp] { display: inline-flex; align-items: center; gap: .3rem; padding-top: .75rem; border-top: 1px solid var(--mud-palette-lines-default); color: var(--mud-palette-primary); font-size: .76rem; font-weight: 750; text-decoration: none; }
.piece-goal .piece-icon[b-yomqwxy9hp] { color: #7855ba; background: #f0e9fb; }.piece-habit .piece-icon[b-yomqwxy9hp] { color: #27866e; background: #e3f5ef; }.piece-task .piece-icon[b-yomqwxy9hp] { color: #b87926; background: #fff1dc; }.piece-activity .piece-icon[b-yomqwxy9hp] { color: #3c78bc; background: #e7f1fc; }

.connection-section[b-yomqwxy9hp] { display: grid; grid-template-columns: minmax(13rem, .7fr) minmax(0, 1.7fr); align-items: center; gap: 2rem; padding: clamp(1.5rem, 4vw, 2.7rem); border: 1px solid rgb(115 84 180 / .12); border-radius: 1.5rem; background: linear-gradient(120deg, #f7f3ff, #fff 80%); }
.connection-copy h2[b-yomqwxy9hp] { font-size: clamp(1.6rem, 2.7vw, 2.2rem); }
.connection-copy > p:last-child[b-yomqwxy9hp] { font-size: .83rem; }
.connection-flow[b-yomqwxy9hp] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.flow-step[b-yomqwxy9hp] { display: grid; flex: 1; justify-items: center; gap: .4rem; text-align: center; }
.flow-step > span[b-yomqwxy9hp] { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid rgb(111 80 165 / .12); border-radius: 1rem; color: #7553bc; background: #fff; box-shadow: 0 6px 16px rgb(54 35 82 / .07); }
.flow-step strong[b-yomqwxy9hp] { font-size: .7rem; font-weight: 800; }
.flow-step small[b-yomqwxy9hp] { color: var(--mud-palette-text-secondary); font-size: .62rem; line-height: 1.35; }
.flow-arrow[b-yomqwxy9hp] { flex: 0 0 auto; color: #ac9bc9; }
.flow-plan > span[b-yomqwxy9hp] { color: #25836c; }.flow-activity > span[b-yomqwxy9hp] { color: #3c78bc; }.flow-timeline > span[b-yomqwxy9hp] { color: #b87926; }

.examples-grid[b-yomqwxy9hp] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.example-card[b-yomqwxy9hp] { overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 1.2rem; background: var(--mud-palette-surface); box-shadow: 0 8px 26px rgb(33 27 48 / .04); }
.example-heading[b-yomqwxy9hp] { display: flex; align-items: center; gap: .8rem; min-height: 6rem; padding: 1.15rem; }
.example-icon[b-yomqwxy9hp] { display: grid; width: 2.8rem; height: 2.8rem; flex: 0 0 auto; place-items: center; border-radius: .9rem; color: #7251b4; background: rgb(255 255 255 / .75); }
.example-heading p[b-yomqwxy9hp] { margin: 0 0 .2rem; color: #817a8a; font-size: .58rem; font-weight: 850; letter-spacing: .1em; }
.example-heading h3[b-yomqwxy9hp] { margin: 0; font-size: 1rem; font-weight: 800; letter-spacing: -.025em; }
.example-money .example-heading[b-yomqwxy9hp] { background: linear-gradient(115deg, #f0eafb, #faf8ff); }.example-health .example-heading[b-yomqwxy9hp] { background: linear-gradient(115deg, #e5f5ee, #f6fbf8); }.example-reading .example-heading[b-yomqwxy9hp] { background: linear-gradient(115deg, #fff1df, #fffbf5); }
.example-health .example-icon[b-yomqwxy9hp] { color: #27866e; }.example-reading .example-icon[b-yomqwxy9hp] { color: #b87926; }
.example-list[b-yomqwxy9hp] { display: grid; gap: .8rem; padding: 1.15rem; }
.example-list > div[b-yomqwxy9hp] { display: grid; grid-template-columns: 5.2rem 1fr; align-items: start; gap: .5rem; }
.example-key[b-yomqwxy9hp] { padding-top: .1rem; color: #82798f; font-size: .59rem; font-weight: 850; letter-spacing: .08em; }
.example-list p[b-yomqwxy9hp] { margin: 0; color: var(--mud-palette-text-primary); font-size: .76rem; line-height: 1.5; }

.how-note[b-yomqwxy9hp] { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 1rem; padding: 1.5rem; border: 1px solid rgb(202 143 57 / .22); border-radius: 1.2rem; background: linear-gradient(110deg, #fff9ee, #fffdf9); }
.note-icon[b-yomqwxy9hp] { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border-radius: .85rem; color: #a76b1e; background: #ffedce; }
.how-note h2[b-yomqwxy9hp] { margin: .4rem 0 0; font-size: 1.05rem; font-weight: 800; letter-spacing: -.025em; }
.how-note > div > p:last-child[b-yomqwxy9hp] { max-width: 65rem; margin: .5rem 0 0; color: #746b5d; font-size: .8rem; line-height: 1.7; }

.how-cta[b-yomqwxy9hp] { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem, 4vw, 2.75rem); border-radius: 1.5rem; color: #fff; background: linear-gradient(120deg, #55368f, #8b67cd 70%, #a88cde); box-shadow: 0 18px 40px rgb(91 61 147 / .2); }
.how-cta .how-eyebrow[b-yomqwxy9hp] { color: rgb(255 255 255 / .7); }
.how-cta h2[b-yomqwxy9hp] { margin: .5rem 0 0; font-size: clamp(1.45rem, 3vw, 2.15rem); font-weight: 800; letter-spacing: -.05em; }
.how-cta > div > p:last-child[b-yomqwxy9hp] { max-width: 38rem; margin: .45rem 0 0; color: rgb(255 255 255 / .78); font-size: .83rem; line-height: 1.65; }
.how-button-light[b-yomqwxy9hp] { flex: 0 0 auto; color: #5f428f; background: #fff; box-shadow: 0 8px 20px rgb(38 21 66 / .15); }
.how-button-light:hover[b-yomqwxy9hp] { color: #49336f; background: #f7f3ff; }

.how-button:focus-visible[b-yomqwxy9hp], .piece-card > a:focus-visible[b-yomqwxy9hp] { outline: 3px solid #aa8be8; outline-offset: 3px; }

@media (max-width: 1050px) {
    .how-hero[b-yomqwxy9hp] { grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr); gap: 1rem; }
    .pieces-grid[b-yomqwxy9hp] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .piece-card[b-yomqwxy9hp] { min-height: 18rem; }
    .connection-section[b-yomqwxy9hp] { grid-template-columns: 1fr; }
    .connection-copy[b-yomqwxy9hp] { max-width: 38rem; }
}

@media (max-width: 760px) {
    .how-page[b-yomqwxy9hp] { gap: 3.5rem; padding-top: 1.2rem; }
    .how-hero[b-yomqwxy9hp] { grid-template-columns: 1fr; gap: 1.2rem; padding: 1.6rem; border-radius: 1.4rem; }
    .hero-copy h1[b-yomqwxy9hp] { font-size: clamp(2.4rem, 9vw, 3.7rem); }
    .hero-visual[b-yomqwxy9hp] { min-height: 24rem; margin: 0 .2rem; }
    .visual-goal[b-yomqwxy9hp] { left: 2%; }.visual-habit[b-yomqwxy9hp] { right: 0; }.visual-task[b-yomqwxy9hp] { left: 0; }.visual-activity[b-yomqwxy9hp] { right: 2%; }
    .examples-grid[b-yomqwxy9hp] { grid-template-columns: 1fr; }
    .example-card[b-yomqwxy9hp] { display: grid; grid-template-columns: minmax(10rem, .75fr) minmax(0, 1.25fr); align-items: stretch; }
    .example-heading[b-yomqwxy9hp] { align-items: flex-start; flex-direction: column; justify-content: center; }
}

@media (max-width: 520px) {
    .hero-actions[b-yomqwxy9hp] { align-items: stretch; flex-direction: column; }
    .how-button[b-yomqwxy9hp] { width: 100%; }
    .hero-visual[b-yomqwxy9hp] { min-height: 21rem; transform: scale(.9); }
    .visual-card[b-yomqwxy9hp] { min-width: 10rem; padding: .6rem; }
    .visual-card strong[b-yomqwxy9hp] { font-size: .62rem; }
    .orbit-one[b-yomqwxy9hp] { width: 15rem; height: 15rem; }.orbit-two[b-yomqwxy9hp] { width: 20rem; height: 20rem; }
    .pieces-grid[b-yomqwxy9hp] { grid-template-columns: 1fr; }
    .piece-card[b-yomqwxy9hp] { min-height: 16.5rem; }
    .connection-section[b-yomqwxy9hp] { padding: 1.3rem; }
    .connection-flow[b-yomqwxy9hp] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem .5rem; }
    .flow-arrow[b-yomqwxy9hp] { display: none; }
    .flow-step strong[b-yomqwxy9hp] { font-size: .68rem; }
    .example-card[b-yomqwxy9hp] { grid-template-columns: 1fr; }
    .example-heading[b-yomqwxy9hp] { align-items: center; flex-direction: row; justify-content: flex-start; }
    .how-note[b-yomqwxy9hp] { grid-template-columns: 1fr; padding: 1.2rem; }
    .how-cta[b-yomqwxy9hp] { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .visual-card[b-yomqwxy9hp] { animation: none; }
    .how-button[b-yomqwxy9hp], .piece-card[b-yomqwxy9hp] { transition: none; }
}
/* /Components/Pages/Timeline.razor.rz.scp.css */
.timeline-page[b-10a5vphc79] {
    --timeline-ink: #211b2c;
    --timeline-muted: #777181;
    --timeline-line: #ebe8f1;
    --timeline-surface: #fff;
    display: grid;
    gap: 1.5rem;
    max-width: 76rem;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
    color: var(--timeline-ink);
}

.timeline-hero[b-10a5vphc79] {
    position: relative;
    isolation: isolate;
    display: flex;
    min-height: 13rem;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    overflow: hidden;
    padding: 2.25rem 2.5rem;
    border-radius: 1.5rem;
    color: #fff;
    background: linear-gradient(120deg, #39235b 0%, #6545a0 62%, #8766bd 100%);
    box-shadow: 0 1.25rem 3rem rgb(50 31 79 / .18);
}

.timeline-hero-copy[b-10a5vphc79],
.timeline-new-activity[b-10a5vphc79] {
    position: relative;
    z-index: 1;
}

.timeline-hero-copy[b-10a5vphc79] { max-width: 38rem; }
.timeline-eyebrow[b-10a5vphc79] { color: #7653a7; font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.timeline-hero .timeline-eyebrow[b-10a5vphc79] { color: rgb(255 255 255 / .72); }
.timeline-eyebrow span[b-10a5vphc79] { padding: 0 .25rem; opacity: .7; }
.timeline-hero h1[b-10a5vphc79] { margin-top: .55rem; font-size: clamp(2rem, 4vw, 3.1rem); font-weight: 760; letter-spacing: -.055em; line-height: 1.08; }
.timeline-hero-copy > p:last-child[b-10a5vphc79] { max-width: 33rem; margin-top: .7rem; color: rgb(255 255 255 / .79); font-size: .98rem; line-height: 1.6; }
.timeline-hero-decoration[b-10a5vphc79] { position: absolute; z-index: -1; top: -8rem; right: 12%; width: 22rem; height: 22rem; border: 1px solid rgb(255 255 255 / .12); border-radius: 50%; }
.timeline-hero-decoration[b-10a5vphc79]::before,
.timeline-hero-decoration[b-10a5vphc79]::after { position: absolute; border: 1px solid rgb(255 255 255 / .1); border-radius: inherit; content: ""; }
.timeline-hero-decoration[b-10a5vphc79]::before { inset: 2rem; }
.timeline-hero-decoration[b-10a5vphc79]::after { inset: 4.5rem; }

.timeline-new-activity[b-10a5vphc79],
.timeline-apply-button[b-10a5vphc79],
.timeline-secondary-button[b-10a5vphc79] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 2.75rem;
    padding: .65rem 1rem;
    border: 0;
    border-radius: .75rem;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.timeline-new-activity[b-10a5vphc79] { flex: 0 0 auto; color: #39235b; background: #fff; box-shadow: 0 .5rem 1.25rem rgb(25 13 43 / .18); }
.timeline-new-activity span[b-10a5vphc79] { font-size: 1.35rem; font-weight: 400; line-height: .8; }
.timeline-new-activity:hover[b-10a5vphc79] { transform: translateY(-2px); color: #39235b; box-shadow: 0 .75rem 1.5rem rgb(25 13 43 / .24); }

.timeline-filter-panel[b-10a5vphc79],
.timeline-activity-card[b-10a5vphc79] {
    border: 1px solid var(--timeline-line);
    border-radius: 1.15rem;
    background: var(--timeline-surface);
    box-shadow: 0 .5rem 1.75rem rgb(36 25 52 / .045);
}

.timeline-filter-panel[b-10a5vphc79] { padding: 1.5rem 1.65rem; }
.timeline-panel-heading[b-10a5vphc79],
.timeline-filter-footer[b-10a5vphc79],
.timeline-results-heading[b-10a5vphc79],
.timeline-activity-heading[b-10a5vphc79],
.timeline-pagination[b-10a5vphc79] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.timeline-panel-heading h2[b-10a5vphc79],
.timeline-results-heading h2[b-10a5vphc79] { margin-top: .22rem; color: var(--timeline-ink); font-size: 1.2rem; font-weight: 730; letter-spacing: -.025em; }
.timeline-text-button[b-10a5vphc79] { padding: .35rem 0; border: 0; color: #6746a0; background: transparent; font: inherit; font-size: .82rem; font-weight: 700; cursor: pointer; }
.timeline-text-button:hover:not(:disabled)[b-10a5vphc79] { color: #43266b; text-decoration: underline; }
.timeline-text-button:disabled[b-10a5vphc79] { opacity: .5; cursor: wait; }

.timeline-date-shortcuts[b-10a5vphc79] { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.15rem 0 1.25rem; }
.timeline-chip[b-10a5vphc79] { min-height: 2.25rem; padding: .45rem .8rem; border: 1px solid #e8e4ef; border-radius: 99px; color: #625c6d; background: #fff; font: inherit; font-size: .79rem; font-weight: 650; cursor: pointer; transition: border-color .16s ease, color .16s ease, background .16s ease; }
.timeline-chip:hover[b-10a5vphc79] { border-color: #b8a5d6; color: #563783; }
.timeline-chip.is-selected[b-10a5vphc79] { border-color: #e6dcf3; color: #573580; background: #f3eef9; }
.timeline-chip:disabled[b-10a5vphc79] { opacity: .55; cursor: wait; }

.timeline-filter-grid[b-10a5vphc79] { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; gap: .85rem; }
.timeline-field[b-10a5vphc79] { display: grid; gap: .42rem; min-width: 0; }
.timeline-field label[b-10a5vphc79] { color: #5f5969; font-size: .77rem; font-weight: 700; }
.timeline-input[b-10a5vphc79] { width: 100%; min-height: 2.75rem; padding: .6rem .75rem; border: 1px solid #e5e1eb; border-radius: .7rem; outline: none; color: #292333; background: #fff; font: inherit; font-size: .85rem; }
.timeline-input:focus[b-10a5vphc79] { border-color: #8663b5; box-shadow: 0 0 0 3px rgb(117 80 165 / .12); }
.timeline-validation[b-10a5vphc79] { margin-top: .75rem; color: #b42318; font-size: .82rem; }
.timeline-filter-footer[b-10a5vphc79] { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #f0edf4; }
.timeline-filter-footer > p[b-10a5vphc79] { color: var(--timeline-muted); font-size: .8rem; }
.timeline-apply-button[b-10a5vphc79] { color: #fff; background: #6746a0; cursor: pointer; }
.timeline-apply-button:hover:not(:disabled)[b-10a5vphc79] { transform: translateY(-1px); background: #52337f; box-shadow: 0 .4rem 1rem rgb(72 43 112 / .18); }
.timeline-apply-button:disabled[b-10a5vphc79] { opacity: .7; cursor: wait; }
.timeline-button-spinner[b-10a5vphc79],
.timeline-loading-spinner[b-10a5vphc79] { width: 1rem; height: 1rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: timeline-spin-b-10a5vphc79 .8s linear infinite; }
.timeline-button-spinner[b-10a5vphc79] { width: .9rem; height: .9rem; }
@keyframes timeline-spin-b-10a5vphc79 { to { transform: rotate(360deg); } }

.timeline-results[b-10a5vphc79] { min-width: 0; }
.timeline-results-heading[b-10a5vphc79] { margin: .4rem 0 1rem; }
.timeline-total-count[b-10a5vphc79] { display: inline-flex; align-items: baseline; gap: .35rem; padding: .45rem .75rem; border: 1px solid #ebe6f2; border-radius: 99px; color: #696273; background: #fff; font-size: .78rem; }
.timeline-total-count strong[b-10a5vphc79] { color: #503276; font-size: 1rem; }
.timeline-refreshing[b-10a5vphc79] { margin: -.35rem 0 .75rem; color: var(--timeline-muted); font-size: .8rem; }

.timeline-days[b-10a5vphc79] { position: relative; display: grid; gap: 1.45rem; }
.timeline-day[b-10a5vphc79] { position: relative; display: grid; grid-template-columns: 12.5rem minmax(0, 1fr); gap: 1rem; }
.timeline-day:not(:last-child)[b-10a5vphc79]::after { position: absolute; top: 2.8rem; bottom: -1.65rem; left: 1rem; width: 1px; background: #e7e1ef; content: ""; }
.timeline-day-heading[b-10a5vphc79] { position: relative; z-index: 1; display: flex; align-items: flex-start; gap: .75rem; padding-top: .35rem; }
.timeline-day-marker[b-10a5vphc79] { flex: 0 0 auto; width: .62rem; height: .62rem; margin-top: .35rem; border: 2px solid #fff; border-radius: 50%; background: #7956aa; box-shadow: 0 0 0 2px #dcd0eb; }
.timeline-day-heading h3[b-10a5vphc79] { color: #332b3e; font-size: .91rem; font-weight: 750; line-height: 1.35; }
.timeline-day-heading p[b-10a5vphc79] { margin-top: .24rem; color: #8b8592; font-size: .73rem; }
.timeline-day-activities[b-10a5vphc79] { display: grid; gap: .7rem; }
.timeline-activity[b-10a5vphc79] { display: grid; grid-template-columns: 4.15rem minmax(0, 1fr); align-items: start; gap: .8rem; }
.timeline-activity-clock[b-10a5vphc79] { display: grid; justify-items: end; gap: .22rem; padding-top: .9rem; text-align: right; }
.timeline-activity-clock time[b-10a5vphc79] { color: #513477; font-size: .84rem; font-weight: 780; font-variant-numeric: tabular-nums; }
.timeline-activity-clock span[b-10a5vphc79] { color: #938d99; font-size: .68rem; }
.timeline-activity-card[b-10a5vphc79] { min-width: 0; padding: .9rem 1rem; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.timeline-activity-card:hover[b-10a5vphc79] { transform: translateY(-1px); border-color: #d8cce8; box-shadow: 0 .65rem 1.5rem rgb(36 25 52 / .07); }
.timeline-activity-heading[b-10a5vphc79] { align-items: flex-start; }
.timeline-activity-type[b-10a5vphc79] { display: inline-block; margin-bottom: .2rem; color: #7957a6; font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.timeline-activity-heading h4[b-10a5vphc79] { overflow-wrap: anywhere; color: #2e2738; font-size: .94rem; font-weight: 720; line-height: 1.4; }
.timeline-duration[b-10a5vphc79] { flex: 0 0 auto; padding: .3rem .55rem; border-radius: 99px; color: #655574; background: #f5f2f8; font-size: .69rem; font-weight: 700; }
.timeline-activity-notes[b-10a5vphc79] { margin-top: .45rem; color: #746e7c; font-size: .81rem; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.timeline-activity-details[b-10a5vphc79] { margin-top: .55rem; }
.timeline-activity-details summary[b-10a5vphc79] { width: fit-content; color: #68479b; font-size: .74rem; font-weight: 700; cursor: pointer; }
.timeline-activity-details summary:hover[b-10a5vphc79] { color: #43266b; }
.timeline-detail-list[b-10a5vphc79] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; }
.timeline-detail-list p[b-10a5vphc79] { flex: 1 0 100%; color: #746e7c; font-size: .79rem; line-height: 1.5; white-space: pre-line; }
.timeline-detail-list span[b-10a5vphc79] { padding: .28rem .52rem; border: 1px solid #efecf3; border-radius: 99px; color: #635c6b; background: #faf9fc; font-size: .7rem; }

.timeline-pagination[b-10a5vphc79] { justify-content: center; margin-top: 1.5rem; color: #746e7c; font-size: .8rem; }
.timeline-pagination > span[b-10a5vphc79] { min-width: 7rem; text-align: center; }
.timeline-pagination strong[b-10a5vphc79] { color: #392b4a; }
.timeline-secondary-button[b-10a5vphc79] { border: 1px solid #e3deea; color: #544363; background: #fff; cursor: pointer; }
.timeline-secondary-button:hover:not(:disabled)[b-10a5vphc79] { border-color: #c9b8de; color: #503276; background: #faf8fc; }
.timeline-secondary-button:disabled[b-10a5vphc79] { opacity: .45; cursor: not-allowed; }

.timeline-state[b-10a5vphc79],
.timeline-loading[b-10a5vphc79] { display: grid; justify-items: center; padding: 3.2rem 1.5rem; border: 1px solid var(--timeline-line); border-radius: 1.15rem; background: #fff; text-align: center; }
.timeline-state-symbol[b-10a5vphc79] { display: grid; width: 3.15rem; height: 3.15rem; place-items: center; margin-bottom: .9rem; border-radius: 50%; color: #6746a0; background: #f2edf8; font-size: 1.6rem; font-weight: 500; }
.timeline-state h2[b-10a5vphc79] { color: #332b3e; font-size: 1.15rem; font-weight: 740; }
.timeline-state > p:not(.timeline-eyebrow)[b-10a5vphc79] { max-width: 28rem; margin-top: .4rem; color: var(--timeline-muted); font-size: .85rem; line-height: 1.55; }
.timeline-state .timeline-eyebrow[b-10a5vphc79] { margin-bottom: .3rem; }
.timeline-state .timeline-apply-button[b-10a5vphc79],
.timeline-state .timeline-secondary-button[b-10a5vphc79] { margin-top: 1.1rem; }
.timeline-error .timeline-state-symbol[b-10a5vphc79] { color: #b42318; background: #fff0ef; }
.timeline-error .timeline-apply-button[b-10a5vphc79] { margin-top: 1rem; }
.timeline-loading[b-10a5vphc79] { display: flex; justify-content: center; gap: .9rem; text-align: left; }
.timeline-loading-spinner[b-10a5vphc79] { width: 1.45rem; height: 1.45rem; color: #6746a0; }
.timeline-loading strong[b-10a5vphc79] { color: #332b3e; font-size: .92rem; }
.timeline-loading p[b-10a5vphc79] { margin-top: .2rem; color: var(--timeline-muted); font-size: .8rem; }

@media (max-width: 800px) {
    .timeline-page[b-10a5vphc79] { gap: 1.1rem; padding: 1.25rem 1rem 3rem; }
    .timeline-hero[b-10a5vphc79] { min-height: 12rem; padding: 1.7rem; }
    .timeline-filter-grid[b-10a5vphc79] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .timeline-day[b-10a5vphc79] { grid-template-columns: 10rem minmax(0, 1fr); }
}

@media (max-width: 560px) {
    .timeline-page[b-10a5vphc79] { padding: 1rem .75rem 2.5rem; }
    .timeline-hero[b-10a5vphc79] { align-items: flex-start; flex-direction: column; gap: 1rem; padding: 1.5rem; border-radius: 1.1rem; }
    .timeline-hero h1[b-10a5vphc79] { font-size: 2.15rem; }
    .timeline-new-activity[b-10a5vphc79] { min-height: 2.5rem; }
    .timeline-filter-panel[b-10a5vphc79] { padding: 1.15rem; }
    .timeline-panel-heading[b-10a5vphc79] { align-items: flex-start; }
    .timeline-panel-heading h2[b-10a5vphc79] { font-size: 1.08rem; }
    .timeline-date-shortcuts[b-10a5vphc79] { gap: .4rem; margin: .9rem 0 1rem; }
    .timeline-chip[b-10a5vphc79] { min-height: 2rem; padding: .4rem .65rem; font-size: .73rem; }
    .timeline-filter-grid[b-10a5vphc79] { grid-template-columns: 1fr 1fr; gap: .7rem; }
    .timeline-type-field[b-10a5vphc79] { grid-column: 1 / -1; }
    .timeline-filter-footer[b-10a5vphc79] { align-items: flex-start; flex-direction: column; }
    .timeline-apply-button[b-10a5vphc79] { width: 100%; }
    .timeline-results-heading[b-10a5vphc79] { align-items: flex-start; }
    .timeline-day[b-10a5vphc79] { grid-template-columns: 1fr; gap: .55rem; }
    .timeline-day:not(:last-child)[b-10a5vphc79]::after { top: .8rem; bottom: -1.5rem; left: .3rem; }
    .timeline-day-heading[b-10a5vphc79] { gap: .65rem; padding-top: 0; padding-left: .1rem; }
    .timeline-day-heading h3[b-10a5vphc79] { font-size: .85rem; }
    .timeline-day-heading p[b-10a5vphc79] { font-size: .69rem; }
    .timeline-day-marker[b-10a5vphc79] { width: .55rem; height: .55rem; margin-top: .25rem; }
    .timeline-activity[b-10a5vphc79] { grid-template-columns: 3.35rem minmax(0, 1fr); gap: .55rem; }
    .timeline-activity-clock[b-10a5vphc79] { padding-top: .75rem; }
    .timeline-activity-clock time[b-10a5vphc79] { font-size: .75rem; }
    .timeline-activity-clock span[b-10a5vphc79] { font-size: .62rem; }
    .timeline-activity-card[b-10a5vphc79] { padding: .75rem; border-radius: .85rem; }
    .timeline-activity-heading h4[b-10a5vphc79] { font-size: .86rem; }
    .timeline-duration[b-10a5vphc79] { padding: .25rem .4rem; font-size: .64rem; }
    .timeline-pagination[b-10a5vphc79] { gap: .5rem; }
    .timeline-pagination > span[b-10a5vphc79] { min-width: 5rem; font-size: .72rem; }
    .timeline-secondary-button[b-10a5vphc79] { min-height: 2.5rem; padding: .5rem .65rem; font-size: .75rem; }
}

@media (prefers-reduced-motion: reduce) {
    *[b-10a5vphc79], *[b-10a5vphc79]::before, *[b-10a5vphc79]::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-8eyknmakni] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-8eyknmakni] {
  color: #0077cc;
}

.btn-primary[b-8eyknmakni] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-8eyknmakni], .nav-pills .show > .nav-link[b-8eyknmakni] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-8eyknmakni] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-8eyknmakni] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-8eyknmakni] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-8eyknmakni] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-8eyknmakni] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}