/* One public theme for landing, resources, product pages and sign-in. */
.marketing-home, .login-page {
    --mk-ink: #24252b; --mk-muted: #61636c; --mk-blue: #4054df;
    --mk-line: #e5e4e0; --mk-paper: #fffefb; --mk-surface: #fff;
    --mk-soft: #f4f2fb; --mk-tint: #eeebfa;
    --mk-action: #4b5cc6; --mk-action-hover: #3e4eae;
}
html[data-marketing-theme="light"] { color-scheme: light; background: #fffefb; }
html[data-marketing-theme="dark"] { color-scheme: dark; background: #11151c; }
[data-marketing-theme="dark"] :is(.marketing-home, .login-page) {
    --mk-ink: #edf1f8; --mk-muted: #b5bfd0; --mk-blue: #aebaff;
    --mk-line: #39465c; --mk-paper: #11151c; --mk-surface: #1b2230;
    --mk-soft: #242d3c; --mk-tint: #2c3554;
    --mk-success: #94dbb1; --mk-danger: #ffb1b1;
    --bs-body-bg: var(--mk-paper); --bs-body-color: var(--mk-ink);
    --bs-border-color: var(--mk-line); --bs-secondary-color: var(--mk-muted);
    background: var(--mk-paper); color: var(--mk-ink);
}
.public-theme-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 42px; width: 42px; height: 42px; padding: 0;
    border: 1px solid var(--mk-line); border-radius: 10px;
    background: var(--mk-surface); color: var(--mk-ink);
    cursor: pointer; font: inherit; font-size: 16px; line-height: 1;
}
.public-theme-toggle:hover { border-color: var(--mk-blue); color: var(--mk-blue); }
.public-theme-toggle:focus-visible { outline: 3px solid var(--mk-blue); outline-offset: 4px; }
[data-marketing-theme="dark"] .public-theme-toggle[aria-checked="true"] { color: #f2d68a; }

/* Blog index, topic guides, article bodies and product details. */
.marketing-home:has(.resource-shell) { background: var(--mk-paper); font-family: Inter, system-ui, sans-serif; }
.resource-brand {
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 150px; height: 48px; overflow: hidden; border-radius: 10px;
}
.resource-brand img { width: 100%; height: 100%; max-width: 100%; flex-shrink: 0; object-fit: contain; }
.marketing-home .nav-logo, .marketing-home .mk-footer-top img, .login-page .login-brand img {
    width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain;
}
/* Keep the gradient symbol intact. Only the separate wordmark layer turns white. */
.public-brand-logo { position: relative; display: block; width: 100%; height: 100%; }
.public-brand-logo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.public-brand-logo .public-brand-wordmark { display: none; }
/* Split inside the transparent gap, beyond the symbol's antialiased edge. */
[data-marketing-theme="dark"] .public-brand-logo .public-brand-base { clip-path: inset(0 65.5% 0 0); }
[data-marketing-theme="dark"] .public-brand-logo .public-brand-wordmark {
    display: block;
    clip-path: inset(0 0 0 34.5%);
    filter: brightness(0) invert(1);
}
.resource-nav nav { justify-content: flex-end; }
[data-marketing-theme="dark"] .resource-brand { background: transparent; }
[data-marketing-theme="dark"] :is(.resource-nav, .resource-shell) { color: var(--mk-ink); border-color: var(--mk-line); }
[data-marketing-theme="dark"] :is(.resource-nav a, .resource-shell a) { color: var(--mk-blue); }
[data-marketing-theme="dark"] :is(.resource-nav [aria-current="page"], .resource-shell h1, .resource-shell h2, .resource-shell h3, .resource-shell h4, .resource-shell h5, .resource-shell h6, .resource-prose strong, .resource-prose b) { color: var(--mk-ink); }
[data-marketing-theme="dark"] :is(.resource-hero>p:not(.resource-eyebrow), .resource-card p, .resource-card time, .resource-meta, .resource-breadcrumb, .resource-prose p, .resource-prose li, .resource-prose figcaption) { color: var(--mk-muted); }
[data-marketing-theme="dark"] :is(.resource-eyebrow, .resource-card .resource-eyebrow) { color: #c4b6ef; }
[data-marketing-theme="dark"] .resource-card { background: var(--mk-surface); border-color: var(--mk-line); }
[data-marketing-theme="dark"] :is(.resource-card h2 a, .resource-card h3 a) { color: var(--mk-ink); }
[data-marketing-theme="dark"] :is(.resource-card h2 a:hover, .resource-card h3 a:hover) { color: var(--mk-blue); }
[data-marketing-theme="dark"] :is(.resource-topics a, .resource-note, .resource-cta) { background: var(--mk-soft); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .resource-note { border-left-color: var(--mk-blue); color: var(--mk-muted); }
[data-marketing-theme="dark"] .resource-topics a:hover { background: var(--mk-tint); border-color: var(--mk-blue); }
[data-marketing-theme="dark"] .resource-shell a.resource-button { background: var(--mk-action); color: #fff!important; }
[data-marketing-theme="dark"] .resource-shell a.resource-button:hover { background: var(--mk-action-hover); }
[data-marketing-theme="dark"] :is(.resource-nav, .resource-shell) :focus-visible { outline-color: var(--mk-blue); }
[data-marketing-theme="dark"] .resource-prose :is(table, th, td) { border-color: var(--mk-line); }
[data-marketing-theme="dark"] .resource-prose th { background: var(--mk-soft); color: var(--mk-ink); }
[data-marketing-theme="dark"] .resource-prose td { color: var(--mk-muted); }
[data-marketing-theme="dark"] .resource-prose :is(pre, code) { background: var(--mk-soft); color: #d6ddff; border-color: var(--mk-line); }
[data-marketing-theme="dark"] .resource-prose pre { padding: 18px; border: 1px solid var(--mk-line); border-radius: 10px; overflow-x: auto; }
[data-marketing-theme="dark"] .resource-prose blockquote { background: var(--mk-soft); color: var(--mk-muted); border-left: 3px solid var(--mk-blue); padding: 16px 20px; }
[data-marketing-theme="dark"] .resource-prose hr { border-color: var(--mk-line); opacity: 1; }
[data-marketing-theme="dark"] :is(.resource-nav, .resource-shell) ::selection { background: #46558c; color: #fff; }

/* Standalone login uses the public preference before the first paint. */
.login-header-actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
[data-marketing-theme="dark"] .login-page {
    --ink: var(--mk-ink); --muted: var(--mk-muted); --blue: var(--mk-blue); --line: var(--mk-line);
    --bs-modal-bg: var(--mk-surface); --bs-modal-color: var(--mk-ink);
}
[data-marketing-theme="dark"] .login-page :focus-visible { outline-color: var(--mk-blue); }
[data-marketing-theme="dark"] .login-page .login-brand { background: transparent; }
[data-marketing-theme="dark"] .login-page .login-skip { background: var(--mk-surface); color: var(--mk-ink); }
[data-marketing-theme="dark"] .login-page .login-story { background: #252a30; border-color: var(--mk-line); }
[data-marketing-theme="dark"] .login-page .login-story h2 em { color: #b9c2ff; }
[data-marketing-theme="dark"] .login-page :is(.story-eyebrow, .story-copy, .story-products, .workspace-caption, .workspace-dots, .column-label, .column-label>span, .workspace-note, .task-bottom, .small-task, .form-eyebrow, .language-control, .language-select, .checkbox-label, .login-help, .login-footer, .divider) { color: var(--mk-muted); }
[data-marketing-theme="dark"] .login-page .story-eyebrow>span { color: #ffad8e; }
[data-marketing-theme="dark"] .login-page :is(.story-workspace, .task-card) { background: var(--mk-surface); border-color: var(--mk-line); }
[data-marketing-theme="dark"] .login-page .workspace-note { border-color: var(--mk-line); }
[data-marketing-theme="dark"] .login-page .workspace-note i { color: var(--mk-success); }
[data-marketing-theme="dark"] .login-page .task-tag { background: #3a3054; color: #decaff; }
[data-marketing-theme="dark"] .login-page .task-tag.peach { background: #51362d!important; color: #ffd2b8; }
[data-marketing-theme="dark"] .login-page .task-progress { background: var(--mk-soft); }
[data-marketing-theme="dark"] .login-page .form-label { color: var(--mk-ink); }
[data-marketing-theme="dark"] .login-page :is(.forgot-link, .login-help a) { color: var(--mk-blue)!important; }
[data-marketing-theme="dark"] .login-page .modern-input {
    background: var(--mk-surface); border-color: #64718a;
    color: var(--mk-ink); caret-color: var(--mk-ink);
}
[data-marketing-theme="dark"] .login-page .modern-input::placeholder { color: var(--mk-muted); opacity: 1; }
[data-marketing-theme="dark"] .login-page .modern-input:focus { background: var(--mk-surface); border-color: var(--mk-blue); box-shadow: 0 0 0 3px #aebaff33; }
[data-marketing-theme="dark"] .login-page .modern-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--mk-surface) inset;
    -webkit-text-fill-color: var(--mk-ink); caret-color: var(--mk-ink);
}
[data-marketing-theme="dark"] .login-page .modern-input:disabled { background: var(--mk-soft); color: var(--mk-muted); opacity: 1; }
[data-marketing-theme="dark"] .login-page .modern-input.input-validation-error { border-color: var(--mk-danger); }
[data-marketing-theme="dark"] .login-page .password-toggle { color: var(--mk-muted); }
[data-marketing-theme="dark"] .login-page .password-toggle:hover { background: var(--mk-soft); color: var(--mk-blue); }
[data-marketing-theme="dark"] .login-page .login-btn { background: var(--mk-action); border-color: var(--mk-action); color: #fff; }
[data-marketing-theme="dark"] .login-page .login-btn:hover { background: var(--mk-action-hover); }
[data-marketing-theme="dark"] .login-page .modern-checkbox { accent-color: var(--mk-action); }
[data-marketing-theme="dark"] .login-page :is(.external-btn, .captcha-refresh) { background: var(--mk-soft); border-color: var(--mk-line); color: var(--mk-ink); }
[data-marketing-theme="dark"] .login-page .external-btn:hover { background: var(--mk-tint); }
[data-marketing-theme="dark"] .login-page .language-select option { background: var(--mk-surface); color: var(--mk-ink); }
[data-marketing-theme="dark"] .login-page .validation-summary-errors { background: #43282f; border-color: #79505b; color: #ffd4d4; }
[data-marketing-theme="dark"] .login-page :is(.validation-message, .field-validation-error) { color: var(--mk-danger); }
[data-marketing-theme="dark"] .login-page :is(.modal-content, .modal-header, .modal-footer) { background: var(--mk-surface); border-color: var(--mk-line); color: var(--mk-ink); }
[data-marketing-theme="dark"] .login-page .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-marketing-theme="dark"] .login-page .text-muted { color: var(--mk-muted)!important; }
[data-marketing-theme="dark"] .login-page :is(.login-beta, .alert-warning) { background: #403623; border-color: #7b6742; color: #f4dba1; }
[data-marketing-theme="dark"] .login-page .modal .btn-secondary { background: var(--mk-soft); border-color: #64718a; color: var(--mk-ink); }
[data-marketing-theme="dark"] .login-page ::selection { background: #46558c; color: #fff; }

@media (max-width: 600px) {
    .resource-nav nav { gap: 12px; justify-content: flex-start; }
    .login-header-actions { gap: 10px; }
}
@media (max-width: 480px) {
    .login-home-label { display: none; }
    .login-header-actions .home-link { justify-content: center; min-width: 42px; min-height: 42px; padding: 0; }
}