/* Site Kit: what only exists inside WordPress. */

/* Account actions: a page carries both versions; the body class (accounts.php) shows one.
   Without it (preview, logged-out cache) the guest version shows. */
body.pf-auth-member .pf [data-pf-auth="guest"] { display: none !important; }

/* Onboarding on BuddyPress screens (accounts.php): the charter attestation and notes on the signup form, and the
   "Set up your profile" note above the profile edit screen. Theme colours, logical properties for right to left. */
.pf-signup-extra { clear: both; margin-block: 24px; }
.pf-signup-charter { margin: 0 0 12px; padding: 14px 16px; border: 1px solid currentColor; border-radius: 5px; }
.pf-signup-charter legend { padding-inline: 6px; font-weight: 600; }
.pf-signup-charter label { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; }
.pf-signup-charter input { margin-block-start: 4px; }
.pf-signup-note, .pf-setup-note p { font-size: 15px; }
.pf-setup-note { margin-block-end: 20px; padding: 14px 16px; border-inline-start: 3px solid var(--pf-accent, #2747b8); background: rgba(127, 127, 127, .08); }
.pf-setup-note p { margin: 0 0 6px; }
.pf-setup-note p:last-child { margin: 0; }

/* Platform pages on the theme's full-screen template: no extra gap above the page. */
body.pf-page .site-main > .entry-content, body.pf-page .entry-content > .pf:first-child { margin-block-start: 0; }

/* Tutor LMS skin (body.pf-skin on course, lesson, quiz, archive and dashboard pages): platform type,
   accent, square corners and an inverted primary action. Tutor reads its colours from these variables. */
body.pf-skin {
  --pf-kit-font: "IBM Plex Sans", "Vazirmatn", "Noto Naskh Arabic", system-ui, sans-serif;
  --tutor-color-primary: var(--pf-accent, #d6003a);
  --tutor-color-primary-hover: color-mix(in srgb, var(--pf-accent, #d6003a) 82%, #000);
  --tutor-border-color: rgba(0, 0, 0, .12);
}
html.dark-mode body.pf-skin, html[data-bx-mode="dark"] body.pf-skin { --tutor-border-color: rgba(255, 255, 255, .14); }
body.pf-skin :is(.tutor-wrap, .tutor-page-wrap, .tutor-dashboard, .tutor-course-list, .tutor-course-filter, .tutor-frontend-dashboard, .tutor-course-single-content-wrapper) { font-family: var(--pf-kit-font); }
body.pf-skin :is(.tutor-wrap, .tutor-page-wrap, .tutor-dashboard, .tutor-course-list, .tutor-course-single-content-wrapper) :is(h1, h2, h3, h4, h5, h6, .tutor-fs-3, .tutor-fs-4, .tutor-fs-5, .tutor-fs-6) { font-family: var(--pf-kit-font); }
body.pf-skin :is(.tutor-course-details-title, .tutor-course-card .tutor-course-name, .tutor-fs-3, .tutor-fs-4) { letter-spacing: -.015em; font-weight: 500; }
body.pf-skin :is(.tutor-btn, .tutor-form-control, .tutor-card, .tutor-course-card, .tutor-accordion-item, .tutor-modal-content) { border-radius: 5px; }
body.pf-skin .tutor-btn-primary { background: #000; border-color: #000; color: #fff; }
body.pf-skin .tutor-btn-primary:hover { background: #262626; border-color: #262626; }
html.dark-mode body.pf-skin .tutor-btn-primary, html[data-bx-mode="dark"] body.pf-skin .tutor-btn-primary { background: #fff; border-color: #fff; color: #000; }
body.pf-skin :is(.tutor-course-details-widget-title, .tutor-course-topic-title, .tutor-meta-key, .tutor-course-card .tutor-meta) { font-family: "IBM Plex Mono", var(--pf-kit-font); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
body.pf-skin[dir="rtl"] :is(.tutor-course-details-widget-title, .tutor-course-topic-title, .tutor-meta-key) { letter-spacing: 0; text-transform: none; }

/* The statement every badge, credential and course completion carries. */
.pf-statement { display: grid; grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); margin: 12px 0; border-block-start: 1px solid rgba(127, 127, 127, .25); }
.pf-statement dt, .pf-statement dd { margin: 0; padding: 8px 0; border-block-end: 1px solid rgba(127, 127, 127, .25); }
.pf-statement dt { padding-inline-end: 20px; font-family: "IBM Plex Mono", monospace; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; opacity: .75; }

/* GamiPress on profiles and pages: hairline records, mono type labels, no glossy badges. */
:is(.gamipress-achievement, .gamipress-rank, .gamipress-points-type) { border: 1px solid rgba(127, 127, 127, .3); border-radius: 5px; padding: 14px 16px; box-shadow: none; }
:is(.gamipress-achievement-title, .gamipress-rank-title) { font-family: "IBM Plex Sans", "Vazirmatn", system-ui, sans-serif; font-weight: 500; letter-spacing: -.01em; }
:is(.gamipress-achievement-points, .gamipress-earners-list-title, .gamipress-achievement-type) { font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

/* Tutor progress and instructors, in the platform grammar: a 4 px track with the network's hues, and
   instructors in a hairline frame. The hues come from brand.css (--pf-grad-light, --pf-grad-dark). */
body.pf-skin .tutor-progress-bar { height: 4px; border-radius: 2px; background: rgba(0, 0, 0, .1); overflow: hidden; }
body.pf-skin .tutor-progress-bar .tutor-progress-value, body.pf-skin .tutor-progress-bar-fill { border-radius: inherit; background: var(--pf-grad-light) !important; }
html.dark-mode body.pf-skin .tutor-progress-bar, html[data-bx-mode="dark"] body.pf-skin .tutor-progress-bar { background: rgba(255, 255, 255, .1); }
html.dark-mode body.pf-skin :is(.tutor-progress-bar .tutor-progress-value, .tutor-progress-bar-fill), html[data-bx-mode="dark"] body.pf-skin :is(.tutor-progress-bar .tutor-progress-value, .tutor-progress-bar-fill) { background: var(--pf-grad-dark) !important; }
body.pf-skin .tutor-course-details-instructors { padding: 20px; border: 1px solid rgba(128, 128, 128, .25); border-radius: 5px; box-shadow: none; background-image: none; }
body.pf-skin .tutor-course-details-instructors .tutor-avatar { border-radius: 5px; }

/* ---------- Tutor 4 learning area: lessons and quizzes ----------
   Tutor 4 draws its learning area from its own design tokens (tutor-core.min.css, on <html
   data-tutor-theme>). The kit maps them to the platform: black or white, hairlines, IBM Plex, 5 px
   corners, no shadows. The network's hues appear only as 2 px rules and progress bars. Dark follows
   BuddyX (dark-mode, data-bx-mode) or the learner's own Tutor setting (data-tutor-theme="dark"). */
body.pf-skin {
  --tutor-font-family-body: "IBM Plex Sans", "Vazirmatn", "Noto Naskh Arabic", system-ui, sans-serif;
  --tutor-font-family-heading: var(--tutor-font-family-body);
  --tutor-input-radius: 5px; --tutor-button-radius: 5px; --tutor-tab-radius: 5px; --tutor-tab-radius-sm: 4px; --tutor-modal-radius: 6px; --tutor-popover-radius: 6px; --tutor-table-border-radius: 5px;
  --tutor-surface-base: #fafafa; --tutor-surface-l1: #fff; --tutor-surface-l1-hover: #f3f3f3; --tutor-surface-l2: #f4f4f5; --tutor-surface-l2-hover: #ededed; --tutor-surface-l3: #fafafa; --tutor-surface-sidebar-l1: #fff; --tutor-quiz-idle: #fff; --tutor-quiz-hover: #f3f3f3;
  --tutor-surface-brand-primary: #000; --tutor-surface-brand-primary-2: #262626; --tutor-surface-brand-secondary: #ededed; --tutor-surface-brand-tertiary: #f4f4f5; --tutor-surface-brand-quaternary: #ededed; --tutor-surface-dark: #000;
  --tutor-text-primary: #000; --tutor-text-secondary: #262626; --tutor-text-subdued: #525252; --tutor-text-disabled: #a3a3a3; --tutor-text-primary-inverse: #fff; --tutor-text-light: #fafafa;
  --tutor-text-brand: #000; --tutor-text-brand-hover: #262626; --tutor-text-brand-secondary: #525252;
  --tutor-icon-idle: #262626; --tutor-icon-hover: #000; --tutor-icon-secondary: #525252; --tutor-icon-subdued: #737373; --tutor-icon-disabled: #a3a3a3; --tutor-icon-idle-inverse: #fff; --tutor-icon-brand: #000; --tutor-icon-brand-hover: #262626; --tutor-icon-brand-secondary: #d4d4d4;
  --tutor-button-primary: #000; --tutor-button-primary-hover: #262626; --tutor-button-primary-focused: #000; --tutor-button-primary-disabled: #a3a3a3; --tutor-button-primary-soft: #f4f4f5; --tutor-button-primary-soft-hover: #ededed; --tutor-button-primary-soft-focused: #f4f4f5;
  --tutor-button-secondary: #f4f4f5; --tutor-button-secondary-hover: #ededed; --tutor-button-secondary-focused: #f4f4f5; --tutor-button-ghost-hover: #f3f3f3; --tutor-button-outline-hover: #f3f3f3;
  --tutor-border-idle: rgba(0, 0, 0, .1); --tutor-border-idle2: rgba(0, 0, 0, .1); --tutor-border-hover: rgba(0, 0, 0, .2); --tutor-border-tertiary: #a3a3a3; --tutor-border-brand: #000; --tutor-border-brand-secondary: rgba(0, 0, 0, .2); --tutor-border-brand-tertiary: rgba(0, 0, 0, .3); --tutor-border-dark: #000;
  --tutor-tab-sidebar-l2: transparent; --tutor-tab-sidebar-l2-hover: #f3f3f3; --tutor-tab-sidebar-l2-active: #f4f4f5; --tutor-tab-sidebar-l4-hover: #f3f3f3; --tutor-tab-sidebar-l4-active: #f4f4f5; --tutor-tab-l3: #f4f4f5; --tutor-tab-l3-hover: #ededed; --tutor-tab-l3-active: #f4f4f5; --tutor-tab-l3-active-hover: #ededed;
  --tutor-actions-brand-primary: #000; --tutor-actions-brand-secondary: #d4d4d4; --tutor-actions-brand-tertiary: #f4f4f5;
  --tutor-visual-brand-1: var(--pf-tint-a-light, #000); --tutor-visual-brand-2: var(--pf-tint-b-light, #525252); --tutor-visual-brand-3: #d4d4d4;
  --tutor-brand-100: #f4f4f5; --tutor-brand-200: #ededed; --tutor-brand-300: #e0e0e0; --tutor-brand-400: #a3a3a3; --tutor-brand-450: #737373; --tutor-brand-500: #262626; --tutor-brand-600: #000; --tutor-brand-700: #262626; --tutor-brand-800: #000; --tutor-brand-900: #000; --tutor-brand-950: #000;
  --tutor-shadow-xs: none; --tutor-shadow-sm: none; --tutor-shadow-md: none; --tutor-shadow-lg: none; --tutor-shadow-xl: none; --tutor-shadow-2xl: none; --tutor-shadow-3xl: none;
  --pf-tutor-grad: var(--pf-grad-light, #000);
}
html.dark-mode body.pf-skin, html[data-bx-mode="dark"] body.pf-skin, html[data-tutor-theme="dark"]:not(.light-mode):not([data-bx-mode="light"]) body.pf-skin {
  --tutor-surface-base: #0a0a0a; --tutor-surface-l1: #000; --tutor-surface-l1-hover: #111; --tutor-surface-l2: #141414; --tutor-surface-l2-hover: #1a1a1a; --tutor-surface-l3: #0a0a0a; --tutor-surface-sidebar-l1: #000; --tutor-quiz-idle: #000; --tutor-quiz-hover: #111;
  --tutor-surface-brand-primary: #fff; --tutor-surface-brand-primary-2: #e5e5e5; --tutor-surface-brand-secondary: #1a1a1a; --tutor-surface-brand-tertiary: #141414; --tutor-surface-brand-quaternary: #1a1a1a; --tutor-surface-dark: #262626;
  --tutor-text-primary: #fff; --tutor-text-secondary: #d4d4d4; --tutor-text-subdued: #a3a3a3; --tutor-text-disabled: #525252; --tutor-text-primary-inverse: #000; --tutor-text-light: #0a0a0a;
  --tutor-text-brand: #fff; --tutor-text-brand-hover: #e5e5e5; --tutor-text-brand-secondary: #a3a3a3;
  --tutor-icon-idle: #d4d4d4; --tutor-icon-hover: #fff; --tutor-icon-secondary: #a3a3a3; --tutor-icon-subdued: #737373; --tutor-icon-disabled: #525252; --tutor-icon-idle-inverse: #000; --tutor-icon-brand: #fff; --tutor-icon-brand-hover: #e5e5e5; --tutor-icon-brand-secondary: #3a3a3a;
  --tutor-button-primary: #fff; --tutor-button-primary-hover: #e5e5e5; --tutor-button-primary-focused: #fff; --tutor-button-primary-disabled: #525252; --tutor-button-primary-soft: #141414; --tutor-button-primary-soft-hover: #1a1a1a; --tutor-button-primary-soft-focused: #141414;
  --tutor-button-secondary: #141414; --tutor-button-secondary-hover: #1a1a1a; --tutor-button-secondary-focused: #141414; --tutor-button-ghost-hover: #111; --tutor-button-outline-hover: #111;
  --tutor-border-idle: rgba(255, 255, 255, .1); --tutor-border-idle2: rgba(255, 255, 255, .1); --tutor-border-hover: rgba(255, 255, 255, .2); --tutor-border-tertiary: #525252; --tutor-border-brand: #fff; --tutor-border-brand-secondary: rgba(255, 255, 255, .2); --tutor-border-brand-tertiary: rgba(255, 255, 255, .3); --tutor-border-dark: #fff;
  --tutor-tab-sidebar-l2-hover: #111; --tutor-tab-sidebar-l2-active: #141414; --tutor-tab-sidebar-l4-hover: #111; --tutor-tab-sidebar-l4-active: #141414; --tutor-tab-l3: #141414; --tutor-tab-l3-hover: #1a1a1a; --tutor-tab-l3-active: #141414; --tutor-tab-l3-active-hover: #1a1a1a;
  --tutor-actions-brand-primary: #fff; --tutor-actions-brand-secondary: #3a3a3a; --tutor-actions-brand-tertiary: #141414;
  --tutor-visual-brand-1: var(--pf-tint-a-dark, #fff); --tutor-visual-brand-2: var(--pf-tint-b-dark, #a3a3a3); --tutor-visual-brand-3: #3a3a3a;
  --tutor-brand-100: #141414; --tutor-brand-200: #1a1a1a; --tutor-brand-300: #222; --tutor-brand-400: #525252; --tutor-brand-450: #737373; --tutor-brand-500: #d4d4d4; --tutor-brand-600: #fff; --tutor-brand-700: #e5e5e5; --tutor-brand-800: #fff; --tutor-brand-900: #fff; --tutor-brand-950: #fff;
  --pf-tutor-grad: var(--pf-grad-dark, #fff);
}
body.pf-skin .tutor-learning-area { font-family: var(--tutor-font-family-body); -webkit-font-smoothing: antialiased; }
/* Corners: Tutor hard-codes 8 to 16 px and pills; the platform uses 5 px panels and 4 px marks. */
body.pf-skin :is(.tutor-learning-header, .tutor-learning-sidebar .tutor-learning-sidebar-curriculum, .tutor-learning-sidebar .tutor-learning-sidebar-pages, .tutor-lesson-content .tutor-lesson-content-tab, .tutor-lesson-content .tutor-lesson-content-tab .tutor-tabs-nav, .tutor-lesson-content .tutor-lesson-content-tab .tutor-tabs-content, .tutor-has-site-shell .tutor-learning-area-footer, .tutor-learning-area-qna, .tutor-quiz-intro, .tutor-quiz-intro-overview, .tutor-quiz-intro-stats-row, .tutor-quiz-intro-icon, .tutor-quiz-question, .tutor-quiz-question-option, .tutor-quiz-open-ended-answer, .tutor-quiz-summary .tutor-quiz-result, .tutor-quiz-summary .tutor-quiz-summary-overview, .tutor-quiz-summary-feedback, .tutor-quiz-autostart-card, .tutor-discussion-card, .tutor-discussion-single, .tutor-upcoming-lesson-card, .tutor-course-announcements, .tutor-quiz-question-feedback-wrap .tutor-quiz-question-feedback-card, .tutor-quiz-attempts) { border-radius: 5px; box-shadow: none; }
body.pf-skin :is(.tutor-btn, .tutor-learning-nav-item, .tutor-learning-pages-item, .tutor-quiz-questions-pagination .tutor-quiz-question-paginate-item, .tutor-event-badge) { border-radius: 5px; box-shadow: none; }

/* Header: course title, a 2 px rule in the network's hues across the top. */
body.pf-skin .tutor-learning-header { background-image: var(--pf-tutor-grad); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 0; }
body.pf-skin .tutor-learning-header-title { font-size: 17px; font-weight: 500; letter-spacing: -.015em; }

/* Curriculum: an index of modules and their items; the current item carries a 2 px hued rule. */
body.pf-skin .tutor-learning-sidebar :is(.tutor-learning-sidebar-curriculum, .tutor-learning-sidebar-pages) { border: 1px solid var(--tutor-border-idle); }
body.pf-skin .tutor-learning-progress-text { font-variant-numeric: tabular-nums; }
body.pf-skin .tutor-learning-progress .tutor-progress-bar { height: 4px; border-radius: 2px; background: var(--tutor-border-idle); }
body.pf-skin .tutor-learning-progress :is(.tutor-progress-bar-fill, .tutor-progress-value) { border-radius: 2px; background: var(--pf-tutor-grad) !important; }
body.pf-skin .tutor-learning-nav-header-title { font-size: 14.5px; font-weight: 500; letter-spacing: -.005em; }
body.pf-skin .tutor-learning-nav-topic.active > .tutor-learning-nav-header .tutor-learning-nav-header-title { font-weight: 600; }
body.pf-skin .tutor-learning-nav-item { position: relative; }
body.pf-skin .tutor-learning-nav-item.active { background: var(--tutor-surface-l2); }
body.pf-skin .tutor-learning-nav-item.active::before { content: ""; position: absolute; inset-block: 6px; inset-inline-start: -10px; width: 2px; border-radius: 1px; background: var(--pf-tutor-grad); }
body.pf-skin .tutor-learning-nav-item .tutor-tiny-2 { font-family: "IBM Plex Mono", monospace; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; }

/* Lesson: a reading measure, quiet tabs, and footer actions in the platform's button grammar. */
body.pf-skin .tutor-lesson-wrapper { max-width: 72ch; font-size: 16.5px; line-height: 1.65; color: var(--tutor-text-secondary); }
body.pf-skin .tutor-lesson-wrapper :is(h2, h3, h4) { color: var(--tutor-text-primary); font-weight: 600; letter-spacing: -.015em; line-height: 1.25; }
body.pf-skin .tutor-lesson-content .tutor-lesson-content-tab { border: 1px solid var(--tutor-border-idle); }
body.pf-skin .tutor-lesson-content .tutor-tabs-nav { background: transparent; border-block-end: 1px solid var(--tutor-border-idle); }
body.pf-skin .tutor-learning-area-footer { border: 1px solid var(--tutor-border-idle); }
body.pf-skin .tutor-learning-area-footer .tutor-btn { font-weight: 500; }
body.pf-skin .tutor-lesson-content :is(button, a).tutor-mark-as-complete-button { min-height: 40px; padding-inline: 16px 8px; border-radius: 5px; border: 1px solid var(--tutor-button-primary); background: var(--tutor-button-primary); color: var(--tutor-text-primary-inverse); font-weight: 500; box-shadow: none; }
body.pf-skin .tutor-lesson-content :is(button, a).tutor-mark-as-complete-button.completed { background: transparent; color: var(--tutor-text-primary); border-color: var(--tutor-border-hover); }
body.pf-skin .tutor-lesson-content :is(button, a).tutor-mark-as-complete-button { padding-inline: 16px; }
body.pf-skin .tutor-lesson-content :is(button, a).tutor-mark-as-complete-button svg { display: none; }
body.pf-skin .tutor-lesson-content :is(button, a).tutor-mark-as-complete-button.completed span::before { content: "✓"; margin-inline-end: 8px; color: var(--tutor-text-success); }

/* Quiz: intro as a register, a mono timer, questions in hairline frames, options as rows. */
body.pf-skin .tutor-quiz-intro { border: 1px solid var(--tutor-border-idle); }
body.pf-skin .tutor-quiz-intro-icon { display: none; }
body.pf-skin .tutor-quiz-intro-title { font-size: clamp(24px, 2.4vw, 32px); font-weight: 500; letter-spacing: -.025em; }
body.pf-skin .tutor-quiz-intro-params { border-radius: 5px; }
body.pf-skin .tutor-quiz-intro-params :is(th, td):first-child { font-family: "IBM Plex Mono", monospace; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--tutor-text-subdued); }
body.pf-skin .tutor-quiz-intro-params svg { display: none; }
body.pf-skin .tutor-quiz-progress-bar-wrapper, body.pf-skin .tutor-quiz-progress .tutor-progress-bar { height: 4px; border-radius: 2px; background: var(--tutor-border-idle); }
body.pf-skin .tutor-quiz-progress :is(.tutor-progress-bar-fill, .tutor-progress-value, [class*="progress-bar-fill"]) { border-radius: 2px; background: var(--pf-tutor-grad) !important; }
body.pf-skin .tutor-quiz-timer-frame-shape { display: none; }
body.pf-skin .tutor-quiz-timer-frame { padding: 4px 10px; border: 1px solid var(--tutor-border-hover); border-radius: 5px; }
body.pf-skin .tutor-quiz-timer-frame { font-variant-numeric: tabular-nums; color: var(--tutor-text-primary); }
body.pf-skin .tutor-quiz-progress-title { font-family: var(--tutor-font-family-body); font-size: 17px; font-weight: 500; letter-spacing: -.01em; text-transform: none; }
body.pf-skin :is(.tutor-quiz-question-meta, .tutor-quiz-question-indicator) :is(span, div) { border-radius: 4px; }
body.pf-skin .tutor-quiz-question { border: 1px solid var(--tutor-border-idle); background: var(--tutor-surface-l1); }
body.pf-skin .tutor-quiz-question-number { border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: 12px; }
body.pf-skin .tutor-quiz-question-title { font-size: 17px; font-weight: 600; letter-spacing: -.01em; line-height: 1.4; }
body.pf-skin .tutor-quiz-question-meta, body.pf-skin .tutor-quiz-progress-meta { font-family: "IBM Plex Mono", monospace; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; }
body.pf-skin .tutor-quiz-question-option { border: 1px solid var(--tutor-border-idle); background: var(--tutor-quiz-idle); transition: border-color .12s, background .12s; }
body.pf-skin .tutor-quiz-question-option:hover { border-color: var(--tutor-border-hover); background: var(--tutor-quiz-hover); }
body.pf-skin .tutor-quiz-question-option:has(input:checked) { border-color: var(--tutor-text-primary); background: var(--tutor-surface-l1); color: var(--tutor-text-primary); box-shadow: inset 0 0 0 1px var(--tutor-text-primary); }
body.pf-skin .tutor-quiz-question-option[data-option=correct] { border-color: var(--tutor-text-success); }
body.pf-skin .tutor-quiz-question-option[data-option=incorrect] { border-color: var(--tutor-text-critical); }
body.pf-skin .tutor-quiz-summary .tutor-quiz-result { border: 1px solid var(--tutor-border-idle); }
body.pf-skin[dir="rtl"] :is(.tutor-learning-nav-item .tutor-tiny-2, .tutor-quiz-intro-params :is(th, td):first-child, .tutor-quiz-question-meta, .tutor-quiz-progress-meta) { letter-spacing: 0; text-transform: none; }
body.pf-skin :is(.tutor-badge, .tutor-badge-rounded, .tutor-quiz-item-marks [class*="correct"], .tutor-quiz-attempts [class*="badge"]) { border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: .06em; }
html.dark-mode body.pf-skin .tutor-badge-error, html[data-bx-mode="dark"] body.pf-skin .tutor-badge-error, html[data-tutor-theme="dark"] body.pf-skin .tutor-badge-error { color: #f28b82; background: rgba(242, 139, 130, .12); }