/* El Bakalorya tools — inherits the theme's tokens, falls back if absent. */
.ebc-tool{
	--c-brand:var(--brand,#0E4C5B);
	--c-brand2:var(--brand-2,#12707F);
	--c-accent:var(--accent,#F0A830);
	--c-ink:var(--ink,#0F1E27);
	--c-body:var(--body,#41525E);
	--c-muted:var(--muted,#6B7C88);
	--c-rule:var(--rule,#DCE3E8);
	--c-surface:var(--surface,#fff);
	--c-surface2:var(--surface-2,#EEF3F5);
	background:var(--c-surface);
	border:1px solid var(--c-rule);
	border-radius:var(--r,14px);
	padding:clamp(18px,3vw,28px);
	margin-block:1.8em;
	font-family:inherit;
	color:var(--c-body);
	direction:rtl;
}
.ebc-head h3{margin:0 0 6px;color:var(--c-ink);font-size:1.25rem;font-weight:800}
.ebc-head p{margin:0 0 18px;color:var(--c-muted);font-size:.93rem;line-height:1.7}

.ebc-field{margin-bottom:14px}
.ebc-field label{display:block;font-weight:700;color:var(--c-ink);font-size:.9rem;margin-bottom:6px}
.ebc-tool select,.ebc-tool input[type=number]{
	width:100%;padding:11px 13px;border:1px solid var(--c-rule);border-radius:9px;
	background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:1rem;
}
.ebc-tool select:focus,.ebc-tool input:focus{
	outline:none;border-color:var(--c-brand);
	box-shadow:0 0 0 3px rgba(14,76,91,.16);
}

.ebc-grid{display:grid;gap:11px;margin-block:18px}
@media (min-width:620px){.ebc-grid{grid-template-columns:1fr 1fr}}
.ebc-row label{display:block;font-weight:700;color:var(--c-ink);font-size:.9rem;margin-bottom:6px}
.ebc-tag{
	display:inline-block;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:99px;
	background:var(--c-surface2);color:var(--c-brand);margin-inline-start:5px;vertical-align:middle;
}
.ebc-inputwrap{position:relative;display:flex;align-items:center}
.ebc-inputwrap input{padding-inline-end:56px}
.ebc-of{
	position:absolute;inset-inline-end:12px;font-size:.82rem;font-weight:700;
	color:var(--c-muted);pointer-events:none;
}

.ebc-result{
	margin-top:20px;padding-top:20px;border-top:2px dashed var(--c-rule);text-align:center;
}
.ebc-score{display:flex;align-items:baseline;justify-content:center;gap:8px}
.ebc-num{font-size:clamp(2.4rem,7vw,3.4rem);font-weight:800;color:var(--c-brand);line-height:1}
.ebc-den{font-size:1.1rem;font-weight:700;color:var(--c-muted)}
.ebc-pct{font-size:1.15rem;font-weight:800;color:var(--c-accent);margin-top:4px}
.ebc-bar{
	height:10px;background:var(--c-surface2);border-radius:99px;overflow:hidden;
	margin:14px auto 12px;max-width:440px;
}
.ebc-bar i{
	display:block;height:100%;border-radius:99px;transition:width .3s ease;
	background:linear-gradient(90deg,var(--c-brand),var(--c-accent));
}
.ebc-note{font-size:.9rem;color:var(--c-muted);margin:0 0 14px;line-height:1.7}

.ebc-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.ebc-btn{
	font-family:inherit;font-weight:800;font-size:.92rem;padding:10px 20px;
	border-radius:99px;border:2px solid var(--c-brand);cursor:pointer;
	background:var(--c-brand);color:#fff;transition:.15s;
}
.ebc-btn:hover{background:var(--c-brand2);border-color:var(--c-brand2)}
.ebc-btn-ghost{background:transparent;color:var(--c-brand)}
.ebc-btn-ghost:hover{background:var(--c-surface2);color:var(--c-brand)}

.ebc-disclaimer{
	font-size:.8rem;color:var(--c-muted);margin:16px 0 0;line-height:1.7;
	padding-top:12px;border-top:1px solid var(--c-rule);
}

/* ---- quiz ---- */
.ebc-progress{height:6px;background:var(--c-surface2);border-radius:99px;overflow:hidden;margin-bottom:20px}
.ebc-progress i{display:block;height:100%;background:var(--c-accent);transition:width .25s ease;border-radius:99px}
.ebc-qn{
	display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.05em;
	color:var(--c-brand);background:var(--c-surface2);padding:4px 11px;border-radius:99px;margin-bottom:10px;
}
.ebc-q h4,.ebc-outcome h4{margin:0 0 16px;color:var(--c-ink);font-size:1.2rem;font-weight:800;line-height:1.5}
.ebc-opts{display:grid;gap:9px}
.ebc-opt{
	width:100%;text-align:start;font-family:inherit;font-size:1rem;font-weight:600;
	padding:14px 17px;border:1.5px solid var(--c-rule);border-radius:11px;
	background:var(--c-surface);color:var(--c-ink);cursor:pointer;transition:.14s;
}
.ebc-opt:hover{border-color:var(--c-brand);background:var(--c-surface2);transform:translateX(-3px)}
.ebc-back{
	margin-top:14px;background:none;border:0;color:var(--c-muted);
	font-family:inherit;font-weight:700;font-size:.88rem;cursor:pointer;padding:6px 0;
}
.ebc-back:hover{color:var(--c-brand)}

.ebc-outcome{text-align:center}
.ebc-outcome-sub{color:var(--c-muted);font-size:.93rem;margin:0 0 18px}
.ebc-ranks{display:grid;gap:9px;margin-bottom:18px;text-align:start}
.ebc-rank{display:grid;grid-template-columns:minmax(120px,auto) 1fr auto;gap:10px;align-items:center;font-size:.88rem}
.ebc-rank span{font-weight:700;color:var(--c-ink)}
.ebc-rank i{display:block;height:9px;border-radius:99px;background:var(--c-brand);min-width:3px}
.ebc-rank b{font-weight:800;color:var(--c-muted);font-size:.82rem}
.ebc-rank:first-child i{background:var(--c-accent)}

.ebc-fork{
	background:var(--c-surface2);border-inline-start:3px solid var(--c-accent);
	padding:14px 18px;border-radius:9px;text-align:start;font-size:.92rem;
	line-height:1.75;margin-bottom:6px;
}
.ebc-fork strong{color:var(--c-ink)}
.ebc-fork em{font-style:normal;font-weight:800;color:var(--c-brand)}

/* ---- book list ---- */
.ebc-booklist{display:grid;gap:9px;margin-block:1.5em}
.ebc-book{
	display:flex;align-items:center;gap:12px;padding:12px 15px;
	border:1px solid var(--rule,#DCE3E8);border-radius:9px;
	background:var(--surface,#fff);text-decoration:none;color:var(--ink,#0F1E27);
	font-weight:700;font-size:.95rem;transition:.14s;
}
.ebc-book:hover{border-color:var(--brand,#0E4C5B);transform:translateX(-3px);text-decoration:none}
.ebc-book-ico{
	flex:none;width:34px;height:42px;border-radius:5px;display:grid;place-items:center;
	background:linear-gradient(150deg,var(--brand,#0E4C5B),var(--brand-2,#12707F));
	color:#fff;font-size:.58rem;font-weight:800;
}

@media (prefers-reduced-motion:reduce){
	.ebc-tool *{transition:none!important}
	.ebc-opt:hover,.ebc-book:hover{transform:none}
}