/* Ana sayfa sağ sütunundaki "Topluluk" kutusu. */
.tpr-wrap { padding: 0 !important; border: 0 !important; }
.tpr { border: 1px solid #e3e1da; border-top: 3px solid var(--ink, #121212); border-radius: 0; overflow: hidden; font-family: var(--sans, "Libre Franklin", Arial, sans-serif); color: var(--ink, #121212); background: #fff; }
.tpr a { color: inherit; text-decoration: none; }
.tpr-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid #eff3f4; }
.tpr-head h3 { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 700 20px var(--serif, "Source Serif 4", Georgia, serif) !important; letter-spacing: 0 !important; text-transform: none !important; }
.tpr-head a { font: 600 13px var(--sans, sans-serif); color: var(--accent, #326891) !important; }
.tpr-av { width: 36px; height: 36px; border-radius: 9px; display: inline-grid; place-items: center; font: 800 13px var(--sans, sans-serif); color: #fff; flex: none; }
.tpr-compose { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #eff3f4; }
.tpr-ph { flex: 1; color: #8a8a8a; font-size: 15px; }
.tpr-btn { background: var(--accent, #326891); color: #fff; border-radius: 5px; padding: 6px 14px; font: 700 13px var(--sans, sans-serif); }
.tpr-post { display: flex; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #eff3f4; }
.tpr-post:hover { background: #fafafa; }
.tpr-main { min-width: 0; flex: 1; }
.tpr-h { display: flex; gap: 5px; align-items: baseline; flex-wrap: wrap; font-size: 13.5px; }
.tpr-h b { font-weight: 700; }
.tpr-h span { color: #6b7280; font-size: 13px; }
.tpr-badge { display: inline-grid !important; place-items: center; width: 14px; height: 14px; border-radius: 3px; background: var(--accent, #326891); color: #fff !important; font-size: 9px !important; }
.tpr-body { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; margin: 3px 0 8px; font: 400 15px/1.45 var(--serif, "Source Serif 4", Georgia, serif); overflow-wrap: anywhere; }
.tpr-body .tp-math { font-family: "Times New Roman", serif; font-style: italic; }
.tpr-imgn { color: #6b7280; font-size: 12.5px; }
.tpr-acts { display: flex; justify-content: space-between; max-width: 220px; font: 500 12.5px var(--sans, sans-serif); color: #6b7280; }
.tpr-trend { background: #f7f7f5; padding: 8px 0 4px; border-top: 1px solid #e3e1da; }
.tpr-tt { display: block; font: 800 11px var(--sans, sans-serif); letter-spacing: .12em; text-transform: uppercase; padding: 6px 14px 4px; color: #555; }
.tpr-tr { display: block; padding: 8px 14px; }
.tpr-tr:hover { background: #efefec; }
.tpr-tr small { display: block; font: 500 12px var(--sans, sans-serif); color: #6b7280; }
.tpr-tr b { display: block; font: 700 14.5px var(--sans, sans-serif); margin: 1px 0; }
.tpr-more { display: block; padding: 12px 14px; font: 600 13.5px var(--sans, sans-serif); color: var(--accent, #326891) !important; background: #f7f7f5; border-top: 1px solid #eeeeea; }
.tpr-week { display: block; padding: 12px 14px; border-bottom: 1px solid #eff3f4; background: #fbf8ec; }
.tpr-week:hover { background: #f6f1dc; }
.tpr-wk { display: block; font: 800 10.5px var(--sans, sans-serif); letter-spacing: .12em; text-transform: uppercase; color: #8a6400; }
.tpr-wq { display: block; margin: 4px 0 6px; font: 600 15.5px/1.4 var(--serif, "Source Serif 4", Georgia, serif); }
.tpr-wa { font: 600 13px var(--sans, sans-serif); color: var(--accent, #326891); }