.tests-filter{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}
.tests-filter[hidden]{display:none}
.tests-filter button{font:500 14px/1 var(--m-text);color:var(--m-t2);background:var(--m-s1);border:1px solid var(--m-border);border-radius:999px;
  min-height:38px;padding:0 16px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.tests-filter button:hover{color:var(--m-t1);border-color:rgba(244,181,74,.4)}
.tests-filter button[aria-pressed="true"]{background:var(--m-accent);border-color:var(--m-accent);color:var(--m-on-accent)}
.tests-filter button:focus-visible{outline:2px solid var(--m-accent);outline-offset:3px}
.tests-filter .n{opacity:.7;margin-left:6px;font-weight:400}
.tests-shelf{padding-top:8px}
.mat-card.t-card{display:flex;flex-direction:column;padding:20px 20px 18px}
.mat-card.t-card[hidden]{display:none}
.t-topic{font:500 12px/16px var(--m-text);letter-spacing:.06em;text-transform:uppercase;color:var(--m-accent);margin:0 0 10px}
.t-card .mat-body{padding:0}
.t-sub{margin:0 0 6px;color:var(--m-t1);font-size:14.5px;line-height:22px}
.t-card .mat-desc{margin-bottom:18px}
@media (max-width:599.98px){ .mat-card.t-card{display:flex;padding:16px} .tests-filter{margin-top:22px} }

body.tp-amber{
  --m-bg:#0A0A0B; --m-s1:#131315; --m-s2:#1C1C1F; --m-t1:#F5F3EF; --m-t2:#BAB7B0; --m-t3:#94918A;
  --m-border:rgba(255,255,255,.08); --m-accent:#F4B54A; --m-accent-hover:#F8C873; --m-accent-soft:#22190B; --m-on-accent:#1A1104;
  --m-display:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --m-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  background:var(--m-bg);color:var(--m-t1);font:400 16px/24px var(--m-text)}
.tp-amber b,.tp-amber strong{font-weight:500}
.tp-amber .container{max-width:760px;padding:0 20px}
.tp-amber .subtitle{margin:40px 0 12px;text-align:left;font:500 clamp(28px,4.4vw,40px)/1.15 var(--m-display);letter-spacing:-.02em;color:var(--m-t1)}
.tp-amber .test-desc{text-align:left;margin:0 0 26px;padding-left:14px;border-left:2px solid var(--m-accent);color:var(--m-t2);font-size:16px;line-height:1.55}
.tp-amber .test-block{padding:24px;margin-bottom:16px;background:var(--m-s1);border:1px solid var(--m-border);border-radius:18px;box-shadow:none}
.tp-amber .question{margin:0 0 16px;font:500 19px/1.4 var(--m-display);letter-spacing:-.01em;color:var(--m-t1)}
.tp-amber .question:focus{outline:none}
.tp-amber .question:focus-visible{outline:2px solid var(--m-accent);outline-offset:4px;border-radius:4px}
.tp-amber .answers label{gap:12px;margin-bottom:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--m-border);background:var(--m-bg);color:var(--m-t2);font-size:15.5px;line-height:1.45}
.tp-amber .answers label:hover{border-color:rgba(244,181,74,.45)}
.tp-amber .answers label:has(input:checked){border-color:var(--m-accent);background:var(--m-accent-soft)}
.tp-amber .answers input[type="radio"]{border-color:#6B6963}
.tp-amber .answers input[type="radio"]:checked{border-color:var(--m-accent)}
.tp-amber .answers input[type="radio"]:checked::before{background:var(--m-accent)}
.tp-amber .answers input[type="radio"]:focus-visible{outline:2px solid var(--m-accent);outline-offset:3px}
.tp-amber .answers input[type="radio"]:checked + span{color:var(--m-t1)}
.tp-amber .test-btn,.tp-amber .ts-next{display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0;min-height:46px;padding:0 26px;border:0;border-radius:999px;
  background:var(--m-accent);color:var(--m-on-accent);font:500 15px/1 var(--m-text);letter-spacing:0;cursor:pointer;transition:background .2s}
.tp-amber .test-btn:hover,.tp-amber .ts-next:hover{background:var(--m-accent-hover);color:var(--m-on-accent)}
.tp-amber .test-btn[hidden],.tp-amber .ts-next[hidden],.tp-amber .test-btn.is-hidden{display:none}
.tp-amber form:not(.is-stepper) .test-btn{display:flex;margin:18px auto 0}
.tp-amber .test-btn:focus-visible,.tp-amber .ts-next:focus-visible,.tp-amber .ts-back:focus-visible,.tp-amber .ts-result a:focus-visible,.tp-amber .ts-all:focus-visible{outline:2px solid var(--m-accent);outline-offset:3px}
.tp-amber .test-result{margin:20px 0 30px;padding:26px 22px;text-align:left;background:linear-gradient(180deg,var(--m-accent-soft),var(--m-s1));border:1px solid rgba(244,181,74,.3);border-radius:18px;box-shadow:none;color:var(--m-t2);line-height:1.6}
.tp-amber .test-result b{color:var(--m-t1);font:500 22px/1.3 var(--m-display)}
.tp-amber .test-result .consult-btn{display:inline-flex;width:auto;margin:18px 0 0;min-height:44px;padding:0 22px;border-radius:999px;background:var(--m-accent);color:var(--m-on-accent);font:500 15px/1 var(--m-text)}
.tp-amber .test-result .consult-btn:hover{background:var(--m-accent-hover)}

.has-stepper .test-progress{display:none}
.ts-progress{margin:0 0 16px}
.ts-progress-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:14px;color:var(--m-t2)}
.ts-count{color:var(--m-t1);font-weight:500}
.ts-all{color:var(--m-t2);text-decoration:none;border-bottom:1px solid #6B6963}
.ts-all:hover{color:var(--m-accent);border-color:var(--m-accent)}
.ts-bar{height:4px;border-radius:4px;background:var(--m-s2);overflow:hidden}
.ts-bar span{display:block;height:100%;width:0;background:var(--m-accent);border-radius:4px;transition:width .3s ease}
.is-stepper .test-block[hidden]{display:none}
.is-stepper .test-block{min-height:0}
.ts-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px}
.ts-back{min-height:46px;padding:0 20px;border:1px solid var(--m-border);border-radius:999px;background:none;color:var(--m-t2);font:500 15px/1 var(--m-text);cursor:pointer}
.ts-back:hover:not(:disabled){color:var(--m-t1);border-color:#6B6963}
.ts-back:disabled{opacity:.35;cursor:default}
.ts-hint{margin:12px 0 0;font-size:14px;color:var(--m-accent)}
.ts-result{margin:24px 0 8px}
.ts-result[hidden]{display:none}
.ts-result-kicker{font:500 12px/16px var(--m-text);letter-spacing:.06em;text-transform:uppercase;color:var(--m-accent);margin:0 0 -6px}
.ts-result-kicker:focus{outline:none}
.ts-after{margin:-14px 0 0;padding:0 2px}
.ts-after[hidden],.ts-result.is-error .ts-result-kicker{display:none}
.ts-material{margin:0 0 14px;color:var(--m-t2);font-size:15px}
.ts-material a{color:var(--m-accent);text-decoration:none;border-bottom:1px solid rgba(244,181,74,.5)}
.ts-material a:hover{color:var(--m-accent-hover)}
.ts-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0}
.ts-links a{color:var(--m-t2);font-size:14px;text-decoration:none;border-bottom:1px solid #6B6963;padding:2px 0}
.ts-links a:hover{color:var(--m-accent);border-color:var(--m-accent)}
.tp-amber .foot{margin-top:72px}
@media (max-width:599.98px){
  .tp-amber .subtitle{margin-top:28px}
  .tp-amber .test-block{padding:18px}
  .tp-amber .question{font-size:17px}
  .tp-amber .test-btn,.tp-amber .ts-next,.ts-back{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){.ts-bar span{transition:none}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}