/* MeroKalam.com official nepal-driving-license-test styles. Unauthorized copying or republication is not permitted. */
/* ── Article Visualizations ── */
  .viz-wrap{background:#fff;border:1px solid var(--bord);border-radius:14px;padding:1.1rem 1.3rem;margin:1rem 0;box-shadow:0 4px 18px rgba(15,23,42,.06);}
  .viz-title{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem;}
  /* Donut */
  .donut-flex{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
  .donut-svg{width:160px;height:160px;flex-shrink:0;}
  .donut-legend{flex:1;min-width:150px;display:flex;flex-direction:column;gap:.4rem;}
  .dl-item{display:flex;align-items:center;gap:.5rem;}
  .dl-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0;}
  .dl-label{font-size:.82rem;font-weight:700;color:var(--text);flex:1;}
  .dl-val{font-family:'DM Mono',monospace;font-size:.74rem;font-weight:700;color:var(--muted);background:#f1f5f9;padding:.1rem .42rem;border-radius:99px;}
  /* Horizontal bars */
  .hbar-chart{display:flex;flex-direction:column;gap:.52rem;}
  .hbar-row{display:flex;align-items:center;gap:.65rem;}
  .hbar-label{font-size:.78rem;font-weight:700;color:var(--text);min-width:135px;text-align:right;}
  .hbar-track{flex:1;height:27px;background:#f1f5f9;border-radius:7px;overflow:hidden;position:relative;display:flex;align-items:center;}
  .hbar-fill{height:100%;border-radius:7px;}
  .hbar-pct{position:absolute;right:8px;font-family:'DM Mono',monospace;font-size:.71rem;font-weight:700;color:#1e293b;}
  /* Comparison bars */
  .cmp-chart{display:flex;flex-direction:column;gap:.55rem;}
  .cmp-row{display:flex;align-items:center;gap:.65rem;}
  .cmp-label{font-size:.78rem;font-weight:700;color:var(--text);min-width:135px;text-align:right;}
  .cmp-track{flex:1;height:37px;background:#f1f5f9;border-radius:8px;overflow:hidden;}
  .cmp-fill{height:100%;border-radius:8px;display:flex;align-items:center;padding:0 .75rem;}
  .cmp-val{font-family:'DM Mono',monospace;font-size:.9rem;font-weight:700;color:#fff;}
  /* Stat highlight boxes */
  .stat-highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.6rem;margin:.85rem 0;}
  .sh-box{background:linear-gradient(135deg,#fff,#f8faff);border:1px solid var(--bord);border-radius:12px;padding:.9rem 1rem;text-align:center;}
  .sh-num{font-family:'DM Mono',monospace;font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:.2rem;}
  .sh-label{font-size:.68rem;color:var(--muted);font-weight:700;line-height:1.45;}
  /* Process timeline */
  .pt-timeline{display:flex;flex-direction:column;margin:1rem 0;}
  .pt-step{display:flex;gap:.9rem;}
  .pt-left{display:flex;flex-direction:column;align-items:center;}
  .pt-num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;font-family:'DM Mono',monospace;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(37,99,235,.22);}
  .pt-line{width:2px;flex:1;background:linear-gradient(180deg,#bfdbfe,#e2e8f0);margin:.2rem 0;min-height:18px;}
  .pt-content{flex:1;padding:.05rem 0 1rem;}
  .pt-step-title{font-size:.9rem;font-weight:800;color:var(--text);margin-bottom:.15rem;}
  .pt-body{font-size:.8rem;color:var(--muted);line-height:1.6;}
  /* License category cards */
  .cat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.6rem;margin:.85rem 0;}
  .cat-card{background:#fff;border:1.5px solid var(--bord);border-radius:12px;padding:.8rem .65rem;text-align:center;transition:border-color .15s;}
  .cat-card:hover{border-color:var(--blue);}
  .cat-badge{display:inline-block;font-family:'DM Mono',monospace;font-size:.76rem;font-weight:700;background:var(--blue);color:#fff;padding:.1rem .48rem;border-radius:99px;margin-bottom:.4rem;}
  .cat-icon{font-size:1.55rem;margin-bottom:.3rem;}
  .cat-name{font-size:.72rem;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:.28rem;}
  .cat-age{font-size:.68rem;color:var(--muted);}
  .cat-age strong{color:var(--red);}
  /* License validity */
  .validity-wrap{display:flex;flex-direction:column;gap:.45rem;margin:.85rem 0;}
  .vv-row{display:flex;align-items:center;gap:.7rem;}
  .vv-label{font-size:.78rem;font-weight:700;color:var(--text);min-width:95px;text-align:right;}
  .vv-track{flex:1;height:32px;background:#f1f5f9;border-radius:8px;overflow:hidden;}
  .vv-fill{height:100%;border-radius:8px;display:flex;align-items:center;padding:0 .8rem;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;color:#fff;}
  .viz-footnote{font-size:.7rem;color:var(--muted);margin-top:.45rem;}
  @media(max-width:560px){
    .donut-svg{width:125px;height:125px;}
    .hbar-label,.cmp-label{min-width:90px;font-size:.73rem;}
    .cat-cards{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));}
    .stat-highlights{grid-template-columns:repeat(2,1fr);}
  }
