/* Static topic pages (/bibliya/temy/). Relies on ../fbe.css for header/footer/typography; prefix .tp-*. No JavaScript is needed. */
.tp { --tp-ink: #222; --tp-muted: #5a5a5a; --tp-line: #dcdcdc; --tp-accent: #1473e6; --tp-soft: #f6f8fb; }
.tp article { margin: 0 4% 0 4%; left: 0; max-width: 760px; }
.tp h1 { font-size: 26px; line-height: 1.2; margin: 12px 0 10px; overflow-wrap: anywhere; }
.tp h2 { margin: 28px 0 12px; font-size: 20px; line-height: 1.25; }
.tp h3 { margin: 0 0 6px; font-size: 18px; line-height: 1.3; color: var(--tp-ink); }
@media (min-width: 640px) { .tp h1 { font-size: 32px; } }
.tp a:focus-visible { outline: 3px solid #ff9f1a; outline-offset: 2px; }
.tp-crumbs { margin: 14px 0; font-size: 15px; color: var(--tp-muted); }
.tp-crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 8px; list-style: none; margin: 0; padding: 0; }
.tp-crumbs li { padding: 0; display: inline; }
.tp-crumbs li + li::before { content: "›"; margin-right: 8px; color: #8a8a8a; }
.tp-lead { margin: 0 0 6px; font-size: 18px; line-height: 1.5; color: var(--tp-ink); max-width: 38em; }
.tp-count { margin: 0 0 4px; font-size: 15px; color: var(--tp-muted); }
.tp-list { list-style: none; margin: 0; padding: 0; }
.tp-list > li { padding: 0; }
.tp .tp-verse { margin: 0; left: 0; max-width: none; padding: 18px 0; border-top: 1px solid var(--tp-line); }
.tp-list > li:first-child .tp-verse { border-top: 0; }
.tp-text { margin: 0 0 10px; font: 19px/1.55 Georgia, "Times New Roman", serif; color: var(--tp-ink); max-width: 38em; overflow-wrap: anywhere; }
.tp-text i { font-style: italic; }
.tp-vn { font: 600 13px/1 Helvetica, Arial, sans-serif; color: var(--tp-muted); vertical-align: super; margin-right: 2px; }
.tp-link { display: inline-block; padding: 9px 14px; font-size: 15px; text-decoration: none; border: 1px solid #4d86d4; border-radius: 8px; background: #fff; }
.tp-link:hover { background: #eef4fd; color: #0e58b3; }
.tp-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tp-links li { padding: 0; }
.tp-chip { display: inline-block; padding: 8px 14px; font-size: 15px; text-decoration: none; background: var(--tp-soft); border: 1px solid #7f9bc0; border-radius: 999px; }
.tp-chip:hover { background: #e8f0fb; }
.tp-grid { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 640px) { .tp-grid { grid-template-columns: 1fr 1fr; } }
.tp-grid li { padding: 0; }
.tp-card { display: block; height: 100%; box-sizing: border-box; padding: 14px 16px; text-decoration: none; background: var(--tp-soft); border: 1px solid #d7e0ec; border-radius: 12px; color: var(--tp-ink); }
.tp-card:hover { background: #eef4fd; border-color: #7f9bc0; }
.tp-card strong { display: block; font-size: 19px; margin-bottom: 4px; color: var(--tp-accent); }
.tp-card span { display: block; font-size: 15px; line-height: 1.4; color: var(--tp-muted); }
.tp-back { margin: 28px 0 8px; font-size: 16px; }