/*! © 2026 Sinan Sarıtaş · sinansaritas.com — Tüm hakları saklıdır. İzinsiz kopyalanamaz, çoğaltılamaz ve kullanılamaz. */
/*! © 2026 sinansaritas.com — Tüm hakları saklıdır. */
/* SS Çekirdek 2.11 — online test */
.sso{--r:#60A5FA;--rk:#1F6F5F;--ra:#E9F8F4;--y:#D64545;--ya:#FDECEC;--d:#2E9E57;--da:#E7F6EC;color:#24302c;max-width:860px;margin:0 auto;font-size:17px;line-height:1.55}
.sso.ssu-s5{--r:#60A5FA;--rk:#1F6F5F;--ra:#E9F8F4}.sso.ssu-s6{--r:#34D399;--rk:#6E4A63;--ra:#F5EEF3}.sso.ssu-s7{--r:#A78BFA;--rk:#9A5216;--ra:#FDF1E6}.sso.ssu-s8{--r:#FB7185;--rk:#3B6A85;--ra:#EDF4F8}
.sso *{box-sizing:border-box}
.sso-giris{background:var(--ra);border-radius:20px;padding:22px 20px;margin:0 0 20px}
.sso-rozetler{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.sso-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0 0 16px}
.sso-ozet div{background:#fff;border-radius:14px;padding:12px;text-align:center}
.sso-ozet b{display:block;font-size:1.7em;line-height:1.1;color:var(--rk)}.sso-ozet small{color:#65706b;font-size:.82em}
.sso-kip{border:0;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.sso-kip legend{font-weight:700;margin-bottom:8px;padding:0}
.sso-kip label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:2px solid transparent;border-radius:14px;padding:12px 14px;cursor:pointer}
.sso-kip label:has(input:checked){border-color:var(--r)}
.sso-kip input{margin-top:5px;accent-color:var(--rk);width:18px;height:18px}
.sso-kip b{display:block}.sso-kip small{color:#65706b;font-size:.85em}
.sso-dugmeler{display:flex;flex-wrap:wrap;gap:10px}
.sso-dugmeler .ssu-d{flex:1 1 200px;justify-content:center}
.sso-rekor{margin:14px 0 0;font-weight:600;color:var(--rk)}
.sso-diger{margin-top:16px;font-size:.92em;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sso-diger a,.sso-diger span{padding:4px 12px;border-radius:999px;background:#fff;color:var(--rk);text-decoration:none;font-weight:600}
.sso-diger span.on{background:var(--rk);color:#fff}
/* sorular (betiksiz: hepsi alt alta) */
.sso-sorular{list-style:none;margin:0;padding:0;counter-reset:s}
.sso-soru{list-style:none;counter-increment:s;margin:0 0 18px;padding:18px;border:1px solid #e3e7e5;border-radius:16px;background:#fff;position:relative}
.sso-js .sso-sorular{display:none}
.sso-baglam{background:var(--ra);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.sso-baglam>b{display:block;text-align:center;color:var(--rk);margin-bottom:4px}
.sso-govde{margin:0 0 12px}
.sso-durum{margin:0 0 6px}
.sso-kok{font-weight:700;margin:0}
.sso-kok::before{content:counter(s) ". ";color:var(--rk)}
.sso-sahne .sso-kok::before{content:none}
.sso-sec{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.sso-sec li{margin:0}
.sso-sec button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;min-height:54px;padding:8px 14px;border:2px solid #dfe4e2;border-radius:14px;background:#fff;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.sso-sec button:hover:not([disabled]){border-color:var(--r);background:var(--ra)}
.sso-sec button:active:not([disabled]){transform:scale(.99)}
.sso-sec button:focus-visible{outline:3px solid var(--rk);outline-offset:2px}
.sso-harf{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ra);color:var(--rk);font-weight:800}
.sso-yazi{flex:1}
.sso-sec button.secili{border-color:var(--rk);background:var(--ra)}.sso-sec button.secili .sso-harf{background:var(--rk);color:#fff}
.sso-sec button.dogru{border-color:var(--d);background:var(--da)}.sso-sec button.dogru .sso-harf{background:var(--d);color:#fff}
.sso-sec button.yanlis{border-color:var(--y);background:var(--ya)}.sso-sec button.yanlis .sso-harf{background:var(--y);color:#fff}
.sso-sec button[disabled]{cursor:default;opacity:1}
.sso-sec button[disabled]:not(.dogru):not(.yanlis){opacity:.6}
/* soru içi görseller (motor/seri.py ile aynı) */
.sso svg{max-width:100%;height:auto}
.sso .grs{display:block;margin:8px auto}
.sso .krt{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 6px}
.sso .krt span{border:1.5px solid #231F20;border-radius:7px;min-width:40px;padding:6px 9px;text-align:center;font-weight:700;background:#fff}
.sso .ifd{margin:6px 0 0 4px;line-height:1.7}
.sso table{border-collapse:collapse;margin:8px auto;max-width:100%;font-size:.95em}
.sso .tbl td,.sso .tbl th,.sso .t30 td{border:1px solid #9aa5a0;padding:4px 10px;text-align:center}
.sso .tbl th{background:#f3f5f4}
.sso .t30 td{width:30px;height:30px;padding:0}
/* sahne */
.sso-sahne{border:2px solid var(--r);border-radius:20px;padding:14px 16px 18px;background:#fff;margin:0 0 20px}
.sso-ust{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.sso-say{font-weight:800;color:var(--rk)}.sso-saat{margin-left:auto;font-variant-numeric:tabular-nums;color:#65706b;font-size:.92em}
.sso-tam,.sso-cik{width:40px;height:40px;border-radius:10px;border:1px solid #dfe4e2;background:#fff;cursor:pointer;font-size:1.1em;color:#45514c}
.sso-cubuk{height:8px;border-radius:99px;background:#eef1f0;overflow:hidden;margin-bottom:10px}.sso-cubuk i{display:block;height:100%;background:var(--r);transition:width .3s}
.sso-noktalar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.sso-noktalar button{width:34px;height:34px;border-radius:9px;border:1.5px solid #dfe4e2;background:#fff;font:inherit;font-size:.8em;font-weight:700;color:#65706b;cursor:pointer}
.sso-noktalar button.on{border-color:var(--rk);color:var(--rk);box-shadow:0 0 0 2px var(--ra)}
.sso-noktalar button.c{background:var(--ra);color:var(--rk)}.sso-noktalar button.d{background:var(--d);border-color:var(--d);color:#fff}.sso-noktalar button.y{background:var(--y);border-color:var(--y);color:#fff}
.sso-yer .sso-soru{border:0;padding:0;margin:0}
.sso-geri{min-height:0;border-radius:12px;margin:12px 0 0}
.sso-geri.ok,.sso-geri.no,.sso-geri.bilgi{padding:10px 14px}
.sso-geri.ok{background:var(--da);color:#1d6b3a}.sso-geri.no{background:var(--ya);color:#9b2c2c}.sso-geri.bilgi{background:#FFF6DB;color:#7a5b00}
.sso-alt{display:flex;gap:10px;margin-top:14px}.sso-alt .ssu-d{flex:1;justify-content:center}.sso-alt .ssu-d[disabled]{opacity:.45;cursor:default}
.sso:fullscreen{background:#fff;padding:24px;overflow:auto;max-width:none;font-size:22px}
.sso:fullscreen .sso-sahne{max-width:1100px;margin:0 auto}
/* sonuç */
.sso-sonuc{text-align:center;background:var(--ra);border-radius:20px;padding:24px 18px;margin:0 0 20px}
.sso-puan{--p:0;width:150px;height:150px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,#fff 78%,transparent 79%),conic-gradient(var(--rk) calc(var(--p)*1%),#dfe4e2 0)}
.sso-puan b{font-size:2.8em;line-height:1;color:var(--rk)}.sso-puan small{color:#65706b}
.sso-mesaj{font-size:1.1em;font-weight:700;margin:0 0 12px}
.sso-dyb{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}
.sso-dyb span{background:#fff;border-radius:12px;padding:8px 14px}.sso-dyb .d b{color:var(--d)}.sso-dyb .y b{color:var(--y)}
.sso-topluluk{color:#55615c;font-size:.92em;min-height:1.2em}
.sso-sonuc .sso-dugmeler{margin-top:12px}
.sso-ig{font-size:.9em;margin:16px 0 0}
.sso-incele{text-align:left;margin-top:18px}
.sso-ic{background:#fff;border-radius:16px;padding:14px 16px;margin:0 0 12px;border-left:6px solid #c8cfcc}
.sso-ic.d{border-left-color:var(--d)}.sso-ic.y{border-left-color:var(--y)}
.sso-ic-b{margin:0 0 8px;font-size:.92em}
.sso-ic .sso-soru{border:0;padding:0;margin:0}
/* QR */
.sso-qr .ssu-qr-i{text-align:center}.sso-qr svg{width:min(70vmin,360px);height:auto}
.sso-qr-adres{font-weight:700;color:var(--rk)}
.sso-qr .ssu-modal-i:fullscreen{display:grid;place-content:center;width:100%;max-height:none;font-size:1.6em}
.sso-qr .ssu-modal-i:fullscreen svg{width:min(70vh,640px)}
/* konfeti */
.sso-konfeti{position:fixed;inset:0;pointer-events:none;z-index:99999;overflow:hidden}
.sso-konfeti i{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;animation:sso-dus 2.6s ease-in forwards}
@keyframes sso-dus{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}
@media (prefers-reduced-motion:reduce){.sso-konfeti{display:none}.sso-sec button,.sso-cubuk i{transition:none}}
/* arşiv */
.sso-arsiv section{margin:0 0 24px}
.sso-arsiv-s{display:flex;align-items:center;gap:10px;font-size:1.1em;margin:0 0 10px}
.sso-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.sso-kart{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid #e3e7e5;border-radius:16px;background:#fff;color:#24302c!important;text-decoration:none!important;position:relative}
.sso-kart:hover{border-color:var(--r);background:var(--ra)}
.sso-kart .ssu-cip{align-self:flex-start;font-size:.78em}
.sso-kart small{color:#65706b}.sso-kart-d{color:var(--rk);font-weight:700;margin-top:auto}
@media (max-width:600px){.sso{font-size:16px}.sso-giris,.sso-sahne{padding:16px 14px}.sso-sec{grid-template-columns:1fr}.sso-alt{position:sticky;bottom:0;background:#fff;padding:10px 0 4px;margin-bottom:-4px}}

/* matematik gösterimi (çalışma kâğıdı motorundan: kesir, devir çizgisi, açı, uzun bölme) */
/* matematik gösterimi */
.sso .fr { display: inline-flex; flex-direction: column; vertical-align: middle; text-align: center; margin: 0 2px; line-height: 1.08; font-size: .92em; }
.sso .fr .nu { border-bottom: 1.3px solid currentColor; padding: 0 2px; }
.sso .fr .de { padding: 0 2px; }
.sso .mn { margin-right: 1px; }
.sso .ovl { text-decoration: overline; text-decoration-thickness: 1.3px; }
.sso .ang { position: relative; display: inline-block; padding-top: 3px; }
.sso .ang::before { content: ""; position: absolute; left: 12%; right: 12%; top: -2px; height: 6px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpolyline points='1,9.5 50,1 99,9.5' fill='none' stroke='black' stroke-width='2.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat; }

/* uzun bölme şeması — cekirdek.bolme(pay, payda, adim): solda işlem, sağda bölen/bölüm; eklenen sıfır kırmızı */
.sso .bs { display:inline-flex; align-items:flex-start; font-weight:600; line-height:1.28; font-size:10pt; }
.sso .bs .r { display:flex; } .sso .bs .c { width:.68em; text-align:center; } .sso .bs .c.u { border-bottom:1.3px solid currentColor; }
.sso .bs .z { color:#D32F2F; }
.sso .bs .br { border-left:1.3px solid currentColor; margin-left:.45em; } .sso .bs .bolen { padding:0 .55em; border-bottom:1.3px solid currentColor; }
.sso .bs .bolum { padding:0 .45em; white-space:nowrap; }