/* LabDone design system — Bootstrap 5.3 theme + app shell.
   Light and dark themes follow data-bs-theme on <html> (set before first paint in the layouts). */

:root,
[data-bs-theme="light"] {
    --ld-bg: #f6f7f9;
    --ld-surface: #ffffff;
    --ld-surface-2: #f2f4f7;
    --ld-border: #e4e7ec;
    --ld-border-strong: #d0d5dd;
    --ld-text: #101828;
    --ld-muted: #667085;
    --ld-subtle: #98a2b3;

    --ld-accent: #3d7a1f;
    --ld-accent-hover: #336a19;
    --ld-accent-soft: #edf6e7;
    --ld-accent-text: #2f6417;
    --ld-on-accent: #ffffff;

    --ld-ink: #101828;
    --ld-ink-hover: #1d2939;
    --ld-on-ink: #ffffff;

    --ld-blue-soft: #eff4ff;   --ld-blue-text: #1849a9;
    --ld-amber-soft: #fef6e7;  --ld-amber-text: #93370d;
    --ld-green-soft: #ecfdf3;  --ld-green-text: #067647;
    --ld-red-soft: #fef3f2;    --ld-red-text: #b42318;
    --ld-gray-soft: #f2f4f7;   --ld-gray-text: #475467;

    --ld-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
    --ld-shadow-md: 0 4px 12px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);
    --ld-shadow-lg: 0 20px 40px -12px rgba(16, 24, 40, .18);
    --ld-focus: 0 0 0 3px rgba(61, 122, 31, .25);
}

[data-bs-theme="dark"] {
    --ld-bg: #0c0e12;
    --ld-surface: #13161b;
    --ld-surface-2: #1a1e25;
    --ld-border: #252a32;
    --ld-border-strong: #333a44;
    --ld-text: #e7e9ec;
    --ld-muted: #98a2b3;
    --ld-subtle: #6b7585;

    --ld-accent: #7cc251;
    --ld-accent-hover: #93d26c;
    --ld-accent-soft: rgba(124, 194, 81, .12);
    --ld-accent-text: #a2d97f;
    --ld-on-accent: #0c0e12;

    --ld-ink: #e7e9ec;
    --ld-ink-hover: #ffffff;
    --ld-on-ink: #0c0e12;

    --ld-blue-soft: rgba(83, 138, 255, .14);  --ld-blue-text: #93b4ff;
    --ld-amber-soft: rgba(247, 144, 9, .14);  --ld-amber-text: #fdb022;
    --ld-green-soft: rgba(23, 178, 106, .14); --ld-green-text: #47cd89;
    --ld-red-soft: rgba(240, 68, 56, .14);    --ld-red-text: #f97066;
    --ld-gray-soft: rgba(152, 162, 179, .12); --ld-gray-text: #cfd4dc;

    --ld-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --ld-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5);
    --ld-shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .7);
    --ld-focus: 0 0 0 3px rgba(124, 194, 81, .3);
}

/* ---- Bootstrap theme mapping ---- */
:root,
[data-bs-theme] {
    --bs-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --bs-font-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --bs-body-font-size: .9375rem;
    --bs-body-line-height: 1.55;
    --bs-body-bg: var(--ld-bg);
    --bs-body-color: var(--ld-text);
    --bs-secondary-color: var(--ld-muted);
    --bs-tertiary-bg: var(--ld-surface-2);
    --bs-border-color: var(--ld-border);
    --bs-border-radius: .5rem;
    --bs-border-radius-sm: .375rem;
    --bs-border-radius-lg: .75rem;
    --bs-link-color: var(--ld-accent-text);
    --bs-link-color-rgb: 61, 122, 31;
    --bs-link-hover-color: var(--ld-accent-hover);
    --bs-emphasis-color: var(--ld-text);
    --bs-heading-color: var(--ld-text);
    --bs-focus-ring-color: rgba(61, 122, 31, .25);
}

[data-bs-theme="dark"] {
    --bs-link-color-rgb: 162, 217, 127;
}

body {
    font-feature-settings: "cv11", "ss01";
    -webkit-font-smoothing: antialiased;
    letter-spacing: -.005em;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    font-weight: 600;
    letter-spacing: -.02em;
}

a { text-underline-offset: .2em; }

pre, code, kbd { font-family: var(--bs-font-monospace); font-size: .85em; }

::selection { background: var(--ld-accent-soft); }

:focus-visible { outline: none; box-shadow: var(--ld-focus); border-radius: .375rem; }

/* ---- Buttons ---- */
.btn {
    --bs-btn-font-weight: 500;
    --bs-btn-padding-x: .875rem;
    --bs-btn-padding-y: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: .5rem;
    --bs-btn-focus-box-shadow: var(--ld-focus);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.btn-sm { --bs-btn-padding-x: .625rem; --bs-btn-padding-y: .3125rem; --bs-btn-font-size: .8125rem; }

.btn-primary {
    --bs-btn-bg: var(--ld-accent);
    --bs-btn-border-color: var(--ld-accent);
    --bs-btn-color: var(--ld-on-accent);
    --bs-btn-hover-bg: var(--ld-accent-hover);
    --bs-btn-hover-border-color: var(--ld-accent-hover);
    --bs-btn-hover-color: var(--ld-on-accent);
    --bs-btn-active-bg: var(--ld-accent-hover);
    --bs-btn-active-border-color: var(--ld-accent-hover);
    --bs-btn-active-color: var(--ld-on-accent);
    --bs-btn-disabled-bg: var(--ld-accent);
    --bs-btn-disabled-border-color: var(--ld-accent);
    box-shadow: var(--ld-shadow-sm);
}

.btn-dark {
    --bs-btn-bg: var(--ld-ink);
    --bs-btn-border-color: var(--ld-ink);
    --bs-btn-color: var(--ld-on-ink);
    --bs-btn-hover-bg: var(--ld-ink-hover);
    --bs-btn-hover-border-color: var(--ld-ink-hover);
    --bs-btn-hover-color: var(--ld-on-ink);
    --bs-btn-active-bg: var(--ld-ink-hover);
    --bs-btn-active-color: var(--ld-on-ink);
}

.btn-outline-secondary,
.btn-secondary {
    --bs-btn-bg: var(--ld-surface);
    --bs-btn-color: var(--ld-text);
    --bs-btn-border-color: var(--ld-border-strong);
    --bs-btn-hover-bg: var(--ld-surface-2);
    --bs-btn-hover-color: var(--ld-text);
    --bs-btn-hover-border-color: var(--ld-border-strong);
    --bs-btn-active-bg: var(--ld-surface-2);
    --bs-btn-active-color: var(--ld-text);
    --bs-btn-active-border-color: var(--ld-border-strong);
    box-shadow: var(--ld-shadow-sm);
}

.btn-ghost {
    --bs-btn-color: var(--ld-muted);
    --bs-btn-hover-bg: var(--ld-surface-2);
    --bs-btn-hover-color: var(--ld-text);
    --bs-btn-active-bg: var(--ld-surface-2);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-border-color: transparent;
}

.btn-icon { --bs-btn-padding-x: .5rem; --bs-btn-padding-y: .5rem; width: 2.25rem; height: 2.25rem; }

/* ---- Forms ---- */
.form-control, .form-select {
    --bs-border-color: var(--ld-border-strong);
    background-color: var(--ld-surface);
    font-size: .9375rem;
    padding: .5625rem .75rem;
    box-shadow: var(--ld-shadow-sm);
}

.form-control:focus, .form-select:focus {
    border-color: var(--ld-accent);
    box-shadow: var(--ld-focus);
}

.form-label, .ld-content label {
    font-weight: 500;
    font-size: .875rem;
    margin-bottom: .375rem;
}

.form-text { color: var(--ld-muted); font-size: .8125rem; }

/* ---- Cards ---- */
.ld-card {
    background: var(--ld-surface);
    border: 1px solid var(--ld-border);
    border-radius: .75rem;
    box-shadow: var(--ld-shadow-sm);
}

.ld-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--ld-border);
}

.ld-card-header h2,
.ld-card-header h3,
.ld-card-header h4 {
    font-size: 1rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ld-card-header .ld-card-icon { color: var(--ld-muted); }

.ld-card-body { padding: 1.25rem; }

.ld-card-body > :last-child { margin-bottom: 0; }

.ld-card-flush .table { margin: 0; }

/* ---- Tables ---- */
.table {
    --bs-table-bg: transparent;
    --bs-table-hover-bg: var(--ld-surface-2);
    --bs-table-border-color: var(--ld-border);
    --bs-table-color: var(--ld-text);
    margin-bottom: 0;
    font-size: .875rem;
}

.table > thead > tr > th {
    font-size: .75rem;
    font-weight: 500;
    color: var(--ld-muted);
    text-transform: none;
    letter-spacing: 0;
    background: var(--ld-surface-2);
    padding: .625rem 1.25rem;
    border-bottom-width: 1px;
    white-space: nowrap;
}

.table > tbody > tr > td { padding: .875rem 1.25rem; vertical-align: middle; }

.table > tbody > tr:last-child > td { border-bottom: 0; }

.table .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

.table-row-link { position: relative; }

.table-row-link a.stretched-link { color: inherit; text-decoration: none; font-weight: 500; }

.table-row-link:hover a.stretched-link { color: var(--ld-accent-text); }

/* ---- Status pills ---- */
.ld-status,
.status-badge {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .125rem .5rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25rem;
    white-space: nowrap;
    background: var(--ld-gray-soft);
    color: var(--ld-gray-text);
}

.ld-status::before,
.status-badge::before {
    content: "";
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background: currentColor;
    opacity: .9;
}

.ld-status.in-progress, .status-badge.in-progress { background: var(--ld-blue-soft); color: var(--ld-blue-text); }
.ld-status.pending-approval, .status-badge.pending-approval,
.ld-status.pending, .status-badge.pending { background: var(--ld-amber-soft); color: var(--ld-amber-text); }
.ld-status.approved, .status-badge.approved,
.ld-status.completed, .status-badge.completed { background: var(--ld-green-soft); color: var(--ld-green-text); }
.ld-status.not-accepted, .status-badge.not-accepted,
.ld-status.stopped, .status-badge.stopped,
.ld-status.aborted { background: var(--ld-red-soft); color: var(--ld-red-text); }

/* ---- Alerts ---- */
.alert { border-radius: .625rem; font-size: .875rem; border-width: 1px; }
.alert-warning { --bs-alert-bg: var(--ld-amber-soft); --bs-alert-color: var(--ld-amber-text); --bs-alert-border-color: transparent; }
.alert-danger { --bs-alert-bg: var(--ld-red-soft); --bs-alert-color: var(--ld-red-text); --bs-alert-border-color: transparent; }
.alert-secondary { --bs-alert-bg: var(--ld-surface-2); --bs-alert-color: var(--ld-muted); --bs-alert-border-color: var(--ld-border); }

/* ---- Empty state ---- */
.ld-empty {
    text-align: center;
    padding: 3rem 1.5rem;
    color: var(--ld-muted);
}

.ld-empty i { font-size: 1.75rem; color: var(--ld-subtle); margin-bottom: .75rem; display: block; }

/* =========================================================
   App shell (signed-in pages)
   ========================================================= */
.ld-app { min-height: 100vh; }

.ld-sidebar {
    --bs-offcanvas-width: 264px;
    --bs-offcanvas-bg: var(--ld-surface);
    background: var(--ld-surface);
    border-right: 1px solid var(--ld-border);
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) {
    .ld-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        width: 264px;
        z-index: 1030;
    }

    .ld-main { margin-left: 264px; }
}

.ld-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 1.25rem;
    flex-shrink: 0;
}

.ld-brand {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    font-weight: 700;
    font-size: 1.0625rem;
    letter-spacing: -.02em;
    color: var(--ld-text);
    text-decoration: none;
    min-width: 0;
}

.ld-brand:hover { color: var(--ld-text); }

.ld-brand-mark {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    background: var(--ld-accent);
    color: var(--ld-on-accent);
    font-size: .875rem;
    flex-shrink: 0;
}

.ld-brand-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ld-brand-logo {
    height: 28px;
    width: auto;
    border-radius: .375rem;
}

[data-bs-theme="dark"] .ld-brand-logo { background: #fff; padding: 3px 6px; height: 32px; }

.ld-sidebar-body {
    flex: 1;
    overflow-y: auto;
    padding: .5rem .75rem 1rem;
}

.ld-nav-section {
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ld-subtle);
    padding: 1rem .75rem .375rem;
}

.ld-nav { list-style: none; margin: 0; padding: 0; }

.ld-nav .nav-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem .75rem;
    margin: 1px 0;
    border-radius: .5rem;
    color: var(--ld-muted);
    font-weight: 500;
    font-size: .875rem;
    transition: background-color .12s ease, color .12s ease;
}

.ld-nav .nav-link i {
    width: 1.125rem;
    text-align: center;
    font-size: .9375rem;
    color: var(--ld-subtle);
    transition: color .12s ease;
}

.ld-nav .nav-link:hover { background: var(--ld-surface-2); color: var(--ld-text); }
.ld-nav .nav-link:hover i { color: var(--ld-text); }

.ld-nav .nav-link.active {
    background: var(--ld-accent-soft);
    color: var(--ld-accent-text);
}

.ld-nav .nav-link.active i { color: var(--ld-accent-text); }

.ld-sidebar-footer {
    border-top: 1px solid var(--ld-border);
    padding: .75rem 1.25rem;
    display: flex;
    gap: 1rem;
    font-size: .8125rem;
    flex-shrink: 0;
}

.ld-sidebar-footer a { color: var(--ld-muted); text-decoration: none; }
.ld-sidebar-footer a:hover { color: var(--ld-text); }

/* Top bar */
.ld-topbar {
    position: sticky;
    top: 0;
    z-index: 1020;
    display: flex;
    align-items: center;
    gap: .75rem;
    height: 64px;
    padding: 0 1.5rem;
    background: color-mix(in srgb, var(--ld-bg) 82%, transparent);
    backdrop-filter: saturate(180%) blur(12px);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    border-bottom: 1px solid var(--ld-border);
}

.ld-page-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.ld-topbar-actions { display: flex; align-items: center; gap: .5rem; margin-left: auto; }

.ld-user {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .25rem .5rem .25rem .25rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--ld-text);
    text-align: left;
}

.ld-user:hover, .ld-user[aria-expanded="true"] { background: var(--ld-surface); border-color: var(--ld-border); }

.ld-avatar {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--ld-accent-soft);
    color: var(--ld-accent-text);
    font-size: .75rem;
    font-weight: 600;
    flex-shrink: 0;
}

.ld-user-text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.ld-user-name { font-size: .8125rem; font-weight: 600; white-space: nowrap; }
.ld-user-team { font-size: .75rem; color: var(--ld-muted); white-space: nowrap; }

.dropdown-menu {
    --bs-dropdown-bg: var(--ld-surface);
    --bs-dropdown-border-color: var(--ld-border);
    --bs-dropdown-border-radius: .625rem;
    --bs-dropdown-link-hover-bg: var(--ld-surface-2);
    --bs-dropdown-link-active-bg: var(--ld-accent-soft);
    --bs-dropdown-link-active-color: var(--ld-accent-text);
    --bs-dropdown-font-size: .875rem;
    --bs-dropdown-padding-x: .375rem;
    --bs-dropdown-item-border-radius: .375rem;
    box-shadow: var(--ld-shadow-lg);
    min-width: 14rem;
}

.dropdown-item { display: flex; align-items: center; gap: .625rem; padding: .5rem .625rem; }
.dropdown-item i { width: 1rem; color: var(--ld-muted); }

.ld-content {
    padding: 1.75rem 1.5rem 3rem;
    max-width: 1280px;
}

.ld-footer {
    padding: 1.25rem 1.5rem 2rem;
    color: var(--ld-subtle);
    font-size: .8125rem;
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.ld-footer p { margin: 0; }

@media (max-width: 575.98px) {
    .ld-topbar { padding: 0 1rem; }
    .ld-content { padding: 1.25rem 1rem 2.5rem; }
    .ld-footer { padding: 1rem; }
}

/* Embedded apps (Copilot, Power Apps) fill the content area */
.ld-embed-wrap { margin: -1.75rem -1.5rem -3rem; height: calc(100vh - 64px); }
.ld-embed { display: block; width: 100%; height: 100%; border: 0; background: var(--ld-surface); }

@media (max-width: 575.98px) {
    .ld-embed-wrap { margin: -1.25rem -1rem -2.5rem; }
}

/* =========================================================
   Public pages (sign-up, about, errors)
   ========================================================= */
.ld-public { min-height: 100vh; display: flex; flex-direction: column; }

.ld-public-nav {
    height: 64px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--ld-border);
    background: var(--ld-surface);
}

.ld-public-nav .nav-link { color: var(--ld-muted); font-size: .875rem; font-weight: 500; padding: .5rem .75rem; border-radius: .5rem; }
.ld-public-nav .nav-link:hover { color: var(--ld-text); background: var(--ld-surface-2); }

.ld-public-main { flex: 1; padding: 3rem 0; }

.ld-public-footer { border-top: 1px solid var(--ld-border); color: var(--ld-subtle); font-size: .8125rem; padding: 1.25rem 0; }
.ld-public-footer p { margin: 0; }

.ld-prose { max-width: 720px; }
.ld-prose h1, .ld-prose h2 { font-size: 1.75rem; margin-bottom: 1rem; }
.ld-prose h3 { font-size: 1.125rem; margin: 1.5rem 0 .5rem; }

.ld-auth {
    max-width: 440px;
    margin: 0 auto;
}

.ld-auth-hero { text-align: center; margin-bottom: 1.75rem; }
.ld-auth-hero h1 { font-size: 1.75rem; margin-bottom: .375rem; }
.ld-auth-hero p { color: var(--ld-muted); margin: 0; }

/* =========================================================
   Page components
   ========================================================= */

/* Page intro line under the title */
.ld-lede { color: var(--ld-muted); max-width: 68ch; margin-bottom: 1.5rem; }

/* Lab modules (Progress) */
.ld-modules { display: flex; flex-direction: column; gap: .75rem; }

.ld-module {
    background: var(--ld-surface);
    border: 1px solid var(--ld-border);
    border-radius: .75rem;
    box-shadow: var(--ld-shadow-sm);
    overflow: hidden;
}

.ld-module[open] { border-color: var(--ld-border-strong); box-shadow: var(--ld-shadow-md); }

.ld-module > summary {
    display: flex;
    align-items: center;
    gap: .875rem;
    padding: 1rem 1.25rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.ld-module > summary::-webkit-details-marker { display: none; }
.ld-module > summary:hover { background: var(--ld-surface-2); }

.ld-module-icon {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    background: var(--ld-surface-2);
    color: var(--ld-muted);
    flex-shrink: 0;
    font-size: .875rem;
}

.ld-module-icon.in-progress { background: var(--ld-blue-soft); color: var(--ld-blue-text); }
.ld-module-icon.completed { background: var(--ld-green-soft); color: var(--ld-green-text); }
.ld-module-icon.aborted { background: var(--ld-red-soft); color: var(--ld-red-text); }

.ld-module-title { font-size: .9375rem; font-weight: 600; margin: 0; flex: 1; min-width: 0; }

.ld-chevron { color: var(--ld-subtle); transition: transform .2s ease; font-size: .75rem; }
details[open] > summary .ld-chevron { transform: rotate(180deg); }

.ld-module-body {
    border-top: 1px solid var(--ld-border);
    padding: 1.25rem;
    display: grid;
    gap: 1.25rem;
}

.ld-module-body form { margin: 0; }

.ld-panel {
    background: var(--ld-surface-2);
    border-radius: .625rem;
    padding: 1rem;
}

.ld-panel-title {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--ld-muted);
    margin-bottom: .75rem;
}

.ld-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }

.ld-inline-field { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.ld-inline-field .form-control, .ld-inline-field .form-select { width: auto; min-width: 12rem; flex: 1; }

.ld-hint {
    border: 1px dashed var(--ld-border-strong);
    border-radius: .625rem;
    padding: .625rem .875rem;
}

.ld-hint > summary { cursor: pointer; font-weight: 500; font-size: .875rem; color: var(--ld-accent-text); }
.ld-hint > summary i { margin-right: .375rem; }
.ld-hint pre { margin: .75rem 0 0; white-space: pre-wrap; font-family: inherit; font-size: .875rem; }

/* Quests */
.ld-quest-group + .ld-quest-group { margin-top: 1.5rem; }

.ld-quest-group > h2 {
    font-size: .8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ld-muted);
    margin: 0 0 .625rem;
}

.ld-quest-locked td { color: var(--ld-subtle); }

.ld-quest-icon { color: var(--ld-accent); margin-right: .5rem; }
.ld-quest-locked .ld-quest-icon { color: var(--ld-subtle); }

/* Quest detail */
.ld-quest-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.ld-quest-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 991.98px) {
    .ld-quest-layout { grid-template-columns: 1fr; }
}

.quest-section + .quest-section { margin-top: 1.5rem; }

.quest-section-label {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--ld-muted);
    margin-bottom: .5rem;
}

.quest-section-content { line-height: 1.65; }

.quest-section-content > pre {
    font-family: inherit;
    font-size: inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    color: inherit;
}

/* Quest text rendered from Markdown (MarkdownHelper). */
.ld-markdown { overflow-wrap: anywhere; }
.ld-markdown > :first-child { margin-top: 0; }
.ld-markdown > :last-child { margin-bottom: 0; }
.ld-markdown p, .ld-markdown ul, .ld-markdown ol, .ld-markdown pre, .ld-markdown table, .ld-markdown blockquote { margin: 0 0 .75rem; }
.ld-markdown ul, .ld-markdown ol { padding-left: 1.25rem; }
.ld-markdown li + li { margin-top: .125rem; }
.ld-markdown h1, .ld-markdown h2, .ld-markdown h3, .ld-markdown h4 { font-size: 1rem; font-weight: 600; margin: 1rem 0 .5rem; }
.ld-markdown h1 { font-size: 1.125rem; }
.ld-markdown a { color: var(--ld-accent-text); text-decoration: underline; text-underline-offset: 2px; }
.ld-markdown code {
    font-size: .875em;
    padding: .1em .35em;
    border-radius: 4px;
    background: var(--ld-surface-2);
    color: inherit;
}
.ld-markdown pre {
    padding: .75rem 1rem;
    border: 1px solid var(--ld-border);
    border-radius: 6px;
    background: var(--ld-surface-2);
    overflow-x: auto;
    white-space: pre;
}
.ld-markdown pre code { padding: 0; background: none; font-size: .8125rem; }
.ld-markdown blockquote { padding-left: .75rem; border-left: 3px solid var(--ld-border-strong); color: var(--ld-muted); }
.ld-markdown table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.ld-markdown th, .ld-markdown td { padding: .375rem .5rem; border: 1px solid var(--ld-border); text-align: left; }
.ld-markdown th { background: var(--ld-surface-2); font-weight: 600; }
.ld-markdown img { max-width: 100%; }

.ld-stat { padding: 1rem 1.25rem; }
.ld-stat + .ld-stat { border-top: 1px solid var(--ld-border); }
.ld-stat-label { font-size: .75rem; color: var(--ld-muted); font-weight: 500; margin-bottom: .125rem; }

.points-display {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    color: var(--ld-text);
}

.ld-stat-accent .points-display { color: var(--ld-accent-text); }

.ld-file-link { display: inline-flex; align-items: center; gap: .5rem; font-weight: 500; }

/* Native dialog */
.ld-dialog {
    border: 1px solid var(--ld-border);
    border-radius: .875rem;
    padding: 0;
    width: min(760px, calc(100vw - 2rem));
    max-height: min(80vh, 720px);
    background: var(--ld-surface);
    color: var(--ld-text);
    box-shadow: var(--ld-shadow-lg);
}

.ld-dialog::backdrop { background: rgba(12, 14, 18, .55); backdrop-filter: blur(2px); }

.ld-dialog-body { padding: 1.25rem; overflow: auto; max-height: calc(min(80vh, 720px) - 64px); }
.ld-dialog-body [data-ld-dialog-content] > pre { white-space: pre-wrap; word-wrap: break-word; margin: 0; font-size: .8125rem; }
.ld-dialog-actions { display: flex; align-items: center; gap: .5rem; }

/* Leaderboard */
.ld-board { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 1.25rem; align-items: start; }

@media (max-width: 991.98px) {
    .ld-board { grid-template-columns: 1fr; }
}

.ld-rank {
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    font-size: .75rem;
    font-weight: 600;
    background: var(--ld-surface-2);
    color: var(--ld-muted);
    margin-right: .75rem;
    font-variant-numeric: tabular-nums;
}

.ld-rank-1 { background: #fef0c7; color: #93370d; }
.ld-rank-2 { background: #eaecf0; color: #344054; }
.ld-rank-3 { background: #fbe4d6; color: #8a3f12; }

/* Q&A accordion */
.accordion {
    --bs-accordion-bg: var(--ld-surface);
    --bs-accordion-border-color: var(--ld-border);
    --bs-accordion-border-radius: .75rem;
    --bs-accordion-inner-border-radius: calc(.75rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--ld-text);
    --bs-accordion-active-bg: var(--ld-surface);
    --bs-accordion-active-color: var(--ld-text);
    --bs-accordion-btn-focus-box-shadow: var(--ld-focus);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 0 1.25rem 1.25rem;
    box-shadow: var(--ld-shadow-sm);
    border-radius: .75rem;
}

.accordion-button { font-weight: 500; font-size: .9375rem; }
.accordion-button:not(.collapsed) { box-shadow: none; }
.accordion-body { color: var(--ld-muted); padding: 0 1.25rem 1.25rem; }

/* Downloads / credentials */
.ld-list { list-style: none; margin: 0; padding: 0; }

.ld-list-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .875rem 1.25rem;
}

.ld-list-item + .ld-list-item { border-top: 1px solid var(--ld-border); }

.ld-list-icon {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    background: var(--ld-accent-soft);
    color: var(--ld-accent-text);
    flex-shrink: 0;
}

.ld-list-text { flex: 1; min-width: 0; font-weight: 500; }

.ld-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }

.ld-secret {
    font-family: var(--bs-font-monospace);
    font-size: .8125rem;
    background: var(--ld-surface-2);
    border: 1px solid var(--ld-border);
    border-radius: .5rem;
    padding: .625rem .75rem;
    margin: 0;
    word-break: break-all;
}

.ld-secret p { margin: 0; }

/* MCP access */
.ld-steps { display: grid; gap: 1rem; max-width: 860px; }

.ld-step { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; }

.ld-step-num {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--ld-accent-soft);
    color: var(--ld-accent-text);
    font-weight: 600;
    font-size: .8125rem;
}

.ld-step h2 { font-size: 1rem; margin: .25rem 0 .25rem; }
.ld-step p { color: var(--ld-muted); font-size: .875rem; margin-bottom: .75rem; }

.ld-copy {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--ld-border-strong);
    border-radius: .5rem;
    background: var(--ld-surface);
    overflow: hidden;
    box-shadow: var(--ld-shadow-sm);
}

.ld-copy input,
.ld-copy code {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    padding: .5625rem .75rem;
    font-family: var(--bs-font-monospace);
    font-size: .8125rem;
    color: var(--ld-text);
    outline: none;
    white-space: nowrap;
    overflow-x: auto;
}

.ld-copy .btn { border-radius: 0; border: 0; border-left: 1px solid var(--ld-border); box-shadow: none; }

.ld-code {
    position: relative;
    background: #0f1117;
    color: #e6e8eb;
    border-radius: .625rem;
    padding: 1rem 1.125rem;
    font-size: .8125rem;
    margin: 0;
    overflow-x: auto;
}

[data-bs-theme="dark"] .ld-code { background: #090b0e; border: 1px solid var(--ld-border); }

.ld-code-wrap { position: relative; }

.ld-code-wrap .ld-code-copy {
    position: absolute;
    top: .5rem;
    right: .5rem;
    --bs-btn-color: #c3c8d0;
    --bs-btn-bg: rgba(255, 255, 255, .06);
    --bs-btn-border-color: rgba(255, 255, 255, .12);
    --bs-btn-hover-bg: rgba(255, 255, 255, .12);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: rgba(255, 255, 255, .2);
}

.nav-segmented {
    display: inline-flex;
    gap: .25rem;
    padding: .25rem;
    background: var(--ld-surface-2);
    border-radius: .625rem;
    margin-bottom: .75rem;
}

.nav-segmented .nav-link {
    padding: .3125rem .75rem;
    font-size: .8125rem;
    font-weight: 500;
    color: var(--ld-muted);
    border-radius: .4375rem;
}

.nav-segmented .nav-link.active { background: var(--ld-surface); color: var(--ld-text); box-shadow: var(--ld-shadow-sm); }

/* Callout (evaluation / survey prompts) */
.ld-callout {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: var(--ld-accent-soft);
    border: 1px solid color-mix(in srgb, var(--ld-accent) 25%, transparent);
    border-radius: .75rem;
    padding: 1.125rem 1.25rem;
    margin-bottom: 1.25rem;
}

.ld-callout-icon { color: var(--ld-accent-text); font-size: 1.125rem; margin-top: .125rem; }
.ld-callout h2 { font-size: 1rem; margin: 0 0 .25rem; }
.ld-callout p { margin: 0 0 .75rem; color: var(--ld-muted); font-size: .875rem; }

/* Narrow form pages */
.ld-form-page { max-width: 640px; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition: none !important; animation: none !important; }
}