/* Camelot ton referans sayfalari.
   legal.css'in kabugunu (ust cubuk, .lg-wrap) kullaniyor; burada
   yalnizca bu sayfalara ozel parcalar var. */

.tn-wrap{max-width:820px}

h1 .tn-kod-b{display:inline-grid;place-items:center;min-width:62px;padding:2px 12px;
  margin-right:10px;border-radius:10px;background:rgba(145,132,217,.16);
  color:var(--a400);font-weight:500;vertical-align:middle}

.tn-giris{font-size:16.5px;line-height:1.65;color:var(--n300)}
.tn-giris b{color:var(--text);font-weight:500}
.tn-not{font-size:13.5px;line-height:1.65;color:var(--n600)}

/* --- dort hareket --- */
.tn-hrk-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(166px,1fr));
  gap:12px;margin:18px 0 6px}
.tn-hrk{display:block;padding:15px;border-radius:12px;background:rgba(35,37,50,.55);
  box-shadow:var(--sh-sm);color:inherit;text-decoration:none;transition:background .18s}
.tn-hrk:hover{background:rgba(145,132,217,.12)}
.tn-hrk-t{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.tn-hrk-k{margin-top:7px;display:flex;align-items:baseline;gap:8px}
.tn-hrk-k b{font-size:22px;font-weight:500;letter-spacing:-.02em}
.tn-hrk-k span{font-size:13px;color:var(--n500)}
.tn-hrk p{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:var(--n600)}

/* --- puan tablosu ---
   Dar ekranda yatay kayiyor: 24 satirlik tabloyu telefonda sikistirmak
   okunmaz hale getiriyordu. */
.tn-tablo-kap{overflow-x:auto;margin:16px 0 8px;border-radius:12px;
  background:rgba(35,37,50,.5);box-shadow:var(--sh-sm)}
.tn-tablo{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}
.tn-tablo th{text-align:left;padding:11px 14px;font-size:10.5px;font-weight:400;
  letter-spacing:.1em;text-transform:uppercase;color:var(--n600);
  border-bottom:1px solid var(--line-soft)}
.tn-tablo td{padding:10px 14px;border-bottom:1px solid rgba(233,233,237,.05)}
.tn-tablo tr:last-child td{border-bottom:0}
.tn-tablo a{color:var(--n300);text-decoration:none}
.tn-tablo a:hover{color:var(--a400)}
.tn-kod{font-variant-numeric:tabular-nums;color:var(--n500)}
.tn-p{font-variant-numeric:tabular-nums;font-weight:500}
.tn-p.iyi{color:var(--a400)}
.tn-p.orta{color:var(--n300)}
.tn-p.zayif{color:var(--n700)}

/* --- gam notalari --- */
.tn-notalar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px;padding:0}
.tn-notalar span{min-width:42px;padding:8px 10px;border-radius:9px;text-align:center;
  background:rgba(35,37,50,.7);box-shadow:var(--sh-sm);font-size:15px;color:var(--n300)}

/* --- cagri --- */
.tn-cta{margin:34px 0 8px;padding:22px;border-radius:14px;
  background:linear-gradient(140deg,rgba(66,58,106,.42),rgba(35,37,50,.5));
  box-shadow:var(--sh-sm)}
.tn-cta h2{margin:0 0 14px}
.tn-btn{display:inline-block;padding:11px 20px;border-radius:10px;
  border:1px solid var(--accent);background:rgba(145,132,217,.14);
  color:var(--a300);text-decoration:none;font-size:14.5px}
.tn-btn:hover{background:rgba(145,132,217,.26)}

/* --- komsu tonlar: ic baglanti, tarayicinin sayfalari bulmasi icin --- */
.tn-komsu{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}
.tn-komsu a{padding:8px 12px;border-radius:9px;background:rgba(35,37,50,.6);
  box-shadow:var(--sh-sm);font-size:13.5px;color:var(--n300);text-decoration:none}
.tn-komsu a:hover{color:var(--a400);background:rgba(145,132,217,.12)}

/* --- dizin sayfasi --- */
.tn-dizin{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));
  gap:10px;margin:20px 0}
.tn-dizin a{display:flex;align-items:baseline;gap:9px;padding:12px 14px;border-radius:11px;
  background:rgba(35,37,50,.55);box-shadow:var(--sh-sm);text-decoration:none;color:inherit}
.tn-dizin a:hover{background:rgba(145,132,217,.12)}
.tn-dizin b{font-size:16px;font-weight:500;color:var(--a400);min-width:34px}
.tn-dizin span{font-size:13px;color:var(--n500)}

@media(max-width:640px){
  h1 .tn-kod-b{min-width:52px;padding:2px 9px;margin-right:8px}
  .tn-cta{padding:18px}
}