/* Byte Akademi — yorumlar, soru-cevap ve bülten kutusu */
.tp { max-width: 820px; margin: clamp(48px, 7vw, 90px) 0 0; padding-top: clamp(28px, 4vw, 44px); border-top: 1px solid var(--hairline-2); }
.tp-etiket { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.24em; color: var(--copper-bright); text-transform: uppercase; }
.tp-baslik { font-family: var(--font-mono); font-size: clamp(1.1rem, 2.2vw, 1.4rem); letter-spacing: 0.04em; margin: 8px 0 6px; color: var(--ink); }
.tp-sayi { color: var(--phosphor); margin-left: 6px; }
.tp-alt { color: var(--ink-dim); font-size: 0.95rem; margin-bottom: 18px; }
.tp-gizli { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.tp-mesaj { padding: 12px 14px; border-radius: 10px; margin: 0 0 16px; font-size: 0.95rem; }
.tp-mesaj.is-ok { border: 1px solid rgba(0,255,163,.4); background: var(--phosphor-faint); color: var(--phosphor); }
.tp-mesaj.is-hata { border: 1px solid rgba(255,107,107,.45); background: rgba(255,107,107,.07); color: #FF9C9C; }

/* Form */
.tp-form-kutu { background: var(--void-2); border: 1px solid var(--hairline-2); border-radius: 14px; padding: clamp(14px, 2.4vw, 22px); margin-bottom: 26px; }
.tp-sekmeler { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--hairline-2); border-radius: 999px; margin-bottom: 16px; }
.tp-sekme { background: none; border: 0; color: var(--ink-dim); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; padding: 8px 16px; border-radius: 999px; cursor: pointer; }
.tp-sekme.is-on { background: var(--phosphor); color: #04120C; font-weight: 700; }
.tp-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tp-alan { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; position: relative; }
.tp-alan > span { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--ink-dim); }
.tp-form input[type=text], .tp-form input[type=email], .tp-form textarea,
.tp-bulten-form input[type=email] {
  width: 100%; background: var(--void); border: 1px solid var(--hairline-2); color: var(--ink);
  border-radius: 10px; padding: 11px 13px; font: inherit; font-size: 15px;
}
.tp-form textarea { resize: vertical; min-height: 120px; line-height: 1.55; }
.tp-form input:focus, .tp-form textarea:focus, .tp-bulten-form input[type=email]:focus { outline: none; border-color: var(--phosphor); box-shadow: 0 0 0 3px var(--phosphor-faint); }
.tp-sayac { align-self: flex-end; font-family: var(--font-mono); font-size: 10.5px; color: var(--ink-faint); }
.tp-kutu { display: flex; gap: 10px; align-items: flex-start; color: var(--ink-dim); font-size: 0.88rem; cursor: pointer; margin-bottom: 10px; }
.tp-kutu input { margin-top: 4px; accent-color: var(--phosphor); }
.tp-kutu.is-pasif { opacity: .45; }
.tp-kutu a, .tp-kvkk a { color: var(--phosphor); text-decoration: underline; text-underline-offset: 3px; }
.tp-kvkk { color: var(--ink-faint); font-size: 0.8rem; line-height: 1.6; margin-bottom: 14px; }
.tp-alt-satir { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.tp-gonder { cursor: pointer; }
.tp-gonder:disabled { opacity: .55; cursor: wait; }
.tp-durum { font-size: 0.9rem; min-height: 1.2em; margin: 0; }
.tp-durum.is-ok { color: var(--phosphor); }
.tp-durum.is-hata { color: #FF9C9C; }
.tp-cevap-bilgi { display: flex; gap: 12px; align-items: center; justify-content: space-between; background: var(--copper-faint); border: 1px solid rgba(217,119,6,.4); color: var(--copper-bright); padding: 8px 12px; border-radius: 10px; font-size: 0.88rem; margin-bottom: 12px; }
.tp-cevap-bilgi[hidden] { display: none; }
.tp-iptal { background: none; border: 1px solid currentColor; color: inherit; border-radius: 8px; padding: 4px 10px; cursor: pointer; font: inherit; font-size: 0.8rem; }

/* Liste */
.tp-liste { display: flex; flex-direction: column; gap: 18px; }
.tp-bekleyenler { display: flex; flex-direction: column; gap: 14px; margin-bottom: 18px; }
.tp-oge { background: rgba(255,255,255,.025); border: 1px solid var(--hairline); border-radius: 14px; padding: 16px 18px; }
.tp-oge--bekleyen { border-style: dashed; border-color: rgba(245,158,11,.5); background: var(--copper-faint); }
.tp-oge--cevaplandi { border-color: rgba(0,255,163,.28); }
.tp-oge--yazar { background: var(--phosphor-faint); border-color: rgba(0,255,163,.45); }
.tp-oge.tp-vurgu { box-shadow: 0 0 0 2px var(--phosphor); }
.tp-cevaplar { margin: 10px 0 0 clamp(14px, 4vw, 38px); padding-left: clamp(10px, 2vw, 18px); border-left: 2px solid var(--hairline-2); display: flex; flex-direction: column; gap: 10px; }
.tp-ust { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; margin-bottom: 8px; }
.tp-avatar { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--void-3); border: 1px solid var(--hairline-2); font-family: var(--font-mono); font-size: 13px; color: var(--phosphor); flex: none; }
.tp-ad { font-weight: 700; color: var(--ink); }
.tp-tarih { margin-left: auto; font-family: var(--font-mono); font-size: 11px; color: var(--ink-faint); }
.tp-rozet { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; padding: 3px 8px; border-radius: 999px; border: 1px solid var(--hairline-2); text-transform: uppercase; }
.tp-rozet--yazar { background: var(--phosphor); color: #04120C; border-color: var(--phosphor); font-weight: 700; }
.tp-rozet--soru { color: var(--copper-bright); border-color: rgba(245,158,11,.55); background: var(--copper-faint); }
.tp-rozet--ok { color: var(--phosphor); border-color: rgba(0,255,163,.5); }
.tp-rozet--bekliyor { color: var(--copper-bright); border-color: rgba(245,158,11,.55); }
.tp-metin { color: var(--ink); font-size: 0.97rem; line-height: 1.65; overflow-wrap: anywhere; }
.tp-metin p { margin: 0 0 .6em; }
.tp-metin p:last-child { margin-bottom: 0; }
.tp-metin--ham { white-space: pre-wrap; }
.tp-metin code { font-family: var(--font-mono); font-size: .9em; background: var(--void-3); padding: 1px 6px; border-radius: 5px; color: var(--phosphor); }
.tp-kod { background: var(--void); border: 1px solid var(--hairline-2); border-radius: 10px; padding: 12px 14px; overflow-x: auto; margin: .6em 0; }
.tp-kod code { background: none; padding: 0; color: var(--ink); white-space: pre; font-size: .85rem; }
.tp-not { margin: 8px 0 0; font-size: 0.8rem; color: var(--copper-bright); }
.tp-eylem { display: flex; gap: 10px; margin-top: 10px; }
.tp-begen, .tp-cevapla { background: none; border: 1px solid var(--hairline-2); border-radius: 999px; color: var(--ink-dim); font-family: var(--font-mono); font-size: 12px; padding: 5px 12px; cursor: pointer; }
.tp-begen:hover, .tp-cevapla:hover { border-color: var(--phosphor); color: var(--phosphor); }
.tp-begen.is-on { border-color: var(--phosphor); color: var(--phosphor); background: var(--phosphor-faint); cursor: default; }
.tp-bos { color: var(--ink-faint); text-align: center; padding: 22px 0; }

/* Bülten kutusu (altbilgi ve /bulten sayfası) */
.tp-bulten { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(18px, 4vw, 48px); align-items: center; margin: clamp(34px, 5vw, 56px) 0 8px; padding: clamp(20px, 3.4vw, 34px); border: 1px solid var(--hairline-2); border-radius: 18px; background: linear-gradient(135deg, rgba(0,255,163,.07), rgba(217,119,6,.05) 70%), var(--void-2); }
.tp-bulten h2 { font-size: clamp(1.25rem, 2.6vw, 1.7rem); line-height: 1.25; margin: 8px 0; }
.tp-bulten-metin p { color: var(--ink-dim); font-size: 0.95rem; }
.tp-bulten-satir { display: flex; gap: 10px; margin-bottom: 12px; }
.tp-bulten-satir input { flex: 1; min-width: 0; }
.tp-bulten .tp-durum { margin-top: 8px; }
.tp-bulten--sayfa { margin-top: 0; }
.tp-bulten-sayfa { max-width: 860px; margin: 0 auto clamp(50px, 8vw, 100px); display: flex; flex-direction: column; gap: 22px; }
.tp-sonuc { border-radius: 16px; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--hairline-2); }
.tp-sonuc.is-ok { border-color: rgba(0,255,163,.45); background: var(--phosphor-faint); }
.tp-sonuc.is-hata { border-color: rgba(255,107,107,.45); background: rgba(255,107,107,.07); }
.tp-sonuc h2 { margin-bottom: 8px; }
.tp-sonuc p { color: var(--ink-dim); margin-bottom: 18px; }

@media (max-width: 760px) {
  .tp-satir { grid-template-columns: 1fr; }
  .tp-bulten { grid-template-columns: 1fr; }
  .tp-bulten-satir { flex-direction: column; }
  .tp-tarih { margin-left: 0; width: 100%; }
}
.tp-sekmeler[hidden] { display: none; }