/* static/css/tests/tests-index.css
   Index page (/tests) — design language matches the test detail page (td-*). */

.ti{ font-family:"Inter",system-ui,sans-serif; color:#2b3242; }
.ti h1,.ti h2,.ti h3{ font-family:"Inter",system-ui,sans-serif; }
.ti .container{ max-width:1160px; padding:0 24px; }

/* ── Hero ── */
.ti-hero{ padding:60px 0 56px; border-bottom:1px solid #e4e9f4; }
.ti-hero-inner{ display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; }
@media(max-width:820px){ .ti-hero-inner{ grid-template-columns:1fr; gap:32px; } }

.ti-badge{ display:inline-block; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#274285; background:#e7eefb; padding:6px 13px; border-radius:20px; }
.ti-title{ font-size:46px; line-height:1.05; font-weight:800; letter-spacing:-.025em; color:#1b2740; margin:16px 0 0; }
@media(max-width:820px){ .ti-title{ font-size:34px; } }
.ti-intro{ font-size:17px; line-height:1.65; color:#525f79; margin:18px 0 0; max-width:52ch; }
.ti-hero-image{ border-radius:20px; overflow:hidden; background:#eef2f8; aspect-ratio:16/9; box-shadow:0 12px 34px rgba(39,66,133,.06); }
.ti-hero-image img{ width:100%; height:100%; object-fit:cover; display:block; }

/* ── Sections ── */
.ti-section-head{ margin-bottom:30px; }
.ti-section-head.center{ text-align:center; }
.ti-eyebrow{ font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#94a1bc; margin:0 0 8px; }
.ti-h2{ font-size:28px; font-weight:800; letter-spacing:-.02em; color:#1b2740; margin:0; }

/* ── FAQ ── */
.ti-faq-section{ margin-top:64px; background:#f7faff; padding:64px 0; }
.ti-faq-accordion{ max-width:720px; margin:34px auto 0; }
.ti-faq-accordion .accordion-item{ background:#fff; border:1px solid #e6ebf6; border-radius:12px; margin-bottom:10px; overflow:hidden; box-shadow:0 2px 8px rgba(39,66,133,.04); }
.ti-faq-accordion .accordion-button{ background:#fff; color:#1b2740; font-weight:600; font-size:15px; box-shadow:none; }
.ti-faq-accordion .accordion-button:focus{ box-shadow:none; }
.ti-faq-accordion .accordion-button:not(.collapsed){ color:#274285; background:#f0f5ff; }
.ti-faq-accordion .accordion-body{ font-size:14px; line-height:1.7; color:#525f79; }

/* share row */
.ti-share{ margin-top:28px; }
.ti-share .share-buttons-container{ margin-top:0; }
.ti-share .share-buttons span{ font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#94a1bc; }