/* ============================================================================
   /soru-bankasi/ (1 Eki 2026) — sayfanın kendi biçimi. Çöz ekranının biçimi panelden
   gelir (kurs…/mekteb/assets/css/ogrenci-soru.css); burada yalnız onun beklediği
   değişkenler (panel kabuğunda tanımlıydı), Arapça yazı tipi ve sayfa çerçevesi.
   ========================================================================== */
@font-face { font-family: "Elif1"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("/medya/font/elif1/elif1.ttf?v=1.001-c") format("truetype"); }

body.vitrin-soru { background: radial-gradient(900px 760px at 0% 0%, rgba(0,180,219,.10), rgba(0,180,219,0) 62%),
                               radial-gradient(700px 560px at 100% 420px, rgba(198,154,69,.11), rgba(198,154,69,0) 66%),
                               #F4F8F9 no-repeat; }
body.vitrin-soru .vitrin-liste-govde { padding-top: 0; }

.vs {
    --mk-font: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;
    --text-dark: #11303B; --text-muted: #7F96A0; --primary: #0083B0; --secondary: #C69A45;
    max-width: 860px; margin: 0 auto; padding: 36px 16px 80px;
    font-family: var(--mk-font); color: var(--text-dark); font-weight: 300;
}
.vs *, .vs ::before, .vs ::after { box-sizing: border-box; }
.vs .osb-ar { font-family: "Elif1", "Geeza Pro", "Noto Naskh Arabic", serif; font-size: 2.4em; line-height: 1.15; }   /* Elif1 küçük çizer (ölçüldü: 1.7em'de harfler okunmuyordu) */

.vs-bas { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 28px; }
.vs-kas { display: inline-flex; align-items: center; height: 26px; padding: 0 12px; border-radius: 13px; font-size: 11.5px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: #006F93; background: #E3F5FA; }
.vs-bas h1 { margin: 16px 0 0; font-family: inherit; font-weight: 300; font-size: clamp(34px, 4.4vw, 54px); line-height: 1.08; letter-spacing: -.03em; color: var(--text-dark); }
.vs-bas h1 b { font-weight: 400; color: #0083B0; }
.vs-bas > p { max-width: 620px; margin: 16px 0 0; font-size: 17px; line-height: 1.6; color: #4F6A75; }
.vs-bas .vs-not { margin-top: 14px; padding: 12px 18px; border-radius: 14px; background: #fff; border: 1px solid rgba(0,98,128,.11); font-size: 14.5px; }
.vs-not b { font-weight: 500; color: var(--text-dark); }
.vs-not a { color: #0083B0; font-weight: 500; text-decoration: none; white-space: nowrap; }

.vs-ogretmen { margin-top: 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 20px 22px; border-radius: 20px;
    border: 1px solid rgba(124, 77, 186, .25); background: linear-gradient(160deg, #FFFFFF 55%, #F6F0FC); }
.vs-etiket { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 12px; font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase;
    color: #fff; background: linear-gradient(120deg, #8E5BD0, #C2477B); }
.vs-ogretmen > b { font-size: 18px; font-weight: 500; }
.vs-ogretmen > span:not(.vs-etiket) { font-size: 15px; line-height: 1.55; color: #4F6A75; }
.vs-ogretmen a { margin-top: 4px; color: #7C4DBA; font-weight: 500; text-decoration: none; }

@media (max-width: 600px) {
    .vs { padding-top: 20px; }
    .vs-bas > p { font-size: 15.5px; }
    .vs .osb-ar { font-size: 2.2em; }
}