.nf-growth{color-scheme:only light;color:#000;font-size:14px;line-height:1.65;box-sizing:border-box}
.nf-growth *{box-sizing:border-box}.nf-growth h2,.nf-growth h3,.nf-growth p{margin:0}.nf-growth h2{font-size:23px;font-weight:400;line-height:1.5}.nf-growth h3{font-size:16px;font-weight:500}.nf-growth a{color:#398bc2}.nf-growth .nf-muted{color:#777;font-size:13px}.nf-growth .nf-small{font-size:12px}.nf-growth .nf-space{margin-top:16px}.nf-growth .nf-small-space{margin-top:8px}.nf-growth .nf-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nf-growth .nf-between{justify-content:space-between}.nf-growth .nf-grow{flex:1;min-width:0}.nf-growth .nf-number{font-size:25px;font-variant-numeric:tabular-nums}.nf-growth .nf-blue{color:#398bc2}.nf-growth .nf-green{color:#24a148}
.nf-growth .nf-surface{background:#fff;color:#000;padding:22px;box-shadow:0 6px 18px #24394b0a}.nf-growth .nf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nf-growth .nf-link{border:0;background:none;padding:0;color:#398bc2;text-decoration:none;font:inherit}.nf-growth .nf-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#398bc2;color:#fff;padding:9px 16px;border:1px solid #398bc2;border-radius:2px;font-size:14px;text-decoration:none;line-height:1.5}.nf-growth .nf-button.secondary{background:#fff;color:#398bc2;border-color:#ddd}.nf-growth .nf-button:hover{background:#287bb4;color:#fff}.nf-growth .nf-button:disabled{opacity:.55}.nf-growth .nf-full{width:100%}.nf-growth .nf-pill{display:inline-block;color:#777;background:#f5f5f5;padding:2px 9px;border-radius:12px;font-size:12px;white-space:nowrap}.nf-growth .nf-pill.current{color:#398bc2;background:#edf6fc}
.nf-growth .nf-track{height:7px;background:#edf1f3;border-radius:7px;overflow:hidden}.nf-growth .nf-track>span{display:block;height:100%;background:#398bc2;border-radius:inherit}.nf-growth .nf-track.green>span{background:#24bd43}.nf-growth .nf-progress-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;color:#777;font-size:12px}.nf-growth .nf-continue{border-top:3px solid #398bc2}.nf-growth .nf-kicker{color:#398bc2;font-size:12px;margin-bottom:8px}.nf-growth .nf-continue-progress{padding:16px 0 0}.nf-growth .nf-course-card{padding:18px 0;border-top:1px solid #e5e5e5}.nf-growth .nf-course-card:first-of-type{border-top:0}.nf-growth .nf-course-title{font-size:18px}.nf-growth .nf-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.nf-growth-home{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:stretch}.nf-growth-home>.nf-home-column{display:flex;flex-direction:column;gap:25px;min-width:0}.nf-growth-home>.nf-home-column>.section{margin-bottom:0}.nf-growth-home>.nf-home-column>:last-child{flex:1}.nf-growth .nf-showcase{display:flex;flex-direction:column}.nf-growth .nf-home-medals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;justify-items:center;align-content:center;flex:1;padding-top:12px}.nf-home-extra{margin-top:30px}
.nf-growth .nf-medal{--nf-medal:#398bc2;--nf-soft:#edf6fc;position:relative;display:inline-grid;place-items:center;width:84px;height:84px;margin:10px 9px 19px;isolation:isolate;flex-shrink:0;color:var(--nf-medal)}.nf-growth .nf-medal-plate{position:absolute;inset:6px;background:linear-gradient(145deg,#fff,var(--nf-soft));border:3px solid var(--nf-medal);border-radius:50%;box-shadow:0 3px 0 color-mix(in srgb,var(--nf-medal) 55%,#fff);z-index:-1}.nf-growth .nf-medal-plate:after{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--nf-medal) 35%,#fff);border-radius:inherit}.nf-growth .nf-medal:before,.nf-growth .nf-medal:after{content:"";position:absolute;bottom:-2px;width:18px;height:28px;background:var(--nf-medal);opacity:.8;z-index:-2;clip-path:polygon(0 0,100% 0,100% 100%,50% 77%,0 100%)}.nf-growth .nf-medal:before{left:22%;transform:rotate(13deg)}.nf-growth .nf-medal:after{right:22%;transform:rotate(-13deg)}.nf-growth .nf-medal>.icon{font-size:31px}.nf-growth .nf-medal.growth{--nf-medal:#269e68;--nf-soft:#edf8f1}.nf-growth .nf-medal.rare{--nf-medal:#ad7a1a;--nf-soft:#fff7e5}.nf-growth .nf-medal.rare .nf-medal-plate{inset:11px;border-radius:24%;transform:rotate(45deg);border-width:4px}.nf-growth .nf-medal.legend{--nf-medal:#7b61b0;--nf-soft:#f3ecff}.nf-growth .nf-medal.legend .nf-medal-plate{inset:0;box-shadow:0 0 0 5px #7b61b015,0 5px 0 #a192bd}.nf-growth .nf-medal.legend .nf-medal-plate:before{content:"✦";position:absolute;right:-14px;top:-14px;font-size:23px}.nf-growth .nf-medal.locked{opacity:.5;filter:saturate(.55)}.nf-growth .nf-medal.compact{width:65px;height:65px;margin:8px 6px 16px}.nf-growth .nf-medal.compact>.icon{font-size:25px}.nf-growth .nf-medal.compact:before,.nf-growth .nf-medal.compact:after{width:14px;height:24px}.nf-growth .nf-medal-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;color:#000;text-decoration:none;min-width:0}.nf-growth .nf-medal-wrap:hover{text-decoration:none}.nf-growth .nf-medal-name{color:#000;font-size:13px;font-weight:500}.nf-growth .nf-next{text-align:center;padding:6px 0 10px}.nf-growth .nf-selected{color:#398bc2;font-size:12px}
.nf-growth .nf-profile-showcase{margin:22px 0;background:#fff;padding:20px}.nf-growth .nf-profile-medals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;justify-items:center;margin-top:16px}.nf-growth .nf-wall-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start}.nf-growth .nf-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.nf-growth .nf-badge{background:#fff;border:1px solid #e5e5e5;border-radius:4px;text-align:center;position:relative;min-width:0;overflow-wrap:anywhere}.nf-growth .nf-badge>summary{list-style:none;padding:14px 8px}.nf-growth .nf-badge>summary::-webkit-details-marker{display:none}.nf-growth .nf-badge[open]{grid-column:span 2}.nf-growth .nf-badge-details{text-align:left;padding:14px;border-top:1px solid #e5e5e5}.nf-growth .nf-badge .nf-track{margin:10px 5px 0}.nf-growth .nf-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.nf-growth .nf-filter{font:inherit;background:#fff;color:#555;border:1px solid #ddd;border-radius:3px;padding:5px 12px}.nf-growth .nf-filter[aria-pressed=true]{color:#398bc2;border-color:#398bc2}.nf-growth .nf-form-slot{display:block;margin-top:14px}.nf-growth .nf-form-slot select{width:100%;font:inherit;padding:8px;background:#fff;color:#000;border:1px solid #ddd;margin-top:6px}.nf-growth .nf-save-hint{font-size:13px;color:#249669;margin:12px 0}.nf-growth .nf-badge details{font-size:12px}.nf-growth .nf-earned-flag{color:#269e68;font-size:12px}.nf-growth [hidden]{display:none!important}
.nf-growth.nf-course-overview{margin-bottom:25px}.nf-growth .nf-chapter-list{margin:14px 0 0;padding:0;list-style:none}.nf-growth .nf-chapter-item{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #e5e5e5}.nf-growth .nf-chapter-node{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f3f3f3;color:#777;flex-shrink:0}.nf-growth .nf-chapter-item.done .nf-chapter-node{background:#edf8f1;color:#269e68}.nf-growth .nf-chapter-item.current .nf-chapter-node{background:#edf6fc;color:#398bc2}.nf-growth .nf-chapter-item .nf-track{width:100%;max-width:220px;height:5px;margin-top:7px}.nf-growth .nf-chapter-count{font-variant-numeric:tabular-nums;font-size:12px;color:#777;white-space:nowrap}.nf-growth .nf-chapter-link{font-size:12px}.nf-growth .nf-result{margin:0 0 25px}.nf-growth .nf-result strong{color:#249669}.nf-growth.nf-list-progress{width:100%;max-width:290px;margin-top:16px}.nf-growth .nf-empty{padding:16px 0;color:#777}.nf-growth .nf-overview-numbers{display:flex;gap:25px;flex-wrap:wrap}.nf-growth .nf-timeline{list-style:none;padding:0;margin:15px 0 0}.nf-growth .nf-timeline li{padding:11px 0;border-top:1px solid #eee;display:flex;justify-content:space-between;gap:16px}.nf-growth .nf-timeline small{color:#777;white-space:nowrap}
/* Match the approved training preview without changing the original theme or progress values. */
.page--training_main .large-9>.section>.section__header>.section__title{font-size:26px;font-weight:500;color:#000;line-height:1.5}
.page--training_main .primary.training__list>.training__item{padding:22px}
.page--training_main .primary.training__list .training__title{font-size:19px;font-weight:400;line-height:1.5;margin:0}
.page--training_main .primary.training__list .training__intro{font-size:12px;font-weight:400;line-height:1.65;color:#777;margin:8px 0}
.page--training_main .primary.training__list .training__intro p{margin:0}
.page--training_main .primary.training__list .training__progress{font-size:12px;line-height:1.65}
.nf-growth.nf-list-progress .nf-progress-meta{font-size:12px;font-weight:400;line-height:1.65;gap:8px}
.nf-growth .nf-breadcrumb{display:flex;align-items:center;gap:10px;color:#777;font-size:12px;margin:0 0 18px}
.nf-growth .nf-course-summary{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:20px}
.nf-growth .nf-course-summary h2{font-size:26px;font-weight:500;line-height:1.5}
.nf-growth .nf-course-counter{border-left:1px solid #ddd;padding-left:20px;text-align:center}
.nf-growth .nf-course-counter>div{font-size:28px;line-height:1.5;font-variant-numeric:tabular-nums}
.nf-growth .nf-chapters-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 22px 16px}
.nf-growth .nf-chapters-heading h2{font-size:20px;font-weight:500}
.nf-growth .nf-chapter-item{padding:17px 20px}
.nf-growth .nf-chapter-node{width:35px;height:35px;font-size:13px}
.nf-growth .nf-chapter-item.current .nf-chapter-node{background:#fff;color:#398bc2}
.nf-growth .nf-chapter-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nf-growth h2.nf-chapter-title{font-size:16px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.nf-growth .nf-chapter-title a{color:#000}
.nf-growth .nf-chapter-title a:hover{color:#398bc2}
.nf-growth .nf-chapter-count{min-width:48px;text-align:right}
.nf-growth .nf-chapter-actions{display:flex;flex-shrink:0}
.nf-growth .nf-chapter-actions .nf-button{font-size:12px;line-height:1.5;padding:6px 10px;min-height:34px;color:#000;white-space:nowrap}
.nf-growth .nf-chapter-actions .nf-button:hover{background:#f6f9fb;border-color:#398bc2;color:#398bc2}
.nf-growth.nf-course-sidebar .nf-surface{margin-bottom:22px}
.nf-growth.nf-course-sidebar .nf-next{padding-top:18px}
@media(max-width:1100px){.nf-growth-home{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.nf-growth .nf-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.nf-growth .nf-wall-layout{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.nf-growth .nf-surface{padding:20px}}
@media(max-width:760px){.nf-growth-home,.nf-growth .nf-wall-layout{grid-template-columns:1fr;gap:22px}.nf-growth-home>.nf-home-column:last-child{display:grid;grid-template-columns:1fr 1fr;align-items:start}.nf-growth .nf-showcase{grid-column:1/-1}.nf-growth .nf-home-medals{grid-template-columns:repeat(4,minmax(0,1fr))}.nf-growth .nf-profile-medals{grid-template-columns:repeat(2,minmax(0,1fr))}.nf-growth .nf-wall-layout>aside{grid-row:1}.nf-growth .nf-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:440px){.nf-growth-home>.nf-home-column:last-child{grid-template-columns:1fr}.nf-growth .nf-home-medals{grid-template-columns:repeat(2,minmax(0,1fr))}.nf-growth .nf-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nf-growth .nf-surface{padding:18px}.nf-growth h2{font-size:21px}.nf-growth .nf-chapter-item{gap:10px;flex-wrap:wrap}.nf-growth .nf-chapter-item .nf-grow{flex-basis:calc(100% - 50px)}.nf-growth .nf-chapter-count{margin-left:42px}.nf-growth .nf-form-slot select{font-size:16px}.page--training_main .primary.training__list>.training__item{padding:18px}.page--training_main .primary.training__list .training__participants{width:48px}}
@media(pointer:coarse){.nf-growth .nf-button,.nf-growth .nf-filter,.nf-growth .nf-chapter-link{min-height:44px}.nf-growth .nf-chapter-link{display:inline-flex;align-items:center}}
@media(max-width:440px){.nf-growth .nf-course-summary{grid-template-columns:1fr;gap:14px}.nf-growth .nf-course-summary h2{font-size:23px}.nf-growth .nf-course-counter{display:flex;align-items:center;gap:12px;border-left:0;border-top:1px solid #ddd;padding:10px 0 0;text-align:left}.nf-growth .nf-course-counter>div{font-size:24px}.nf-growth .nf-chapters-heading{padding:18px}.nf-growth .nf-chapter-item{padding:15px 18px}.nf-growth .nf-chapter-actions{margin-left:auto}.nf-growth .nf-chapter-count{margin-left:45px}}
@media(pointer:coarse){.nf-growth .nf-chapter-actions .nf-button{min-height:44px}}
/* Training overview: approved course cards and two stretching sidebar panels. */
.nf-growth.nf-training-page{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
.nf-growth .nf-training-layout{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:20px;align-items:stretch}
.nf-growth .nf-training-panel{background:#fff;color:#000;box-shadow:0 5px 17px #24394b0b;min-width:0}
.nf-growth .nf-training-heading{padding:18px 22px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nf-growth .nf-training-heading h1{font-size:26px;font-weight:500;line-height:1.4;margin:0;color:#000}
.nf-growth .nf-training-list{list-style:none;margin:0;padding:0}
.nf-growth .nf-training-entry{padding:22px;border-top:1px solid #ddd}
.nf-growth .nf-training-entry:first-child{border-top:0}
.nf-growth .nf-training-entry-top{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.nf-growth .nf-training-title{font-size:19px;font-weight:400;line-height:1.65;color:#2b87bf;text-decoration:none;overflow-wrap:anywhere}
.nf-growth .nf-training-entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nf-growth .nf-training-entry-progress{width:100%;max-width:290px}
.nf-growth.nf-training-page .nf-track.green>span{background:#249669}
.nf-growth.nf-training-page .nf-track{height:7px;background:#edf1f3;border-radius:9px}
.nf-growth.nf-training-page .nf-pill{background:#edf1f3}
.nf-growth.nf-training-page .nf-pill.current{color:#2b87bf;background:#ecf6fd}
.nf-growth.nf-training-page .nf-pill.complete{color:#249669;background:#edf8f1}
.nf-growth .nf-training-course-button{padding:6px 10px;font-size:12px;font-weight:500;color:#000;flex-shrink:0;border-radius:3px;white-space:nowrap}
.nf-growth .nf-training-course-button:hover{background:#ecf6fd;color:#2b87bf;border-color:#2b87bf}
.nf-growth .nf-training-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.nf-growth .nf-training-current,.nf-growth .nf-training-goal{padding:22px}
.nf-growth .nf-training-current h2{font-size:19px;font-weight:500;line-height:1.5}
.nf-growth .nf-training-current .nf-button{background:#2b87bf;border-color:#2b87bf;border-radius:3px;font-weight:500}
.nf-growth .nf-training-goal{flex:1;display:flex;flex-direction:column}
.nf-growth .nf-training-goal h3{font-size:15px;font-weight:600}
.nf-growth .nf-training-goal-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0 6px}
.nf-growth .nf-training-goal-body strong{font-size:13px;font-weight:600}
.nf-growth .nf-training-goal-body .nf-medal{margin:9px 8px 28px}
.nf-growth .nf-training-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px;padding:16px 22px;background:#fff}
.nf-growth .nf-training-search{display:flex;gap:10px;align-items:center;max-width:100%;margin:0}
.nf-growth .nf-training-search input{width:240px;max-width:100%;margin:0}
.nf-growth .nf-training-pagination{padding:0 22px 18px}
@media(max-width:760px){.nf-growth .nf-training-layout{grid-template-columns:1fr}.nf-growth .nf-training-side{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}}
@media(max-width:440px){.nf-growth .nf-training-entry{padding:18px}.nf-growth .nf-training-heading{padding:18px}.nf-growth .nf-training-heading h1{font-size:23px}.nf-growth .nf-training-entry-top{flex-wrap:wrap}.nf-growth .nf-training-entry-bottom{flex-wrap:wrap}.nf-growth .nf-training-entry-bottom>.nf-grow{flex-basis:100%}.nf-growth .nf-training-side{grid-template-columns:1fr}.nf-growth .nf-training-search{flex-wrap:wrap}}

/* Learner readability. Existing page backgrounds, navigation markers and editor settings stay native. */
body.nf-learner{--nf-blue:#1769aa;--nf-muted:#606770;--nf-green:#18804a;color:#111;font-size:16px;line-height:1.7;font-family:var(--font-family),system-ui,sans-serif}
.nf-learner .section__title{color:#111;font-size:22px;line-height:1.45;font-weight:600}
.nf-learner .section.side .section__title{font-size:18px}
.nf-learner .section__body.typo,.nf-learner .typo{font-size:16px;line-height:1.75}
.nf-learner .supplementary,.nf-learner .typo.supplementary{font-size:14px;color:var(--nf-muted)}
.nf-learner .section__body a:not(.button):not(.nf-button):not(.menu__link):not(.record-status--text):not(.user-profile-link),.nf-learner .section__title>a:not(.button),.nf-learner .col--problem-name>a{color:var(--nf-blue)}
.nf-learner .button.primary,.nf-learner .primary.button{background:var(--nf-blue);border-color:var(--nf-blue);color:#fff;font-size:15px;min-height:44px;line-height:1.5;padding:10px 16px}
.nf-learner .button{font-size:14px;line-height:1.5}
.nf-learner a:focus-visible,.nf-learner button:focus-visible,.nf-learner input:focus-visible,.nf-learner select:focus-visible,.nf-learner textarea:focus-visible,.nf-learner summary:focus-visible{outline:2px solid var(--nf-blue);outline-offset:3px}
.nf-learner .textbox,.nf-learner input.textbox,.nf-learner select{font-size:16px}
.nf-learner .data-table{font-size:14px;line-height:1.6}
.nf-learner .data-table th,.nf-learner .data-table td{padding-top:12px;padding-bottom:12px}
.nf-learner .data-table .col--problem-name>a{font-size:15px;font-weight:500}
.nf-learner .col--problem-name>a>b{font-size:13px;font-weight:400;color:var(--nf-muted)}
.nf-learner .record-status--text.pass,.nf-learner .record-status--text.accepted{color:var(--nf-green)}
.nf-learner .record-status--text.fail{color:#b42318}
.nf-learner .record-status--text.pass span[style]{color:var(--nf-green)!important}
.page--record_detail .nf-learner #status .section__title>span[style]{color:#111!important}
.nf-learner .problem-content{font-size:17px;line-height:1.8;overflow-wrap:break-word}
.nf-learner .problem-content>.section__body{font-size:inherit;line-height:inherit}
.nf-learner .problem-content h1{font-size:25px;font-weight:600}
.nf-learner .problem-content h2{font-size:21px;font-weight:600}
.nf-learner .problem-content h3{font-size:18px;font-weight:600}
.nf-learner .problem-content p{margin:0 0 16px}
.nf-learner .problem-content pre,.nf-learner pre.compiler-text,.nf-learner pre.judge-text,.nf-learner .page-code{font-size:15px;line-height:1.65;overflow-x:auto;max-width:100%}
.nf-learner .problem-content pre code{font-size:inherit;line-height:inherit}
.nf-learner .problem__tag-item{font-size:14px}
.nf-learner .section--problem-sidebar .menu__link{font-size:14px;min-height:42px}
.nf-learner .section--problem-sidebar [name="problem-sidebar__open-scratchpad"]{margin:12px;width:calc(100% - 24px);box-sizing:border-box;border-radius:3px;background:var(--nf-blue);color:#fff!important;text-align:center;min-height:44px;font-size:15px}
.nf-learner .section__body>pre.line-numbers,.nf-learner .section__body>pre.line-numbers code{font-size:15px;line-height:1.65}
.nf-learner .compiler-text{white-space:pre;tab-size:4}
.nf-learner .discussion-announcement .section__header{padding-bottom:8px}
.nf-learner .discussion-announcement .section__title{font-size:18px}
.nf-learner .discussion-announcement .section__body{font-size:15px;line-height:1.75;padding-top:8px}
.nf-learner .discussion-announcement p{margin-bottom:10px}
.nf-learner .discussion-announcement li{margin-bottom:5px}
.nf-learner .discussion__title{font-size:18px;font-weight:500}
.nf-learner .contest__title{font-size:21px;font-weight:500}
.nf-learner .contest__info{font-size:14px}
.nf-learner .nf-quota,.nf-learner .nf-contest-note{font-size:14px;line-height:1.7}
.nf-learner .nf-quota p{margin:5px 0 0;color:var(--nf-muted)}
.nf-learner .nf-ranking-bio{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3.2em;overflow-wrap:anywhere;font-size:14px;color:var(--nf-muted)}
.nf-learner .nf-ranking-self>.col--rank{border-left:3px solid var(--nf-blue);font-weight:600}
.nf-learner .nf-rank-learning{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.nf-learner .nf-growth .nf-profile-learning{margin:22px 0}
.nf-learner .nf-growth,.nf-learner .nf-growth.nf-training-page{font-family:inherit;font-size:15px;line-height:1.7;color:#111}
.nf-learner .nf-growth a,.nf-learner .nf-growth .nf-blue,.nf-learner .nf-growth .nf-link{color:var(--nf-blue)}
.nf-learner .nf-growth h2{font-size:24px;font-weight:600}
.nf-learner .nf-growth h3{font-size:18px;font-weight:600}
.nf-learner .nf-growth .nf-muted,.nf-learner .nf-growth .nf-progress-meta,.nf-learner .nf-growth .nf-small,.nf-learner .nf-growth .nf-chapter-count,.nf-learner .nf-growth .nf-kicker,.nf-learner .nf-growth .nf-breadcrumb{font-size:14px;color:var(--nf-muted)}
.nf-learner .nf-growth .nf-button{background:var(--nf-blue);border-color:var(--nf-blue);color:#fff;font-size:15px;min-height:44px;padding:9px 14px}
.nf-learner .nf-growth .nf-button.secondary{background:#fff;color:var(--nf-blue);border-color:#ccd2d8}
.nf-learner .nf-growth .nf-button:hover{background:#12578e;color:#fff}
.nf-learner .nf-growth .nf-button.secondary:hover{background:#fff;color:#12578e;border-color:#12578e}
.nf-learner .nf-growth .nf-green,.nf-learner .nf-growth .nf-result strong,.nf-learner .nf-growth .nf-earned-flag{color:var(--nf-green)}
.nf-learner .nf-growth .nf-track{height:7px}
.nf-learner .nf-growth .nf-track>span{background:var(--nf-blue)}
.nf-learner .nf-growth .nf-track.green>span{background:#249669}
.nf-learner .nf-growth .nf-training-heading h1,.nf-learner .nf-growth .nf-course-summary h2{font-size:27px;font-weight:600}
.nf-learner .nf-growth .nf-training-title,.nf-learner .nf-growth .nf-course-title{font-size:20px;font-weight:500;color:var(--nf-blue)}
.nf-learner .nf-growth .nf-pill,.nf-learner .nf-growth .nf-selected{font-size:13px;color:var(--nf-muted)}
.nf-learner .nf-growth .nf-pill.current{color:var(--nf-blue)}
.nf-learner .nf-growth .nf-pill.complete{color:var(--nf-green)}
.nf-learner .nf-growth .nf-training-entry{padding-top:24px;padding-bottom:24px}
.nf-learner .nf-growth .nf-training-entry-progress{width:100%;max-width:320px}
.nf-learner .nf-growth .nf-training-course-button,.nf-learner .nf-growth .nf-chapter-actions .nf-button{font-size:14px;min-height:40px;padding:7px 12px}
.nf-learner .nf-growth .nf-training-goal h3{font-size:18px}
.nf-learner .nf-growth .nf-training-current h2{font-size:20px}
.nf-learner .nf-growth .nf-training-goal-body{flex:0 0 auto;min-height:0;padding-top:30px;padding-bottom:24px}
.nf-learner .nf-growth .nf-training-goal-body strong{font-size:15px}
.nf-learner .nf-growth .nf-medal-name{font-size:14px;color:#111}
.nf-learner .nf-growth .nf-chapter-item{padding:18px 22px;gap:14px}
.nf-learner .nf-growth h2.nf-chapter-title{font-size:17px;font-weight:600}
.nf-learner .nf-growth .nf-chapter-item .nf-track{height:6px;max-width:240px}
.nf-learner .nf-growth .nf-chapter-count{min-width:55px}
.nf-learner .nf-growth .nf-chapter-title a{color:#111}
.nf-learner .nf-growth .nf-chapter-node{font-size:14px}
.nf-learner .nf-problem-filters{padding:14px 18px;display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e5e5e5}
.nf-learner .nf-growth .nf-filter{font-size:14px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;color:#303740}
.nf-learner .nf-growth .nf-filter[aria-current=page],.nf-learner .nf-growth .nf-filter[aria-pressed=true]{color:var(--nf-blue);border-color:var(--nf-blue);font-weight:600}
.nf-learner .nf-learning-nav{margin-bottom:22px}
.nf-learner .nf-learning-nav .nf-surface{padding:16px 22px}
.nf-learner .nf-learning-nav .nf-row{gap:10px 18px}
.nf-learner .nf-learning-title{font-size:16px;font-weight:600}
.nf-learner .nf-result{margin:22px 0}
.page--record_detail .nf-learner .nf-result{margin:0 0 22px}
.nf-learner .nf-result h2{font-size:20px}
.nf-learner .nf-result .nf-result-actions{margin-top:18px}
.nf-learner .nf-result .nf-result-awards{font-size:14px;color:var(--nf-green);margin-top:12px}
.nf-learner .nf-growth .nf-wall-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start}
.nf-learner .nf-growth .nf-badge[open]{grid-column:auto}
.nf-learner .nf-growth .nf-badge>summary{min-height:210px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;cursor:pointer}
.nf-learner .nf-growth .nf-badge>summary h3{font-size:16px}
.nf-learner .nf-growth .nf-badge>summary>.nf-small-space{width:90%}
.hasjs .nf-learner .nf-growth .nf-badge .nf-badge-details{display:none}
.nf-learner .nf-growth .nf-badge[open]{border-color:var(--nf-blue)}
.nf-learner .nf-growth .nf-wall-detail{padding:24px;border:1px solid #ccd2d8;border-radius:4px;background:#fff;color:#111;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 64px);overflow-y:auto;margin:auto}
.nf-learner .nf-growth .nf-wall-detail::backdrop{background:rgba(0,0,0,.25)}
.nf-learner .nf-wall-detail p{margin-top:8px}
.nf-learner .nf-growth .nf-pin-option{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee;font-size:14px;cursor:pointer}
.nf-learner .nf-growth .nf-pin-option input{width:20px;height:20px;flex-shrink:0;accent-color:var(--nf-blue)}
.nf-learner .nf-growth .nf-showcase-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.nf-learner .nf-preview-slot{border:1px dashed #ccd2d8;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;text-align:center;padding:10px;overflow-wrap:anywhere}
.nf-learner .nf-preview-slot .icon{font-size:27px;color:var(--nf-blue);margin-bottom:8px}
.nf-learner .nf-pin-note{min-height:1.7em;color:var(--nf-muted);font-size:14px}
.nf-learner .nf-growth .nf-showcase-editor{margin-top:18px}
.nf-learner .nf-showcase-editor>summary{cursor:pointer;font-size:15px;font-weight:600;min-height:44px;display:flex;align-items:center}
@media(min-width:1000px){.nf-learner .problem-content>.section__body{max-width:880px;margin-inline:auto}}
@media(max-width:760px){
 .nf-learner .nf-growth .nf-training-side{display:contents}
 .nf-learner .nf-growth .nf-training-current{grid-row:1}
 .nf-learner .nf-growth .nf-training-plans{grid-row:2}
 .nf-learner .nf-growth .nf-training-goal{grid-row:3}
 .nf-learner .nf-growth .nf-wall-layout{grid-template-columns:1fr;gap:22px}
 .nf-learner .nf-growth .nf-wall-layout>aside{grid-row:auto}
 .nf-learner .nf-growth .nf-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .nf-learner .nf-growth .nf-showcase-preview{grid-template-columns:repeat(4,minmax(0,1fr))}
 .nf-learner .nf-learning-nav .nf-row{align-items:flex-start}
 .nf-learner .nf-growth .nf-chapter-item{padding:16px 18px}
 .nf-learner .nf-growth .nf-chapter-count{min-width:0}
 .nf-learner .problem-content{font-size:16px}
 .nf-learner .section__body.no-padding:has(>.data-table),.nf-learner [data-fragment-id=problem_list],.nf-learner [data-fragment-id=ranking],.nf-learner .training__problems{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
 .nf-learner .data-table .col--problem-name>a{font-size:14px}
 .nf-learner .nf-result-actions .nf-button{flex:1 1 auto}
}
@media(max-width:440px){
 .nf-learner .nf-growth h2,.nf-learner .nf-growth .nf-training-heading h1,.nf-learner .nf-growth .nf-course-summary h2{font-size:24px}
 .nf-learner .nf-growth .nf-training-entry-top{gap:10px}
 .nf-learner .nf-growth .nf-training-title{font-size:19px}
 .nf-learner .nf-growth .nf-badge>summary{padding:12px 8px;min-height:210px}
 .nf-learner .nf-growth .nf-showcase-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nf-learner .nf-learning-nav .nf-surface{padding:16px 18px}
}
@media(pointer:coarse){.nf-learner .nf-growth .nf-filter,.nf-learner .nf-growth .nf-chapter-actions .nf-button,.nf-learner .nf-growth .nf-training-course-button{min-height:44px}}
