/* Test sayfaları (taslak v2) */
.test { background: var(--surface-100); padding: var(--space-16) 0 var(--space-24); min-height: 70vh; }
.test__kart { max-width: 760px; margin: 0 auto; background: var(--surface-000); border-radius: var(--radius-md); padding: var(--space-12); box-shadow: var(--shadow-panel); }
#test h1 { font-family: var(--font-serif); font-size: 38px; line-height: 46px; color: var(--navy-900); margin-top: var(--space-2); }
#test h2 { font-family: var(--font-serif); font-size: 24px; line-height: 32px; color: var(--navy-900); margin-top: var(--space-8); }
.t-soz { margin-top: var(--space-4); font-size: 19px; line-height: 30px; max-width: 34em; }
.t-maddeler { margin: var(--space-6) 0 var(--space-8); padding-left: 1.2em; display: grid; gap: var(--space-2); }
.t-not { margin-top: var(--space-4); font-size: 15px; line-height: 22px; color: var(--blue-600); }
.t-ust { display: flex; justify-content: space-between; gap: var(--space-4); font-size: 15px; color: var(--blue-600); }
.t-cubuk { display: flex; gap: 4px; margin: var(--space-3) 0 var(--space-8); }
.t-cubuk i { flex: 1; height: 6px; border-radius: 3px; background: var(--surface-100); }
.t-cubuk i.dolu { background: var(--navy-900); } .t-cubuk i.simdi { background: var(--orange-500); }
.t-soru fieldset, .t-form fieldset { border: 0; margin: 0; padding: 0; }
.t-soru legend { font-family: var(--font-serif); font-size: 27px; line-height: 35px; font-weight: 700; color: var(--navy-900); padding: 0; }
.t-alt { margin-top: var(--space-2); color: var(--blue-600); font-size: 15px; }
.t-secenekler { display: grid; gap: var(--space-3); margin-top: var(--space-6); }
.t-secenek { display: flex; gap: var(--space-3); align-items: flex-start; border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-4); cursor: pointer; font-size: 17px; line-height: 26px; }
.t-secenek:hover { border-color: var(--blue-600); }
.t-secenek input { margin-top: 5px; accent-color: var(--navy-900); width: 18px; height: 18px; flex: none; }
.t-secenek:has(input:checked) { border-color: var(--navy-900); box-shadow: inset 0 0 0 1px var(--navy-900); background: #F5F8FB; }
.t-dugmeler { display: flex; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-8); }
.t-olculer { display: grid; gap: var(--space-4); margin: var(--space-6) 0; }
.t-olcu__ad { display: flex; justify-content: space-between; font-weight: 600; color: var(--navy-900); }
.t-olcu__cubuk { height: 10px; border-radius: 5px; background: var(--surface-100); margin-top: var(--space-2); overflow: hidden; }
.t-olcu__cubuk b { display: block; height: 100%; background: var(--navy-900); border-radius: 5px; }
.t-kilit { margin-top: var(--space-8); border: 1px dashed var(--blue-600); border-radius: var(--radius-md); padding: var(--space-6); background: #F7FAFC; }
.t-kilit h2 { margin-top: 0 !important; }
.t-kilit p { margin: var(--space-2) 0 var(--space-6); }
.t-form h2 { margin-top: var(--space-2) !important; }
.t-alan { display: grid; gap: var(--space-2); margin-top: var(--space-6); font-weight: 600; color: var(--navy-900); }
.t-alan em { font-style: normal; font-weight: 400; color: var(--blue-600); }
.t-alan input, .t-alan select { font: inherit; font-weight: 400; color: var(--ink); min-height: var(--touch-min); padding: 0 var(--space-3); border: 1px solid var(--blue-600); border-radius: var(--radius-sm); background: #fff; }
.t-aydinlatma { margin-top: var(--space-6); padding: var(--space-4); background: var(--surface-100); border-radius: var(--radius-md); font-size: 15px; line-height: 22px; }
.t-onay { display: flex; gap: var(--space-3); margin-top: var(--space-3); align-items: flex-start; cursor: pointer; }
.t-onay input { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--navy-900); flex: none; }
.t-hata { color: var(--danger); margin-top: var(--space-3); min-height: 1em; }
.t-bal { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.t-liste { margin-top: var(--space-4); padding-left: 1.2em; display: grid; gap: var(--space-3); font-size: 17px; line-height: 26px; }
.t-oneri { margin-top: var(--space-8); border-left: 4px solid var(--orange-500); padding: var(--space-4) var(--space-6); background: #FFF8EE; }
.t-oneri b { display: block; font-size: 19px; color: var(--navy-900); }
.t-eylem { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-8); }
.t-eylem button.dc-btn--link { background: none; border: 0; }
@media (max-width: 767px) { .test__kart { padding: var(--space-6); } #test h1 { font-size: 30px; line-height: 38px; } .t-soru legend { font-size: 22px; line-height: 30px; } }
@media print { .site-header, .site-footer, .t-eylem, .skip-link { display: none !important; } .test { background: #fff; padding: 0; } .test__kart { box-shadow: none; padding: 0; } }
/* v3: kapılar, alan kartları (ilk adım testi), iş listesi, plan */
.t-kapilar { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.t-tipler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: var(--space-6) 0; }
.t-tip { border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-4); display: grid; gap: var(--space-1); font-size: 15px; line-height: 22px; color: var(--blue-600); }
.t-tip b { color: var(--navy-900); font-size: 17px; }
.t-tip.secili { border-color: var(--navy-900); background: var(--navy-900); color: var(--surface-100); }
.t-tip.secili b { color: #fff; }
.t-tip.secili::after { content: "İlk adımınız"; justify-self: start; margin-top: var(--space-2); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--navy-900); background: var(--orange-500); border-radius: var(--radius-full); padding: 2px 10px; }
.t-is { border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-4) var(--space-6) var(--space-6); margin-top: var(--space-6); }
.t-is legend { font-weight: 600; color: var(--blue-600); padding: 0 var(--space-2); font-size: 15px; }
.t-is__satir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-4); }
.t-plan { margin-top: var(--space-4); padding-left: 1.4em; display: grid; gap: var(--space-4); }
.t-plan li::marker { font-family: var(--font-serif); font-weight: 700; color: var(--navy-900); }
.t-plan__ust { display: flex; justify-content: space-between; gap: var(--space-4); align-items: baseline; }
.t-plan__ust b { font-size: 19px; color: var(--navy-900); }
.t-plan__ust span { font-weight: 600; color: var(--orange-600); white-space: nowrap; }
.t-plan p { margin-top: var(--space-1); }
.t-plan em { font-style: normal; font-weight: 600; color: var(--blue-600); }
@media (max-width: 767px) { .t-tipler, .t-is__satir { grid-template-columns: 1fr; } }
/* Bu test hakkında: JS'siz okunan statik açıklama (28.09) */
.test-bilgi { padding: var(--space-12) 0 var(--section-y); }
.test-bilgi__inner { max-width: 760px; }
.test-bilgi dl { margin: var(--space-6) 0 0; display: grid; gap: var(--space-5, 20px); border-top: 1px solid var(--line); padding-top: var(--space-6); }
.test-bilgi dt { font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--blue-600); }
.test-bilgi dd { margin: var(--space-1) 0 0; font-size: 17px; line-height: 26px; }