body.nr-academy-ui {
--nr-red: #8d0004;
--nr-red-bright: #b70c11;
--nr-red-deep: #4a070c;
--nr-gold: #c49a5a;
--nr-gold-soft: #ead7b7;
--nr-cream: #fbf3e9;
--nr-surface: #fffdf9;
--nr-ink: #28211d;
--nr-muted: #62554d;
--nr-success: #246b57;
--nr-danger: #a5282a;
--nr-border: rgba(196, 154, 90, .34);
--nr-shadow: 0 18px 46px rgba(58, 31, 24, .10);
--lp-primary-color: #8d0004;
--lp-secondary-color: #c49a5a;
--lp-color-base: #28211d;
--lp-color-accent: #b70c11;
--lp-color-meta: #62554d;
--lp-bg-color-lesson: #fffdf9;
--lp-border-color: rgba(196, 154, 90, .34);
--lp-border-radius: 16px;
background: var(--nr-cream);
color: var(--nr-ink);
font-family: var(--global-body-font-family, Arial, Helvetica, sans-serif);
}
.nr-academy-ui :where(button, .button, .lp-button, input[type="submit"], .wp-element-button) {
min-height: 46px;
border-radius: 999px !important;
font: 800 14px/1.2 Arial, Helvetica, sans-serif !important;
letter-spacing: .035em;
transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.nr-academy-ui :where(button, .button, .lp-button, input[type="submit"], .wp-element-button):focus-visible,
.nr-academy-ui :where(a, summary, input):focus-visible {
outline: 3px solid var(--nr-red-bright) !important;
outline-offset: 3px;
}
.nr-academy-ui :where(button, .button, .lp-button, input[type="submit"]):not(:disabled):hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(141, 0, 4, .18);
}
.nr-academy-ui :where(button, .button, .lp-button, input[type="submit"]):disabled,
.nr-academy-ui :where(button, .button, .lp-button, input[type="submit"])[aria-disabled="true"],
.nr-academy-ui :where(button, .button, .lp-button, input[type="submit"]).disabled {
opacity: .52 !important;
cursor: not-allowed !important;
transform: none !important;
box-shadow: none !important;
filter: saturate(.45);
}
.nr-academy-ui :where(.lp-button, button[type="submit"], input[type="submit"], .quiz-buttons button) {
border: 1px solid var(--nr-red) !important;
background: linear-gradient(135deg, var(--nr-red), var(--nr-red-bright)) !important;
color: #fff !important;
} .nr-academy-ui #popup-course {
background: var(--nr-cream);
font-family: var(--global-body-font-family, Arial, Helvetica, sans-serif);
}
.nr-academy-ui #popup-header {
height: 92px;
left: 0 !important;
right: 0 !important;
width: auto !important;
box-sizing: border-box;
border-bottom: 1px solid var(--nr-border);
background: rgba(255, 253, 249, .97);
box-shadow: 0 8px 24px rgba(40, 33, 29, .06);
backdrop-filter: blur(12px);
}
.nr-academy-ui #popup-header .popup-header__inner {
height: 92px;
width: auto !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
padding: 12px 78px 12px 22px;
flex: 1 1 auto;
box-sizing: border-box;
display: flex;
align-items: center;
gap: 18px;
}
.nr-academy-ui #popup-header .course-title {
margin: 0;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font: 400 24px/1.1 var(--global-heading-font-family, Georgia, "Times New Roman", serif);
}
.nr-academy-ui #popup-header .course-title a { color: var(--nr-ink); }
.nr-academy-ui .nr-brand-mark {
display: flex;
align-items: center;
gap: 10px;
color: var(--nr-ink);
text-decoration: none;
}
.nr-academy-ui .nr-brand-mark > span {
width: 48px;
height: 48px;
display: grid;
place-items: center;
flex: 0 0 48px;
border: 1px solid var(--nr-gold);
border-radius: 50%;
color: #8a632c;
background: var(--nr-surface);
font: 400 19px/1 var(--global-heading-font-family, Georgia, "Times New Roman", serif);
box-shadow: 0 7px 20px rgba(79, 42, 31, .10);
}
.nr-academy-ui .nr-brand-mark small {
max-width: 90px;
color: var(--nr-muted);
font-size: 11px;
line-height: 1.25;
}
.nr-academy-ui .nr-progress-compact {
width: min(330px, 28vw);
margin-left: auto;
}
.nr-academy-ui .nr-progress-copy {
display: flex;
justify-content: space-between;
gap: 10px;
margin-bottom: 7px;
color: var(--nr-muted);
font-size: 12px;
}
.nr-academy-ui .nr-progress-copy strong { color: var(--nr-ink); }
.nr-academy-ui .nr-progress-track {
height: 8px;
overflow: hidden;
border-radius: 999px;
background: #eadfd4;
}
.nr-academy-ui .nr-progress-track i {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--nr-gold), var(--nr-red-bright));
transition: width .5s ease;
}
.nr-academy-ui :where(.course-progress, .items-progress) {
color: var(--nr-ink);
}
.nr-academy-ui :where(.course-progress__number, .items-completed) {
color: var(--nr-red);
font-weight: 900;
}
.nr-academy-ui :where(.course-progress__line, .course-items-completed-progress-bar, .learn-press-progress) {
overflow: hidden;
border-radius: 999px;
background: #eadfd4;
}
.nr-academy-ui :where(.course-progress__line__active, .learn-press-progress__active) {
border-radius: inherit;
background: linear-gradient(90deg, var(--nr-gold), var(--nr-red-bright)) !important;
}
.nr-academy-ui #popup-header .back-course {
top: 22px;
right: 18px;
width: 46px;
height: 46px;
display: grid;
place-items: center;
border: 1px solid var(--nr-border);
border-radius: 50%;
color: var(--nr-red);
background: var(--nr-surface);
}
.nr-academy-ui #sidebar-toggle,
.nr-academy-ui .sidebar-toggle-btn {
min-width: 46px;
min-height: 46px;
border: 1px solid var(--nr-border) !important;
border-radius: 50% !important;
background: var(--nr-surface) !important;
color: var(--nr-red) !important;
}
.nr-academy-ui #popup-course #popup-sidebar {
top: 92px;
width: 370px;
flex: 0 0 370px;
border-right: 1px solid var(--nr-border);
background: #f7eee3;
box-shadow: 12px 0 34px rgba(57, 30, 24, .06);
}
.nr-academy-ui #popup-sidebar .search-course {
height: 64px;
padding: 10px 14px;
border-bottom: 1px solid var(--nr-border);
background: transparent;
}
.nr-academy-ui #popup-sidebar .search-course input {
height: 44px;
border: 1px solid var(--nr-border);
border-radius: 999px;
background: var(--nr-surface);
color: var(--nr-ink);
padding-left: 18px;
}
.nr-academy-ui #popup-sidebar .lp-course-curriculum__title {
margin: 18px 18px 4px;
color: var(--nr-ink);
font: 400 26px/1.2 var(--global-heading-font-family, Georgia, "Times New Roman", serif);
}
.nr-academy-ui #popup-sidebar .course-curriculum-info {
padding: 0 18px 14px;
border-bottom: 0;
color: var(--nr-muted);
font-size: 11px;
}
.nr-academy-ui #popup-sidebar .course-curriculum-info__left { gap: 8px; flex-wrap: wrap; }
.nr-academy-ui #popup-sidebar .course-curriculum-info__left li {
padding: 5px 9px;
border: 1px solid var(--nr-border);
border-radius: 999px;
background: rgba(255,255,255,.65);
}
.nr-academy-ui #popup-sidebar .course-toggle-all-sections {
color: var(--nr-red);
font-weight: 800;
}
.nr-academy-ui #popup-sidebar .course-section {
margin: 6px 9px;
overflow: hidden;
border: 1px solid var(--nr-border);
border-radius: 16px;
background: var(--nr-surface);
box-shadow: 0 5px 18px rgba(65, 37, 29, .04);
}
.nr-academy-ui #popup-sidebar .course-section-header {
min-height: 56px;
padding: 9px 10px;
border: 0;
background: transparent;
cursor: pointer;
}
.nr-academy-ui #popup-sidebar .course-section-header:hover { background: #fff8f1; }
.nr-academy-ui #popup-sidebar .section-toggle {
min-width: 42px;
min-height: 42px;
display: grid;
place-items: center;
border-radius: 50%;
color: var(--nr-red);
}
.nr-academy-ui #popup-sidebar .course-section__title {
color: var(--nr-ink);
font-size: 13px;
font-weight: 900;
line-height: 1.35;
letter-spacing: .025em;
}
.nr-academy-ui #popup-sidebar .course-section__description {
margin-top: 4px;
color: var(--nr-muted);
font-size: 11px;
line-height: 1.35;
}
.nr-academy-ui #popup-sidebar .course-section.lp-collapse .course-section__description { display: none; }
.nr-academy-ui #popup-sidebar .section-count-items {
min-width: 32px;
height: 32px;
display: grid;
place-items: center;
border-radius: 999px;
background: #f4e5ce;
color: var(--nr-red);
font-weight: 900;
}
.nr-academy-ui #popup-sidebar .nr-has-progress .section-count-items { display: none; }
.nr-academy-ui #popup-sidebar .nr-section-progress {
min-width: 42px;
height: 30px;
padding: 0 8px;
display: grid;
place-items: center;
flex: 0 0 auto;
border-radius: 999px;
background: #f4e5ce;
color: var(--nr-red);
font-size: 11px;
font-weight: 900;
}
.nr-academy-ui #popup-sidebar .course-section__items { border-top: 1px solid var(--nr-border); }
.nr-academy-ui #popup-sidebar .course-item { border-bottom: 1px solid rgba(196,154,90,.18); }
.nr-academy-ui #popup-sidebar .course-item:last-child { border-bottom: 0; }
.nr-academy-ui #popup-sidebar .course-item__link {
min-height: 48px;
padding: 8px 11px;
color: var(--nr-ink);
}
.nr-academy-ui #popup-sidebar .course-item__link:hover { background: #fff7ee; }
.nr-academy-ui #popup-sidebar .course-item.current,
.nr-academy-ui #popup-sidebar .course-item.item-current,
.nr-academy-ui #popup-sidebar .course-item.active {
border-left: 4px solid var(--nr-red);
background: #f7e8e7;
}
.nr-academy-ui #popup-sidebar .course-item.completed .course-item-title,
.nr-academy-ui #popup-sidebar .course-item.passed .course-item-title { color: var(--nr-success); }
.nr-academy-ui #popup-sidebar .course-item-title {
color: var(--nr-ink);
font-size: 13px;
line-height: 1.35;
}
.nr-academy-ui #popup-course #popup-content {
top: 92px;
left: auto;
min-width: 0;
padding-right: 0 !important;
padding-left: 0 !important;
background: var(--nr-cream);
}
.nr-academy-ui #learn-press-content-item,
.nr-academy-ui #learn-press-content-item .content-item-summary,
.nr-academy-ui #learn-press-content-item .content-item-description {
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
}
.nr-academy-ui #learn-press-content-item .content-item-wrap {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 40px clamp(32px, 3vw, 52px) 184px !important;
box-sizing: border-box;
}
.nr-academy-ui .nr-lesson-hero {
min-height: 108px;
margin-bottom: 20px;
overflow: hidden;
display: grid;
width: 100%;
max-width: none;
grid-template-columns: minmax(0, 1fr) clamp(220px, 22%, 340px);
border: 1px solid rgba(196,154,90,.5);
border-radius: 24px;
background: radial-gradient(circle at 15% 20%, #9d1b1f 0, var(--nr-red-deep) 38%, #160605 100%);
box-shadow: var(--nr-shadow);
}
.nr-academy-ui .nr-lesson-hero > div {
padding: 20px 24px;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
}
.nr-academy-ui .nr-lesson-hero span {
margin-bottom: 10px;
color: #e7c88d;
font-size: 11px;
font-weight: 900;
letter-spacing: .15em;
text-transform: uppercase;
}
.nr-academy-ui .nr-lesson-hero strong {
font: 400 25px/1.08 var(--global-heading-font-family, Georgia, "Times New Roman", serif);
}
.nr-academy-ui .nr-lesson-hero small { margin-top: 10px; color: #f5dfd2; font-size: 14px; }
.nr-academy-ui .nr-lesson-hero img {
width: 100%;
height: 100%;
max-height: 132px;
object-fit: cover;
object-position: center 43%;
border-left: 1px solid rgba(231,200,141,.45);
}
.nr-academy-ui #popup-content .course-item-title {
margin: 0 0 20px;
color: var(--nr-ink);
font: 400 clamp(32px, 4vw, 48px)/1.08 var(--global-heading-font-family, Georgia, "Times New Roman", serif);
letter-spacing: -.025em;
}
.nr-academy-ui .content-item-description {
color: var(--nr-ink);
font-size: 17px;
line-height: 1.7;
}
.nr-academy-ui .content-item-description h2 {
margin: 42px 0 14px;
color: var(--nr-ink);
font: 400 30px/1.2 var(--global-heading-font-family, Georgia, "Times New Roman", serif);
}
.nr-academy-ui .content-item-description h3 { color: var(--nr-ink); }
.nr-academy-ui .content-item-description p:not(.has-text-color):not([style*="color"]),
.nr-academy-ui .content-item-description li:not(.has-text-color):not([style*="color"]) { color: inherit; }
.nr-academy-ui .nr-lesson-chips {
margin: 0 0 14px;
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.nr-academy-ui .nr-lesson-chips span {
max-width: 100%;
overflow: visible;
text-overflow: clip;
white-space: normal;
padding: 8px 12px;
display: inline-flex;
align-items: center;
gap: 6px;
border: 1px solid var(--nr-border);
border-radius: 999px;
background: rgba(255,253,249,.84);
color: var(--nr-muted);
font-size: 12px;
}
.nr-academy-ui .nr-lesson-chips b { color: var(--nr-red); }
.nr-academy-ui .nr-lesson-intro {
margin: 0 0 30px;
overflow: hidden;
border: 1px solid var(--nr-border);
border-radius: 18px;
background: var(--nr-surface);
box-shadow: 0 8px 26px rgba(57, 30, 24, .06);
}
.nr-academy-ui .nr-lesson-intro > summary {
min-height: 70px;
padding: 14px 18px;
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
list-style: none;
color: var(--nr-ink);
}
.nr-academy-ui .nr-lesson-intro > summary::-webkit-details-marker { display: none; }
.nr-academy-ui .nr-summary-icon {
width: 38px;
height: 38px;
display: grid;
place-items: center;
flex: 0 0 38px;
border-radius: 50%;
background: #f4e5ce;
color: var(--nr-red);
}
.nr-academy-ui .nr-lesson-intro summary strong { display: block; font-size: 15px; }
.nr-academy-ui .nr-lesson-intro summary small { display: block; margin-top: 3px; color: var(--nr-muted); font-size: 12px; }
.nr-academy-ui .nr-lesson-intro summary > i {
width: 12px;
height: 12px;
margin-left: auto;
border-right: 2px solid var(--nr-red);
border-bottom: 2px solid var(--nr-red);
transform: rotate(45deg);
transition: transform .2s ease;
}
.nr-academy-ui .nr-lesson-intro[open] summary > i { transform: rotate(225deg); }
.nr-academy-ui .nr-lesson-guide {
margin: 0 !important;
padding: 0 18px 18px;
border: 0 !important;
background: transparent !important;
}
.nr-academy-ui .nr-guide-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.nr-academy-ui .nr-guide-card {
padding: 16px;
border: 1px solid rgba(196,154,90,.28);
border-radius: 14px;
background: #fffaf5;
}
.nr-academy-ui .nr-guide-card--key { background: #f5ead6; }
.nr-academy-ui .nr-guide-card--warning { background: #faeceb; border-color: rgba(165,40,42,.22); }
.nr-academy-ui .nr-guide-card h3 { margin: 0 0 7px; font: 700 16px/1.2 var(--global-heading-font-family, Georgia, serif); }
.nr-academy-ui .nr-guide-card p,
.nr-academy-ui .nr-guide-card ul { margin: 0; font-size: 14px; line-height: 1.55; }
.nr-academy-ui .content-item-description :where(img, video, iframe) { border-radius: 18px; }
.nr-academy-ui .content-item-description figure { margin: 24px 0; }
.nr-academy-ui .content-item-description video { width: 100%; box-shadow: var(--nr-shadow); background: #160605; }
.nr-academy-ui :where(.h5p-iframe-wrapper, iframe.h5p-iframe) {
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
}
.nr-academy-ui .course-item-nav {
position: static;
width: 100%;
max-width: none;
margin: 32px 0 0;
padding: 16px;
gap: 14px;
box-sizing: border-box;
border: 1px solid var(--nr-border);
border-radius: 18px;
background: var(--nr-surface);
box-shadow: 0 12px 32px rgba(48, 25, 20, .08);
}
.nr-academy-ui .course-item-nav > div {
flex: 1 1 50%;
display: flex;
}
.nr-academy-ui .course-item-nav__name { display: none; }
.nr-academy-ui .course-item-nav a {
min-height: 46px;
width: min(100%, 290px);
margin: 0;
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 10px 18px;
border: 1px solid var(--nr-border);
border-radius: 999px;
background: var(--nr-surface);
color: var(--nr-red) !important;
font-weight: 900;
}
.nr-academy-ui .course-item-nav .next { justify-content: flex-end; text-align: right; }
.nr-academy-ui .course-item-nav .next a {
border-color: var(--nr-red) !important;
background: linear-gradient(135deg, var(--nr-red), var(--nr-red-bright)) !important;
color: #fff !important;
box-shadow: 0 10px 24px rgba(141, 0, 4, .18);
}
.nr-academy-ui #popup-footer {
left: 370px !important;
right: 0 !important;
bottom: 0 !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 12px clamp(32px, 3vw, 52px) calc(12px + env(safe-area-inset-bottom)) !important;
box-sizing: border-box;
background: rgba(251, 243, 233, .97);
box-shadow: 0 -12px 32px rgba(48, 25, 20, .10);
backdrop-filter: blur(12px);
}
.nr-academy-ui #popup-footer .course-item-nav {
width: 100% !important;
max-width: none !important;
min-height: 68px;
margin: 0 !important;
padding: 10px 12px;
box-shadow: none;
}
.nr-academy-ui #learn-press-content-item :where(
.lp-button.button-complete-item,
.lp-button.button-complete-lesson,
.lp-button.lp-btn-complete-item,
.form-button-finish-course .lp-button
) {
border-color: var(--nr-red) !important;
background: linear-gradient(135deg, var(--nr-red), var(--nr-red-bright)) !important;
color: #fff !important;
box-shadow: 0 10px 24px rgba(141, 0, 4, .18) !important;
} .nr-academy-ui :where(
.h5p-joubelui-button,
.h5p-question-check-answer,
.h5p-question-try-again,
.h5p-question-show-solution,
.h5p-question-finish,
.h5p-question-next,
.h5p-question-prev
) {
border-color: var(--nr-red) !important;
background: linear-gradient(135deg, var(--nr-red), var(--nr-red-bright)) !important;
color: #fff !important;
} .nr-academy-ui .quiz-content,
.nr-academy-ui .quiz-intro,
.nr-academy-ui .quiz-result {
color: var(--nr-ink);
}
.nr-academy-ui .quiz-intro {
padding: 22px;
border: 1px solid var(--nr-border);
border-radius: 18px;
background: var(--nr-surface);
}
.nr-academy-ui .quiz-intro .quiz-intro-item {
padding: 12px 14px;
border: 1px solid var(--nr-border);
border-radius: 12px;
background: #fffaf5;
}
.nr-academy-ui .quiz-status > div,
.nr-academy-ui .quiz-progress,
.nr-academy-ui .question-numbers {
border-color: var(--nr-border) !important;
background: var(--nr-surface) !important;
}
.nr-academy-ui .quiz-progress .progress-bg,
.nr-academy-ui .learn-press-progress .progress-bg { background: #eadfd4 !important; border-radius: 999px; }
.nr-academy-ui .quiz-progress .progress-active,
.nr-academy-ui .learn-press-progress .progress-active { background: linear-gradient(90deg,var(--nr-gold),var(--nr-red)) !important; border-radius: 999px; }
.nr-academy-ui .quiz-question,
.nr-academy-ui .quiz-questions .question {
padding: 24px;
border: 1px solid var(--nr-border);
border-radius: 18px;
background: var(--nr-surface);
box-shadow: 0 10px 28px rgba(60, 32, 24, .06);
}
.nr-academy-ui .question-title,
.nr-academy-ui .quiz-questions .question-title { color: var(--nr-ink); font: 400 25px/1.3 var(--global-heading-font-family, Georgia, serif); }
.nr-academy-ui .answer-options .answer-option,
.nr-academy-ui .question-answers .answer-option,
.nr-academy-ui .nr-answer-card {
min-height: 54px;
margin: 9px 0;
padding: 13px 16px !important;
border: 1px solid var(--nr-border) !important;
border-radius: 14px !important;
background: #fffaf5 !important;
color: var(--nr-ink) !important;
}
.nr-academy-ui .answer-options .answer-option:hover,
.nr-academy-ui .nr-answer-card:hover { border-color: var(--nr-gold) !important; background: #f7ead6 !important; }
.nr-academy-ui :where(.answer-options, .question-answers) .answer-option { cursor: pointer; }
.nr-academy-ui :where(.answer-options, .question-answers) .answer-option.selected,
.nr-academy-ui :where(.answer-options, .question-answers) .answer-option:has(input:checked) {
border-color: var(--nr-red) !important;
background: #f7e8e7 !important;
box-shadow: inset 4px 0 0 var(--nr-red);
}
.nr-academy-ui :where(.answer-options, .question-answers) input { accent-color: var(--nr-red); }
.nr-academy-ui .questions-pagination .page-numbers.current,
.nr-academy-ui .question-numbers .current {
border-color: var(--nr-red) !important;
background: var(--nr-red) !important;
color: #fff !important;
}
.nr-academy-ui .answer-options .answer-option.answer-correct { border-color: var(--nr-success) !important; background: #e8f3ee !important; }
.nr-academy-ui .answer-options .answer-option.answer-wrong { border-color: var(--nr-danger) !important; background: #faeceb !important; }
.nr-academy-ui .answer-options .answer-option.correct { border-color: var(--nr-success) !important; background: #e8f3ee !important; }
.nr-academy-ui .answer-options .answer-option.incorrect { border-color: var(--nr-danger) !important; background: #faeceb !important; }
.nr-academy-ui .question-response.correct,
.nr-academy-ui .question-response.incorrect {
position: relative;
padding-left: 42px !important;
border-radius: 14px;
}
.nr-academy-ui .question-response.correct::before,
.nr-academy-ui .question-response.incorrect::before {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
font-weight: 900;
}
.nr-academy-ui .question-response.correct::before { content: "✓"; color: var(--nr-success); }
.nr-academy-ui .question-response.incorrect::before { content: "!"; color: var(--nr-danger); }
.nr-academy-ui :where(.answer-option, .question-numbers li, .quiz-buttons button):focus-visible {
outline: 3px solid var(--nr-red-bright) !important;
outline-offset: 3px !important;
}
.nr-academy-ui :where(.lp-button.button-complete-lesson, .lp-button.lp-btn-complete-item).completed {
border-color: var(--nr-red) !important;
background: linear-gradient(135deg, var(--nr-red), var(--nr-red-bright)) !important;
}
.nr-academy-ui .nr-quiz-guidance {
margin: 0 0 20px;
padding: 14px 16px;
display: flex;
align-items: center;
gap: 12px;
border: 1px solid var(--nr-border);
border-radius: 16px;
background: linear-gradient(135deg, #fffaf5, #f6e9d4);
color: var(--nr-ink);
}
.nr-academy-ui .nr-quiz-guidance > span {
width: 38px;
height: 38px;
display: grid;
place-items: center;
flex: 0 0 38px;
border-radius: 50%;
background: var(--nr-red);
color: #fff;
font-weight: 900;
}
.nr-academy-ui .nr-quiz-guidance strong { display: block; color: var(--nr-red); }
.nr-academy-ui .nr-quiz-guidance small { display: block; margin-top: 3px; color: var(--nr-muted); } .nr-academy-ui .nr-course-overview .course-detail-info {
padding: 46px 0;
background: linear-gradient(135deg, #fbf3e9 0%, #f7e8da 62%, #ead2be 100%);
border-bottom: 1px solid var(--nr-border);
}
.nr-academy-ui #learn-press-course .course-detail-info .course-title,
.nr-academy-ui #learn-press-course .course-detail-info .course-title a {
color: var(--nr-ink) !important;
}
.nr-academy-ui #learn-press-course .course-detail-info .meta-item__value label {
color: var(--nr-muted) !important;
}
.nr-academy-ui #learn-press-course .course-detail-info .meta-item__value :where(a, span, div) {
color: var(--nr-ink) !important;
}
.nr-academy-ui #learn-press-course .course-detail-info .review-stars-rated :where(em, svg) {
color: var(--nr-gold) !important;
stroke: var(--nr-gold) !important;
}
.nr-academy-ui #learn-press-course :where(.meta-item-quiz, .meta-item-duration, .meta-item-lesson),
.nr-academy-ui .learn-press-breadcrumb { display: none !important; }
.nr-academy-ui .nr-course-overview .course-title {
color: var(--nr-ink);
font: 400 clamp(42px, 6vw, 68px)/1 var(--global-heading-font-family, Georgia, serif);
}
.nr-academy-ui .nr-course-eyebrow {
margin: 0 0 16px;
color: var(--nr-red);
font-size: 11px;
font-weight: 900;
letter-spacing: .14em;
text-transform: uppercase;
}
.nr-academy-ui .nr-course-overview .course-nav-tabs {
gap: 8px;
padding: 10px;
border: 1px solid var(--nr-border);
border-radius: 999px;
background: var(--nr-surface);
}
.nr-academy-ui .nr-course-overview .course-nav { border: 0 !important; }
.nr-academy-ui .nr-course-overview .course-nav label {
padding: 11px 18px;
border-radius: 999px;
color: var(--nr-muted);
cursor: pointer;
}
.nr-academy-ui .nr-course-overview .course-nav.active label { background: var(--nr-red); color: #fff; }
.nr-academy-ui .nr-course-overview .course-tab-panel { color: var(--nr-ink); font-size: 17px; line-height: 1.7; }
.nr-academy-ui #learn-press-course-description p:empty { display: none; }
.nr-academy-ui .nr-course-overview .course-sidebar-preview {
overflow: hidden;
border: 1px solid var(--nr-border);
border-radius: 22px;
background: var(--nr-surface);
box-shadow: var(--nr-shadow);
}
.nr-academy-ui .nr-course-overview .course-sidebar-preview img { width: 100%; }
.nr-academy-ui .nr-system-message-hidden { display: none !important; }
.nr-academy-ui #learn-press-course .nr-offer-link {
margin: 12px;
display: flex !important;
justify-content: center;
border-color: var(--nr-red) !important;
background: linear-gradient(135deg, var(--nr-red), var(--nr-red-bright)) !important;
color: #fff !important;
text-align: center;
}
.nr-academy-ui #learn-press-course .lp-button-wishlist-action {
border-color: var(--nr-red) !important;
background: var(--nr-surface) !important;
color: var(--nr-red) !important;
}
@media (max-width: 1024px) {
.nr-academy-ui #popup-course #popup-sidebar { width: 330px; flex-basis: 330px; }
.nr-academy-ui #popup-course #popup-content { left: auto; }
.nr-academy-ui #popup-footer { left: 330px !important; padding-right: 28px !important; padding-left: 28px !important; }
.nr-academy-ui #learn-press-content-item .content-item-wrap { padding: 30px 28px 180px !important; }
.nr-academy-ui .nr-brand-mark small { display: none; }
.nr-academy-ui .nr-progress-compact { width: 250px; }
.nr-academy-ui .nr-lesson-hero { grid-template-columns: 1fr 180px; }
}
@media (min-width: 783px) {
body.nr-academy-ui.lp-sidebar-toggle__close #popup-course #popup-sidebar {
width: 0;
flex: 0 0 0;
overflow: hidden;
border-right: 0;
box-shadow: none;
}
body.nr-academy-ui.lp-sidebar-toggle__close #popup-course #popup-content { left: 0; }
body.nr-academy-ui.lp-sidebar-toggle__close #popup-footer { left: 0 !important; }
}
@media (max-width: 782px) {
.nr-academy-ui #popup-header,
.nr-academy-ui #popup-header .popup-header__inner { height: 76px; }
.nr-academy-ui #popup-header .popup-header__inner { padding: 8px 56px 8px 12px; gap: 8px; }
.nr-academy-ui #popup-header .course-title { font-size: 18px; }
.nr-academy-ui .nr-brand-mark { display: none; }
.nr-academy-ui .nr-progress-compact { width: min(210px, 48vw); }
.nr-academy-ui .nr-progress-copy strong { display: none; }
.nr-academy-ui .nr-progress-copy { justify-content: flex-end; }
.nr-academy-ui #popup-header .back-course { top: 15px; right: 8px; width: 42px; height: 42px; }
.nr-academy-ui #popup-course #popup-sidebar { top: 76px; width: min(88vw, 360px); flex-basis: min(88vw, 360px); }
.nr-academy-ui #popup-course #popup-content { top: 76px; left: auto; }
.nr-academy-ui #popup-footer { left: 0 !important; padding-right: 16px !important; padding-left: 16px !important; }
.nr-academy-ui #learn-press-content-item .content-item-wrap { padding: 20px 16px 172px !important; }
.nr-academy-ui .nr-lesson-hero { min-height: 82px; grid-template-columns: 1fr 96px; border-radius: 18px; }
.nr-academy-ui .nr-lesson-hero > div { padding: 14px 16px; }
.nr-academy-ui .nr-lesson-hero strong { font-size: 20px; }
.nr-academy-ui .nr-lesson-hero small { display: none; }
.nr-academy-ui #popup-content .course-item-title { font-size: 34px; }
.nr-academy-ui .nr-guide-grid { grid-template-columns: 1fr; }
.nr-academy-ui .content-item-description { font-size: 16px; line-height: 1.65; }
.nr-academy-ui .course-item-nav { margin: 28px 0 0; border-radius: 16px; }
.nr-academy-ui .course-item-nav a { width: 100%; margin: 0; padding: 9px 12px; font-size: 12px; }
.nr-academy-ui .nr-course-overview .course-nav-tabs {
overflow-x: auto;
flex-wrap: nowrap;
justify-content: flex-start;
scrollbar-width: thin;
}
.nr-academy-ui .nr-course-overview .course-nav { flex: 0 0 auto; }
}
@media (max-width: 480px) {
.nr-academy-ui #popup-header .course-title { display: none; }
.nr-academy-ui .nr-progress-compact { width: calc(100vw - 126px); }
.nr-academy-ui .nr-progress-copy { font-size: 11px; }
.nr-academy-ui .nr-lesson-hero span { font-size: 9px; letter-spacing: .10em; }
.nr-academy-ui .nr-lesson-chips span { max-width: 100%; }
.nr-academy-ui .course-item-nav { flex-direction: column; }
.nr-academy-ui .course-item-nav > div { flex-basis: auto; width: 100%; }
.nr-academy-ui #learn-press-content-item .content-item-wrap { padding-bottom: 228px !important; }
}
@media (prefers-reduced-motion: reduce) {
.nr-academy-ui *, .nr-academy-ui *::before, .nr-academy-ui *::after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
animation-duration: .01ms !important;
}
}