/* NotesNepal Study Abroad – lessons, tests, flashcards, dashboard. Uses the .nnls palette from loksewa.css. */
.nnls-learn-main{padding-top:14px;padding-bottom:40px}
.nnls-learn{--ls:#0b6e4f;--ls-2:#0e8a63;--ls-soft:#e8f4ef;--ls-acc:#f2a900;--ls-ink:#14211c;--ls-mut:#5c6b65;--ls-line:#d8e5df;--ls-red:#c62f3a;color:var(--ls-ink);font-family:"Noto Sans Devanagari","Mulish",system-ui,sans-serif;line-height:1.7}
.nnls-h1,.nnls-lesson h1{font-size:1.65rem;line-height:1.3;margin:.3rem 0 .4rem;color:var(--ls)}
.nnls-learn h2{scroll-margin-top:80px}
.nnls-link{background:none;border:0;padding:0;color:var(--ls);font:inherit;cursor:pointer;text-decoration:underline}

/* landing */
.nnls-sa-hero .nnls-hero__title{font-size:1.25rem}
.nnls-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;position:relative;z-index:1}
.nnls-badges span{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:600}
.nnls-search{display:flex;gap:8px;margin:0 0 14px;position:relative;z-index:1}
.nnls-search input[type=search]{flex:1;min-width:0;min-height:46px;border-radius:999px;border:0;padding:0 18px;font:inherit;font-size:1rem;color:#14211c}
.nnls-search .nnls-btn{flex:0 0 auto}
.nnls-cc{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.nnls-cc__card{display:flex;flex-direction:column;gap:3px;padding:18px;border:1px solid var(--ls-line);border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 2px 0 var(--ls-line);transition:transform .15s}
.nnls-cc__card:hover{transform:translateY(-2px);border-color:var(--ls)}
.nnls-cc__i{font-size:1.6rem;line-height:1}
.nnls-cc__t{font-weight:700;font-size:1.1rem;margin-top:4px}
.nnls-cc__lv{font-size:.85rem;color:var(--ls);font-weight:600}
.nnls-cc__m,.nnls-cc__p{font-size:.85rem;color:var(--ls-mut)}
.nnls-rg{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.nnls-rg__box{border:1px solid var(--ls-line);border-radius:14px;padding:14px 16px;background:#fff}
.nnls-rg__t{font-weight:700;margin:0 0 6px}
.nnls-rg ul{margin:0;padding-left:1.1rem}.nnls-rg li{margin:.25rem 0;font-size:.95rem}.nnls-rg small{color:var(--ls-mut)}
.nnls-daily{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.nnls-daily__c{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:14px;border:1px solid var(--ls-line);border-radius:14px;background:#fff;color:inherit;text-decoration:none;font:inherit;cursor:pointer}
.nnls-daily__c:hover{border-color:var(--ls)}
.nnls-daily__c span{font-size:1.4rem}.nnls-daily__c small{color:var(--ls-mut);font-size:.82rem}
.nnls-cont{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--ls-line);border-left:4px solid var(--ls-acc);border-radius:12px;background:#fff}
.nnls-cont__t{font-weight:700;font-size:1.05rem;color:var(--ls)}
.nnls-cont .nnls-btn{align-self:flex-start}

/* course & chapter */
.nnls-cprog{margin-top:10px;position:relative;z-index:1}.nnls-cprog small{font-size:.85rem;opacity:.9}
.nnls-hero .nnls-cprog .nnls-bar{background:rgba(255,255,255,.3)}.nnls-hero .nnls-cprog .nnls-bar>span{background:var(--ls-acc)}
.nnls-intro{margin:0 0 1rem}
.nnls-mods{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.nnls-mod{border:1px solid var(--ls-line);border-radius:14px;padding:14px 16px;background:#fff}
.nnls-mod h3{margin:0 0 6px;font-size:1.05rem}.nnls-mod h3 a{color:var(--ls);text-decoration:none;display:flex;gap:8px;align-items:center}
.nnls-mod__i{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:9px;background:var(--ls-soft);font-size:.95rem}
.nnls-mod__test{display:inline-block;margin-top:6px;font-weight:600;color:var(--ls);font-size:.92rem}
.nnls-ll{list-style:none;margin:0;padding:0}
.nnls-ll li a{display:grid;grid-template-columns:26px 1fr;gap:0 8px;padding:7px 4px;border-bottom:1px dashed var(--ls-line);color:inherit;text-decoration:none}
.nnls-ll li:last-child a{border-bottom:0}
.nnls-ll li a:hover .nnls-ll__t{color:var(--ls);text-decoration:underline}
.nnls-ll__no{grid-row:span 2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ls-soft);color:var(--ls);font-size:.78rem;font-weight:700;margin-top:2px}
.nnls-ll li.is-done .nnls-ll__no{background:var(--ls);color:#fff;font-size:0}.nnls-ll li.is-done .nnls-ll__no:after{content:"✓";font-size:.8rem}
.nnls-ll__t{font-size:.95rem;line-height:1.45}
.nnls-ll__m{font-size:.78rem;color:var(--ls-mut)}
.nnls-ll li.is-cur a{background:var(--ls-soft);border-radius:8px}.nnls-ll li.is-cur .nnls-ll__t{font-weight:700;color:var(--ls)}

/* lesson */
.nnls-lw{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.nnls-lw{grid-template-columns:minmax(0,1fr) 300px}.nnls-side__box{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto}}
@media (max-width:999px){.nnls-side{display:none}}
.nnls-lesson{max-width:760px;min-width:0}
.nnls-lesson__mod{margin:0;font-size:.9rem}.nnls-lesson__mod a{color:var(--ls);font-weight:600;text-decoration:none}
.nnls-lesson__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem;color:var(--ls-mut);margin:0 0 1rem;align-items:center}
.nnls-lesson__done{color:var(--ls);font-weight:700}
.nnls-toc{border:1px solid var(--ls-line);border-radius:12px;padding:10px 16px;background:var(--ls-soft);margin:0 0 1.2rem}
.nnls-toc summary{font-weight:700;cursor:pointer}.nnls-toc ol{margin:.4rem 0 0;padding-left:1.3rem}.nnls-toc a{color:var(--ls)}
.nnls-lesson__body{font-size:1.07rem;line-height:1.85;overflow-wrap:anywhere}
.nnls-lesson__body h2{font-size:1.3rem;color:var(--ls);margin:2rem 0 .7rem;padding-bottom:.3rem;border-bottom:2px solid var(--ls-soft)}
.nnls-lesson__body h3{font-size:1.1rem;margin:1.4rem 0 .5rem}
.nnls-lesson__body p{margin:0 0 .9rem}
.nnls-lesson__body ul,.nnls-lesson__body ol{padding-left:1.4rem;margin:0 0 1rem}.nnls-lesson__body li{margin:.25rem 0}
.nnls-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1rem}
.nnls-lesson__body table{border-collapse:collapse;width:100%;font-size:.95rem;margin:0}
.nnls-lesson__body th,.nnls-lesson__body td{border:1px solid var(--ls-line);padding:7px 10px;text-align:left;vertical-align:top;min-width:90px}
.nnls-lesson__body th{background:var(--ls-soft)}
.nnls-lesson__body blockquote{margin:0 0 1rem;padding:12px 16px;border-left:4px solid var(--ls);background:#f6faf8;border-radius:0 10px 10px 0;font-size:1rem}
.nnls-lesson__body details{border:1px solid var(--ls-line);border-radius:10px;padding:8px 14px;margin:0 0 1rem}.nnls-lesson__body summary{cursor:pointer;font-weight:600;color:var(--ls)}
.nn-box{padding:12px 16px;border-radius:10px;margin:0 0 1rem;border-left:4px solid}
.nn-box.tip{background:#eef8f3;border-color:var(--ls)}.nn-box.warn{background:#fff3f3;border-color:var(--ls-red)}.nn-box.note{background:#fff8e6;border-color:var(--ls-acc)}
.nn-box>:last-child{margin-bottom:0}
.nnls-say{border:0;background:var(--ls-soft);border-radius:999px;width:28px;height:28px;margin:0 2px 0 3px;cursor:pointer;font-size:.8rem;vertical-align:middle;line-height:1}
.nnls-say:hover{background:#d4ebe1}
.nnls-listen{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border:1px dashed var(--ls);border-radius:12px;margin:0 0 .6rem;background:#f6faf8}
.nnls-listen__sp{min-height:34px;border-radius:8px;border:1px solid var(--ls-line);font:inherit;font-size:.85rem}
.nnls-voicewarn{background:#fff8e6;border-radius:8px;padding:8px 12px;font-size:.9rem}
.nnls-audio{width:100%;margin:0 0 1rem}
.nnls-lesson__end{display:flex;flex-wrap:wrap;gap:10px;margin:1.5rem 0}
.nnls-btn.is-done{background:var(--ls);color:#fff}
.nnls-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1.5rem 0}
.nnls-pn a{display:flex;flex-direction:column;padding:12px 14px;border:1px solid var(--ls-line);border-radius:12px;text-decoration:none;color:var(--ls-ink);font-weight:600;font-size:.95rem;background:#fff}
.nnls-pn a small{color:var(--ls-mut);font-weight:400}.nnls-pn__next{text-align:right;grid-column:2}
.nnls-side__box{border:1px solid var(--ls-line);border-radius:14px;padding:12px 14px;background:#fff}
.nnls-side__t{font-weight:700;color:var(--ls);margin:0 0 6px}
.nnls-ad{margin:1.4rem 0;min-height:280px;text-align:center;clear:both}
.nnls-ad__l{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#8a958f;margin-bottom:4px}
.nnls-side .nnls-ad{min-height:600px;margin-top:16px}
@media (max-width:640px){.nnls-ad{min-height:250px}}

/* tests & quizzes */
.nnls-test{border:1px solid var(--ls-line);border-radius:16px;padding:16px 18px;background:#fff;margin:1.5rem 0;scroll-margin-top:70px}
.nnls-test h2,.nnls-test h3{margin-top:0}
.nnls-qz{margin-top:10px}
.nnls-qz__head{display:flex;gap:12px;align-items:center;font-size:.9rem;color:var(--ls-mut);margin-bottom:8px}
.nnls-qz__head .nnls-bar{flex:1;margin:0}
.nnls-qz__clock{font-weight:700;color:var(--ls);font-variant-numeric:tabular-nums}.nnls-qz__clock.is-low{color:var(--ls-red)}
.nnls-qz__q{font-size:1.1rem;font-weight:600;margin:.4rem 0 .8rem;white-space:pre-line}
.nnls-qz__opts{display:grid;gap:8px}
.nnls-qz__o{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;min-height:48px;padding:10px 12px;border:2px solid var(--ls-line);border-radius:12px;background:#fff;color:inherit;font:inherit;font-size:1rem;cursor:pointer}
.nnls-qz__o:hover:not(:disabled){border-color:var(--ls)}
.nnls-qz__k{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ls-soft);color:var(--ls);font-weight:700;font-size:.85rem}
.nnls-qz__o.is-picked{border-color:var(--ls);background:var(--ls-soft)}
.nnls-qz__o.is-right{border-color:#1a8a4a;background:#e7f6ec}.nnls-qz__o.is-wrong{border-color:var(--ls-red);background:#fdecee}
.nnls-qz__o:disabled{cursor:default;opacity:1}
.nnls-qz__exp{margin-top:10px;padding:10px 14px;border-radius:10px}.nnls-qz__exp p{margin:.3rem 0}
.nnls-qz__exp.is-ok{background:#e7f6ec}.nnls-qz__exp.is-no{background:#fdecee}
.nnls-qz__nav{display:flex;gap:10px;justify-content:space-between;margin-top:14px;flex-wrap:wrap}
.nnls-qz__nav .nnls-btn{flex:1 1 140px}
.nnls-qz__pal{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.nnls-qz__p{width:36px;height:36px;border-radius:8px;border:1px solid var(--ls-line);background:#fff;font:inherit;font-size:.85rem;cursor:pointer}
.nnls-qz__p.is-done{background:var(--ls-soft);border-color:var(--ls)}.nnls-qz__p.is-cur{outline:2px solid var(--ls-acc)}
.nnls-result{text-align:left;border-radius:14px;padding:18px;background:#f6faf8;border:2px solid var(--ls)}
.nnls-result.is-fail{background:#fffaf0;border-color:var(--ls-acc)}
.nnls-result__site,.nnls-result__date,.nnls-result__who{margin:0;font-size:.85rem;color:var(--ls-mut)}
.nnls-result__msg{font-size:1.35rem;font-weight:700;margin:.6rem 0;color:var(--ls)}
.nnls-result.is-fail .nnls-result__msg{color:#8a5a00}
.nnls-result__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:.6rem 0}
.nnls-result__grid div{background:#fff;border-radius:10px;padding:8px;text-align:center;border:1px solid var(--ls-line)}
.nnls-result__grid b{display:block;font-size:1.2rem}.nnls-result__grid span{font-size:.8rem;color:var(--ls-mut)}
.nnls-result__h{font-weight:700;margin:.8rem 0 .2rem}
.nnls-result__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.nnls-review{padding-left:1.3rem;margin-top:1rem}.nnls-review li{margin:0 0 .8rem;padding:8px 10px;border-radius:8px;background:#fff}
.nnls-review li.is-no{border-left:3px solid var(--ls-red)}.nnls-review li.is-ok{border-left:3px solid #1a8a4a}
.nnls-review p{margin:.2rem 0}.nnls-review__q{font-weight:600}.nnls-review__a{color:#1a6e3c;font-weight:600}

/* flashcards */
.nnls-cards{margin:1.5rem 0}
.nnls-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:190px;border:2px solid var(--ls);border-radius:18px;background:#fff;color:inherit;font:inherit;cursor:pointer;padding:16px;position:relative}
.nnls-card.is-back{background:var(--ls-soft)}
.nnls-card__f{font-size:2rem;font-weight:700;line-height:1.3;text-align:center}.nnls-card__f--s{font-size:1.4rem}
.nnls-card__r{color:var(--ls);font-size:1.05rem}.nnls-card__m{font-size:1.15rem;font-weight:600;text-align:center}
.nnls-card small{color:var(--ls-mut)}
.nnls-card__ok{position:absolute;top:8px;right:12px;font-size:.78rem;color:var(--ls);font-weight:700}
.nnls-card__bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}
.nnls-card__n{text-align:center}

/* dashboard */
.nnls-dash__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:1rem 0}
.nnls-dash__tiles div{background:#fff;border:1px solid var(--ls-line);border-radius:14px;padding:12px;text-align:center}
.nnls-dash__tiles b{display:block;font-size:1.6rem;color:var(--ls)}.nnls-dash__tiles span{font-size:.85rem;color:var(--ls-mut)}
.nnls-tablewrap{overflow-x:auto}
.nnls-dash__t{border-collapse:collapse;width:100%;font-size:.92rem;background:#fff}
.nnls-dash__t th,.nnls-dash__t td{border-bottom:1px solid var(--ls-line);padding:8px;text-align:left}
.nnls-dash__t td.is-pass{color:#1a6e3c;font-weight:700}.nnls-dash__t td.is-fail{color:#8a5a00;font-weight:700}
.nnls-dash__l{padding-left:1.2rem}
.nnls-badges2{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}
.nnls-badges2 div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:12px;border:1px dashed var(--ls-line);opacity:.45;text-align:center}
.nnls-badges2 div.is-on{opacity:1;border-style:solid;border-color:var(--ls-acc);background:#fffaf0}
.nnls-badges2 span{font-size:1.6rem}.nnls-badges2 small{font-size:.8rem}

@media (max-width:640px){
	.nnls-cc{grid-template-columns:1fr 1fr;gap:10px}.nnls-cc__card{padding:12px}.nnls-cc__t{font-size:1rem}.nnls-cc__lv{font-size:.78rem}
	.nnls-dash__tiles{grid-template-columns:repeat(3,1fr)}.nnls-dash__tiles b{font-size:1.3rem}
	.nnls-h1,.nnls-lesson h1{font-size:1.4rem}
	.nnls-lesson__body{font-size:1.04rem}
	.nnls-search{flex-direction:column}.nnls-search .nnls-btn{width:100%}
	.nnls-pn{grid-template-columns:1fr}.nnls-pn__next{grid-column:1}
	.nnls-test{padding:14px 12px}
	.nnls-lesson__end .nnls-btn{flex:1 1 100%}
}
/* print only the result card */
@media print{
	body.nnls-printing *{visibility:hidden !important}
	body.nnls-printing .nnls-print,body.nnls-printing .nnls-print *{visibility:visible !important}
	body.nnls-printing .nnls-print{position:absolute;left:0;top:0;width:100%;border:1px solid #999;background:#fff}
	body.nnls-printing .nnls-print .nnls-result__btns,body.nnls-printing .nnls-print .nnls-link{display:none !important}
}
