/* Auto Škola Quiz — app styles (mobile-first) */
:root {
	--asq-primary: #1d4ed8;
	--asq-primary-d: #1e3a8a;
	--asq-primary-l: #eff4ff;
	--asq-accent: #f5b301;
	--asq-accent-d: #b98500;
	--asq-ok: #15803d;
	--asq-ok-l: #ecfdf3;
	--asq-bad: #c81e1e;
	--asq-bad-l: #fef2f2;
	--asq-mid: #b45309;
	--asq-ink: #0f172a;
	--asq-ink-2: #475569;
	--asq-ink-3: #94a3b8;
	--asq-line: #e2e8f0;
	--asq-bg: #f6f8fb;
	--asq-card: #ffffff;
	--asq-r: 16px;
	--asq-r-sm: 12px;
	--asq-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 16px rgba(15, 23, 42, .06);
	--asq-shadow-lg: 0 10px 40px rgba(15, 23, 42, .18);
	--asq-safe-b: env(safe-area-inset-bottom, 0px);
	--asq-safe-t: env(safe-area-inset-top, 0px);
}

.asq, .asq * { box-sizing: border-box; }
.asq { color: var(--asq-ink); font: inherit; -webkit-tap-highlight-color: transparent; }
.asq button { font: inherit; color: inherit; cursor: pointer; }
.asq-ico { width: 20px; height: 20px; flex: none; }
html.asq-lock, html.asq-lock body { overflow: hidden; }

.asq-boot, .asq-error { padding: 40px 16px; text-align: center; color: var(--asq-ink-2); }
.asq-error .asq-btn { margin-top: 12px; }

/* ---------- Buttons ---------- */
.asq-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	min-height: 48px; padding: 0 20px; border-radius: 999px; border: 1.5px solid transparent;
	font-weight: 700; font-size: 15px; line-height: 1.1; text-align: center; text-decoration: none;
	transition: background .15s, border-color .15s, transform .1s, box-shadow .15s;
	user-select: none;
}
.asq-btn:active:not([disabled]) { transform: scale(.98); }
.asq-btn[disabled] { opacity: .45; cursor: not-allowed; }
.asq-btn-primary { background: var(--asq-primary); color: #fff !important; }
.asq-btn-primary:hover:not([disabled]) { background: var(--asq-primary-d); }
.asq-btn-accent { background: var(--asq-accent); color: #1a1300 !important; }
.asq-btn-accent:hover:not([disabled]) { background: #e5a700; }
.asq-btn-ghost { background: #fff; border-color: var(--asq-line); color: var(--asq-ink) !important; }
.asq-btn-ghost:hover:not([disabled]) { border-color: var(--asq-ink-3); }
.asq-btn-danger { background: var(--asq-bad); color: #fff !important; }
.asq-btn-lg { min-height: 54px; font-size: 16px; width: 100%; }
.asq-btn .asq-ico { width: 18px; height: 18px; }
.asq-btn:focus-visible, .asq-icon-btn:focus-visible, .asq-ans:focus-visible, .asq-card:focus-visible, .asq-key:focus-visible, .asq-lang:focus-visible, .asq-seg button:focus-visible, .asq-link:focus-visible, .asq-img:focus-visible {
	outline: 3px solid rgba(29, 78, 216, .45); outline-offset: 2px;
}
.asq-icon-btn {
	display: inline-grid; place-items: center; width: 44px; height: 44px; flex: none;
	border-radius: 999px; border: 1.5px solid var(--asq-line); background: #fff;
}
.asq-icon-btn[disabled] { opacity: .35; }
.asq-link { background: none; border: 0; padding: 6px 2px; color: var(--asq-primary); font-weight: 600; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Home ---------- */
.asq-resume {
	display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; padding: 16px;
	border-radius: var(--asq-r); background: var(--asq-primary-l); border: 1px solid #c7d7fe;
}
.asq-resume strong { display: block; font-size: 16px; }
.asq-resume span { color: var(--asq-ink-2); font-size: 14px; }
.asq-resume-btns { display: flex; gap: 8px; }
.asq-resume-btns .asq-btn { flex: 1; min-height: 44px; }

.asq-grid { display: grid; gap: 12px; }
.asq-card {
	display: flex; align-items: flex-start; gap: 14px; width: 100%; padding: 16px;
	text-align: left; background: var(--asq-card); border: 1px solid var(--asq-line);
	border-radius: var(--asq-r); box-shadow: var(--asq-shadow);
	transition: transform .15s, box-shadow .15s, border-color .15s;
}
.asq-card:hover { border-color: #c7d2fe; box-shadow: var(--asq-shadow-lg); transform: translateY(-1px); }
.asq-card-icon {
	display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 14px;
	background: var(--asq-primary-l); color: var(--asq-primary);
}
.asq-card-icon .asq-ico { width: 24px; height: 24px; }
.asq-cat-pravila .asq-card-icon, .asq-card-icon.asq-cat-pravila { background: #ecfeff; color: #0e7490; }
.asq-cat-znakovi .asq-card-icon, .asq-card-icon.asq-cat-znakovi { background: #fff7e0; color: #b45309; }
.asq-cat-c_kategorija .asq-card-icon, .asq-card-icon.asq-cat-c_kategorija { background: #f5f3ff; color: #6d28d9; }
.asq-card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.asq-card-title { font-weight: 800; font-size: 17px; line-height: 1.25; }
.asq-card-desc { color: var(--asq-ink-2); font-size: 14px; line-height: 1.4; }
.asq-card-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 13px; color: var(--asq-ink-2); font-weight: 600; }
.asq-bar { display: block; height: 6px; margin-top: 4px; border-radius: 99px; background: #eef2f7; overflow: hidden; }
.asq-bar span { display: block; height: 100%; border-radius: inherit; background: var(--asq-ok); transition: width .4s; }
.asq-card-go { align-self: center; color: var(--asq-ink-3); }

.asq-feature { display: grid; gap: 12px; margin-top: 12px; }
.asq-exam, .asq-mist {
	display: flex; flex-direction: column; gap: 14px; padding: 18px;
	border-radius: var(--asq-r); box-shadow: var(--asq-shadow);
}
.asq-exam { background: linear-gradient(135deg, #0f2a6b 0%, #1d4ed8 100%); color: #fff; }
.asq-exam .asq-card-icon { background: rgba(255, 255, 255, .14); color: var(--asq-accent); }
.asq-exam h3, .asq-mist h3 { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.2; color: inherit; }
.asq-exam p { margin: 4px 0 0; color: rgba(255, 255, 255, .85); font-size: 14px; }
.asq-exam small { color: rgba(255, 255, 255, .7); font-size: 12.5px; text-align: center; }
.asq-exam-head { display: flex; gap: 14px; align-items: flex-start; }
.asq-exam-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 14px; font-weight: 600; }
.asq-exam-meta > span:first-child { display: inline-flex; gap: 6px; align-items: center; }
.asq-exam-meta .asq-ico { width: 17px; height: 17px; }
.asq-pill { padding: 4px 10px; border-radius: 99px; font-size: 12.5px; font-weight: 700; }
.asq-exam .asq-pill.is-ok { background: rgba(34, 197, 94, .22); color: #bbf7d0; }
.asq-exam .asq-pill.is-bad { background: rgba(248, 113, 113, .22); color: #fecaca; }
.asq-mist { background: #fff; border: 1px solid var(--asq-line); }
.asq-mist .asq-card-icon { background: var(--asq-bad-l); color: var(--asq-bad); }
.asq-mist p { margin: 4px 0 0; color: var(--asq-ink-2); font-size: 14px; }
.asq-count { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 8px; margin-left: 4px; border-radius: 99px; background: var(--asq-bad); color: #fff; font-size: 13px; vertical-align: 2px; }

.asq-summary {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; padding: 14px;
	background: #fff; border: 1px solid var(--asq-line); border-radius: var(--asq-r); text-align: center;
}
.asq-summary strong { display: block; font-size: 20px; font-weight: 800; }
.asq-summary span { font-size: 12.5px; color: var(--asq-ink-2); }
.asq-summary .asq-link { grid-column: 1 / -1; justify-self: center; color: var(--asq-ink-2); font-size: 13px; }

@media (min-width: 640px) {
	.asq-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
	.asq-resume { flex-direction: row; align-items: center; justify-content: space-between; }
	.asq-resume-btns .asq-btn { flex: none; }
}
@media (min-width: 900px) {
	.asq-feature { grid-template-columns: 1.4fr 1fr; gap: 16px; margin-top: 16px; }
	.asq-exam .asq-btn-lg { width: auto; align-self: flex-start; padding: 0 28px; }
	.asq-exam small { text-align: left; }
}

/* ---------- Sheet / dialog ---------- */
.asq-sheet-wrap {
	position: fixed; inset: 0; z-index: 100010; display: flex; align-items: flex-end; justify-content: center;
	background: rgba(15, 23, 42, 0); transition: background .2s;
}
.asq-sheet-wrap.is-open { background: rgba(15, 23, 42, .5); }
.asq-sheet {
	width: 100%; max-width: 520px; max-height: 90vh; overflow: auto; padding: 22px 18px calc(18px + var(--asq-safe-b));
	background: #fff; border-radius: 22px 22px 0 0; box-shadow: var(--asq-shadow-lg); color: var(--asq-ink);
	transform: translateY(100%); transition: transform .22s ease-out;
}
.asq-sheet-wrap.is-open .asq-sheet { transform: none; }
@media (min-width: 640px) {
	.asq-sheet-wrap { align-items: center; padding: 16px; }
	.asq-sheet { border-radius: 22px; transform: translateY(16px) scale(.98); opacity: 0; transition: transform .2s, opacity .2s; }
	.asq-sheet-wrap.is-open .asq-sheet { opacity: 1; }
}
.asq-sheet-head { display: flex; gap: 14px; align-items: center; margin-bottom: 8px; }
.asq-sheet-title { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.25; }
.asq-sheet-text { margin: 6px 0 0; color: var(--asq-ink-2); font-size: 15px; }
.asq-sheet-btns { display: flex; gap: 10px; margin-top: 22px; }
.asq-sheet-btns .asq-btn { flex: 1; }
.asq-label { display: block; margin: 18px 0 8px; font-size: 13px; font-weight: 700; color: var(--asq-ink-2); text-transform: uppercase; letter-spacing: .04em; }
.asq-seg { display: flex; gap: 4px; padding: 4px; background: #f1f5f9; border-radius: 14px; }
.asq-seg button {
	flex: 1; min-height: 42px; padding: 0 8px; border: 0; border-radius: 10px; background: transparent;
	font-weight: 700; font-size: 14px; color: var(--asq-ink-2); white-space: nowrap;
}
.asq-seg button.is-on { background: #fff; color: var(--asq-primary); box-shadow: 0 1px 3px rgba(15, 23, 42, .12); }
.asq-seg-sm button { min-height: 36px; font-size: 13px; }

/* ---------- Quiz overlay ---------- */
.asq-overlay {
	position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column;
	background: var(--asq-bg); animation: asq-in .2s ease-out;
}
@keyframes asq-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.asq-top {
	display: flex; align-items: center; gap: 10px; padding: calc(8px + var(--asq-safe-t)) 12px 8px;
	background: #fff; border-bottom: 1px solid var(--asq-line);
}
.asq-top-title { flex: 1; min-width: 0; font-weight: 800; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.asq-top-meta { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; }
.asq-counter { color: var(--asq-ink-2); font-variant-numeric: tabular-nums; }
.asq-timer { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border-radius: 99px; background: var(--asq-primary-l); color: var(--asq-primary); font-variant-numeric: tabular-nums; }
.asq-timer .asq-ico { width: 16px; height: 16px; }
.asq-timer.is-low { background: var(--asq-bad-l); color: var(--asq-bad); }
.asq-lang {
	display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 10px; flex: none;
	border-radius: 99px; border: 1.5px solid var(--asq-line); background: #fff; font-weight: 800; font-size: 13px;
}
.asq-lang .asq-ico { width: 16px; height: 16px; }
.asq-progress { height: 4px; background: var(--asq-line); }
.asq-progress span { display: block; height: 100%; background: var(--asq-primary); transition: width .3s; }

.asq-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.asq-panel { max-width: 720px; margin: 0 auto; padding: 18px 16px 28px; }
.asq-q-tools { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.asq-tag { padding: 4px 10px; border-radius: 99px; background: #e8eef9; color: var(--asq-primary-d); font-size: 12px; font-weight: 700; }
.asq-dual { font-size: 13px; text-align: right; }
.asq-q { margin: 0; font-size: 19px; line-height: 1.4; font-weight: 750; font-weight: 700; color: var(--asq-ink); outline: none; }
.asq-q-alt { margin: 8px 0 0; padding-left: 10px; border-left: 3px solid var(--asq-accent); color: var(--asq-ink-2); font-size: 15px; line-height: 1.45; font-style: italic; }

.asq-img {
	position: relative; display: grid; place-items: center; min-height: 160px; width: 100%; margin: 16px 0 4px; padding: 10px; border: 1px solid var(--asq-line);
	border-radius: var(--asq-r); background: #fff; cursor: zoom-in;
}
.asq-img img { display: block; width: 100%; max-width: 420px; max-height: 300px; height: auto; margin: 0 auto; object-fit: contain; }
.asq-img-zoom { position: absolute; right: 10px; bottom: 10px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 99px; background: rgba(15, 23, 42, .65); color: #fff; }
.asq-img-zoom .asq-ico { width: 18px; height: 18px; }

.asq-answers { display: grid; gap: 10px; margin-top: 18px; }
.asq-ans {
	display: flex; align-items: flex-start; gap: 12px; width: 100%; min-height: 56px; padding: 12px 14px;
	text-align: left; background: #fff; border: 2px solid var(--asq-line); border-radius: var(--asq-r-sm);
	font-size: 16px; line-height: 1.4; transition: border-color .12s, background .12s;
}
.asq-ans:hover:not([aria-disabled]) { border-color: #a5b4fc; }
.asq-ans-key {
	display: grid; place-items: center; width: 30px; height: 30px; flex: none; margin-top: -2px;
	border-radius: 9px; background: #f1f5f9; color: var(--asq-ink-2); font-weight: 800; font-size: 14px;
}
.asq-ans-key .asq-ico { width: 18px; height: 18px; }
.asq-ans-txt { flex: 1; min-width: 0; padding-top: 2px; }
.asq-ans-txt em { display: block; margin-top: 4px; color: var(--asq-ink-2); font-size: 14px; }
.asq-ans.is-sel { border-color: var(--asq-primary); background: var(--asq-primary-l); }
.asq-ans.is-sel .asq-ans-key { background: var(--asq-primary); color: #fff; }
.asq-ans.is-right { border-color: var(--asq-ok); background: var(--asq-ok-l); }
.asq-ans.is-right .asq-ans-key { background: var(--asq-ok); color: #fff; }
.asq-ans.is-wrong { border-color: var(--asq-bad); background: var(--asq-bad-l); }
.asq-ans.is-wrong .asq-ans-key { background: var(--asq-bad); color: #fff; }
.asq-ans.is-dim { opacity: .6; }
.asq-ans[aria-disabled] { cursor: default; }

.asq-feedback {
	display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; padding: 14px; border-radius: var(--asq-r-sm);
	font-size: 15px; line-height: 1.45; animation: asq-in .2s ease-out;
}
.asq-feedback > span { display: grid; place-items: center; width: 26px; height: 26px; flex: none; border-radius: 99px; color: #fff; }
.asq-feedback > span .asq-ico { width: 16px; height: 16px; }
.asq-feedback.is-ok { background: var(--asq-ok-l); color: #14532d; }
.asq-feedback.is-ok > span { background: var(--asq-ok); }
.asq-feedback.is-bad { background: var(--asq-bad-l); color: #7f1d1d; }
.asq-feedback.is-bad > span { background: var(--asq-bad); }

/* order questions */
.asq-hint { margin: 16px 0 10px; color: var(--asq-ink-2); font-size: 14px; }
.asq-order { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; border: 2px dashed var(--asq-line); border-radius: var(--asq-r-sm); background: #fff; }
.asq-order.is-right { border: 2px solid var(--asq-ok); background: var(--asq-ok-l); }
.asq-order.is-wrong { border: 2px solid var(--asq-bad); background: var(--asq-bad-l); }
.asq-slots { display: flex; gap: 8px; flex-wrap: wrap; }
.asq-slot { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: #f1f5f9; font-size: 20px; font-weight: 800; color: var(--asq-ink); }
.asq-slot.is-filled { background: var(--asq-primary); color: #fff; }
.asq-order.is-right .asq-slot { background: var(--asq-ok); color: #fff; }
.asq-order.is-wrong .asq-slot { background: var(--asq-bad); color: #fff; }
.asq-keys { display: grid; grid-template-columns: repeat(auto-fill, minmax(58px, 1fr)); gap: 10px; margin-top: 12px; }
.asq-key { min-height: 56px; border-radius: 14px; border: 2px solid var(--asq-line); background: #fff; font-size: 22px; font-weight: 800; }
.asq-key:hover:not([disabled]) { border-color: var(--asq-primary); }
.asq-key[disabled] { opacity: .35; cursor: default; }

.asq-foot { background: #fff; border-top: 1px solid var(--asq-line); padding: 10px 12px calc(10px + var(--asq-safe-b)); }
.asq-foot-in { display: flex; align-items: center; gap: 8px; max-width: 720px; margin: 0 auto; }
.asq-foot-sp { flex: 1; }
.asq-foot .asq-btn { min-width: 150px; }
@media (max-width: 380px) { .asq-foot .asq-btn { min-width: 0; flex: 1; } .asq-foot-sp { display: none; } }

/* exam grid */
.asq-gridnav { display: grid; grid-template-columns: repeat(auto-fill, minmax(46px, 1fr)); gap: 8px; margin-top: 16px; }
.asq-gridnav button { height: 46px; border-radius: 10px; border: 1.5px solid var(--asq-line); background: #fff; font-weight: 700; }
.asq-gridnav button.is-done { background: var(--asq-primary-l); border-color: #a5b4fc; color: var(--asq-primary-d); }
.asq-gridnav button.is-cur { outline: 2.5px solid var(--asq-accent); outline-offset: 1px; }
.asq-legend { display: flex; align-items: center; gap: 6px; margin: 14px 0 0; font-size: 13px; color: var(--asq-ink-2); }
.asq-legend span { width: 14px; height: 14px; border-radius: 4px; border: 1.5px solid var(--asq-line); margin-left: 8px; }
.asq-legend span:first-child { margin-left: 0; }
.asq-legend span.is-done { background: var(--asq-primary-l); border-color: #a5b4fc; }

/* lightbox */
.asq-lightbox {
	position: fixed; inset: 0; z-index: 100020; display: grid; place-items: center; padding: 16px;
	background: rgba(2, 6, 23, 0); transition: background .2s; cursor: zoom-out;
}
.asq-lightbox.is-open { background: rgba(2, 6, 23, .9); }
.asq-lightbox img { max-width: 100%; max-height: 86vh; border-radius: 12px; background: #fff; opacity: 0; transform: scale(.96); transition: opacity .2s, transform .2s; image-rendering: auto; }
.asq-lightbox.is-open img { opacity: 1; transform: none; width: min(100%, 900px); height: auto; object-fit: contain; }
.asq-lightbox .asq-icon-btn { position: absolute; top: calc(12px + var(--asq-safe-t)); right: 12px; }

/* ---------- Results ---------- */
.asq-results { text-align: center; }
.asq-score { position: relative; width: 168px; height: 168px; margin: 8px auto 6px; }
.asq-score svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.asq-score circle { fill: none; stroke-width: 10; }
.asq-score .bg { stroke: var(--asq-line); }
.asq-score .fg { stroke: var(--asq-primary); stroke-linecap: round; transition: stroke-dasharray .8s ease-out; }
.asq-score.is-ok .fg { stroke: var(--asq-ok); }
.asq-score.is-bad .fg { stroke: var(--asq-bad); }
.asq-score.is-mid .fg { stroke: var(--asq-accent); }
.asq-score > div { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.asq-score strong { font-size: 38px; font-weight: 800; line-height: 1; }
.asq-score span { margin-top: 6px; font-size: 13px; color: var(--asq-ink-2); font-weight: 600; }
.asq-verdict { margin: 8px 0 0; font-size: 24px; font-weight: 800; }
.asq-verdict.is-ok { color: var(--asq-ok); }
.asq-verdict.is-bad { color: var(--asq-bad); }
.asq-verdict.is-mid { color: var(--asq-mid); }
.asq-sub { margin: 4px 0 0; color: var(--asq-ink-2); font-size: 14px; }
.asq-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 20px 0; }
.asq-stats > div { padding: 12px 4px; border-radius: var(--asq-r-sm); background: #fff; border: 1px solid var(--asq-line); }
.asq-stats strong { display: block; font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.asq-stats span { font-size: 12px; color: var(--asq-ink-2); }
.asq-stats .is-ok strong { color: var(--asq-ok); }
.asq-stats .is-bad strong { color: var(--asq-bad); }
.asq-res-btns { display: grid; gap: 10px; }
@media (min-width: 560px) { .asq-res-btns { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); } }
.asq-review-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin: 28px 0 12px; text-align: left; }
.asq-review-head h3 { margin: 0; font-size: 18px; font-weight: 800; }
.asq-review { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; text-align: left; }
.asq-review li { padding: 14px; border-radius: var(--asq-r-sm); background: #fff; border: 1px solid var(--asq-line); border-left: 4px solid var(--asq-ok); }
.asq-review li.is-bad { border-left-color: var(--asq-bad); }
.asq-rv-q { display: flex; gap: 10px; }
.asq-rv-q p { margin: 0; font-weight: 700; font-size: 15px; line-height: 1.4; }
.asq-rv-n { flex: none; min-width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: #f1f5f9; font-size: 12.5px; font-weight: 800; color: var(--asq-ink-2); }
.asq-img-sm { margin: 10px 0 2px; padding: 6px; min-height: 0; }
.asq-img-sm img { max-height: 160px; }
.asq-rv-a { display: flex; gap: 8px; align-items: flex-start; margin: 8px 0 0; font-size: 14.5px; line-height: 1.4; }
.asq-rv-a .asq-ico { width: 18px; height: 18px; margin-top: 1px; }
.asq-rv-a.is-right { color: #14532d; }
.asq-rv-a.is-right .asq-ico { color: var(--asq-ok); }
.asq-rv-a.is-wrong { color: #7f1d1d; }
.asq-rv-a.is-wrong .asq-ico { color: var(--asq-bad); }

@media (min-width: 768px) {
	.asq-panel { padding: 28px 24px 40px; }
	.asq-q { font-size: 22px; }
	.asq-ans { font-size: 17px; padding: 14px 16px; }
}

@media (prefers-reduced-motion: reduce) {
	.asq *, .asq-overlay, .asq-sheet, .asq-lightbox img { animation: none !important; transition: none !important; }
}