/* Giriş sayfası · pastel palet */
:root {
  --zemin: #f5f6fa;
  --yazi: #26303d;
  --soluk: #5d6876;
  --ana: #3f5f8f;
  --genislik: 1240px;
}
body { background: var(--zemin); color: var(--yazi); }

/* Üst başlık: geniş ve alçak */
.giris { background: linear-gradient(110deg, #dfe7fb 0%, #e9e1f7 45%, #fbe4ec 100%); color: var(--yazi); border-bottom: 1px solid #dde2ee; }
.giris .ic { max-width: var(--genislik); margin: 0 auto; padding: 16px 20px 12px; display: grid; grid-template-columns: minmax(260px, auto) 1fr; gap: 6px 32px; align-items: center; }
.giris .etiket { display: inline-block; background: #ffffffb3; border: 1px solid #c9d3ea; color: var(--ana); padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; }
.giris h1 { font-size: 26px; line-height: 1.2; margin: 6px 0 0; color: #2c3e63; }
.giris h1 span { display: block; font-size: 15.5px; font-weight: 600; color: var(--soluk); margin-top: 2px; }
.giris .aciklama p { margin: 0 0 4px; font-size: 14px; line-height: 1.5; text-align: justify; hyphens: auto; }
.giris .imza { font-size: 12.5px; color: var(--soluk); }
@media (max-width: 760px) {
  .giris .ic { grid-template-columns: 1fr; padding: 14px 16px 10px; }
  .giris h1 { font-size: 22px; }
  .giris h1 span { font-size: 14px; }
  .giris .aciklama p { font-size: 13.5px; }
}

/* Sınıf sekmeleri */
.sekmeler { background: transparent; }
.sekmeler .ic { max-width: var(--genislik); margin: 0 auto; padding: 4px 20px 0; display: flex; gap: 6px; flex-wrap: wrap; }
.sekmeler button { font: 700 14.5px Arial, sans-serif; color: var(--ana); background: #ffffff80; border: 1px solid #cdd5e8; border-bottom: 0; border-radius: 9px 9px 0 0; padding: 8px 18px; cursor: pointer; }
.sekmeler button:hover { background: #ffffffcc; }
.sekmeler button[aria-selected="true"] { background: var(--zemin); color: #2c3e63; border-color: #dde2ee; }
.sekmeler button:focus-visible { outline: 3px solid #f4b860; outline-offset: 2px; }

/* Ders kartları */
.kartlar { max-width: var(--genislik); margin: 0 auto; padding: 20px 20px 8px; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
/* Geniş ekranda 5 sütun: 10 ders iki satıra sığar, alttaki dersler gözden kaçmaz */
@media (min-width: 1080px) {
  .kartlar { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
  .kart { padding: 0 13px 8px; }
  .kart h2 { margin: 0 -13px 6px; padding: 10px 13px; font-size: 15.5px; line-height: 1.25; }
  .kart li { gap: 6px; padding: 6px 0; }
  .kart li > a:first-child { font-size: 14.5px; }
  .kart .sayi { font-size: 12.5px; }
  .kart .pdf { padding: 3px 7px; }
}
.kart { --renk: #dfe7fb; --koyu: #2c3e63; background: #fff; border-radius: 12px; padding: 0 16px 10px; box-shadow: 0 1px 6px rgba(40, 50, 80, .08); border: 1px solid color-mix(in srgb, var(--renk) 70%, #ffffff); overflow: hidden; }
.kart h2 { margin: 0 -16px 8px; padding: 11px 16px; font-size: 17px; color: var(--koyu); background: var(--renk); }
.kart ul { list-style: none; margin: 0; padding: 0; }
.kart li { display: flex; align-items: center; gap: 8px; padding: 7px 0; border-top: 1px solid #edf0f5; }
.kart li:first-child { border-top: 0; }
.kart li > a:first-child { font-weight: 700; color: var(--yazi); text-decoration: none; flex: 1; }
.kart li > a:first-child:hover { color: var(--koyu); text-decoration: underline; }
.kart .sayi { color: var(--soluk); font-size: 13px; }
.kart .pdf { font-size: 12px; font-weight: 800; color: var(--koyu); background: var(--renk); padding: 3px 9px; border-radius: 6px; text-decoration: none; border: 1px solid color-mix(in srgb, var(--renk) 60%, var(--koyu)); }
.kart .pdf:hover { filter: brightness(.95); }
.kart .kart-not { margin: 10px 0 4px; padding: 9px 11px; background: color-mix(in srgb, var(--renk) 35%, #ffffff); border-left: 4px solid var(--renk); border-radius: 4px; font-size: 13px; line-height: 1.5; color: var(--yazi); }

/* Ders renkleri (pastel) */
.ders-tde  { --renk: #f9cfe0; --koyu: #7a2e4d; }
.ders-mat  { --renk: #c6e2fb; --koyu: #1e4f7a; }
.ders-fiz  { --renk: #dccbec; --koyu: #4b2e63; }
.ders-kim  { --renk: #c3ead2; --koyu: #22573a; }
.ders-biy  { --renk: #dcefc6; --koyu: #3b5d1c; }
.ders-tar  { --renk: #fcdcb6; --koyu: #7a4410; }
.ders-cog  { --renk: #bfe9e7; --koyu: #135c5a; }
.ders-fel  { --renk: #f6f0b5; --koyu: #625c0f; }
.ders-dkab { --renk: #e8d8cd; --koyu: #5c4033; }
.ders-ing  { --renk: #fbcfcf; --koyu: #7a2323; }

/* Boş sınıf panelleri */
.panel-ic { max-width: var(--genislik); margin: 0 auto; padding: 20px 20px 8px; }
.panel-baslik { margin: 0 0 12px; font-size: 21px; color: #2c3e63; }
.panel-ust { padding-bottom: 0; }
.panel-ust + .kartlar { padding-top: 12px; }
.panel-ic .kart-not { background: #fff; border: 1px solid #e3e1f3; border-left: 4px solid #cdbff0; border-radius: 8px; font-size: 15px; line-height: 1.55; padding: 14px 16px; margin: 0; text-align: justify; }

.dip { max-width: var(--genislik); margin: 0 auto; padding: 8px 20px 40px; color: var(--soluk); font-size: 13px; }
.dip a { color: var(--ana); }
@media (max-width: 640px) { .sekmeler button { padding: 8px 13px; font-size: 14px; } .kartlar { padding: 16px 16px 8px; } }