/* Home v2 (4 Oct 2026): NGN navy/white. Ported from /workspace/nclex-rahat-home mockup. */
.h2wrap{max-width:860px}
.hx{background:#13305A;color:#fff;border-radius:6px;padding:26px 20px 22px;margin:0 0 16px;text-align:left}
.hx .eb{display:inline-block;font:700 .72rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#13305A;background:#9CC3EE;padding:6px 10px;border-radius:3px;margin-bottom:12px}
.hx h1{font:700 clamp(1.55rem,5.6vw,2.3rem)/1.15 Arial,sans-serif;text-transform:none;letter-spacing:0;color:#fff}
.hx h1 span{color:#9CC3EE}
.hx p{margin-top:10px;color:#DCE6F2;font-size:1rem}
.hx .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.b1,.b2,.b3{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;padding:8px 18px;border-radius:4px;font:700 1rem Arial,sans-serif;text-decoration:none;text-align:center;flex:1 1 220px}
.b1{background:#fff;color:#13305A;border:1px solid #fff}.b1 small,.b2 small{font-weight:400;font-size:.78rem;opacity:.85}
.b2{background:transparent;color:#fff;border:1px solid #9CC3EE}
.b3{background:#1D5FA6;color:#fff;border:1px solid #1D5FA6;flex:0 0 auto;min-height:44px}
.b3.ghost{background:#fff;color:#1D5FA6}
.cardx{background:#fff;border:1px solid #C9D1DB;border-radius:6px;padding:16px;margin:0 0 14px;text-align:left}
.cardx h2{font:700 1.15rem Arial,sans-serif;color:#13305A;margin:0 0 10px;text-transform:none;letter-spacing:0}
.kick{font:700 .72rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5B6675}
.lbl{font:700 1.08rem Arial,sans-serif;color:#13305A;margin:4px 0 2px}
.meta{font-size:.88rem;color:#5B6675}
.bd{display:inline-block;font:700 .72rem/1 Arial,sans-serif;padding:4px 7px;border-radius:3px;border:1px solid #B9C4D2;color:#13305A;background:#F2F5F9;margin-right:4px;vertical-align:middle;white-space:nowrap}
.bd.free{background:#E9F5EE;border-color:#217A47;color:#14532D}.bd.paid{background:#FFF6E5;border-color:#B7791F;color:#7A4E0B}
.bd.rev{background:#EEF2FF;border-color:#4C5FD5;color:#2B3A9E}.bd.mock{background:#FDECEC;border-color:#B42318;color:#7A1A12}
.bd.now{background:#13305A;border-color:#13305A;color:#fff}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.perk3{display:grid;grid-template-columns:1fr;gap:10px}
.perk3 div{border-left:4px solid #1D5FA6;padding:6px 10px;background:#F7F9FC}
.perk3 b{display:block;color:#13305A}.perk3 span{font-size:.9rem;color:#5B6675}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}
.kpis div{background:#F2F5F9;border:1px solid #DCE3EB;border-radius:4px;padding:8px 4px;text-align:center}
.kpis b{display:block;font:700 1.2rem Arial,sans-serif;color:#13305A}.kpis span{font-size:.72rem;color:#5B6675}
.prog{height:8px;background:#E4E9F0;border-radius:4px;overflow:hidden;margin:8px 0 4px}.prog i{display:block;height:100%;background:#1D5FA6}
.stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}.stats div{font-size:.88rem;color:#5B6675}.stats b{display:block;font-size:1.15rem;color:#13305A}
details.mo{border:1px solid #C9D1DB;border-radius:6px;margin:0 0 10px;background:#fff}
details.mo>summary{list-style:none;cursor:pointer;padding:12px 14px;background:#E4E9F0;display:flex;justify-content:space-between;gap:8px;align-items:center;border-radius:6px}
details.mo[open]>summary{border-radius:6px 6px 0 0;border-bottom:1px solid #C9D1DB}
details.mo>summary::-webkit-details-marker{display:none}
details.mo>summary b{color:#13305A;font:700 1rem Arial,sans-serif}details.mo>summary small{color:#5B6675;font-size:.82rem}
details.mo>summary:after{content:'+';font:700 1.3rem Arial;color:#13305A}details.mo[open]>summary:after{content:'–'}
.wk{padding:10px 14px;border-top:1px solid #E4E9F0}.wk:first-of-type{border-top:0}
.wk.cur{background:#F0F6FD;border-left:4px solid #1D5FA6;padding-left:10px}
.wk h3{font:700 .95rem Arial,sans-serif;color:#13305A;margin:0 0 6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;text-transform:none;letter-spacing:0}
.wk h3 .meta{font-weight:400}
.ar{display:flex;justify-content:space-between;gap:8px;font-size:.9rem;padding:3px 0;border-bottom:1px dotted #DCE3EB}.ar:last-child{border-bottom:0}
.ar span:last-child{color:#5B6675;white-space:nowrap}
.legend{font-size:.8rem;color:#5B6675;margin:-4px 0 10px}
.statebar{background:#FFF8D6;border:1px dashed #B7791F;color:#5B3D00;font-size:.8rem;padding:6px 10px;border-radius:4px;margin:0 0 12px}
@media(min-width:760px){.perk3{grid-template-columns:repeat(3,1fr)}.hx{padding:34px 32px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.twocol .cardx{margin:0}}
.twocol{margin-bottom:14px}
.hx .note-off{background:#1E4475;border-radius:4px;padding:8px 10px;font-size:.88rem;color:#DCE6F2;margin-top:12px}
.lockrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;color:#7A4E0B}
.b3{white-space:normal;max-width:100%;text-align:center}