/*! Copyright 2026 Merokalam | Do not copy or redistribute without permission. */
:root{ --blue:#2563eb;--green:#16a34a;--amber:#d97706;--red:#dc2626; --surf:#fff;--bord:#dbe5f2;--muted:#64748b;--text:#1e293b; --r:12px;--sh:0 10px 32px rgba(15,23,42,.08); } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} body{font-family:'Noto Sans Devanagari',system-ui,sans-serif;background:linear-gradient(135deg,#f8fafc 0,#eef4ff 54%,#f7fbff 100%);min-height:100vh;color:var(--text);} .page{max-width:1120px;margin:0 auto;padding:.4rem 1rem 3rem;} .dl-hero{padding:.35rem 0 1rem;} .hero-inner{padding:0;} .hero-kicker{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;margin-bottom:.45rem;} .hero-title{font-size:clamp(1.75rem,5vw,2.6rem);font-weight:800;letter-spacing:-.025em;line-height:1.08;background:linear-gradient(135deg,#2563eb,#0891b2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.6rem;} .hero-copy{font-size:1rem;line-height:1.8;color:#334155;max-width:980px;margin:0;} .ne{font-family:'Noto Sans Devanagari',sans-serif;} .rate-ctx{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:1rem;} .rate-pill{display:inline-flex;align-items:center;gap:.24rem;background:#fff;border:1px solid #cfe0ff;border-radius:999px;padding:.34rem .86rem;font-size:.72rem;font-weight:700;color:var(--muted);box-shadow:0 4px 18px rgba(37,99,235,.06);line-height:1.25;} .rate-pill strong{color:var(--blue);display:inline-block;margin-right:.08rem;font-size:.76rem;} .vehicle-cat-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%;margin:1.15rem 0 .65rem;padding:.7rem;background:#fff;border:1px solid var(--bord);border-radius:18px;box-shadow:var(--sh);} .vc-btn{min-width:0;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:.65rem;min-height:76px;padding:.95rem 1.15rem;border-radius:14px;border:2px solid #dbe5f2;background:#f8fafc;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;font-family:inherit;text-align:center;color:var(--text);} .vc-btn .vc-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:12px;background:#eef4ff;font-size:1.35rem;line-height:1;flex-shrink:0;} .vc-btn .vc-text{display:flex;min-width:0;flex-direction:column;gap:.18rem;align-items:center;justify-content:center;text-align:center;} .vc-btn .vc-title{font-size:1rem;font-weight:900;color:#334155;line-height:1.2;white-space:normal;overflow-wrap:anywhere;} .vc-btn .vc-sub{font-size:.78rem;font-weight:700;color:#64748b;line-height:1.35;white-space:normal;overflow-wrap:anywhere;} .vc-btn:not(.active):hover{border-color:#94a3b8;background:#f1f5f9;transform:translateY(-1px);} .vc-btn.active{border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 28px rgba(37,99,235,.28);color:#fff;} .vc-btn.active .vc-icon{background:rgba(255,255,255,.18);} .vehicle-cat-card .vc-btn.active .vc-title, .vehicle-cat-card .vc-btn.active .vc-sub{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1;text-shadow:0 1px 2px rgba(15,23,42,.28);} .mode-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.5rem;margin-bottom:1.2rem;} .mode-tab{min-height:72px;padding:.72rem .8rem;border:1.5px solid #d7e3f4;border-radius:12px;background:rgba(255,255,255,.92);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s;color:var(--muted);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;line-height:1.18;} .mode-tab.active{background:linear-gradient(135deg,#2563eb,#0891b2);border-color:#2563eb;color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.2);} .mode-tab:hover:not(.active){border-color:var(--blue);color:var(--blue);} .mode-tab span{display:block;margin-left:0!important;font-size:.76rem;opacity:.82;line-height:1.15;} @media(min-width:1080px){ .mode-tabs{grid-template-columns:repeat(9,minmax(0,1fr));gap:.42rem;} .mode-tab{min-height:66px;padding:.62rem .48rem;font-size:.78rem;border-radius:11px;} .mode-tab span{font-size:.72rem;} } .card{background:var(--surf);border:1px solid #dbe5f2;border-radius:18px;overflow:hidden;box-shadow:var(--sh);} .card-head{padding:.8rem 1.1rem;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-bottom:1px solid var(--bord);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:.5rem;} .card-head.red{background:linear-gradient(135deg,#fff5f5,#fee2e2);color:var(--red);} .card-head.green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:var(--green);} .card-head.amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:var(--amber);} .filter-bar{display:flex;flex-wrap:wrap;gap:.45rem .6rem;margin-bottom:1rem;align-items:center;justify-content:flex-start;} .tool-filter-bar{position:relative;z-index:2;margin:-.2rem 0 1rem;padding:.85rem 1rem;background:#fff;border:1px solid var(--bord);border-radius:14px;box-shadow:var(--sh);} .filter-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;} .sel{background:#f8fafc;border:1.5px solid var(--bord);border-radius:8px;color:var(--text);font-family:'Noto Sans Devanagari',system-ui,sans-serif;font-size:.85rem;font-weight:600;padding:.45rem .7rem;outline:none;transition:border-color .2s;width:100%;text-shadow:none;} .filter-bar #catSel{width:260px;flex:0 0 260px;} .filter-bar #langSel{width:102px;flex:0 0 102px;} .sel:focus{border-color:var(--blue);} select.sel{appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-color:#f8fafc;padding-right:1.8rem;-webkit-text-fill-color:var(--text);line-height:1.35;color:var(--text);} select.sel option, select.sel optgroup{ color:var(--text); background:#fff; font-family:'Noto Sans Devanagari',system-ui,sans-serif; font-weight:600; font-size:.95rem; line-height:1.45; -webkit-text-fill-color:var(--text); } .score-strip{background:var(--surf);border:1px solid var(--bord);border-radius:var(--r);padding:.85rem 1.1rem;margin-bottom:1rem;box-shadow:var(--sh);} .ss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.6rem;text-align:center;} @media(max-width:380px){.ss-grid{grid-template-columns:repeat(2,1fr);}} .ss-cell .sv{font-family:'DM Mono',monospace;font-size:1.5rem;font-weight:700;line-height:1;} .ss-cell .sl{font-size:.62rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem;} .sv-tot{color:var(--blue);} .sv-ok{color:var(--green);} .sv-ng{color:var(--red);} .sv-rem{color:var(--amber);} .prog-track{height:7px;background:#f1f5f9;border-radius:99px;overflow:hidden;} .prog-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green),#86efac);transition:width .5s cubic-bezier(.34,1.56,.64,1);} .ss-meta{display:flex;justify-content:space-between;margin-top:.3rem;font-size:.7rem;color:var(--muted);font-family:'DM Mono',monospace;} .qcard{background:var(--surf);border:1px solid var(--bord);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);margin-bottom:.9rem;} .qcard-head{padding:.65rem 1rem;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-bottom:1px solid var(--bord);display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;} .q-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;} .q-num{font-family:'DM Mono',monospace;font-size:.72rem;font-weight:700;background:var(--blue);color:#fff;padding:.14rem .5rem;border-radius:99px;} .q-cat-tag{font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.14rem .5rem;border-radius:99px;border:1px solid;} .q-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;} .qbody{padding:.9rem 1rem .4rem;} .q-en{font-size:.98rem;font-weight:800;color:#0f172a;margin-bottom:.38rem;line-height:1.45;} .q-ne{font-size:.94rem;color:#1f2937;margin-bottom:.9rem;line-height:1.78;font-family:'Noto Sans Devanagari',sans-serif;font-weight:700;} .sign-in-q{display:flex;justify-content:center;margin-bottom:.85rem;} .sign-in-q svg{width:88px;height:88px;} .opts{display:flex;flex-direction:column;gap:.42rem;padding:0 1rem .9rem;} .opt{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem .8rem;border:1.5px solid var(--bord);border-radius:9px;cursor:pointer;transition:all .15s;background:#f8fafc;} .opt:hover:not(.dis){border-color:var(--blue);background:#eff6ff;} .opt.sel{border-color:var(--blue);background:#eff6ff;} .opt.ok{border-color:var(--green);background:#f0fdf4;} .opt.ng{border-color:var(--red);background:#fff5f5;} .opt.dis{cursor:default;} .opt-key{font-family:'DM Mono',monospace;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:5px;background:#e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;} .opt.ok .opt-key{background:var(--green);color:#fff;} .opt.ng .opt-key{background:var(--red);color:#fff;} .opt.sel:not(.ok):not(.ng) .opt-key{background:var(--blue);color:#fff;} .opt-txt{font-size:.92rem;color:#0f172a;line-height:1.45;font-weight:700;} .opt-ne{display:block;font-family:'Noto Sans Devanagari',sans-serif;font-size:.86rem;color:#334155;margin-top:.14rem;font-weight:700;} .explain{margin:0 1rem .9rem;padding:.65rem .9rem;border-radius:8px;font-size:.83rem;line-height:1.65;display:none;} .explain.show{display:block;} .exp-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;} .exp-ng{background:#fff5f5;border:1px solid #fecaca;color:#7f1d1d;} .exp-ne{font-family:'Noto Sans Devanagari',sans-serif;font-size:.8rem;margin-top:.25rem;opacity:.85;} .qnav{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:0 1rem 1rem;} .qbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:.82rem 1.15rem;border:1.5px solid #cddbf0;border-radius:12px;font-family:inherit;font-size:.92rem;font-weight:800;cursor:pointer;transition:all .18s ease;background:linear-gradient(180deg,#fff,#f5f9ff);color:#47627f;box-shadow:0 10px 24px rgba(37,99,235,.08);} .qbtn:hover:not(:disabled){border-color:#9fc2ff;color:var(--blue);background:linear-gradient(180deg,#ffffff,#eef5ff);box-shadow:0 14px 30px rgba(37,99,235,.12);transform:translateY(-1px);} .qbtn.pri{background:linear-gradient(135deg,#2563eb,#0891b2);border-color:#2563eb;color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.22);} .qbtn.pri:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#0e7490);border-color:#1d4ed8;color:#fff;box-shadow:0 16px 34px rgba(37,99,235,.28);} .qbtn.danger{background:var(--red);border-color:var(--red);color:#fff;} .qbtn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none;background:#f8fafc;color:#94a3b8;border-color:#dbe5f2;} .score-card{text-align:center;padding:1.75rem 1.5rem;} .score-big{font-family:'DM Mono',monospace;font-size:4rem;font-weight:700;line-height:1;margin-bottom:.35rem;} .score-big.pass{color:var(--green);} .score-big.fail{color:var(--red);} .sbar-wrap{max-width:280px;margin:.8rem auto 0;} .sbar-bg{height:9px;background:var(--bord);border-radius:99px;overflow:hidden;} .sbar-fill{height:100%;border-radius:99px;transition:width 1.2s cubic-bezier(.34,1.56,.64,1);} .score-actions{display:flex;gap:.6rem;justify-content:center;margin-top:1rem;flex-wrap:wrap;} .stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--bord);} @media(max-width:480px){.stats-row{grid-template-columns:repeat(2,1fr);}} .sc{padding:.7rem .5rem;border-right:1px solid var(--bord);text-align:center;} .sc:last-child{border-right:none;} .sc .sv{font-family:'DM Mono',monospace;font-size:1.25rem;font-weight:700;} .sc .sl{font-size:.62rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem;} .exam-hdr{background:var(--surf);border:1px solid var(--bord);border-radius:var(--r);padding:.8rem 1.1rem;margin-bottom:.85rem;box-shadow:var(--sh);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;} .exam-timer{font-family:'DM Mono',monospace;font-size:1.45rem;font-weight:700;color:var(--red);} .exam-timer.warn{animation:blink .5s infinite alternate;} @keyframes blink{from{opacity:1;}to{opacity:.35;}} .exam-dots-wrap{padding:.7rem 1.1rem;border-bottom:1px solid var(--bord);display:flex;flex-wrap:wrap;gap:.28rem;} .edot{width:27px;height:27px;border-radius:6px;background:#f1f5f9;border:1.5px solid var(--bord);font-family:'DM Mono',monospace;font-size:.64rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:all .1s;} .edot.answered{background:#dbeafe;border-color:var(--blue);color:var(--blue);} .edot.cur{background:var(--blue);border-color:var(--blue);color:#fff;} .edot.r-ok{background:#dcfce7;border-color:var(--green);color:var(--green);} .edot.r-ng{background:#fee2e2;border-color:var(--red);color:var(--red);} .edot.r-sk{background:#fef3c7;border-color:var(--amber);color:#92400e;} .round-hist{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.85rem;} .rrow{display:flex;align-items:center;gap:.65rem;background:var(--surf);border:1px solid var(--bord);border-radius:8px;padding:.5rem .85rem;font-size:.82rem;} .rbadge{font-family:'DM Mono',monospace;font-size:.68rem;font-weight:700;background:var(--blue);color:#fff;padding:.1rem .4rem;border-radius:99px;} .rscore.pass{color:var(--green);font-weight:700;font-family:'DM Mono',monospace;} .rscore.fail{color:var(--red);font-weight:700;font-family:'DM Mono',monospace;} .signs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:.7rem;} .sign-card{background:var(--surf);border:1px solid var(--bord);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:box-shadow .15s;} .sign-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);} .sign-top{padding:1.1rem .75rem .7rem;text-align:center;} .sign-top svg{width:78px;height:78px;} .sign-en{font-size:.82rem;font-weight:700;color:var(--text);margin-top:.45rem;} .sign-ne{font-family:'Noto Sans Devanagari',sans-serif;font-size:.78rem;color:var(--muted);margin-top:.1rem;} .sign-type-tag{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.1rem .4rem;border-radius:99px;margin-bottom:.3rem;} .sign-desc{padding:.45rem .75rem .65rem;font-size:.72rem;color:var(--muted);border-top:1px solid var(--bord);line-height:1.5;background:#fafaf9;} .article{line-height:1.8;color:#374151;margin-top:1.75rem;} .article h2{font-size:1.15rem;font-weight:800;color:var(--text);margin:1.6rem 0 .55rem;} .article h2:first-child{margin-top:0;} .article p{margin-bottom:.8rem;font-size:.91rem;} .article ul{padding-left:1.4rem;margin-bottom:.8rem;} .article li{font-size:.91rem;margin-bottom:.3rem;} .callout{border-radius:10px;padding:.85rem 1rem;margin:.85rem 0;font-size:.88rem;} .callout.blue{background:#eff6ff;border:1px solid #bfdbfe;} .callout.amber{background:#fffbeb;border:1px solid #fde68a;} .callout strong{color:var(--blue);} .callout.amber strong{color:var(--amber);} .stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;margin:1rem 0;} .stat-box{background:#fff;border:1px solid var(--bord);border-radius:10px;padding:.8rem .9rem;} .stat-box .sv{font-family:'DM Mono',monospace;font-size:1.3rem;font-weight:700;color:var(--red);} .stat-box .sl{font-size:.7rem;color:var(--muted);line-height:1.4;margin-top:.15rem;} .divider{height:1px;background:var(--bord);margin:1.5rem 0;} @media(max-width:760px){ .page{padding:.25rem .85rem 2.5rem;} .dl-hero{padding:.2rem 0 .85rem;} .hero-title{font-size:clamp(1.8rem,9vw,2.5rem);} .hero-copy{font-size:.96rem;} .rate-ctx{justify-content:flex-start} .vehicle-cat-card{grid-template-columns:1fr;gap:.55rem;margin:.9rem 0 .75rem;padding:.55rem;border-radius:14px} .vc-btn{min-height:70px;padding:.78rem .85rem;border-radius:12px} .vc-btn .vc-icon{width:2rem;height:2rem;font-size:1.15rem;border-radius:10px} .vc-btn .vc-title{font-size:.95rem} .vc-btn .vc-sub{font-size:.74rem;line-height:1.3} .filter-bar{display:grid;grid-template-columns:1fr;gap:.35rem} .tool-filter-bar{margin:.2rem 0 .9rem;padding:.75rem;border-radius:12px} .tool-filter-bar .filter-label{margin-left:0!important} .filter-bar #catSel, .filter-bar #langSel{width:100%} }