/* DikkatliBak ortak test arayüzü. Renkler sitenin lacivert/turkuaz kimliğini izler; sonuçlarda iyi/kötü anlamı taşıyan renk kullanılmaz. */
:root{--db-ink:#183153;--db-muted:#4f6179;--db-paper:#f3f6fb;--db-card:#fff;--db-line:#d9e2ee;--db-teal:#0b7a6a;--db-teal-soft:#e2f2ee;--db-lens:#d98f0f;--db-lens-soft:#fdf3e1;--db-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
:root[data-theme=dark]{--db-ink:#e4edf9;--db-muted:#b9c8df;--db-paper:#111b2c;--db-card:#1b2940;--db-line:#3b4e69;--db-teal:#69d8c3;--db-teal-soft:#173e37;--db-lens:#f0b94f;--db-lens-soft:#3a2f17}

.st-page-intro{max-width:760px}
.st-page-intro h1{font-family:var(--db-serif);font-weight:600;letter-spacing:-.5px;margin:6px 0 10px}
.st-crumbs{font-size:.9rem;margin:0}.st-crumbs a{color:var(--db-teal)}
.st-lang-note{font-size:.9rem;background:var(--db-lens-soft);border-radius:10px;padding:10px 14px;color:var(--db-ink)}

.st-app{max-width:780px;margin:18px auto 40px;background:var(--db-card);border:1px solid var(--db-line);border-radius:22px;padding:clamp(18px,4vw,34px);color:var(--db-ink)}
.st-app p,.st-app li,.st-app dd{color:var(--db-ink)}
.st-app h2,.st-app h3{font-family:var(--db-serif);font-weight:600;letter-spacing:-.2px}
.st-app h3{font-size:1.2rem;margin:0 0 10px}.st-app h4{margin:0;font-size:1rem}
.st-lead{font-size:1.08rem;line-height:1.7;margin-top:0}
.st-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.st-facts div{border-top:2px solid var(--db-teal);padding-top:8px}
.st-facts dt{font-size:.82rem;color:var(--db-muted);font-weight:600}.st-facts dd{margin:4px 0 0;font-size:.95rem;line-height:1.45}
.st-basis{border:1px solid var(--db-line);border-radius:12px;padding:12px 16px;margin:16px 0}
.st-basis summary{cursor:pointer;font-weight:700}.st-basis p{font-size:.93rem}.st-source{color:var(--db-muted)}.st-source a{color:var(--db-teal)}
.st-how ul{padding-inline-start:20px}.st-how li{margin:6px 0;line-height:1.55}
.st-privacy,.st-hint{font-size:.9rem;color:var(--db-muted)!important}
.st-options{border:1px solid var(--db-line);border-radius:12px;padding:12px 16px;margin:16px 0}
.st-options legend{font-weight:700;padding:0 6px}
.st-check{display:flex;gap:10px;align-items:flex-start;margin:8px 0;line-height:1.45;cursor:pointer}
.st-check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--db-teal)}
.st-actions,.st-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.st-nav{justify-content:space-between}
.st-app button{font:inherit;font-weight:700}
.st-app button:not(.secondary):not(.st-cell):not(.st-dot){background:var(--db-teal);color:#fff}
:root[data-theme=dark] .st-app button:not(.secondary):not(.st-cell):not(.st-dot){background:#147b6d}
.st-note{background:var(--db-lens-soft);border-radius:10px;padding:10px 14px;font-size:.93rem}.st-note:empty{display:none}
.st-error{color:var(--db-ink)!important;font-weight:700;min-height:1px}.st-error:empty{display:none}
.st-error:not(:empty){border-inline-start:4px solid var(--db-lens);padding:8px 12px;background:var(--db-lens-soft);border-radius:8px}

.st-progress{position:sticky;top:0;z-index:2;background:var(--db-card);padding:6px 0 10px;margin-bottom:8px}
.st-progress-text{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;color:var(--db-muted);margin-bottom:6px;flex-wrap:wrap}
.st-progress progress{width:100%;height:8px;appearance:none;border:0;border-radius:99px;background:var(--db-line);overflow:hidden}
.st-progress progress::-webkit-progress-bar{background:var(--db-line);border-radius:99px}
.st-progress progress::-webkit-progress-value{background:var(--db-teal);border-radius:99px;transition:width .3s}
.st-progress progress::-moz-progress-bar{background:var(--db-teal);border-radius:99px}
.st-prompt{font-family:var(--db-serif);font-size:1.15rem;margin:6px 0 4px}

.st-item{border:0;border-bottom:1px solid var(--db-line);margin:0;padding:18px 0;min-width:0}
.st-item legend{font-weight:600;line-height:1.5;padding:0;margin-bottom:12px;font-size:1.02rem}
.st-num{color:var(--db-muted);font-variant-numeric:tabular-nums;margin-inline-end:4px}
.st-item.st-missing{border-inline-start:4px solid var(--db-lens);padding-inline-start:12px;background:linear-gradient(90deg,var(--db-lens-soft),transparent 70%)}
:root[dir=rtl] .st-item.st-missing{background:linear-gradient(270deg,var(--db-lens-soft),transparent 70%)}
.st-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.st-opt{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:8px 6px;border:1px solid var(--db-line);border-radius:12px;cursor:pointer;font-size:.84rem;line-height:1.25;background:var(--db-card);transition:border-color .12s,background .12s}
.st-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.st-opt:hover{border-color:var(--db-teal)}
.st-opt:has(input:checked){background:var(--db-teal-soft);border-color:var(--db-teal);box-shadow:inset 0 0 0 1px var(--db-teal);font-weight:700}
.st-opt:has(input:focus-visible){outline:3px solid var(--db-lens);outline-offset:2px}

.st-question legend{font-family:var(--db-serif);font-size:1.2rem;font-weight:600}
.st-choices{display:grid;gap:8px}
.st-choice{position:relative;display:block;padding:14px 16px;border:1px solid var(--db-line);border-radius:12px;cursor:pointer;line-height:1.45}
.st-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.st-choice:hover{border-color:var(--db-teal)}
.st-choice:has(input:checked){background:var(--db-teal-soft);border-color:var(--db-teal);box-shadow:inset 0 0 0 1px var(--db-teal);font-weight:700}
.st-choice:has(input:focus-visible){outline:3px solid var(--db-lens);outline-offset:2px}
.st-jump{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.st-dot{min-width:38px;height:38px;padding:0 8px;border-radius:99px;border:1px solid var(--db-line);background:var(--db-card);color:var(--db-ink);font-size:.85rem;cursor:pointer}
.st-dot.done{background:var(--db-teal-soft);border-color:var(--db-teal)}
.st-dot.now{box-shadow:0 0 0 2px var(--db-ink)}

.st-field{display:grid;gap:10px;font-weight:600}
.st-field input{font:inherit;font-size:1.4rem;letter-spacing:.2em;padding:12px 14px;border:1px solid var(--db-line);border-radius:12px;background:var(--db-card);color:var(--db-ink);max-width:320px}
.st-words{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.st-words li{padding:14px;border:1px solid var(--db-line);border-radius:12px;text-align:center;font-size:1.15rem;font-weight:600}
.st-recog{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 14px}
.st-timer{font-variant-numeric:tabular-nums}
.st-digit{display:grid;place-items:center;min-height:160px;margin:12px 0;border:1px solid var(--db-line);border-radius:18px;background:var(--db-paper)}
.st-digit span{font-family:var(--db-serif);font-size:clamp(4rem,14vw,6.5rem);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.st-center{text-align:center}

.st-target{display:inline-grid;place-items:center;min-width:1.6em;padding:0 .25em;border:2px solid var(--db-lens);border-radius:10px;font-size:1.3em;line-height:1.4}
.st-att-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-weight:600}
.st-grid{display:grid;gap:6px;max-width:440px;margin:0 auto}
.st-row{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:6px}
.st-cell{aspect-ratio:1;min-height:40px;border-radius:10px;border:1px solid var(--db-line);background:var(--db-card);color:var(--db-ink);font-size:clamp(1.15rem,5vw,1.6rem);line-height:1;padding:0;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-weight:400}
.st-cell[aria-pressed=true]{background:var(--db-teal-soft);border-color:var(--db-teal);box-shadow:inset 0 0 0 2px var(--db-teal)}
.st-cell:focus-visible{outline:3px solid var(--db-lens);outline-offset:1px}

.st-result-head{border-bottom:1px solid var(--db-line);padding-bottom:14px;margin-bottom:18px}
.st-kicker{font-size:.9rem;color:var(--db-muted)!important;margin:0}
.st-result-head h2{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.2;margin:6px 0 10px}
.st-card{border:1px solid var(--db-line);border-radius:16px;padding:18px 20px;margin:14px 0;background:var(--db-card)}
.st-card ul,.st-card ol{padding-inline-start:20px;margin:0}.st-card li{margin:7px 0;line-height:1.55}
.st-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.st-two .st-card{margin:0}
.st-dim{padding:12px 0;border-top:1px solid var(--db-line)}.st-dim:first-of-type{border-top:0}
.st-dim-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.st-band{font-size:.85rem;color:var(--db-muted);font-variant-numeric:tabular-nums}
.st-bar{display:block;height:10px;border-radius:99px;background:var(--db-line);margin:8px 0;overflow:hidden}
.st-bar>span{display:block;height:100%;border-radius:99px;background:var(--db-teal)}
.st-dim-desc{font-size:.88rem;color:var(--db-muted)!important;margin:4px 0}
.st-dim p{margin:6px 0;line-height:1.6}
.st-related li{display:grid;gap:2px}.st-related a{color:var(--db-teal);font-weight:700}.st-related span{font-size:.9rem;color:var(--db-muted)}
.st-review{border-top:1px solid var(--db-line);padding:10px 0}.st-review summary{cursor:pointer;line-height:1.5}
.st-mark{display:inline-block;min-width:4.2em;font-size:.78rem;font-weight:700;padding:2px 8px;border:1px solid var(--db-line);border-radius:99px;text-align:center;margin-inline-end:6px}
.st-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.92rem}.st-table caption{text-align:start;font-weight:700;margin-bottom:6px}
.st-table th,.st-table td{border-bottom:1px solid var(--db-line);padding:8px 6px;text-align:start}
.st-disclaimer{font-size:.88rem;color:var(--db-muted)!important;border-inline-start:3px solid var(--db-line);padding-inline-start:12px}
.st-app [data-focus]:focus{outline:none}
.st-app [data-focus]:focus-visible{outline:3px solid var(--db-lens);outline-offset:4px}

@media(max-width:640px){.st-facts{grid-template-columns:1fr}.st-two{grid-template-columns:1fr}.st-scale{grid-template-columns:1fr;gap:6px}.st-opt{justify-content:flex-start;text-align:start;min-height:46px;padding:10px 14px}.st-nav button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.st-opt,.st-progress progress::-webkit-progress-value{transition:none}}
@media print{.st-actions,.st-nav,.st-jump,.site-header,.st-progress{display:none!important}.st-app{border:0;padding:0}.st-review{break-inside:avoid}details.st-review,details.st-basis{display:block}}
.st-footer-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px;padding-top:18px;border-top:1px solid var(--db-line);font-size:.9rem}
.st-footer-links a{color:var(--db-muted)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}