.tnf-shell{display:grid;gap:18px;color:#e8eef8}
.tnf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tnf-summary article,.tnf-controls,.tnf-progress,.tnf-catalog,.tnf-reader-panel{background:#101c31;border:1px solid rgba(226,234,255,.09);border-radius:20px;box-shadow:0 14px 38px rgba(0,0,0,.12)}
.tnf-summary article{padding:18px}
.tnf-summary span,.tnf-reader-head span,.tnf-questions>span,.tnf-task>span,.tnf-progress span,.tnf-catalog-head span,.tnf-search>span,.tnf-strategy>span,.tnf-vocab>span,.tnf-speaking>span{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#8ea0bb}
.tnf-summary strong{display:block;margin-top:6px;font-size:30px;line-height:1;color:#f4f8ff}
.tnf-summary small{display:block;margin-top:7px;color:#7f8da6;font-size:11px;line-height:1.35}
.tnf-controls{display:grid;gap:14px;padding:18px}
.tnf-search{display:grid;gap:7px}
.tnf-search input{width:100%;min-height:48px;border:1px solid rgba(226,234,255,.11);border-radius:13px;background:#07111f;color:#f4f8ff;padding:0 14px;font:inherit;outline:none}
.tnf-search input::placeholder{color:#6f7d94}
.tnf-search input:focus{border-color:rgba(131,233,73,.42);box-shadow:0 0 0 3px rgba(131,233,73,.07)}
.tnf-levels{display:grid;grid-template-columns:repeat(8,minmax(82px,1fr));gap:8px}
.tnf-levels button,.tnf-domains button,.tnf-reader-head button,.tnf-questions button,.tnf-task button{border:1px solid rgba(226,234,255,.1);background:#0b172a;color:#dfe8f7;border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.tnf-levels button{display:grid;gap:2px;font-weight:900;text-align:left}
.tnf-levels small{font-weight:600;color:#7f8da6}
.tnf-levels button:hover,.tnf-domains button:hover,.tnf-reader-head button:hover,.tnf-questions button:hover,.tnf-task button:hover{border-color:rgba(131,233,73,.34);background:#10213a}
.tnf-levels button.is-active,.tnf-domains button.is-active{border-color:rgba(131,233,73,.55);background:rgba(131,233,73,.08);box-shadow:0 0 0 1px rgba(131,233,73,.18) inset;color:#dfffd2}
.tnf-domains{display:flex;gap:8px;flex-wrap:wrap}
.tnf-domains button{text-transform:capitalize}
.tnf-domains small{margin-left:5px;color:#8290a7}
.tnf-progress{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:16px 18px}
.tnf-progress strong{display:block;margin-top:3px;font-size:18px;color:#f4f8ff}
.tnf-catalog{padding:20px}
.tnf-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.tnf-catalog-head h2{margin:4px 0 0;font-size:24px;color:#f4f8ff}
.tnf-catalog-head p{max-width:680px;margin:0;color:#8795ab;line-height:1.55;font-size:13px}
.tnf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tnf-card{min-height:190px;text-align:left;display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid rgba(226,234,255,.085);border-radius:16px;background:#0b172a;color:#e9f0fb;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.tnf-card:hover{transform:translateY(-2px);border-color:rgba(131,233,73,.3);background:#10213a}
.tnf-card.is-active{border-color:rgba(131,233,73,.58);box-shadow:0 0 0 1px rgba(131,233,73,.17) inset}
.tnf-card-meta{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#8190a7}
.tnf-card strong{font-size:17px;line-height:1.25;color:#f6f8fc}
.tnf-card small{font-size:11px;text-transform:capitalize;color:#83e949}
.tnf-card p{margin:2px 0 0;color:#8f9db3;font-size:12px;line-height:1.5}
.tnf-card b{margin-top:auto;padding-top:7px;font-size:12px;color:#dfffd2}
.tnf-reader-panel{padding:22px;scroll-margin-top:86px}
.tnf-reader-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.tnf-reader-head h2{font-size:30px;margin:6px 0;color:#f6f8fc}
.tnf-reader-head small{color:#8492a8}
.tnf-reader-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tnf-reader-actions button{white-space:nowrap}
.tnf-text{font-size:16px;line-height:1.8;margin-top:20px;color:#d8e1ef}
.tnf-text p{margin:0 0 14px}
.tnf-questions,.tnf-task,.tnf-strategy,.tnf-vocab,.tnf-speaking{margin-top:20px;padding-top:18px;border-top:1px solid rgba(226,234,255,.08)}
.tnf-questions article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid rgba(226,234,255,.06);color:#dfe7f3}
.tnf-questions article p{grid-column:1/-1;margin:0;padding:12px;background:#07111f;border-radius:12px;color:#aebbd0}
.tnf-strategy p,.tnf-speaking p,.tnf-task>p{color:#aebbd0;line-height:1.6}
.tnf-vocab>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.tnf-vocab b{font-size:12px;padding:6px 9px;border-radius:999px;background:rgba(131,233,73,.08);border:1px solid rgba(131,233,73,.12);color:#dfffd2}
.tnf-task textarea{box-sizing:border-box;width:100%;min-height:170px;border:1px solid rgba(226,234,255,.12);border-radius:14px;background:#07111f;color:#eef4ff;padding:14px;font:inherit;line-height:1.55;resize:vertical;outline:none}
.tnf-task textarea:focus{border-color:rgba(131,233,73,.4)}
.tnf-task>div{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
.tnf-task [data-nf-feedback]{color:#83e949}
.tnf-empty{padding:44px 12px;text-align:center;color:#aab6c8}
.tnf-empty strong{display:block;color:#f4f8ff;font-size:18px}
#nonfiction .appv3-section-head{margin-bottom:18px}
#nonfiction .appv3-section-head h1{font-size:clamp(34px,4.2vw,62px);line-height:1.02}
@media(max-width:1180px){.tnf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tnf-levels{grid-template-columns:repeat(4,minmax(82px,1fr))}.tnf-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tnf-summary{grid-template-columns:1fr 1fr}.tnf-summary strong{font-size:25px}.tnf-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.tnf-domains{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.tnf-domains button{white-space:nowrap}.tnf-progress{grid-template-columns:1fr;gap:12px}.tnf-grid{grid-template-columns:1fr}.tnf-catalog{padding:15px}.tnf-catalog-head{align-items:flex-start;flex-direction:column}.tnf-reader-head{flex-direction:column}.tnf-reader-actions{width:100%;justify-content:flex-start}.tnf-reader-actions button{flex:1}.tnf-questions article{grid-template-columns:1fr}.tnf-questions article button{justify-self:start}.tnf-questions article p{grid-column:1}.tnf-task>div{justify-content:stretch}.tnf-task button{flex:1}}
@media(max-width:480px){.tnf-summary{grid-template-columns:1fr}.tnf-controls,.tnf-reader-panel{padding:15px}#nonfiction .appv3-section-head h1{font-size:34px}}