/* Sifre gucu kontrolu: puan cubugu, sure tablosu, listeler. Durum renkleri araclar.css'teki durum renkleriyle ayni. */
.sg-giris { display: flex; gap: 8px; }
.sg-giris input { flex: 1; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.sg-giris .arac-dugme { width: auto; min-height: 44px; }
.sg-bag a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.sg-sonuc { gap: 18px; }
.sg-sonuc section { display: grid; gap: 10px; min-width: 0; }
.sg-alt-baslik { margin: 0; font-size: 16px; }
.sg-ornek-not { margin: 0; font-size: 13px; color: var(--muted); }
.sg-ornek-not code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--text); }
.sg-puan { --sg-renk: var(--muted); display: grid; gap: 10px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); }
.sg-puan[data-puan="0"] { --sg-renk: #ef4444; }
.sg-puan[data-puan="1"] { --sg-renk: #f97316; }
.sg-puan[data-puan="2"] { --sg-renk: #eab308; }
.sg-puan[data-puan="3"] { --sg-renk: #22c55e; }
.sg-puan[data-puan="4"] { --sg-renk: #10b981; }
.sg-puan-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.sg-puan-ust strong { font-family: var(--heading); font-size: 26px; font-weight: 700; letter-spacing: -.6px; color: var(--sg-renk); }
.sg-puan-ust span { font-size: 13px; font-weight: 650; color: var(--muted); font-variant-numeric: tabular-nums; }
.sg-puan small { font-size: 13.5px; line-height: 1.5; color: var(--text); }
.sg-cubuk { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
.sg-cubuk span { height: 8px; border-radius: 4px; background: var(--line); }
.sg-puan[data-puan="0"] .sg-cubuk span:nth-child(-n+1),
.sg-puan[data-puan="1"] .sg-cubuk span:nth-child(-n+2),
.sg-puan[data-puan="2"] .sg-cubuk span:nth-child(-n+3),
.sg-puan[data-puan="3"] .sg-cubuk span:nth-child(-n+4),
.sg-puan[data-puan="4"] .sg-cubuk span { background: var(--sg-renk); }
.sg-tablo th { width: 58%; }
.sg-tablo th small { display: block; margin-top: 3px; font-size: 12px; font-weight: 400; letter-spacing: 0; color: var(--muted); }
.sg-tablo th { color: var(--text); font-size: 13.5px; }
.sg-sure { font-weight: 650; font-variant-numeric: tabular-nums; }
.sg-sure[data-sinif=kotu] { color: #ef4444; }
.sg-sure[data-sinif=orta] { color: #d97706; }
.sg-sure[data-sinif=iyi] { color: #16a34a; }
.sg-liste { display: grid; gap: 6px; margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.55; }
.sg-iyi { color: #16a34a; }
@media (max-width: 720px) {
  .sg-tablo th { width: auto; }
  .sg-puan { padding: 14px; }
  .sg-puan-ust strong { font-size: 22px; }
}