/* ============================================================
   Alıştırma PDF sayfaları — indirme listesi
   ============================================================ */
.al-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px}

.al-pdf{display:flex;align-items:center;gap:14px;background:#fff;
  border:2px solid var(--ink,#141633);border-radius:16px;padding:14px 16px;
  color:var(--ink,#141633);text-decoration:none;
  box-shadow:4px 4px 0 rgba(20,22,51,.16);transition:transform .18s,box-shadow .18s}
.al-pdf:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--sv,#2140F0)}

.al-pdf-ik{flex:none;display:grid;place-items:center;width:44px;height:44px;
  background:rgba(255,90,78,.14);border:2px solid var(--ink,#141633);border-radius:11px;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.7rem;
  letter-spacing:.02em;color:#C43B31}
.al-pdf:hover .al-pdf-ik{background:var(--coral,#FF5A4E);color:#fff}

.al-pdf-ad{flex:1;min-width:0;font-family:'Sora',sans-serif;font-weight:600;
  font-size:.95rem;line-height:1.35;
  overflow-wrap:anywhere}
.al-pdf-kb{flex:none;font-size:.76rem;font-weight:700;color:#9A9DB8}

/* "Bu konu şu adlarla da aranıyor" satırı */
.al-takma{margin:20px 0 0;font-size:.95rem;color:#5A5D7C;line-height:2}
.al-takma b{color:var(--ink,#141633);margin-right:6px}
.al-takma span{display:inline-block;background:#fff;border:2px solid rgba(20,22,51,.14);
  border-radius:999px;padding:4px 12px;margin:0 6px 6px 0;font-size:.88rem;color:#3B3E5E}

/* Konu anlatımı sayfalarından alıştırmalara götüren şerit */
.al-serit{display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--ink,#141633);
  background:linear-gradient(120deg,rgba(62,221,174,.18),rgba(255,197,49,.16));
  border:2px solid var(--ink,#141633);border-radius:22px;padding:20px 26px;
  box-shadow:6px 6px 0 var(--ink,#141633);transition:transform .2s,box-shadow .2s}
.al-serit:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--coral,#FF5A4E)}
.al-serit-sol{flex:none;display:grid;place-items:center;line-height:1}
.al-serit-sol b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2.6rem;letter-spacing:-.03em}
.al-serit-sol small{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5A5D7C}
.al-serit-orta{flex:1;min-width:0}
.al-serit-orta b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:1.15rem;margin-bottom:4px}
.al-serit-orta small{display:block;font-size:.94rem;line-height:1.5;color:#3B3E5E}
.al-serit-go{flex:none;display:inline-flex;align-items:center;gap:8px;font-weight:800;
  background:var(--ink,#141633);color:#fff;border-radius:999px;padding:11px 20px;font-size:.92rem}
.al-serit-go i{font-style:normal;transition:transform .2s}
.al-serit:hover .al-serit-go i{transform:translateX(4px)}
@media(max-width:760px){
  .al-serit{flex-wrap:wrap;gap:14px;padding:18px 20px;box-shadow:4px 4px 0 var(--ink,#141633)}
  .al-serit-orta{flex:1 1 100%;order:2}
  .al-serit-go{order:3;width:100%;justify-content:center}
}

@media(max-width:600px){
  .al-liste{grid-template-columns:1fr}
  .al-pdf{padding:12px 14px;gap:11px;box-shadow:3px 3px 0 rgba(20,22,51,.16)}
  .al-pdf-ik{width:38px;height:38px;font-size:.64rem}
  .al-pdf-ad{font-size:.92rem}
}