/* ==========================================================================
   Acilci — İstatistiksel hesaplama araçları (.stx)
   Eski em-statistics eklentisinin tema içi tasarımı. Mobil öncelikli.
   ========================================================================== */

.stx { --stx-gap: 1.25rem; margin-top: 0.5rem; }
.stx * { box-sizing: border-box; }

/* --- Sekmeler -------------------------------------------------------- */
.stx-nav {
	display: flex; flex-wrap: wrap; gap: 0.4rem;
	padding: 0.35rem;
	background: var(--acilci-cream);
	border: 1px solid var(--acilci-line);
	border-radius: var(--acilci-radius);
	margin-bottom: 1.75rem;
}
.stx-nav__item {
	flex: 1 1 auto;
	display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
	padding: 0.6rem 0.95rem;
	background: none; border: 0; border-radius: 999px;
	font-family: var(--acilci-font-ui); font-size: 0.88rem; font-weight: 600; line-height: 1.2;
	color: var(--acilci-ink-3); cursor: pointer; white-space: nowrap;
	transition: color var(--acilci-transition), background var(--acilci-transition);
	transform: none;
}
.stx-nav__item:hover { color: var(--acilci-amber-deep); background: var(--acilci-amber-soft); transform: none; }
.stx-nav__item.is-active, .stx-nav__item.is-active:hover { color: #fff; background: var(--acilci-amber); }
.stx-nav__item:focus-visible { outline: 2px solid var(--acilci-amber); outline-offset: 2px; }
.stx-nav__icon { display: inline-flex; flex: none; }
.stx-nav__icon svg { width: 18px; height: 18px; }

/* --- Panel ----------------------------------------------------------- */
.stx-panel { animation: stx-in 220ms ease both; }
@keyframes stx-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.stx-panel__head { display: flex; gap: 0.9rem; align-items: flex-start; margin-bottom: 1.5rem; }
.stx-panel__icon {
	flex: none; display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; border-radius: 12px;
	background: var(--acilci-amber-soft); color: var(--acilci-amber-deep);
}
.stx-panel__icon svg { width: 22px; height: 22px; }
.entry-content .stx-panel__title {
	margin: 0 0 0.3rem; padding: 0; border: 0;
	font-size: var(--acilci-fs-h3); line-height: var(--acilci-lh-tight);
}
.entry-content .stx-panel__desc { margin: 0; font-size: 0.95rem; color: var(--acilci-ink-3); line-height: 1.55; }

/* --- Form yüzeyi ----------------------------------------------------- */
.stx-form {
	background: var(--acilci-surface);
	border: 1px solid var(--acilci-line);
	border-radius: var(--acilci-radius);
	padding: clamp(1rem, 0.7rem + 1.4vw, 1.5rem);
	box-shadow: var(--acilci-shadow);
}
.stx-grid { display: grid; gap: 0 1rem; }
.stx-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stx-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stx-grid--top { align-items: start; }
.stx-grid[hidden] { display: none; }

.stx-fieldset { border: 1px solid var(--acilci-line); border-radius: var(--acilci-radius-sm); padding: 0.9rem 1rem 0; margin: 0 0 1rem; min-width: 0; }
.stx-fieldset legend { padding: 0 0.4rem; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--acilci-amber-deep); }

.stx-field { margin-bottom: 1.1rem; min-width: 0; }
.stx-field[hidden] { display: none; }
.stx-field__label { display: block; font-size: 0.9rem; font-weight: 500; color: var(--acilci-ink-2); margin-bottom: 0.4rem; line-height: 1.35; }
.stx-field__label small { font-weight: 400; color: var(--acilci-ink-4); font-size: 0.8rem; }
.stx-field__control { position: relative; }
.stx .stx-field input[type="text"], .stx .stx-matrix input[type="text"], .stx .stx-cell input[type="text"], .stx .stx-select {
	width: 100%; padding: 0.65rem 0.85rem;
	font-family: var(--acilci-font-ui); font-size: 1rem; line-height: 1.4; color: var(--acilci-ink);
	background: var(--acilci-surface); border: 1px solid var(--acilci-line-strong); border-radius: var(--acilci-radius-sm);
	transition: border-color var(--acilci-transition), box-shadow var(--acilci-transition);
	font-variant-numeric: tabular-nums;
}
.stx .stx-field input:focus, .stx .stx-matrix input:focus, .stx .stx-cell input:focus, .stx .stx-select:focus {
	outline: none; border-color: var(--acilci-amber); box-shadow: 0 0 0 3px rgba(217,130,31,0.15);
}
.stx input.is-invalid { border-color: var(--acilci-alert) !important; box-shadow: 0 0 0 3px rgba(184,33,5,0.12) !important; }
.stx-field--unit input[type="text"] { padding-right: 2.4rem; }
.stx-field__unit { position: absolute; right: 0.85rem; top: 50%; transform: translateY(-50%); font-size: 0.9rem; font-weight: 600; color: var(--acilci-ink-4); pointer-events: none; }
.stx .stx-select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 2.5rem; cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23B8690F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 0.9rem center; background-size: 14px;
}

/* Segment (radio) */
.stx-seg { display: flex; gap: 0.4rem; padding: 0.3rem; background: var(--acilci-cream); border: 1px solid var(--acilci-line); border-radius: var(--acilci-radius-sm); margin-bottom: 1.1rem; }
.stx-seg__item { flex: 1 1 0; position: relative; margin: 0; cursor: pointer; }
.stx-seg__item input { position: absolute; opacity: 0; width: 0; height: 0; }
.stx-seg__item > span {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.1rem;
	min-height: 44px; padding: 0.45rem 0.6rem; border-radius: 6px; text-align: center;
	font-size: 0.88rem; font-weight: 600; line-height: 1.25; color: var(--acilci-ink-3);
	transition: background var(--acilci-transition), color var(--acilci-transition);
}
.stx-seg__item > span small { font-weight: 400; font-size: 0.75rem; color: var(--acilci-ink-4); }
.stx-seg__item:hover > span { color: var(--acilci-amber-deep); }
.stx-seg__item input:checked + span, .stx-seg__item.is-on > span { background: var(--acilci-surface); color: var(--acilci-ink); box-shadow: var(--acilci-shadow); }
.stx-seg__item input:checked + span small { color: var(--acilci-amber-deep); }
.stx-seg__item input:focus-visible + span { outline: 2px solid var(--acilci-amber); outline-offset: 1px; }
.stx-seg--3 > .stx-seg__item > span { flex-direction: row; gap: 0.35rem; min-height: 40px; }
.stx-seg__pts { font-size: 0.72rem; font-weight: 600; padding: 0.05rem 0.4rem; border-radius: 999px; background: rgba(0,0,0,0.06); color: var(--acilci-ink-3); }
.stx-seg__item input:checked + span .stx-seg__pts { background: var(--acilci-amber-soft); color: var(--acilci-amber-deep); }

/* --- Düğmeler -------------------------------------------------------- */
.stx-actions { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.5rem; }
.stx .stx-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem;
	min-height: 44px; padding: 0 1.4rem; border-radius: 999px; border: 0;
	font-family: var(--acilci-font-ui); font-size: 0.92rem; font-weight: 600; line-height: 1; cursor: pointer;
	transition: background var(--acilci-transition), color var(--acilci-transition), transform var(--acilci-transition), box-shadow var(--acilci-transition);
}
.stx .stx-btn--primary { background: var(--acilci-amber); color: #fff; box-shadow: 0 2px 8px rgba(217,130,31,0.28); }
.stx .stx-btn--primary:hover { background: var(--acilci-amber-deep); color: #fff; transform: translateY(-1px); }
.stx .stx-btn--ghost { background: transparent; color: var(--acilci-ink-2); box-shadow: inset 0 0 0 1px var(--acilci-line-strong); }
.stx .stx-btn--ghost:hover { background: var(--acilci-cream-2); color: var(--acilci-ink); transform: none; }
.stx .stx-btn:disabled { opacity: 0.45; cursor: not-allowed; transform: none; box-shadow: none; }
.stx .stx-btn:focus-visible { outline: 2px solid var(--acilci-amber); outline-offset: 2px; }

/* --- Mesajlar -------------------------------------------------------- */
.stx-msg:empty { display: none; }
.entry-content .stx-notice {
	margin: 0 0 1rem; padding: 0.7rem 0.95rem; border-radius: var(--acilci-radius-sm);
	font-size: 0.9rem; line-height: 1.45; border-left: 3px solid;
}
.stx-notice--error { background: #FBEDEA; color: #8A1A05; border-color: var(--acilci-alert); }
.stx-notice--warn { background: var(--acilci-amber-soft); color: var(--acilci-amber-deep); border-color: var(--acilci-amber); }
.entry-content .stx-note { margin: 0.75rem 0 0; font-size: 0.875rem; color: var(--acilci-ink-3); line-height: 1.5; }
.entry-content .stx-note--warn { color: var(--acilci-warning); }

/* --- Sonuçlar -------------------------------------------------------- */
.stx-results { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px dashed var(--acilci-line-strong); }
.stx-results[hidden] { display: none; }
.stx-results.is-in { animation: stx-in 260ms ease both; }
.entry-content .stx-results__title {
	margin: 0 0 0.75rem; padding: 0; border: 0;
	font-size: 0.82rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--acilci-amber-deep);
}
.entry-content .stx-table {
	width: 100%; margin: 0 0 1rem; border-collapse: collapse; font-size: 0.92rem; box-shadow: none; border: 0; border-radius: 0;
	font-variant-numeric: tabular-nums;
}
.entry-content .stx-table thead th { padding: 0.5rem 0.6rem; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--acilci-ink-3); background: var(--acilci-cream); border: 0; text-align: left; }
.entry-content .stx-table td, .entry-content .stx-table tbody th { padding: 0.55rem 0.6rem; border: 0; border-bottom: 1px solid var(--acilci-line); vertical-align: middle; text-align: left; }
.entry-content .stx-table tbody tr:nth-child(even), .entry-content .stx-table tbody tr:hover { background: transparent; }
.entry-content .stx-table tbody tr:last-child td { border-bottom: 0; }
.entry-content .stx-table td:first-child { color: var(--acilci-ink-2); }
.entry-content .stx-table td[data-res], .entry-content .stx-table td[data-ga] { font-weight: 600; color: var(--acilci-ink); white-space: nowrap; }
.entry-content .stx-table td[data-ga] { font-weight: 500; color: var(--acilci-ink-3); }
.entry-content .stx-table--kv td:last-child { text-align: right; }
.entry-content .stx-table tr[hidden] { display: none; }

/* Büyük değer kartları */
.stx-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.85rem; }
.stx-stat {
	display: flex; flex-direction: column; gap: 0.2rem;
	padding: 1rem 1.1rem; border-radius: var(--acilci-radius-sm);
	background: var(--acilci-cream); border: 1px solid var(--acilci-line); border-left: 4px solid var(--acilci-amber);
}
.stx-stat--pos { border-left-color: var(--acilci-success); }
.stx-stat--neg { border-left-color: var(--acilci-info); }
.stx-stat__label { font-size: 0.85rem; font-weight: 500; color: var(--acilci-ink-3); }
.stx-stat__value { font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.1rem); font-weight: 700; line-height: 1.1; color: var(--acilci-ink); font-variant-numeric: tabular-nums; }
.stx-stat__sub { font-size: 0.8rem; color: var(--acilci-ink-4); }
.stx-stat__sub:empty { display: none; }

/* --- 2×2 tanısal tablo ---------------------------------------------- */
.stx-2x2 {
	display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
	gap: 0.45rem; align-items: stretch; margin-bottom: 1rem;
}
.stx-2x2__corner { display: flex; flex-direction: column; justify-content: flex-end; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--acilci-ink-4); line-height: 1.2; padding-bottom: 0.3rem; }
.stx-2x2__corner span:last-child { color: var(--acilci-amber-deep); }
.stx-2x2__col { align-self: end; padding-bottom: 0.3rem; text-align: center; font-size: 0.82rem; font-weight: 700; color: var(--acilci-amber-deep); }
.stx-2x2__col--sum { color: var(--acilci-ink-4); }
.stx-2x2__row { display: flex; align-items: center; padding-right: 0.4rem; font-size: 0.85rem; font-weight: 700; color: var(--acilci-ink-2); }
.stx-cell {
	display: flex; flex-direction: column; gap: 0.35rem; margin: 0;
	padding: 0.6rem 0.65rem; border-radius: var(--acilci-radius-sm);
	background: var(--acilci-cream); border: 1px solid var(--acilci-line); min-width: 0;
}
.stx-cell > span { font-size: 0.76rem; font-weight: 500; color: var(--acilci-ink-3); line-height: 1.25; display: flex; justify-content: space-between; gap: 0.3rem; }
.stx-cell > span em { font-style: normal; font-weight: 700; color: var(--acilci-amber-deep); }
.stx-cell--tp, .stx-cell--tn { background: #EEF6F0; border-color: #CFE5D6; }
.stx-cell--fp, .stx-cell--fn { background: #FBEDEA; border-color: #F2C7BF; }
.stx-cell--sum { background: var(--acilci-surface); border-style: dashed; justify-content: center; }
.stx-cell--sum output { font-size: 1.05rem; font-weight: 700; color: var(--acilci-ink); font-variant-numeric: tabular-nums; }
.stx-cell--total { background: var(--acilci-amber-soft); border-color: var(--acilci-amber-line); border-style: solid; }
.stx .stx-cell input[type="text"] { padding: 0.5rem 0.6rem; text-align: center; font-weight: 600; }

/* --- Ki-kare --------------------------------------------------------- */
.stx-steppers { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-bottom: 1rem; }
.stx-stepper { display: flex; align-items: center; gap: 0.7rem; }
.stx-stepper__label { font-size: 0.9rem; font-weight: 500; color: var(--acilci-ink-2); }
.stx-stepper__ctl { display: inline-flex; align-items: center; border: 1px solid var(--acilci-line-strong); border-radius: 999px; overflow: hidden; }
.stx .stx-stepper__ctl button {
	width: 38px; height: 38px; padding: 0; border: 0; border-radius: 0; background: var(--acilci-cream); color: var(--acilci-ink-2);
	font-size: 1.15rem; font-weight: 600; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transform: none;
}
.stx .stx-stepper__ctl button:hover:not(:disabled) { background: var(--acilci-amber-soft); color: var(--acilci-amber-deep); transform: none; }
.stx .stx-stepper__ctl button:disabled { opacity: 0.35; cursor: not-allowed; }
.stx-stepper__ctl output { min-width: 2.2rem; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.stx-matrix-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 1rem; }
.entry-content .stx-matrix { width: auto; min-width: 100%; margin: 0; border-collapse: separate; border-spacing: 0.4rem; box-shadow: none; border: 0; }
.entry-content .stx-matrix th, .entry-content .stx-matrix td { padding: 0; border: 0; background: transparent; }
.entry-content .stx-matrix thead th { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--acilci-ink-3); text-align: center; padding-bottom: 0.2rem; }
.entry-content .stx-matrix tbody th { font-size: 0.85rem; font-weight: 700; color: var(--acilci-ink-2); text-align: right; padding-right: 0.5rem; white-space: nowrap; }
.entry-content .stx-matrix tbody tr:nth-child(even), .entry-content .stx-matrix tbody tr:hover { background: transparent; }
.stx .stx-matrix input[type="text"] { width: 100%; min-width: 84px; text-align: center; font-weight: 600; padding: 0.55rem 0.5rem; }
.stx-toggles { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 1rem 0; }
.stx-toggle { display: inline-flex; align-items: center; gap: 0.4rem; margin: 0; padding: 0.4rem 0.85rem; border-radius: 999px; background: var(--acilci-surface); border: 1px solid var(--acilci-line); font-size: 0.84rem; font-weight: 600; color: var(--acilci-ink-2); cursor: pointer; transition: background var(--acilci-transition), border-color var(--acilci-transition); }
.stx-toggle:hover { border-color: var(--acilci-amber); }
.stx-toggle:has(input:checked) { background: var(--acilci-amber-soft); border-color: var(--acilci-amber-line); color: var(--acilci-amber-deep); }
.stx-toggle input { width: 16px; height: 16px; margin: 0; accent-color: var(--acilci-amber); }
.entry-content .stx-table--cross { font-size: 0.86rem; min-width: 100%; width: auto; white-space: nowrap; }
.entry-content .stx-table--cross td, .entry-content .stx-table--cross th { text-align: right; }
.entry-content .stx-table--cross thead th:first-child, .entry-content .stx-table--cross thead th:nth-child(2) { text-align: left; }
.entry-content .stx-table--cross .stx-table__rowhead { text-align: left; font-weight: 700; color: var(--acilci-ink); background: var(--acilci-cream); vertical-align: top; border-bottom: 1px solid var(--acilci-line-strong); }
.entry-content .stx-table--cross .stx-table__kind { text-align: left; color: var(--acilci-ink-3); font-size: 0.8rem; }
.entry-content .stx-table--cross tr[data-kind="n"] td { font-weight: 600; color: var(--acilci-ink); }
.entry-content .stx-table--cross td:last-child { background: rgba(217,130,31,0.06); }

/* --- Test seçim sihirbazı ------------------------------------------- */
.stx-wizard { background: var(--acilci-surface); border: 1px solid var(--acilci-line); border-radius: var(--acilci-radius); padding: clamp(1rem, 0.7rem + 1.4vw, 1.5rem); box-shadow: var(--acilci-shadow); }
.entry-content .stx-steps { list-style: none; margin: 0; padding: 0; position: relative; }
.entry-content .stx-steps::before { content: ""; position: absolute; left: 15px; top: 16px; bottom: 16px; width: 2px; background: var(--acilci-line); }
.entry-content .stx-step { display: flex; gap: 0.9rem; align-items: flex-start; margin: 0 0 1.1rem; padding: 0; position: relative; }
.entry-content .stx-step:last-child { margin-bottom: 0; }
.stx-step__num {
	flex: none; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	font-size: 0.85rem; font-weight: 700; background: var(--acilci-cream-2); color: var(--acilci-ink-3); border: 2px solid var(--acilci-surface); position: relative; z-index: 1;
}
.stx-step.is-done .stx-step__num { background: var(--acilci-success); color: #fff; }
.stx-step.is-current .stx-step__num, .stx-step.is-result .stx-step__num { background: var(--acilci-amber); color: #fff; }
.stx-step__body { flex: 1 1 0; min-width: 0; padding-top: 0.3rem; }
.stx-step.is-current .stx-step__body { padding: 0.9rem 1rem 1rem; background: var(--acilci-cream); border: 1px solid var(--acilci-line); border-radius: var(--acilci-radius-sm); }
.stx-step__q { display: block; font-size: 0.82rem; color: var(--acilci-ink-4); line-height: 1.3; }
.stx-step__q--current { font-size: 1rem; font-weight: 600; color: var(--acilci-ink); margin-bottom: 0.75rem; }
.stx-step__a { display: block; font-size: 0.95rem; font-weight: 600; color: var(--acilci-ink); }
.stx .stx-step__edit { flex: none; align-self: center; padding: 0.35rem 0.7rem; border: 0; border-radius: 999px; background: transparent; color: var(--acilci-amber-deep); font-family: var(--acilci-font-ui); font-size: 0.8rem; font-weight: 600; cursor: pointer; transform: none; box-shadow: inset 0 0 0 1px var(--acilci-amber-line); }
.stx .stx-step__edit:hover { background: var(--acilci-amber-soft); color: var(--acilci-amber-deep); transform: none; }
.stx-options { display: grid; gap: 0.5rem; margin-bottom: 0.9rem; }
.stx-option { display: flex; align-items: center; gap: 0.7rem; margin: 0; padding: 0.7rem 0.9rem; border-radius: var(--acilci-radius-sm); background: var(--acilci-surface); border: 1px solid var(--acilci-line-strong); cursor: pointer; transition: border-color var(--acilci-transition), background var(--acilci-transition); }
.stx-option:hover { border-color: var(--acilci-amber); }
.stx-option.is-on { border-color: var(--acilci-amber); background: var(--acilci-amber-soft); }
.stx-option input { position: absolute; opacity: 0; width: 0; height: 0; }
.stx-option__mark { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--acilci-line-strong); position: relative; transition: border-color var(--acilci-transition); }
.stx-option.is-on .stx-option__mark { border-color: var(--acilci-amber); }
.stx-option.is-on .stx-option__mark::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--acilci-amber); }
.stx-option input:focus-visible ~ .stx-option__mark { outline: 2px solid var(--acilci-amber); outline-offset: 2px; }
.stx-option__text { font-size: 0.95rem; font-weight: 500; color: var(--acilci-ink); line-height: 1.35; }

.stx-result-card {
	padding: 1.1rem 1.25rem; border-radius: var(--acilci-radius-sm);
	background: linear-gradient(135deg, var(--acilci-amber-soft), #fff 70%);
	border: 1px solid var(--acilci-amber-line);
}
.stx-result-card__label { display: block; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--acilci-amber-deep); }
.stx-result-card__value { display: block; font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem); font-weight: 700; color: var(--acilci-ink); line-height: 1.25; margin: 0.25rem 0 0.9rem; }
.stx-result-card .stx-actions { margin-top: 0; }

/* --- Naranjo --------------------------------------------------------- */
.stx-naranjo { display: grid; gap: 1rem; }
.entry-content .stx-nq { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.entry-content .stx-nq__item {
	display: flex; gap: 0.8rem; align-items: flex-start; margin: 0;
	padding: 0.9rem 1rem; background: var(--acilci-surface); border: 1px solid var(--acilci-line); border-radius: var(--acilci-radius-sm);
}
.stx-nq__num { flex: none; width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 700; background: var(--acilci-cream-2); color: var(--acilci-ink-3); }
.stx-nq__body { flex: 1 1 0; min-width: 0; }
.entry-content .stx-nq__label { margin: 0 0 0.6rem; font-size: 0.95rem; line-height: 1.45; color: var(--acilci-ink); font-weight: 500; }
.stx-nq__body .stx-seg { margin-bottom: 0; }
.stx-result-card--score { position: sticky; bottom: 0.75rem; z-index: 2; background: var(--acilci-surface); box-shadow: var(--acilci-shadow-lg); }
.stx-result-card__row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.stx-result-card--score .stx-result-card__value { margin: 0; font-size: 2rem; }
.stx-result-card__verdict { font-size: 1.05rem; font-weight: 700; margin: 0.15rem 0 0.3rem; color: var(--acilci-ink-3); }
.stx-result-card__progress { display: block; font-size: 0.8rem; color: var(--acilci-ink-4); margin-bottom: 0.75rem; }
.stx-result-card.is-doubtful { border-color: var(--acilci-line-strong); }
.stx-result-card.is-possible .stx-result-card__verdict { color: var(--acilci-info); }
.stx-result-card.is-probable .stx-result-card__verdict { color: var(--acilci-warning); }
.stx-result-card.is-definite .stx-result-card__verdict { color: var(--acilci-alert); }
.entry-content .stx-legend { list-style: none; margin: 0 0 0.9rem; padding: 0; display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; font-size: 0.8rem; color: var(--acilci-ink-3); }
.entry-content .stx-legend li { margin: 0; }
.entry-content .stx-legend strong { color: var(--acilci-ink); font-variant-numeric: tabular-nums; }

/* --- Altbilgi -------------------------------------------------------- */
.entry-content .stx-foot { margin: 1.75rem 0 0; font-size: 0.82rem; color: var(--acilci-ink-4); line-height: 1.5; }

/* --- Mobil ----------------------------------------------------------- */
@media (max-width: 720px) {
	.stx-grid--3, .stx-grid--2 { grid-template-columns: 1fr; }
	.stx-nav { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; scrollbar-width: none; border-radius: 999px; padding: 0.3rem; }
	.stx-nav::-webkit-scrollbar { display: none; }
	.stx-nav__item { flex: none; scroll-snap-align: center; padding: 0.55rem 0.9rem; font-size: 0.84rem; }
}
@media (max-width: 560px) {
	.stx-panel__head { gap: 0.7rem; }
	.stx-panel__icon { width: 38px; height: 38px; border-radius: 10px; }
	.stx-2x2 { gap: 0.35rem; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) minmax(56px, auto); }
	.stx-2x2__row { font-size: 0.78rem; padding-right: 0.2rem; writing-mode: vertical-rl; transform: rotate(180deg); justify-content: center; }
	.stx-2x2__corner { font-size: 0.62rem; }
	.stx-cell { padding: 0.5rem 0.45rem; }
	.stx-cell > span { font-size: 0.68rem; flex-direction: column; gap: 0; }
	.stx-cell--sum output { font-size: 0.95rem; }
	.stx-seg { flex-direction: column; }
	.stx-seg--3 { flex-direction: row; }
	.stx-seg--3 > .stx-seg__item > span { flex-direction: column; gap: 0.1rem; padding: 0.4rem 0.3rem; font-size: 0.82rem; }
	.stx-actions .stx-btn { flex: 1 1 auto; }
	.stx-steppers { gap: 0.75rem 1.25rem; }
	.stx-result-card--score { position: static; }
	.stx-result-card--score .stx-result-card__value { font-size: 1.7rem; }
	.entry-content .stx-table { font-size: 0.86rem; }
	.entry-content .stx-table td, .entry-content .stx-table thead th { padding: 0.5rem 0.4rem; }
	.entry-content .stx-table thead th { white-space: nowrap; }
	.entry-content .stx-table td:first-child { font-size: 0.82rem; }
	.entry-content .stx-table td[data-res] { white-space: nowrap; }
	.entry-content .stx-table td[data-ga] { white-space: normal; font-size: 0.82rem; }
	.stx-step__edit { align-self: flex-start; }
}