/* EBAI INTERFACE 3.0 — approved mode-card composition in the existing light theme. */
body.ebai-learning-mode-open { overflow:hidden!important; }
#ebai-learning-mode { position:fixed; inset:0; z-index:11000; overflow-y:auto; overflow-x:hidden; background:#F5F9FC; padding:32px 24px; color:#17212B; font-family:Nunito,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif; }
#ebai-learning-mode * { box-sizing:border-box; }
#ebai-learning-mode .ebai-mode-shell { max-width:1160px; margin:0 auto; padding:32px 28px 24px; border:1px solid #E1EAF1; border-radius:32px; background:#FFFFFF; }
#ebai-learning-mode .ebai-mode-heading { text-align:center; margin-bottom:30px; }
#ebai-learning-mode h1 { margin:0; font-size:clamp(30px,3.2vw,42px); line-height:1.2; letter-spacing:-.025em; font-weight:850; outline:none; }
#ebai-learning-mode .ebai-mode-heading p { margin:14px 0 0; font-size:19px; line-height:1.5; color:#607080; }
#ebai-learning-mode .ebai-mode-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:22px; }
#ebai-learning-mode .ebai-mode-card { --mode-accent:#007EAE; --mode-tint:#F0F9FF; display:flex; flex-direction:column; width:100%; min-width:0; min-height:410px; margin:0; padding:30px 28px; border:2px solid #E1EAF1; border-radius:24px; background:#FFFFFF; box-shadow:none; text-align:left; color:#17212B; font:inherit; cursor:pointer; }
#ebai-learning-mode .ebai-mode-full { --mode-accent:#8464C4; --mode-tint:#F7F4FD; }
#ebai-learning-mode .ebai-mode-card[aria-checked="true"] { border-color:var(--mode-accent); background:var(--mode-tint); }
#ebai-learning-mode .ebai-mode-card-top { display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:28px; }
#ebai-learning-mode .ebai-mode-icon { display:flex; color:var(--mode-accent); }
#ebai-learning-mode .ebai-mode-icon svg { width:30px; height:30px; }
#ebai-learning-mode .ebai-mode-indicator { display:flex; color:#A7B4BF; }
#ebai-learning-mode .ebai-mode-indicator svg { width:30px; height:30px; }
#ebai-learning-mode .ebai-mode-check { visibility:hidden; }
#ebai-learning-mode [aria-checked="true"] .ebai-mode-indicator { color:var(--mode-accent); }
#ebai-learning-mode [aria-checked="true"] .ebai-mode-check { visibility:visible; }
#ebai-learning-mode .ebai-mode-title { font-size:29px; line-height:1.25; font-weight:850; }
#ebai-learning-mode .ebai-mode-description { margin-top:18px; color:#607080; font-size:18px; line-height:1.5; }
#ebai-learning-mode .ebai-mode-features { display:grid; gap:20px; width:100%; margin:28px 0; padding-top:26px; border-top:1px solid #DCE7EF; font-size:18px; line-height:1.5; font-weight:650; }
#ebai-learning-mode .ebai-mode-features > span { display:flex; gap:15px; }
#ebai-learning-mode .ebai-mode-features > span > span { flex:0 0 18px; color:#519E6C; font-weight:800; }
#ebai-learning-mode .ebai-mode-best { margin-top:auto; color:#607080; font-size:16px; line-height:1.5; }
#ebai-learning-mode .ebai-mode-save { display:flex; align-items:center; justify-content:center; gap:14px; width:100%; min-height:54px; margin:24px 0 0; padding:14px 20px; border:0; border-radius:18px; background:#00BAFF; box-shadow:none; color:#17212B; font:inherit; font-size:18px; font-weight:850; cursor:pointer; }
#ebai-learning-mode .ebai-mode-save:disabled { opacity:.7; cursor:wait; }
#ebai-learning-mode .ebai-mode-back { display:block; width:fit-content; margin:18px auto 0; padding:8px; color:#607080; text-decoration:none; font-size:14px; font-weight:750; }
#ebai-learning-mode button:focus-visible, #ebai-learning-mode a:focus-visible { outline:3px solid #007EAE; outline-offset:4px; }
#ebai-learning-mode .ebai-mode-error { color:#B33F48; font-size:14px; text-align:center; }
#ebai-learning-mode .ebai-mode-error[hidden] { display:none; }
/* New card only: retain the existing Profile sheet, wallet, identity and actions. */
.website-profile-learning-mode { margin-top:20px; padding:20px; border:1px solid #E1EAF1; border-radius:24px; background:#F5F9FC; color:#17212B; }
.website-learning-mode-head { display:flex; align-items:flex-start; gap:14px; }
.website-learning-mode-icon { display:flex; flex:0 0 44px; align-items:center; justify-content:center; width:44px; height:44px; border-radius:14px; background:#EAF7FF; color:#007EAE; }
.website-learning-mode-icon svg { width:24px; height:24px; }
.website-profile-learning-mode h3 { margin:0; font-size:18px; font-weight:900; line-height:1.3; }
.website-profile-learning-mode p { margin:6px 0 0; color:#607080; font-size:13px; line-height:1.5; }
.website-learning-mode-action { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:16px; }
.website-learning-mode-action p { margin:0; }
.website-learning-mode-action strong { color:#17212B; }
.website-learning-mode-action a { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:42px; padding:10px 14px; border-radius:12px; background:#EAF7FF; color:#007EAE; font-size:14px; font-weight:850; text-decoration:none; }
.website-learning-mode-action a:focus-visible { outline:2px solid #007EAE; outline-offset:3px; }
@media(max-width:800px) {
 #ebai-learning-mode { padding:24px 20px; }
 #ebai-learning-mode .ebai-mode-shell { padding:28px 24px 20px; }
 #ebai-learning-mode .ebai-mode-card { padding:26px 22px; min-height:400px; }
 #ebai-learning-mode .ebai-mode-title { font-size:26px; }
 #ebai-learning-mode .ebai-mode-description, #ebai-learning-mode .ebai-mode-features { font-size:16px; }
}
@media(max-width:640px) {
 #ebai-learning-mode { padding:16px 12px; }
 #ebai-learning-mode .ebai-mode-shell { padding:26px 16px 18px; border-radius:24px; }
 #ebai-learning-mode .ebai-mode-heading { margin-bottom:24px; }
 #ebai-learning-mode .ebai-mode-heading p { font-size:16px; }
 #ebai-learning-mode .ebai-mode-cards { grid-template-columns:minmax(0,1fr); grid-auto-rows:1fr; gap:16px; }
 #ebai-learning-mode .ebai-mode-card { min-height:340px; padding:24px; border-radius:20px; }
 #ebai-learning-mode .ebai-mode-card-top { margin-bottom:20px; }
 #ebai-learning-mode .ebai-mode-description { margin-top:12px; }
 #ebai-learning-mode .ebai-mode-features { margin:20px 0; padding-top:20px; gap:14px; }
 #ebai-learning-mode .ebai-mode-save { font-size:17px; }
}

/* EBAI INTERFACE 3.0 — subtle Guided-only action inside the existing Profile card. */
.website-learning-mode-restart {
  display:inline-flex; align-items:center; gap:5px; margin:4px 0 0; padding:0;
  border:0; border-radius:0; background:none; box-shadow:none; color:#007EAE;
  font:inherit; font-size:12px; font-weight:650; line-height:1.5; cursor:pointer;
}
.website-learning-mode-restart:focus-visible { outline:2px solid #007EAE; outline-offset:3px; }