.bp-ders,.bp-ders *{box-sizing:border-box}
.bp-ders{
  --bp:#20afa6;
  --bp-dark:#071321;
  --bp-dark-2:#0d1b2a;
  --bp-text:#243746;
  --bp-radius:18px;
  --bp-shadow:0 12px 30px rgba(7,19,33,.08);
  color:var(--bp-text);
  line-height:1.72
}
.bp-ders h2,.bp-ders h3{line-height:1.28}
.bp-ders p{margin:0 0 14px}

.bp-print-row{display:flex;justify-content:flex-end;margin:0 0 18px}
.bp-print-button{
  padding:10px 18px;border:0;border-radius:999px;
  background:var(--bp);color:#fff;font-weight:800;cursor:pointer
}

.bp-panel{
  margin:26px 0;
  padding:24px;
  border:1px solid rgba(32,175,166,.18);
  border-radius:var(--bp-radius);
  background:#fff;
  box-shadow:var(--bp-shadow)
}
.bp-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.bp-heading span{font-size:22px;line-height:1}
.bp-heading h2{
  margin:0!important;
  color:var(--bp-dark)!important;
  font-size:28px!important;
  font-weight:800!important;
  letter-spacing:-.02em
}
.bp-heading-light h2{color:#fff!important}

.bp-short-answer{background:linear-gradient(135deg,#eafffc 0%,#f8fffe 100%)}
.bp-summary{
  background:linear-gradient(135deg,#fffbe8 0%,#fffef8 100%);
  border-color:rgba(232,179,0,.26)
}

.bp-target-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important
}
.bp-target-card{
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
  width:100%!important;
  min-width:0!important;
  min-height:120px!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid #dceceb!important;
  border-radius:15px!important;
  background:#f8fbfc!important
}
.bp-target-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:12px!important;
  background:#eef7f6!important;
  font-size:23px!important
}
.bp-target-copy{min-width:0!important}
.bp-target-card h3{
  margin:1px 0 6px!important;
  color:var(--bp-dark)!important;
  font-size:18px!important;
  font-weight:800!important
}
.bp-target-card p{margin:0!important}

.bp-callout{
  display:flex;gap:15px;margin:24px 0;padding:20px 22px;
  border-left:5px solid;border-radius:14px
}
.bp-callout-icon{font-size:27px}
.bp-callout h3{margin:0 0 5px!important;font-size:19px!important;font-weight:800!important}
.bp-exam{border-color:#ef476f;background:#fff1f5}
.bp-confusion{border-color:#f3ad21;background:#fff9e8}
.bp-memory{border-color:#8b5cf6;background:#f5f1ff}
.bp-teacher{border-color:#22b7ff;background:#eef9ff}

.bp-board{background:linear-gradient(135deg,var(--bp-dark),var(--bp-dark-2))}
.bp-board-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}
.bp-board-card{
  min-height:170px;
  padding:24px;
  border:1px solid rgba(32,175,166,.45);
  border-radius:15px;
  background:rgba(255,255,255,.06);
  color:#dceaf2
}
.bp-board-icon{font-size:26px}
.bp-board-card h3{
  margin:12px 0 5px!important;
  color:#fff!important;
  font-size:19px!important
}
.bp-board-card p{margin:0}

/* Tema CSS'ine karşı kilitli premium tablo */
.bp-ders .bp-table-wrap{
  margin:30px 0!important;
  overflow-x:auto!important;
  border:1px solid #dbe8ee!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(7,19,33,.09)!important
}
.bp-ders .bp-table-wrap table{
  width:100%!important;
  min-width:620px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important
}
.bp-ders .bp-table-wrap thead,
.bp-ders .bp-table-wrap thead tr{
  background:#0d6e6b!important
}
.bp-ders .bp-table-wrap thead th{
  padding:16px 18px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
  background:#0d6e6b!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  text-align:left!important;
  vertical-align:middle!important;
  opacity:1!important;
  text-shadow:none!important
}
.bp-ders .bp-table-wrap thead th:first-child{border-top-left-radius:15px!important}
.bp-ders .bp-table-wrap thead th:last-child{
  border-top-right-radius:15px!important;
  border-right:0!important
}
.bp-ders .bp-table-wrap tbody td{
  padding:15px 18px!important;
  border:0!important;
  border-top:1px solid #edf3f6!important;
  border-right:1px solid #edf3f6!important;
  background:#fff!important;
  color:#2d3c4d!important;
  font-size:15px!important;
  line-height:1.55!important;
  text-align:left!important;
  vertical-align:top!important
}
.bp-ders .bp-table-wrap tbody td:last-child{border-right:0!important}
.bp-ders .bp-table-wrap tbody tr:nth-child(even) td{background:#f8fbfc!important}
.bp-ders .bp-table-wrap tbody tr:hover td{background:#eefaf8!important}

.bp-test{background:linear-gradient(135deg,#f8fffe,#fff)}
.bp-test-content>ol{padding-left:28px!important}
.bp-test-content>ol>li{margin:0 0 15px;padding-left:6px}
.bp-test-content>ol>li::marker{color:#20afa6;font-weight:800}
.bp-answers{
  margin-top:20px;border:1px solid #cce8e5;
  border-radius:14px;background:#f4fbfa
}
.bp-answers summary{padding:15px 18px;cursor:pointer;font-weight:800;color:#087f78}
.bp-answer-content{padding:0 18px 18px}

.bp-links{background:linear-gradient(135deg,var(--bp-dark),#0b1730)}
.bp-links-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px
}
.bp-link-card{
  --c:#20afa6;
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:74px;
  padding:15px 46px 15px 15px;
  border:1px solid var(--c);
  border-radius:14px;
  background:rgba(255,255,255,.05);
  color:#fff!important;
  text-decoration:none!important;
  transition:.25s
}
.bp-link-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.09)}
.bp-link-icon{font-size:23px}
.bp-link-title{font-weight:800}
.bp-link-arrow{position:absolute;right:16px;color:var(--c);font-size:22px}
.bp-link-turkuaz{--c:#20afa6}
.bp-link-mavi{--c:#22b7ff}
.bp-link-mor{--c:#bd58ff}
.bp-link-sari{--c:#ffd83d}
.bp-link-yesil{--c:#16f2a1}
.bp-link-turuncu{--c:#ff9f43}

.bp-ders>h2:last-of-type{
  margin-top:34px!important;
  padding-top:18px!important;
  border-top:2px solid #e3eeee!important
}

@media(max-width:980px){
  .bp-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .bp-panel{padding:19px 16px}
  .bp-heading h2{font-size:22px!important}
  .bp-target-grid{grid-template-columns:1fr!important}
  .bp-target-card{min-height:auto!important}
  .bp-board-grid,.bp-links-grid{grid-template-columns:1fr}
  .bp-board-card{min-height:auto}
  .bp-ders .bp-table-wrap table{min-width:560px!important}
}
@media print{
  header,footer,nav,.sidebar,.bp-print-row,.bp-links{display:none!important}
  .bp-panel,.bp-callout{box-shadow:none;break-inside:avoid}
  .bp-board{background:#fff!important;color:#000!important}
  .bp-board .bp-heading h2,.bp-board-card h3{color:#000!important}
  .bp-board-card{color:#000;border-color:#999;background:#fff}
}