:root {
    --brand:  #0099DE;
    --accent: #F18833;
    --bg:     #f8fafc;
    --text:   #0f172a;
    --muted:  #64748b;
    --border: #e2e8f0;
}
* { box-sizing: border-box; }
body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--bg); color: var(--text); }
.num { font-family: 'DM Mono', monospace; }

.hero-sim {
    color: #fff; position: relative;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 60%, #0f2a3f 100%);
}

.section-card {
    background: #fff; border-radius: 2rem; border: 1px solid var(--border);
    padding: 1.75rem; box-shadow: 0 1px 8px rgba(0,0,0,.04);
}
.pair-card {
    background: #fff; border-radius: 1.5rem; border: 1px solid var(--border); padding: 1.25rem;
}
.choice {
    display: block; border: 1.5px solid var(--border); border-radius: 1rem;
    padding: .85rem 1rem; cursor: pointer; transition: all .15s; font-size: 12.5px; font-weight: 600;
    line-height: 1.4;
}
.choice:hover { border-color: var(--brand); background: #f0f9ff; }
.choice-sm { padding: .6rem .85rem; font-size: 11.5px; }
input[type=radio] { accent-color: var(--brand); margin-right: .5rem; }
input[type=checkbox] { accent-color: var(--brand); margin-right: .5rem; }

.gap-bar-bg { height:10px; background:#f1f5f9; border-radius:99px; overflow:hidden; }
.gap-bar    { height:100%; border-radius:99px; transition: width 1s cubic-bezier(.4,0,.2,1); width:0; }
.badge-top  { background:#fff7ed; color:#c2410c; }
.badge-ok   { background:#ecfdf5; color:#059669; }
.badge-warn { background:#fffbeb; color:#b45309; }

.q-nav-dot {
    width: 8px; height: 8px; border-radius: 99px; background: #e2e8f0; display: inline-block;
}
.q-nav-dot.done { background: var(--brand); }

.kr-cell {
    width: 100%; text-align: center; font-family: 'DM Mono', monospace; font-weight: 700;
    border: 1.5px solid var(--border); border-radius: .6rem; padding: .5rem 0; font-size: 14px;
}
.kr-cell:focus { outline: none; border-color: var(--brand); }

::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:99px; }