/* Quiz arayüzü */
.srct-app { max-width: 800px; margin: 2em auto; }
.srct-app button { font: inherit; cursor: pointer; }
.srct-app button:disabled { opacity: .4; cursor: default; }

.srct-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; margin-bottom: 18px; }
.srct-top[hidden], .srct-app [hidden] { display: none; }
.srct-modes { display: inline-flex; align-items: center; gap: 16px; }
.srct-modes button { padding: 2px 0; border: 0; border-bottom: 2px solid transparent; background: none; font-weight: 600; color: #9ca3af; }
.srct-modes button:hover { color: #111827; }
.srct-modes button.is-active { color: #111827; border-bottom-color: #111827; }
h1 .srct-live { margin-left: .45em; font-size: .5em; font-weight: 600; color: #111827; white-space: nowrap; }
.srct-dot { display: inline-block; width: .65em; height: .65em; margin: 0 .35em 0 .2em; border-radius: 50%; background: #16a34a; vertical-align: .05em; }

.srct-timer { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 0 auto; color: #111827; font-weight: 600; }
.srct-timer svg { display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.srct-timer.is-warning { color: #b32d2e; }

.srct-q { margin: 0 0 16px; padding: 0; border: 0; min-inline-size: 0; }
.srct-q legend { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 0; font-weight: 700; font-size: 1.1em; }
.srct-qtitle { display: inline-flex; align-items: center; gap: 8px; }
.srct-badge { display: inline-block; padding: 2px 10px; border-radius: 4px; font-size: .8em; color: #fff; letter-spacing: .02em; }
.srct-badge.is-right { background: #166534; }
.srct-badge.is-wrong { background: #b91c1c; }
.srct-badge.is-empty { background: #6b7280; }
.srct-qtext { margin: 12px 0 16px; font-weight: 600; }
.srct-rich > :first-child { margin-top: 0; }
.srct-rich > :last-child { margin-bottom: 0; }

.srct-opt { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 14px 16px; border: 1px solid #333; border-radius: 4px; cursor: pointer; }
.srct-opt:hover { background: #f7f7f7; }
.srct-opt:has(input:checked) { border-color: #1d4ed8; box-shadow: 0 0 0 1px #1d4ed8; }
.srct-opt input { position: absolute; opacity: 0; pointer-events: none; }
.srct-opt .srct-l { min-width: 1.4em; font-weight: 700; }
.srct-opt .srct-rich { flex: 1; }
.srct-mark { font-size: 1.6em; font-weight: 700; line-height: 1; }
.srct-opt.is-correct { border-color: #166534; background: #ecfdf3; }
.srct-opt.is-correct .srct-mark { color: #166534; }
.srct-opt.is-wrong { border-color: #b91c1c; background: #fef2f2; }
.srct-opt.is-wrong .srct-mark { color: #b91c1c; }

.srct-explain { margin: 12px 0; padding: 10px 12px; background: #f4f6fb; border-radius: 6px; white-space: pre-line; }
.srct-stats p { display: flex; align-items: center; gap: 12px; margin: 6px 0; font-size: .9em; font-weight: 600; color: #4b5563; }
.srct-stats p > span:first-child { width: 3.5em; }
.srct-track { flex: 1; height: 22px; border-radius: 999px; background: #e5e7eb; overflow: hidden; }
.srct-fill { display: block; height: 100%; min-width: 4px; border-radius: 999px; }
.srct-fill.is-right { background: #22c55e; }
.srct-fill.is-wrong { background: #ef4444; }
.srct-cnt { min-width: 10em; }

.srct-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 20px; }
.srct-nav button { padding: 10px 18px; border: 1px solid #1d4ed8; border-radius: 6px; background: #fff; color: #1d4ed8; font-weight: 600; }
.srct-nav .srct-finish { border-color: #111827; background: #111827; color: #fff; }

.srct-result { margin-bottom: 18px; padding: 16px; border-radius: 8px; background: #f4f6fb; font-size: 1.1em; }

/* Ana sayfa deneme sekmeleri: radyo + label ile, JS olmadan. */
.srct-tabs { display: flex; flex-wrap: wrap; margin: 1.5em 0; }
.srct-tabs > input { position: absolute; opacity: 0; pointer-events: none; }
.srct-tabs > label { order: 1; margin: 0 2px 0 0; padding: 10px 16px; border-bottom: 2px solid #e5e7eb; font-weight: 600; color: #6b7280; cursor: pointer; white-space: nowrap; }
.srct-tabs > label:hover { color: #111827; }
.srct-tabs > .srct-tab { order: 2; display: none; width: 100%; padding-top: 8px; }
.srct-tabs > input:nth-of-type(1):checked ~ label:nth-of-type(1),
.srct-tabs > input:nth-of-type(2):checked ~ label:nth-of-type(2),
.srct-tabs > input:nth-of-type(3):checked ~ label:nth-of-type(3),
.srct-tabs > input:nth-of-type(4):checked ~ label:nth-of-type(4),
.srct-tabs > input:nth-of-type(5):checked ~ label:nth-of-type(5),
.srct-tabs > input:nth-of-type(6):checked ~ label:nth-of-type(6),
.srct-tabs > input:nth-of-type(7):checked ~ label:nth-of-type(7),
.srct-tabs > input:nth-of-type(8):checked ~ label:nth-of-type(8),
.srct-tabs > input:nth-of-type(9):checked ~ label:nth-of-type(9),
.srct-tabs > input:nth-of-type(10):checked ~ label:nth-of-type(10),
.srct-tabs > input:nth-of-type(11):checked ~ label:nth-of-type(11),
.srct-tabs > input:nth-of-type(12):checked ~ label:nth-of-type(12) { color: #111827; border-bottom-color: #111827; }
.srct-tabs > input:nth-of-type(1):checked ~ .srct-tab:nth-of-type(1),
.srct-tabs > input:nth-of-type(2):checked ~ .srct-tab:nth-of-type(2),
.srct-tabs > input:nth-of-type(3):checked ~ .srct-tab:nth-of-type(3),
.srct-tabs > input:nth-of-type(4):checked ~ .srct-tab:nth-of-type(4),
.srct-tabs > input:nth-of-type(5):checked ~ .srct-tab:nth-of-type(5),
.srct-tabs > input:nth-of-type(6):checked ~ .srct-tab:nth-of-type(6),
.srct-tabs > input:nth-of-type(7):checked ~ .srct-tab:nth-of-type(7),
.srct-tabs > input:nth-of-type(8):checked ~ .srct-tab:nth-of-type(8),
.srct-tabs > input:nth-of-type(9):checked ~ .srct-tab:nth-of-type(9),
.srct-tabs > input:nth-of-type(10):checked ~ .srct-tab:nth-of-type(10),
.srct-tabs > input:nth-of-type(11):checked ~ .srct-tab:nth-of-type(11),
.srct-tabs > input:nth-of-type(12):checked ~ .srct-tab:nth-of-type(12) { display: block; }
.srct-tabs > input:focus-visible + label { outline: 2px solid #1a56db; outline-offset: 2px; }

@media (max-width: 640px) {
	.srct-tabs { flex-wrap: nowrap; overflow-x: auto; }
	.srct-tabs > .srct-tab { flex: 0 0 100%; }
}
.srct-tab > ul, .entry-content > ul { margin: 0 0 1em; padding: 0; list-style: none; }
/* Çizgi border yerine gölgeyle: sekme paneli esnek olduğu için satırlar da esnek öğeye dönüşüyor
   ve esnek öğelerde border-bottom kaldırılamıyor. */
.srct-tab > ul li, .entry-content > ul li { margin: 0; box-shadow: inset 0 -1px #e5e7eb; }
.srct-tab > ul li:last-child, .entry-content > ul li:last-child { box-shadow: none; }
.srct-tab > ul a, .entry-content > ul a { display: flex; align-items: center; gap: 12px; padding: 8px 4px; text-decoration: none; }
.srct-tab > ul a::after, .entry-content > ul a::after { content: "››"; margin-left: auto; color: #9ca3af; font-weight: 700; }
.srct-tab > ul a:hover, .entry-content > ul a:hover { background: #f9fafb; }
.srct-deneme-name { font-weight: 600; }
.srct-deneme-meta { color: #6b7280; font-size: .9em; }
.srct-deneme-empty { color: #777; font-style: italic; }

/* Çalışma konuları ağacı: üniteye tıklayınca alt konular açılır. */
.srct-tree details { border-bottom: 1px solid #e5e7eb; }
.srct-tree summary { padding: 12px 4px; font-weight: 600; cursor: pointer; list-style: none; }
.srct-tree summary::-webkit-details-marker { display: none; }
.srct-tree summary::before { content: "▸"; display: inline-block; width: 1.2em; color: #9ca3af; }
.srct-tree details[open] > summary::before { content: "▾"; }
.srct-tree summary:hover { background: #f9fafb; }
.srct-tree ul { margin: 0; padding: 0 0 8px 1.2em; list-style: none; }
.srct-tree li { margin: 0; border-top: 1px solid #f3f4f6; }
.srct-tree li a { display: block; padding: 8px 4px; }
.srct-tree-unit { margin: 0; border-bottom: 1px solid #e5e7eb; font-weight: 600; }
.srct-tree-unit a { display: block; padding: 12px 4px 12px 1.2em; }

.srct-aylar { margin: 1.5em 0; }
.srct-ay { margin-bottom: 1.5em; }
.srct-gun-list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 1em; padding: 0; }
.srct-gun-list li { margin: 0; }
.srct-gun-list a { display: block; padding: 6px 12px; border: 1px solid #ddd; border-radius: 6px; text-decoration: none; }
.srct-gun-list a:hover { background: #f3f3f3; }