/* PermitLingo Tests. Themes can override the --nrt-* variables. */
.nrt,.nrt-facts,.nrt-table-wrap,.nrt-checked{
  --nrt-bg:#f3f5fb;--nrt-card:#fff;--nrt-ink:#151a33;--nrt-soft:#5d6481;--nrt-line:#e2e6f2;
  --nrt-blue:#2f5bff;--nrt-blue-d:#1d3fd1;--nrt-lane:#ffd23f;--nrt-mint:#20c997;--nrt-mint-d:#14a079;--nrt-coral:#ff5a5f;--nrt-coral-d:#d63c41;
  --nrt-r:18px;--nrt-display:inherit;
}
@media (prefers-color-scheme:dark){
  .nrt,.nrt-facts,.nrt-table-wrap,.nrt-checked{--nrt-bg:#0f1226;--nrt-card:#1a1e3a;--nrt-ink:#eef0ff;--nrt-soft:#a3a9c9;--nrt-line:#2b3058}
}
.nrt{max-width:700px;margin:0 auto;color:var(--nrt-ink);font-size:17px;line-height:1.55}
.nrt *{box-sizing:border-box}
.nrt button{font:inherit}.nrt button:not(.nrt-btn){color:inherit}
.nrt :focus-visible{outline:3px solid var(--nrt-lane);outline-offset:3px;border-radius:8px}
.nrt-status{color:var(--nrt-soft);text-align:center;padding:30px 0}
.nrt-error{color:var(--nrt-coral-d)}
.nrt-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.nrt-road{position:relative;height:46px;margin:6px 0 18px;color:var(--nrt-ink)}
.nrt-asphalt{position:absolute;left:0;right:0;top:12px;height:22px;border-radius:999px;background:var(--nrt-ink)}
.nrt-dash{position:absolute;left:14px;right:14px;top:22px;height:2px;background:repeating-linear-gradient(90deg,var(--nrt-lane) 0 14px,transparent 14px 26px)}
.nrt-done{position:absolute;left:0;top:12px;height:22px;border-radius:999px;background:var(--nrt-blue);width:30px;transition:width .45s cubic-bezier(.3,.7,.3,1)}
.nrt-car{position:absolute;top:6px;left:0;width:44px;transition:left .45s cubic-bezier(.3,.7,.3,1)}
.nrt-flag{position:absolute;right:-2px;top:0;width:28px}

.nrt-card{background:var(--nrt-card);border:2px solid var(--nrt-line);border-radius:28px;padding:22px;box-shadow:0 10px 0 var(--nrt-line)}
.nrt-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.nrt-num{font-weight:800;font-size:14px;color:var(--nrt-soft);white-space:nowrap}
.nrt-tools{display:flex;gap:6px;align-items:center}
.nrt-speak{width:36px;height:36px;border-radius:50%;border:2px solid var(--nrt-line);background:var(--nrt-card);cursor:pointer;display:grid;place-items:center}
.nrt-flip{display:inline-flex;background:var(--nrt-bg);border-radius:999px;padding:3px}
.nrt-flip button{border:0;background:none;border-radius:999px;padding:5px 12px;font-weight:800;font-size:13px;cursor:pointer;color:var(--nrt-soft)}
.nrt-flip button[aria-pressed="true"]{background:var(--nrt-ink);color:var(--nrt-bg)}
.nrt-img{display:block;width:160px;height:160px;max-width:60%;object-fit:contain;margin:0 auto 14px}
.nrt-q{font-family:var(--nrt-display);font-weight:700;font-size:clamp(19px,3vw,24px);line-height:1.25;margin:0}
.nrt-q:focus{outline:none}
.nrt-shadow{color:var(--nrt-soft);font-size:15px;margin:8px 0 18px;min-height:1.4em}
.nrt-opts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nrt-opt{width:100%;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;background:var(--nrt-card);border:2px solid var(--nrt-line);border-radius:var(--nrt-r);padding:12px 14px;font-size:16px;font-weight:600;line-height:1.35;box-shadow:0 4px 0 var(--nrt-line);transition:transform .08s,box-shadow .08s,border-color .15s}
.nrt-opt:hover{border-color:var(--nrt-blue)}
.nrt-opt:active{transform:translateY(4px);box-shadow:none}
.nrt-opt[aria-disabled="true"]{cursor:default;transform:none}
.nrt-k{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--nrt-bg);color:var(--nrt-soft)}
.nrt-right{border-color:var(--nrt-mint);background:color-mix(in srgb,var(--nrt-mint) 14%,var(--nrt-card));box-shadow:0 4px 0 var(--nrt-mint-d)}
.nrt-right .nrt-k{background:var(--nrt-mint);color:#fff}
.nrt-wrong{border-color:var(--nrt-coral);background:color-mix(in srgb,var(--nrt-coral) 12%,var(--nrt-card));box-shadow:0 4px 0 var(--nrt-coral-d)}
.nrt-wrong .nrt-k{background:var(--nrt-coral);color:#fff}
.nrt-explain{margin-top:16px;border-radius:var(--nrt-r);padding:14px 16px;font-size:15px}
.nrt-good{background:color-mix(in srgb,var(--nrt-mint) 16%,var(--nrt-card))}
.nrt-bad{background:color-mix(in srgb,var(--nrt-coral) 13%,var(--nrt-card))}
.nrt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.nrt-chip{font-size:13px;font-weight:700;background:var(--nrt-card);border:1.5px solid var(--nrt-line);border-radius:999px;padding:3px 10px}
.nrt-chip i{font-style:normal;color:var(--nrt-soft);font-weight:600}
.nrt-ref{font-size:13px;color:var(--nrt-soft);margin:10px 0 0}
.nrt-link{background:none;border:0;padding:0;margin-top:8px;font-size:13px;font-weight:700;color:var(--nrt-soft);text-decoration:underline;cursor:pointer}
.nrt-report textarea{width:100%;min-height:80px;margin-top:10px;border:2px solid var(--nrt-line);border-radius:12px;padding:10px;font:inherit;font-size:15px;background:var(--nrt-card);color:var(--nrt-ink)}
.nrt-hp{position:absolute;left:-9999px}
.nrt-msg{font-size:14px;margin:8px 0 0}

.nrt-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.nrt-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--nrt-r);padding:13px 22px;min-height:50px;font-weight:800;font-size:16px;cursor:pointer;background:var(--nrt-blue);color:#fff;box-shadow:0 5px 0 var(--nrt-blue-d);transition:transform .08s,box-shadow .08s}
.nrt-btn:active{transform:translateY(5px);box-shadow:none}
.nrt-btn:disabled{opacity:.45;cursor:default;transform:none}
.nrt-quiet{background:var(--nrt-card);color:var(--nrt-ink);border:2px solid var(--nrt-line);box-shadow:0 5px 0 var(--nrt-line)}
.nrt-sm{min-height:40px;padding:8px 14px;font-size:14px}
.nrt-resume{text-align:center}

.nrt-score{display:flex;gap:22px;align-items:center;margin:6px 0 22px;background:var(--nrt-card);border:2px solid var(--nrt-line);border-radius:28px;padding:22px}
.nrt-score h3{margin:0 0 6px;font-family:var(--nrt-display)}
.nrt-score p{margin:0;color:var(--nrt-soft)}
.nrt-ring{--p:0;flex:0 0 104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--nrt-mint) calc(var(--p)*1%),var(--nrt-line) 0)}
.nrt-ring.nrt-fail{background:conic-gradient(var(--nrt-coral) calc(var(--p)*1%),var(--nrt-line) 0)}
.nrt-ring span{width:78px;height:78px;border-radius:50%;background:var(--nrt-card);display:grid;place-items:center;font-family:var(--nrt-display);font-weight:800;font-size:22px}
.nrt-h4{margin:0 0 10px}
.nrt-review{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.nrt-review li{background:var(--nrt-card);border:2px solid var(--nrt-line);border-radius:var(--nrt-r);padding:14px 16px;font-size:15px;display:grid;grid-template-columns:28px 1fr;gap:10px}
.nrt-review small{color:var(--nrt-soft);display:block}
.nrt-dot{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800}
.nrt-dot.ok{background:var(--nrt-mint)}.nrt-dot.no{background:var(--nrt-coral)}

.nrt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:var(--nrt-ink);color:var(--nrt-bg);border-radius:28px;padding:22px;margin:16px 0}
.nrt-facts b{display:block;font-family:var(--nrt-display);font-size:28px;line-height:1.1}
.nrt-facts span{font-size:13px;opacity:.75}
.nrt-checked{font-size:14px;color:var(--nrt-soft)}
.nrt-table-wrap{overflow-x:auto}
.nrt-langs{width:100%;border-collapse:collapse;font-size:15px}
.nrt-langs th,.nrt-langs td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--nrt-line)}
.nrt-pill{font-size:12px;font-weight:800;border-radius:8px;padding:3px 8px}
.nrt-pill.y{background:color-mix(in srgb,var(--nrt-mint) 22%,var(--nrt-card));color:var(--nrt-mint-d)}
.nrt-pill.n{background:color-mix(in srgb,var(--nrt-coral) 18%,var(--nrt-card));color:var(--nrt-coral-d)}
.nrt-pill.t{background:var(--nrt-bg);color:var(--nrt-soft)}
@media (prefers-reduced-motion:reduce){.nrt *{transition:none!important}}

/* progress by topic + mistakes */
.nrt-progress{margin-top:26px;background:var(--nrt-card);border:2px solid var(--nrt-line);border-radius:var(--nrt-r);padding:18px}
.nrt-progress-box{margin:0 auto}
.nrt-progress .nrt-note{color:var(--nrt-soft);font-size:14px;margin:0 0 12px}
.nrt-progress a.nrt-btn{display:inline-block;text-decoration:none}
.nrt-tablewrap{overflow-x:auto}
.nrt-table{width:100%;border-collapse:collapse;font-size:15px}
.nrt-table th,.nrt-table td{text-align:left;padding:9px 6px;border-top:1px solid var(--nrt-line);vertical-align:middle}
.nrt-table thead th{border-top:0;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--nrt-soft)}
.nrt-table td{white-space:nowrap}
.nrt-table td:nth-child(2){text-align:right;padding-right:14px}
.nrt-table a.nrt-link{margin:0;color:var(--nrt-blue)}
.nrt-bar{display:inline-block;width:70px;height:8px;border-radius:99px;background:var(--nrt-line);vertical-align:middle;overflow:hidden;margin-right:4px}
.nrt-bar i{display:block;height:100%;background:var(--nrt-mint)}
.nrt-weak{display:inline-block;font-size:11px;font-weight:800;color:var(--nrt-coral-d);background:color-mix(in srgb,var(--nrt-coral) 14%,transparent);border-radius:99px;padding:1px 8px;margin-left:4px;white-space:nowrap}
.nrt-reset{display:block;margin-top:12px}
.nrt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:520px){.nrt-progress{padding:14px}.nrt-bar{display:none}.nrt-table{font-size:14px}.nrt-table th,.nrt-table td{padding:8px 4px}.nrt-table thead th:nth-child(2),.nrt-table td:nth-child(2){display:none}.nrt-table td{white-space:normal}}