.ntlp .ntlp-live{--live:#ffac65;--live-dark:#633c24;min-width:0}.ntlp .ntlp-live .ntlp-kicker{color:var(--live)}.ntlp .ntlp-live .ntlp-button{background:var(--live);color:#24170e;border-color:var(--live)}
.ntlp .nl-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.ntlp .nl-tile,.ntlp .nl-theme{border:1px solid #71513c;border-radius:20px;background:linear-gradient(140deg,#192b36,#182431);overflow:hidden;min-width:0;color:#f5f1eb}.ntlp .nl-tile{padding:26px;display:flex;flex-direction:column;gap:12px}.ntlp .nl-tile h2{margin:0}.ntlp .nl-tile .ntlp-button{margin-top:auto}
.ntlp .nl-theme{padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:border-color .2s}.ntlp .nl-theme:hover{border-color:#ffac65}.ntlp .nl-theme>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.ntlp .nl-theme-body{display:flex;flex-direction:column;padding:22px;gap:12px;flex:1}.ntlp .nl-theme-body b{font-size:23px;line-height:1.2}.ntlp .nl-theme-body>span{color:#b8c6ce;line-height:1.5}.ntlp .nl-theme-body strong{color:#ffac65;margin-top:auto}.ntlp .nl-note{font-size:13px;color:#b8c6ce;margin-top:26px;line-height:1.6}
.ntlp .ntlp-live progress{appearance:none;width:100%;height:7px;display:block;border:0;border-radius:8px;overflow:hidden;background:#34434c;margin:12px 0 22px}.ntlp .ntlp-live progress::-webkit-progress-bar{background:#34434c}.ntlp .ntlp-live progress::-webkit-progress-value{background:#ffac65}.ntlp .ntlp-live progress::-moz-progress-bar{background:#ffac65}
.ntlp .nl-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.ntlp .nl-top button,.ntlp .nl-result button:not(.ntlp-button){padding:10px 16px;border:1px solid #886349;background:#192b36;color:#ffba82;border-radius:10px;cursor:pointer}.ntlp .nl-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.ntlp .nl-stage figure{margin:0;min-width:0}.ntlp .nl-stage figure>img{display:block;width:100%;height:min(65vh,650px);object-fit:contain;background:#071421;border-radius:16px}.ntlp .nl-no-photo{grid-template-columns:1fr}.ntlp .nl-question{min-width:0}.ntlp .nl-question h2{font-size:clamp(23px,2.5vw,34px);line-height:1.3;margin:8px 0 20px;overflow-wrap:anywhere}.ntlp .nl-question h2 em{font-size:14px;display:block;color:#ffc090;font-style:normal}.ntlp .nl-options{display:grid;gap:10px;margin:18px 0}.ntlp .nl-explanation{padding:18px;border-left:3px solid #ffac65;background:#1a2c37;margin:18px 0}.ntlp .nl-explanation p{margin:8px 0 0}.ntlp .nl-result{padding:clamp(20px,4vw,45px);border:1px solid #806047;border-radius:20px;background:#142735}.ntlp .nl-result h2{font-size:64px;color:#ffac65}.ntlp .nl-result details{padding:18px 0;border-top:1px solid #405560}.ntlp .nl-result summary{cursor:pointer}.ntlp .ntlp-live :focus-visible{outline:3px solid #ffb879;outline-offset:4px}.ntlp .ntlp-live [hidden]{display:none!important}
@media(max-width:800px){.ntlp .nl-stage{grid-template-columns:1fr;gap:20px}.ntlp .nl-stage figure>img{height:40vh;max-height:400px}.ntlp .nl-question h2{font-size:23px}.ntlp .nl-catalog{gap:14px}.ntlp .nl-top{font-size:13px}.ntlp .nl-result .ntlp-actions{flex-wrap:wrap}}
@media(max-width:800px){.ntlp .nl-in-session>.ntlp-d-page-head h1{font-size:24px;margin:10px 0}.ntlp .nl-in-session>.ntlp-d-page-head>p,.ntlp .nl-in-session>.ntlp-d-page-head>.ntlp-kicker{display:none}.ntlp .nl-in-session .nl-stage figure>img{height:32vh;max-height:310px}.ntlp .nl-in-session>.ntlp-d-page-head{margin-bottom:16px}}
.ntlp .ntlp-live .ntlp-d-trainer{border-color:#71513c}.ntlp .ntlp-live .ntlp-d-ready,.ntlp .ntlp-live .ntlp-earned .ntlp-trophy{color:var(--live)}.ntlp .ntlp-live .ntlp-segment-filled{background:var(--live);box-shadow:0 0 8px #ffac6518}.ntlp .ntlp-live .ntlp-d-trainer-icon{color:var(--live);background:#34291f;border-color:#71513c}
.ntlp .nl-stage figure{position:relative}
.ntlp .nl-theme{border-radius:14px}.ntlp .nl-theme-body b{font-size:22px}.ntlp .nl-theme-body strong{font-size:14px;font-weight:550}.ntlp .nl-theme:focus-visible{outline-offset:2px}
.ntlp .nl-hint{border-top:1px solid #41606b;padding-top:16px;margin:20px 0 14px;color:#80e6be;font-size:16px;font-weight:600;line-height:1.5}
.ntlp .nl-options{border:1px solid rgba(148,188,226,.18);border-radius:12px;background:rgba(255,255,255,.045);padding:14px;gap:8px}
.ntlp .nl-options .ntlp-answer{display:flex;align-items:center;gap:10px;min-height:52px;margin:0;padding:12px 14px;background:#102633;border:1px solid #46616d;border-radius:10px;color:#cedce7;font-size:16px;font-weight:400;line-height:1.45;box-shadow:none;text-align:left}
.ntlp .nl-options .ntlp-answer:has(input:checked){background:rgba(65,141,165,.16);border-color:#53879b}.ntlp .nl-options .ntlp-answer:has(input:disabled){cursor:default}.ntlp .nl-options input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#57d4b3}.ntlp .nl-answer-number{font-variant-numeric:tabular-nums;color:#a9c8c7}.ntlp .nl-options .ntlp-correct{border-color:#7ae8cd}.ntlp .nl-options .ntlp-wrong{border-color:#e79b9b}
.ntlp .nl-in-session .ntlp-button{background:#80e6be;border-color:#80e6be;color:#0c2b25}.ntlp .nl-in-session .nl-top button{background:#142b38;color:#c7e0dc;border-color:#46616d}.ntlp .nl-explanation{border-color:#80e6be}.ntlp .nl-in-session :focus-visible{outline-color:#80e6be}
@media(max-width:600px){.ntlp .nl-options{padding:10px}.ntlp .nl-options .ntlp-answer{padding:11px 10px;font-size:15px}.ntlp .nl-hint{font-size:15px}}

/* Answer feedback is explicit in text as well as colour, including missed choices. */
.ntlp .nl-options .ntlp-answer{display:grid;grid-template-columns:18px auto minmax(0,1fr)}
.ntlp .nl-options .ntlp-answer::after{content:none}
.ntlp .nl-options label.ntlp-answer.ntlp-correct{border:2px solid #80e6be;background:#163a34;color:#e4fff3}
.ntlp .nl-options label.ntlp-answer.ntlp-wrong{border:2px solid #f397a8;background:#422a34;color:#ffe0e6}
.ntlp .nl-answer-status{grid-column:2/-1;font-size:13px;font-weight:650;line-height:1.4;color:#9ff4d3}
.ntlp .ntlp-wrong .nl-answer-status{color:#ffb8c6}.ntlp .nl-missed .nl-answer-status{color:#d2fff0;text-decoration:underline;text-underline-offset:3px}
.ntlp .nl-answer-status,.ntlp .nl-options .ntlp-answer>span{overflow-wrap:anywhere}
.ntlp .nl-result-count{font-size:18px;color:#d7eee5}.ntlp .nl-result details p{font-size:15px;line-height:1.6}

.ntlp .nl-theme.nl-theme-completed{border-color:#5cad91}
.ntlp .nl-theme-body .nl-theme-status{align-self:flex-start;display:inline-flex;align-items:center;padding:5px 10px;background:#193e36;border:1px solid #417962;border-radius:20px;color:#99e7c9;font-size:13px;font-weight:600;line-height:1.3}
