/* BobCopilot V50 — consolidated stylesheet. Historical patch files merged in original cascade order. */

/* merged from styles.css */

:root{
  --bg:#eef6ff;--surface:#ffffff;--surface2:#f6faff;--ink:#0d2340;--muted:#566b84;
  --line:#d8e5f2;--blue:#1477ff;--blue2:#63aaff;--nav:#002e63;--nav2:#061d33;
  --green:#18a96c;--red:#db4e52;--amber:#e4a32e;--purple:#7759ec;
  --shadow:0 14px 34px rgba(12,55,101,.09);--radius:18px;--fs:16px;
}
html{font-size:var(--fs);scroll-behavior:smooth;background:var(--bg)}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#f7fbff 0,#edf6ff 45%,#f9fcff 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}
a{color:inherit}img{max-width:100%;display:block}
h1,h2,h3,h4{letter-spacing:-.025em}p{line-height:1.58}
.muted{color:var(--muted)!important}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.pad{padding:20px}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;padding:11px 16px;font-weight:850;text-decoration:none;cursor:pointer}
.primary{border:0;background:linear-gradient(135deg,#0e72fa,#2d92ff);color:#fff;box-shadow:0 8px 18px rgba(20,119,255,.18)}
.secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.primary:hover,.secondary:hover{transform:translateY(-1px)}
.info-btn{width:27px;height:27px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--blue);font-weight:900;cursor:pointer}
.status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}
.status.live{background:#e8f9f0;color:#087d4b}.status.delayed{background:#fff4cf;color:#815b00}.status.unavailable{background:#ffebeb;color:#9b3138}
.avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:3px solid #61aaff;box-shadow:0 0 0 3px rgba(20,119,255,.11)}
.avatar.sm{width:38px;height:38px;border-width:2px}.avatar.lg{width:104px;height:104px}
.speech{padding:14px 16px;border-radius:15px;border:1px solid var(--line);background:rgba(20,119,255,.055);line-height:1.52}
.notice{padding:13px 15px;border:1px solid #cae1f8;border-radius:13px;background:#f2f8ff;line-height:1.52}
.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#2670c7;font-weight:900}
.progress{height:10px;border-radius:999px;background:#e4edf7;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#1378ff,#3da3ff);border-radius:inherit}
.hero-actions,.course-actions,.lesson-feedback-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.build{position:fixed;right:8px;bottom:8px;z-index:500;background:#ffeb79;color:#18212d;border:1px solid #d3bd4e;border-radius:8px;padding:5px 7px;font-size:10px}

/* ===== Global header ===== */
.site-header{position:sticky;top:0;z-index:180;background:var(--nav);border:0;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.header-inner{max-width:1500px;min-height:70px;margin:auto;padding:7px 24px;display:flex;align-items:center;gap:17px}
.brand-link{flex:none;height:54px;display:flex;align-items:center;background:var(--nav)}
.brand-link img{width:210px;height:54px;object-fit:contain;background:var(--nav);border:0}
.top-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0}
.top-nav a,.top-nav button{border:0;background:transparent;color:#e9f2fc;text-decoration:none;white-space:nowrap;padding:10px 9px;border-radius:10px;cursor:pointer;font-weight:650}
.top-nav a:hover,.top-nav button:hover,.top-nav .active{background:rgba(255,255,255,.10);color:#fff}
.header-actions{display:flex;align-items:center;gap:7px;flex:none}
.text-tools{display:flex;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.23);padding:4px;border-radius:12px;color:white}
.text-tools span{font-size:.72rem;padding:0 4px}.text-tools button{border:0;background:rgba(255,255,255,.07);color:white;min-width:36px;height:36px;border-radius:8px;font-weight:900;cursor:pointer}
.text-tools button.active{background:#2b8cff;box-shadow:0 0 0 2px rgba(99,170,255,.34)}
.theme-toggle,.hamburger{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:white;border-radius:11px;width:42px;height:42px;cursor:pointer}
.hamburger{display:none;font-size:22px}
.menu-panel{display:none}

/* Mid-width desktop: keep the six core product links visible, move the rest into the hamburger. */
.header-inner.mid-nav .top-nav button:nth-child(n+7),.header-inner.mid-nav .top-nav a:nth-child(n+7){display:none}
.header-inner.mid-nav .hamburger{display:block}

.header-inner.compact-nav .top-nav{display:none}.header-inner.compact-nav .hamburger{display:block}.header-inner.compact-nav .header-actions{margin-left:auto}
body.header-menu-open{overflow:hidden}

/* ===== Public landing ===== */
.shell{max-width:1500px;margin:auto;padding:28px 28px 60px}
.public-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:26px;align-items:stretch}
.hero-copy{padding:28px 8px 22px 2px;display:flex;flex-direction:column;justify-content:center}
.hero-copy h1{font-size:clamp(3.7rem,6.2vw,6.6rem);line-height:.9;letter-spacing:-.06em;margin:14px 0 22px}
.hero-copy h1 em{font-style:normal;color:var(--blue)}
.lead{font-size:1.2rem;line-height:1.58;color:var(--muted);max-width:760px}
.hero-media{position:relative;min-height:490px;border-radius:24px;overflow:hidden;background:#163d67;box-shadow:var(--shadow)}
.hero-media .people{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-media:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,rgba(4,31,56,.34));pointer-events:none}
.hero-bob{position:absolute;left:20px;top:18px;display:flex;align-items:center;gap:10px;z-index:3}
.hero-bob .speech-mini{max-width:230px;padding:12px 14px;background:rgba(255,255,255,.96);border-radius:14px;color:#112b4b;box-shadow:0 10px 24px rgba(0,0,0,.12);line-height:1.35}
.hero-bob .speech-mini b{display:block;margin-bottom:3px}
.hero-hand{position:absolute;left:34px;bottom:28px;z-index:3;color:#fff;font-family:"Segoe Print","Bradley Hand",cursive;font-size:1.05rem;transform:rotate(-4deg)}
.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}
.value-card{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:start;padding:18px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 20px rgba(12,55,101,.055)}
.value-visual{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#e9f4ff,#d9ebff);display:grid;place-items:center;color:var(--blue);font-size:1.08rem;font-weight:950;position:relative}
.mini-bob{position:absolute;width:25px;height:25px;border-radius:50%;right:-7px;bottom:-7px;border:2px solid white}
.value-card h3{margin:1px 0 6px;font-size:1rem}.value-card p{margin:0;color:var(--muted);font-size:.91rem}
.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h2{font-size:2rem;margin:0}.section-head p{margin:6px 0 0;color:var(--muted)}
.lifestage-band{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;padding:0}
.lifestage-photo{min-height:330px;background:url("assets/home-hero-approved-v52.png") center/cover no-repeat}
.lifestage-copy{padding:30px}.lifestage-copy h2{font-size:2rem;margin:9px 0}.access-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.access-tags span{border:1px solid var(--line);background:#f7fbff;padding:8px 10px;border-radius:999px;font-size:.82rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{padding:22px}.feature-mark{width:50px;height:50px;border-radius:15px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:1.45rem}.feature h3{font-size:1.25rem;margin:15px 0 6px}.feature p{color:var(--muted);min-height:78px}
.compound-band{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;padding:24px}.compound-copy h2{font-size:2.15rem;margin:9px 0}.field-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.field label{display:grid;gap:5px;color:var(--muted);font-size:.8rem}.field input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px;width:100%}.compound-chart{height:260px;margin-top:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(#fff,#f8fbff);overflow:hidden}.compound-chart svg{width:100%;height:100%}.compound-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:.82rem}.legend-line:before{content:"";display:inline-block;width:26px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle}.legend-blue:before{background:#2e83ff}.legend-green:before{background:#1ba56c}.legend-amber:before{background:#e4a32e}
.bob-strip{display:flex;align-items:center;gap:16px;padding:17px 20px;background:linear-gradient(90deg,#e9f4ff,#f8fbff);border:1px solid #d5e7f8;border-radius:17px}.bob-strip strong{font-size:1.25rem}.bob-strip p{margin:4px 0 0;color:var(--muted)}.bob-strip>a{margin-left:auto}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{padding:23px}.price-card.featured{border-color:#6faeff;box-shadow:0 18px 45px rgba(20,119,255,.12)}.price-card h3{font-size:1.4rem;margin:0}.price{font-size:2rem;font-weight:950;margin:10px 0}.price-card ul{padding-left:20px;color:var(--muted);line-height:1.75}
.site-footer{background:var(--nav);color:#dceaf7;padding:26px}.footer-inner{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-inner img{width:180px;background:var(--nav)}.footer-links{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem}.footer-links a{color:#dceaf7}

/* ===== App shell ===== */
.app-shell{max-width:1500px;margin:auto;padding:22px 24px 86px}
.app-page{display:none}.app-page.active{display:block}
.app-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.app-topline h1{margin:0;font-size:2rem}.app-topline p{margin:5px 0 0;color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.quick{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 6px 20px rgba(12,55,101,.05)}.quick b{display:block}.quick small{display:block;margin-top:5px;color:var(--muted)}
.bob-intro{display:flex;align-items:center;gap:14px}.bob-intro h2{margin:0 0 4px}.bob-intro p{margin:0;color:var(--muted)}
.knowledge-tools{display:grid;gap:10px;margin-bottom:14px}.knowledge-tools input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface);color:var(--ink)}.chip-row,.asset-tabs,.radar-toolbar,.paper-timeframes,.draw-tools{display:flex;gap:7px;flex-wrap:wrap}.chip-row button,.asset-tabs button,.radar-chip,.paper-timeframes button,.draw-tools button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 11px;cursor:pointer;font-weight:800}.chip-row button.active,.asset-tabs button.active,.radar-chip.active,.paper-timeframes button.active,.draw-tools button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.knowledge-card{padding:17px}.knowledge-card h3{margin:0 0 6px}.knowledge-card p{margin:0;color:var(--muted)}.knowledge-card small{display:block;margin-top:10px;color:#2c6cba;font-weight:800}
.academy-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.academy-copy,.academy-bob{padding:22px}.academy-copy h2{font-size:2.1rem;margin:8px 0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.course-card{padding:18px;overflow:hidden}.course-bob-badge{position:relative;min-height:88px;border-radius:15px;padding:14px 88px 14px 15px;margin-bottom:14px;background:linear-gradient(135deg,#103e6d,#0d2d4d);color:#fff;overflow:hidden}.course-bob-badge b{display:block;font-size:1.03rem}.course-bob-badge span{display:block;color:#cfe3f6;font-size:.78rem;margin-top:4px}.course-bob-badge img{position:absolute;right:7px;bottom:-7px;width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.55)}.course-card:nth-child(2) .course-bob-badge{background:linear-gradient(135deg,#176f62,#0f4a46)}.course-card:nth-child(3) .course-bob-badge{background:linear-gradient(135deg,#5552a8,#31337e)}.course-card:nth-child(4) .course-bob-badge{background:linear-gradient(135deg,#176aa3,#16436d)}.course-card:nth-child(5) .course-bob-badge{background:linear-gradient(135deg,#67509d,#40306b)}.course-card:nth-child(6) .course-bob-badge{background:linear-gradient(135deg,#9b6229,#6e3e16)}.course-card h3{margin:5px 0}.course-card p{color:var(--muted)}
.lesson-view{display:none}.lesson-view.show{display:block}.lesson-list{display:grid;gap:8px}.lesson-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.lesson-row .num{width:36px;height:36px;border-radius:11px;background:#eaf4ff;color:#1a6ad1;display:grid;place-items:center;font-weight:900}.lesson-row h4{margin:0}.lesson-row p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.lesson-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.lesson-content{padding:22px}.lesson-content h2{font-size:2.1rem;margin:8px 0}.lesson-content h3{margin:22px 0 7px}.lesson-content p,.lesson-content li,.source-course-body p,.source-course-body li{color:var(--muted);line-height:1.65}.bob-side{align-self:start;position:sticky;top:94px;padding:18px}.course-reader{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px}.course-reader-nav{padding:17px;max-height:calc(100vh - 105px);overflow:auto;position:sticky;top:90px}.course-lesson-nav{display:grid;gap:6px;margin-top:11px}.course-lesson-nav button{width:100%;display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;cursor:pointer}.course-lesson-nav button.active{background:rgba(20,119,255,.09);border-color:#78adf1}.course-lesson-nav .n{width:27px;height:27px;border-radius:8px;background:#eaf4ff;color:#1768ce;display:grid;place-items:center;font-weight:900;font-size:.76rem}.course-lesson-nav .done{color:var(--green);font-weight:900}
.course-visual,.lesson-visual{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#f7fbff,#eef6ff)}.visual-title{font-weight:900;margin-bottom:10px}.visual-diagram{min-height:180px;border-radius:12px;background:white;border:1px solid #dbe7f4;padding:14px;display:grid;place-items:center;overflow:hidden}.visual-diagram svg{width:100%;max-height:250px}
.scam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scam-topic{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:left}.scam-topic:hover{border-color:#75aef2}.scam-topic .scam-bob{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #6db0ff}.scam-topic.done{background:#edf9f2;border-color:#9cdbba}.scam-topic.almost{background:#fff8e4;border-color:#e9cc7d}.scam-topic .state{font-size:.77rem;color:var(--muted);display:block;margin-top:4px}.scam-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.market-top-cards{margin-bottom:14px}.fear-track{height:14px;border-radius:999px;background:linear-gradient(90deg,#df4c50 0 20%,#e88826 20% 40%,#e1bb25 40% 60%,#77bd4c 60% 80%,#18a96c 80% 100%);position:relative}.fear-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:white;border:5px solid #123f68;border-radius:50%}.fear-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center;color:var(--muted);font-size:.72rem;margin-top:10px}.market-list{padding:5px 18px 10px;margin-top:10px}.market-row{display:grid;grid-template-columns:1.3fr .8fr .6fr 1fr;gap:10px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.market-row:last-child{border-bottom:0}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:12px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:.88rem}.table th{font-size:.74rem;color:var(--muted)}.score-pill{display:inline-flex;border-radius:999px;background:#eaf4ff;color:#1667c7;font-weight:900;padding:5px 8px}.why-btn{border:1px solid var(--line);background:var(--surface);color:var(--blue);border-radius:9px;padding:7px 9px;font-weight:850;cursor:pointer}
.paper-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 290px;gap:14px}.direction-grid{display:grid;gap:8px;margin:12px 0}.direction{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-weight:850;text-align:left;cursor:pointer}.direction.active{background:#eef6ff;border-color:#79acf0}.trade-form{display:grid;gap:9px}.trade-form label{display:grid;gap:4px;color:var(--muted);font-size:.82rem}.trade-form input,.trade-form textarea{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px;width:100%}.trade-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rr-readout{padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(20,119,255,.045)}.chart-shell{position:relative;height:470px;border:1px solid var(--line);border-radius:16px;background:#0a2136;overflow:hidden;touch-action:pan-y}.chart-shell.draw-mode{touch-action:none;cursor:crosshair}.chart-shell svg{width:100%;height:100%}.chart-source{color:var(--muted);font-size:.78rem;margin-top:8px}.paper-bob{padding:18px}.metric-mini{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-top:1px solid var(--line);margin-top:10px}.metric-mini span{color:var(--muted)}
.news-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.news-list{display:grid;gap:8px}.news-item{display:block;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-decoration:none}.news-item:hover{border-color:#74aef2}.news-item b{display:block}.news-item span{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-mode-btn.active,.theme-choice.active{background:var(--blue);color:white;border-color:var(--blue)}
.modal{position:fixed;inset:0;z-index:500;display:none;place-items:center;padding:20px;background:rgba(3,22,40,.7)}.modal.show{display:grid}.modal-card{width:min(680px,100%);max-height:84vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.27)}.close{float:right;border:0;background:#edf4fb;color:#173453;width:36px;height:36px;border-radius:10px;font-size:22px;cursor:pointer}.why-section{padding:12px;border:1px solid var(--line);border-radius:12px;margin:9px 0}.why-section h3{margin:0 0 5px}.why-balance{display:grid;grid-template-columns:1fr 1fr;gap:10px}.why-positive{background:#eef9f3}.why-caution{background:#fff7e5}
.mobile-bottom{display:none}

/* ===== Dark theme ===== */
html[data-theme="dark"]{--bg:#061a2b;--surface:#102d48;--surface2:#0d263e;--ink:#f4f8fc;--muted:#c5d2df;--line:rgba(255,255,255,.13);--nav:#002e63}
html[data-theme="dark"] body{background:linear-gradient(180deg,#061a2b,#082238 62%,#061a2b);color:var(--ink)}
html[data-theme="dark"] .card,html[data-theme="dark"] .quick,html[data-theme="dark"] .lesson-row,html[data-theme="dark"] .scam-topic,html[data-theme="dark"] .secondary,html[data-theme="dark"] .chip-row button,html[data-theme="dark"] .asset-tabs button,html[data-theme="dark"] .radar-chip,html[data-theme="dark"] .paper-timeframes button,html[data-theme="dark"] .draw-tools button,html[data-theme="dark"] .direction,html[data-theme="dark"] .knowledge-tools input,html[data-theme="dark"] .trade-form input,html[data-theme="dark"] .trade-form textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .notice,html[data-theme="dark"] .speech{background:rgba(20,119,255,.08);border-color:rgba(112,176,241,.22);color:var(--ink)}
html[data-theme="dark"] .lesson-content p,html[data-theme="dark"] .lesson-content li,html[data-theme="dark"] .source-course-body p,html[data-theme="dark"] .source-course-body li{color:#d6e2ed!important}
html[data-theme="dark"] .course-visual,html[data-theme="dark"] .lesson-visual{background:#0b253d}
html[data-theme="dark"] .visual-diagram{background:#071d30;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .bob-strip{background:linear-gradient(90deg,#0e3150,#0b2944);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .compound-chart{background:#071e31}
html[data-theme="dark"] .access-tags span{background:#0d2943;border-color:var(--line)}
html[data-theme="dark"] .score-pill{background:#173b5c;color:#9bc8ff}
html[data-theme="dark"] .why-positive{background:#103b32}.why-caution{background:#4b3b15}

/* Color accessibility */
html[data-color-mode="redgreen"]{--green:#1478b8;--red:#d18d00;--amber:#7657c9}
html[data-color-mode="blueyellow"]{--green:#12866d;--red:#aa4ca0;--blue:#0061c9;--blue2:#65a9e8}
html[data-color-mode="contrast"]{--line:#63758a;--muted:#33445b}
html[data-theme="dark"][data-color-mode="contrast"]{--bg:#000;--surface:#000;--surface2:#000;--ink:#fff;--muted:#fff;--line:#fff}
html[data-theme="dark"][data-color-mode="contrast"] body{background:#000}

/* Responsive */
@media(max-width:1220px){
  .top-nav{display:none}.hamburger{display:block}.header-actions{margin-left:auto}
  .menu-panel{position:fixed;left:14px;right:14px;top:76px;z-index:190;background:#06315d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:9px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
  .menu-panel.show{display:grid}.menu-panel a,.menu-panel button{color:white;text-decoration:none;border:0;background:transparent;text-align:left;padding:12px;border-radius:10px}.menu-panel a:hover,.menu-panel button:hover{background:rgba(255,255,255,.08)}
  .public-hero{grid-template-columns:1fr}.hero-media{min-height:430px}.value-strip{grid-template-columns:1fr 1fr}.feature-grid,.course-grid{grid-template-columns:1fr 1fr}.paper-grid{grid-template-columns:1fr}.lesson-body,.course-reader{grid-template-columns:1fr}.bob-side,.course-reader-nav{position:static;max-height:none}.dashboard-grid{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr}.compound-band{grid-template-columns:1fr}.field-row{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .header-inner{padding:7px 12px;min-height:66px}.brand-link{height:48px}.brand-link img{width:160px;height:48px}.text-tools{display:none}.header-actions>.primary{display:none}.theme-toggle,.hamburger{width:40px;height:40px}.header-actions .avatar.sm{display:none}
  .shell,.app-shell{padding:16px 13px 82px}.hero-copy{padding:8px 0}.hero-copy h1{font-size:clamp(3rem,16vw,4.4rem)}.lead{font-size:1.03rem}.hero-media{min-height:360px}.hero-bob{left:11px;top:11px}.hero-bob .speech-mini{max-width:205px;font-size:.87rem}.hero-hand{display:none}
  .value-strip,.feature-grid,.course-grid,.knowledge-grid,.pricing-grid,.settings-grid,.scam-grid,.scam-tools,.lifestage-band{grid-template-columns:1fr}.lifestage-photo{min-height:260px}.lifestage-copy{padding:21px}.quick-grid{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.compound-chart{height:220px}.bob-strip{align-items:flex-start;flex-wrap:wrap}.bob-strip>a{margin-left:0}
  .market-row{grid-template-columns:1.2fr .8fr .6fr}.market-row .market-extra{display:none}.fear-labels{font-size:.61rem}.trade-numbers{grid-template-columns:1fr}.chart-shell{height:360px}
  .lesson-row{grid-template-columns:36px minmax(0,1fr)}.lesson-row button{grid-column:2}.course-lesson-nav button{grid-template-columns:30px minmax(0,1fr)}.course-lesson-nav .done{grid-column:2}
  .mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:175;grid-template-columns:repeat(5,1fr);background:rgba(0,46,99,.97);padding:6px 5px max(6px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1)}.mobile-bottom button{border:0;background:transparent;color:#d1e2f1;display:grid;place-items:center;gap:2px;font-size:.66rem;padding:5px}.mobile-bottom button b{font-size:1.06rem;color:#fff}.mobile-bottom button.active{background:rgba(255,255,255,.09);border-radius:10px}
  .why-balance{grid-template-columns:1fr}.footer-inner{display:grid}.hero-actions .primary,.hero-actions .secondary{flex:1}
}
@media(max-width:430px){.quick-grid{grid-template-columns:1fr}.value-card{grid-template-columns:54px 1fr}.value-visual{width:50px;height:50px}.hero-media{min-height:330px}.hero-bob .speech-mini{max-width:170px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.scam-quiz-card{grid-column:1/-1}.quiz-question{border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}.quiz-question legend{font-weight:850;padding:0 5px}.quiz-question label{display:block;padding:6px 0;color:var(--muted)}.safety-badge{display:flex;align-items:center;gap:12px;border:2px solid #6faeff;background:linear-gradient(135deg,#edf6ff,#f9fcff);border-radius:16px;padding:14px}.safety-badge img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #5da5f7}html[data-theme="dark"] .safety-badge{background:linear-gradient(135deg,#113654,#0d2943)}


/* ===== Rework 22-09 landing + header ===== */
.public-home body{}
body.public-home{background:#061a2b}
.home-shell{padding-top:18px}
.home-header-inner,.app-header-inner{gap:14px}
.header-actions-home{gap:10px}
.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:#ffd36e;font-size:1.35rem;cursor:pointer}
.header-divider{width:1px;height:26px;background:rgba(255,255,255,.18)}
.compact-text-tools{padding:4px 6px;gap:6px}.compact-text-tools button{min-width:32px;height:34px;font-size:1.1rem;padding:0 10px}.compact-text-tools button:nth-child(2){font-size:1.3rem}.compact-text-tools button:nth-child(3){font-size:1.1rem;font-weight:950}
.header-cta{min-width:170px}
.home-showcase{background:linear-gradient(135deg,#032a59 0%,#062d60 38%,#08294f 100%);border-radius:24px;padding:34px 32px 28px;box-shadow:0 22px 48px rgba(0,0,0,.26);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.showcase-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:stretch}
.showcase-copy{padding:18px 8px 8px 6px;display:flex;flex-direction:column;justify-content:center}
.eyebrow.light{color:#bfd9ff;letter-spacing:.24em}
.showcase-copy h1{font-size:clamp(4.1rem,7vw,7.2rem);line-height:.92;letter-spacing:-.06em;margin:14px 0 18px;color:#fff}
.showcase-copy h1 em{display:block;font-style:normal;color:#2d92ff}
.lead.light{color:#deebf9;font-size:1.22rem;max-width:720px}
.showcase-media{position:relative;min-height:560px;border-radius:22px;overflow:hidden;background:#143a63}
.showcase-media .people{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-bob-home{left:18px;top:18px}.hero-bob-home .speech-mini{max-width:240px}
.showcase-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.home-value-card{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:24px 20px;background:linear-gradient(180deg,rgba(11,54,104,.96),rgba(8,42,83,.96));border:1px solid rgba(130,181,255,.26);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.home-value-card h3{margin:0 0 10px;color:#fff;font-size:1.15rem}.home-value-card p{margin:0;color:#dce9f8;line-height:1.56}.home-value-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#edf8ff,#d7ecff);display:grid;place-items:center;color:#0f3565;font-size:1.7rem}
.showcase-trust{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:18px;padding:0 6px;color:#eaf4ff;font-size:1rem}.showcase-trust span{opacity:.96}.showcase-trust .hand-note{font-family:"Segoe Print","Bradley Hand",cursive;font-size:1.08rem}
.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.public-home .feature,.public-home .price-card,.public-home .review-card,.public-home .compound-band,.public-home .lifestage-band{background:#102d48;color:#f4f8fc;border-color:rgba(255,255,255,.12)}
.public-home .feature p,.public-home .review-card p,.public-home .price-card ul,.public-home .lifestage-copy p,.public-home .section-head p{color:#c7d6e4}
.public-home .feature-mark{background:#d9ebff}.public-home .section-head h2,.public-home .compound-copy h2,.public-home .lifestage-copy h2,.public-home .review-card h3,.public-home .price-card h3{color:#fff}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review-card{padding:22px}.review-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.review-person{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0f3565;font-size:1.6rem}.review-head h3{margin:0}.review-head small{color:var(--muted)}
.knowledge-banner{margin-bottom:14px}.news-bob-reader{display:flex;gap:12px;align-items:flex-start}.reader-photo{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf4ff,#d7ecff);font-size:2rem;color:#133b68}.bob-photo-intro .avatar{box-shadow:0 12px 26px rgba(0,0,0,.18)}
.legend-amber:before{background:#e4a32e}
@media(max-width:1220px){.showcase-grid{grid-template-columns:1fr}.showcase-media{min-height:470px}.showcase-values{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.header-cta{display:none}.icon-btn{display:none}.home-showcase{padding:18px 14px 16px}.showcase-copy h1{font-size:clamp(3.1rem,15vw,4.8rem)}.showcase-media{min-height:360px}.showcase-values,.reviews-grid{grid-template-columns:1fr}.showcase-trust{gap:10px;justify-content:flex-start;font-size:.92rem}.showcase-trust .hand-note{width:100%}}


/* merged from patch-v05.css */
/* Targeted v05 overrides: header, requested imagery, landing, chart controls, calculator. */
:root{--header-height:82px;--focus-color:#ffda7b;--calc-cash:#8798ac;--calc-save:#5faaff;--calc-bond:#d9ac49;--calc-invest:#32be9b}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}
[hidden]{display:none!important}
section[id]{scroll-margin-top:calc(var(--header-height) + 16px)}
.site-header{position:sticky;top:0;z-index:180;background:linear-gradient(100deg,#062f59,#041b3e 70%,#041832);border:none;box-shadow:0 1px 0 #244663}
.site-header .header-inner{width:100%;max-width:1690px;min-height:80px;padding:12px clamp(14px,3.7vw,62px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}
.site-header .brand-link{display:block;flex:none;height:auto;width:clamp(180px,15vw,235px);background:none;min-width:0}
.site-header .brand-link img{width:100%;height:auto;max-height:54px;object-fit:contain;background:none;border:0;border-radius:0}
.site-header .top-nav{display:flex!important;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;min-width:0;gap:clamp(2px,.5vw,9px)}
.site-header .top-nav a,.site-header .top-nav button{display:block!important;flex:0 0 auto;min-height:44px;font-size:.92rem;font-weight:550;line-height:1.3;padding:10px 7px;white-space:nowrap}
.site-header .header-actions{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;justify-self:end;min-width:0;margin:0}
.site-header .text-tools{display:flex;padding:3px;gap:2px;background:#072747;border-radius:11px}
.site-header .text-tools button,.font-popup button{min-height:40px;min-width:36px;padding:6px 8px;font-size:.95rem;color:white;background:transparent;box-shadow:none;transform:none}
.site-header .text-tools button.active,.font-popup button.active{background:#177af8;color:white;box-shadow:inset 0 0 0 2px #79b4fd;border-radius:8px}
.site-header .header-cta{min-width:130px;min-height:46px;font-size:.98rem;font-weight:650;white-space:nowrap}
.site-header .theme-toggle,.site-header .icon-btn,.site-header .hamburger{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:9px;background:transparent;border:0;color:#eef6ff;border-radius:9px}
.site-header .icon-btn{color:#ffd077}.site-header svg{width:24px;height:24px;flex:none}.site-header .hamburger{display:flex!important}.hamburger span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.site-header[data-layout="two"] .top-nav{grid-row:2;grid-column:1/-1;flex-wrap:wrap;justify-content:center}
.site-header[data-layout="two"] .header-actions{grid-row:1;grid-column:3}
.site-header[data-layout="two"] .header-inner{row-gap:5px}
.site-header[data-layout="compact"] .top-nav{display:none!important}
.site-header[data-layout="compact"] .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px}
.site-header[data-layout="compact"] .header-actions{grid-column:2}
.font-mobile{display:none;position:relative;color:#fff}.font-mobile summary{list-style:none;cursor:pointer;min-width:42px;min-height:42px;padding:10px 8px;border:1px solid #587592;border-radius:9px;text-align:center;font-weight:700}.font-mobile summary::-webkit-details-marker{display:none}
.font-popup{position:absolute;top:100%;right:0;margin-top:8px;min-width:190px;display:flex;padding:6px;background:#092a4b;border:1px solid #7ba9d3;border-radius:12px;box-shadow:0 12px 30px #0005;z-index:220}.font-popup button{border:0;cursor:pointer}
.menu-panel{position:fixed;inset:var(--header-height) 16px auto auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - var(--header-height) - 18px);overflow:auto;overscroll-behavior:contain;z-index:190;padding:12px;display:none;background:#07294a;border:1px solid #50799d;border-radius:0 0 16px 16px;box-shadow:0 20px 35px #0005}
.menu-panel.show{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.menu-panel a,.menu-panel button{min-width:0;display:flex;align-items:center;text-align:left;min-height:46px;padding:10px 12px;border:0;background:transparent;color:#f1f6ff;border-radius:9px;text-decoration:none;font-size:1rem;cursor:pointer}
.menu-panel a:hover,.menu-panel button:hover,.menu-panel .active{background:#154775}
.build{font-size:11px;pointer-events:none;opacity:.85}
/* The opening screen is one scene, not a photograph inside another card. */
body.public-home{background:var(--bg);color:var(--ink)}
.home-shell{max-width:1600px;margin:auto;padding:0 28px 60px}
.home-showcase{position:relative;isolation:isolate;margin:0 -28px;padding:0 48px 26px;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 5% 20%,#063964 0,#04234c 40%,#031b3b 80%);overflow:hidden;color:#fff}
.showcase-grid{position:static;display:block;min-height:510px}
.showcase-copy{position:relative;z-index:3;display:block;max-width:535px;width:43%;padding:46px 0 24px;min-height:510px}
.showcase-copy h1{font-size:clamp(3.1rem,5vw,5rem);line-height:1.01;letter-spacing:-.045em;margin:17px 0 20px;color:#f6fbff}
.showcase-copy h1 span,.showcase-copy h1 em{display:block}.showcase-copy h1 em{color:#248dfd}
.showcase-copy .lead{color:#e3edf9;font-size:1.16rem;line-height:1.55;margin:0 0 22px;max-width:490px}
.showcase-copy .hero-actions{gap:12px}.showcase-copy .primary,.showcase-copy .ghost{min-height:48px;font-weight:650;font-size:1rem;transform:none}
.showcase-copy .ghost{color:#f2f8ff!important;background:transparent!important;border:1px solid #73acdf!important}
.showcase-copy .eyebrow{font-size:.75rem;letter-spacing:.23em;color:#a3d4ff}
.showcase-media{position:absolute;z-index:0;top:0;right:0;width:64%;height:650px;min-height:0;border-radius:0;box-shadow:none;overflow:visible;background:none}
.showcase-media .people{width:100%;height:100%;object-fit:cover;object-position:center 35%;mask-image:linear-gradient(to right,transparent,black 22%);-webkit-mask-image:linear-gradient(to right,transparent,black 22%)}
.showcase-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#031b3b 1%,transparent 28%)}
.hero-bob-home{position:absolute;z-index:4;top:44px;left:4%;gap:12px;align-items:flex-start;max-width:365px}
.hero-bob-home .avatar{width:88px;height:88px;flex:none;background:#092c50}
.hero-bob-home .speech-mini{font-size:.92rem;line-height:1.4;max-width:205px;box-shadow:none;padding:13px 14px;color:#092648;background:#f5faff;border-radius:15px}
.showcase-media .hero-hand{top:160px;bottom:auto;left:9%;color:#e3f1ff;font-size:1rem}
.showcase-values{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0}
.home-value-card{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:22px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(8,52,99,.96),rgba(5,31,62,.97));border:1px solid #265b87;box-shadow:none}
.home-value-card h3{font-size:1.02rem;font-weight:650;line-height:1.3;margin:0 0 10px;color:#f5f9ff}
.home-value-card p{font-size:.94rem;line-height:1.5;margin:0;color:#dbe8f7}
.home-value-icon{width:54px;height:54px;border-radius:15px;background:#c2edff;color:#0b3762;display:grid;place-items:center}.home-value-icon svg{width:34px;height:34px}
.home-value-card:nth-child(3) .home-value-icon{background:#76c0fa}.home-value-card:nth-child(4) .home-value-icon{background:#dcd9ff}
.showcase-trust{position:relative;z-index:3;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:20px 0 0;margin:0;color:#dce9fa;font-size:.82rem}
.showcase-trust span{display:flex;align-items:center;gap:9px}.showcase-trust svg{width:24px;height:24px;flex:none}.showcase-trust .hand-note{font-size:1rem}
/* Restore theme-scoped surfaces instead of light boxes with inherited white text. */
.value-card{background:var(--surface);color:var(--ink)}.value-card p{color:var(--muted)}
.public-home .feature,.public-home .price-card,.public-home .review-card,.public-home .lifestage-band,.public-home .purchase-tool{background:var(--surface);color:var(--ink);border-color:var(--line)}
.public-home .feature p,.public-home .review-card p,.public-home .price-card ul,.public-home .lifestage-copy p,.public-home .section-head p{color:var(--muted)}
.public-home .section-head h2,.public-home .lifestage-copy h2,.public-home .review-card h3,.public-home .price-card h3{color:var(--ink)}
.lifestage-photo{display:block;min-height:0!important;width:100%;height:340px;object-fit:cover;object-position:center 34%;background:none!important}
.knowledge-banner{margin-bottom:22px;padding:26px;background:linear-gradient(115deg,#0d3b69,#082f55)!important;color:#f3f8ff;border:1px solid #366487}.knowledge-banner p{color:#daeafa!important;max-width:900px}.knowledge-banner .avatar{width:104px;height:104px;flex:none}
.bob-photo-intro,.news-bob-reader{display:block}.bob-editorial{width:100%;height:210px;object-fit:cover;object-position:center 28%;border-radius:13px;margin:0 0 15px}.news-bob-reader h2,.bob-photo-intro h2{font-size:1.4rem}.news-bob-reader p{color:var(--muted)}
/* Comparison model: distinct products, visible assumptions and shopping-basket purchasing power. */
.purchase-tool{padding:28px;margin-top:32px;--calc-cash:#a0b4cd;--calc-save:#59aaff;--calc-bond:#f0bf5a;--calc-invest:#5edcbb}
.purchase-intro{max-width:860px}.purchase-intro h2{font-size:2rem;margin:8px 0 12px}.purchase-intro p{color:var(--muted)}
.purchase-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 16px}
.rate-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.purchase-tool label{display:grid;gap:6px;font-size:.93rem;color:var(--muted)}.purchase-tool input{min-width:0;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink)}
.rate-details summary,.model-notes summary{cursor:pointer;padding:10px 0;font-weight:650}.basket-banner{display:flex;align-items:center;gap:18px;padding:18px 20px;margin:22px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.basket-banner svg{width:52px;height:52px;flex:none;color:var(--blue2)}.basket-banner strong{font-size:1.24rem}.basket-banner p{margin:5px 0 0;color:var(--muted)}
.purchase-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.purchase-result{border:1px solid var(--line);border-radius:12px;padding:16px;border-top:4px solid var(--key)}.purchase-result h3{font-size:1.01rem;margin:0 0 10px}.purchase-result strong{font-size:1.45rem;display:block}.purchase-result p{font-size:.92rem;color:var(--muted);margin:8px 0 0}.purchase-result .carts{font-weight:700;color:var(--ink)}
.purchase-chart{margin:22px 0 10px;padding:10px 10px 0;border:1px solid var(--line);background:var(--surface2);border-radius:14px}.purchase-chart svg{display:block;width:100%;height:270px}.purchase-years{display:flex;justify-content:space-between;margin:0 22px 12px 65px;color:var(--muted);font-size:.84rem}.purchase-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.9rem}.purchase-legend span{display:flex;gap:8px;align-items:center}.purchase-legend span:before{content:"";display:block;width:25px;height:3px;background:var(--key)}.cash{--key:var(--calc-cash)}.save{--key:var(--calc-save)}.bond{--key:var(--calc-bond)}.invest{--key:var(--calc-invest)}
.model-notes{margin:20px 0}.model-notes p{color:var(--muted);font-size:.9rem}#purchaseError{border:1px solid #e37e7e;border-radius:10px;padding:12px;color:var(--ink)}
/* Requested drawing controls, leaving the plan/journal controls intact. */
.chart-help{font-size:.86rem;color:var(--muted);margin:10px 0}.chart-shell{min-width:0}.chart-shell.draw-mode{touch-action:none}.draw-tools{gap:8px}.draw-tools button{min-height:44px}.draw-tools button:disabled{opacity:.55;cursor:default}.paper-chart-card{min-width:0}.paper-grid.chart-expanded{grid-template-columns:260px minmax(0,1fr)}.paper-grid.chart-expanded .paper-bob{grid-column:1/-1}.paper-grid.chart-expanded .chart-shell{height:min(680px,76vh)}
.waiting-block{background:var(--surface2);padding:16px 18px;border:1px solid var(--line);border-left:4px solid #6eb6ff;border-radius:12px;margin:12px 0}.waiting-block h3{margin:0 0 8px}.waiting-block p{margin:8px 0}.waiting-block li{margin:7px 0}.waiting-block .level-note{font-size:.82rem;color:var(--muted)}
.reviews-section{margin-top:32px}.review-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.review-preview article{padding:22px;background:var(--surface);border:1px dashed var(--line);border-radius:14px}.review-preview p{color:var(--muted)}.review-preview .preview-label{font-weight:700;color:var(--blue2)}
.table-wrap,.card,.dashboard-grid>*{min-width:0}.dashboard-grid{max-width:100%}
html[data-theme="light"] .purchase-tool{--calc-cash:#526078;--calc-save:#1664be;--calc-bond:#946302;--calc-invest:#006f59}
html[data-theme="light"] .why-caution{background:#fff3d2!important;color:#172e45}html[data-theme="dark"] .why-caution{background:#423510;color:#f5f7fa}
html[data-color-mode="contrast"] .home-value-card{background:#000;border-color:#fff}html[data-color-mode="contrast"] .home-value-card p{color:#fff}
@media(max-width:1200px){.showcase-copy{width:49%;max-width:550px}.showcase-media{width:63%;height:650px}.hero-bob-home{left:15%;max-width:260px}.hero-bob-home .avatar{width:66px;height:66px}.hero-bob-home .speech-mini{max-width:160px}.showcase-media .hero-hand{display:none}.home-value-card{grid-template-columns:1fr;padding:18px}.showcase-values{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid[style*="330px"]{grid-template-columns:minmax(0,1fr)!important}.paper-grid.chart-expanded{grid-template-columns:1fr}}
@media(max-width:1000px){.site-header .header-cta{display:none}.showcase-copy h1{font-size:clamp(2.8rem,5.3vw,4.5rem)}.hero-bob-home{left:28%;top:16px;display:none}.showcase-values{grid-template-columns:repeat(2,minmax(0,1fr))}.home-value-card{grid-template-columns:54px 1fr}.showcase-grid{min-height:490px}.purchase-inputs,.purchase-results{grid-template-columns:repeat(2,minmax(0,1fr))}.rate-inputs{grid-template-columns:1fr}.review-preview{grid-template-columns:1fr}}
@media(max-width:760px){.site-header .header-inner{padding:10px 14px;min-height:68px}.site-header .brand-link{width:160px}.site-header .text-tools{display:none}.font-mobile{display:block}.site-header .header-actions{gap:3px}.site-header .header-actions .avatar{display:none}.site-header .search-btn{display:none}.site-header .theme-toggle,.site-header .hamburger{min-width:40px;width:40px;height:42px;padding:8px}.home-shell{padding:0 14px 80px}.home-showcase{margin:0 -14px;padding:0 22px 22px}.showcase-copy{width:100%;max-width:none;min-height:0;padding:32px 0 18px}.showcase-copy h1{font-size:clamp(2.8rem,9vw,4rem);margin:14px 0 18px}.showcase-copy .lead{font-size:1.04rem}.showcase-grid{min-height:0}.showcase-media{position:relative;width:calc(100% + 44px);margin:0 -22px;height:320px;top:auto;right:auto}.showcase-media .people{mask-image:linear-gradient(to bottom,transparent,black 18%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%);object-position:center 36%}.showcase-media:after{background:linear-gradient(to top,#031b3b,transparent 28%)}.showcase-values{grid-template-columns:1fr;margin-top:-14px}.home-value-card{padding:19px;grid-template-columns:54px 1fr}.showcase-trust{display:grid;grid-template-columns:1fr;gap:14px;font-size:.83rem}.showcase-trust .hand-note{font-size:1rem}.purchase-tool{padding:19px}.purchase-inputs,.purchase-results{grid-template-columns:1fr}.basket-banner{padding:14px}.purchase-chart svg{height:220px}.purchase-years{margin-left:32px;margin-right:8px}.purchase-legend{font-size:.82rem;gap:12px}.knowledge-banner{padding:20px}.knowledge-banner .bob-intro{align-items:flex-start}.knowledge-banner .avatar{width:64px;height:64px}.lifestage-photo{height:285px}.bob-editorial{height:250px}.paper-grid.chart-expanded .paper-bob{grid-column:auto}.build{bottom:68px}.menu-panel.show{grid-template-columns:1fr 1fr}.menu-panel a,.menu-panel button{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep faces and the task visible within the requested editorial photographs. */
.news-bob-reader .bob-editorial{height:300px;object-position:center 20%}
.bob-photo-intro .bob-editorial{height:230px;object-position:center 12%}
.lifestage-photo{object-fit:contain!important;height:350px;background:var(--surface2)!important}
.trade-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-numbers label:first-child{grid-column:1/-1}
.knowledge-card small{color:var(--blue2)}
.showcase-trust,.eyebrow,.chart-source,.small-text{font-size:max(12px,.82rem)}
.build{font-size:12px}
@media(max-width:600px){.trade-numbers{grid-template-columns:1fr}.lifestage-photo{height:330px}}


/* v06 only: keep review sections visible with clear temporary example cards */
.review-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:rgba(70,130,255,.16);border:1px solid rgba(110,170,255,.35);margin-bottom:12px}.review-example-note{font-size:.85rem;opacity:.82;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}


/* merged from patch-v07.css */
/* v07 scoped corrections only. No navigation, API, chart, pricing or course changes. */
/* Requested: show the whole hero photograph at a smaller scale, preserve its soft edge. */
.public-home .showcase-media{height:500px;min-height:0;width:63%;}
.public-home .showcase-media .people{position:absolute;right:0;top:0;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 98%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 98%);}
.public-home .showcase-grid,.public-home .showcase-copy{min-height:520px;}
.public-home .showcase-media:after{background:linear-gradient(to top,#031b3b 0%,transparent 16%);}
/* About photograph: dedicated landscape composition, no narrow photo strip or hard inner frame. */
#over-ons.lifestage-band{grid-template-columns:minmax(0,.95fr) minmax(0,1.55fr);align-items:stretch;}
.lifestage-media-v07{position:relative;min-width:0;display:flex;align-items:center;isolation:isolate;overflow:hidden;border-radius:inherit 0 0 inherit;}
#over-ons .lifestage-media-v07 .lifestage-photo{display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none;object-fit:contain!important;background:transparent!important;margin:0;mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 78%,transparent 100%);}
#over-ons .lifestage-copy{align-self:center;min-width:0;padding:28px 28px 28px 10px;}
/* Shopping explanation: familiar drawings, a single comparison, detail on demand. */
.purchase-visual-v07{padding:28px;}
.purchase-visual-v07 .purchase-intro{max-width:960px;}
.purchase-visual-v07 .purchase-intro h2{font-size:2rem;line-height:1.2;}
.purchase-visual-v07 .purchase-intro p{font-size:1.08rem;line-height:1.55;}
.purchase-story{display:grid;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);max-width:900px;margin:22px auto;align-items:center;gap:22px;text-align:center;}
.story-today,.story-later{padding:20px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface2);min-width:0;}
.story-label{display:block;font-weight:700;font-size:1.15rem;line-height:1.4;}
.story-art{margin:0 auto;width:138px;height:108px;color:var(--blue2);}
.story-art svg{width:100%;height:100%;}
.story-later .story-art{color:var(--calc-bond);}
.purchase-story strong{display:block;font-size:2rem;line-height:1.15;margin:8px 0;}
.purchase-story p{margin:10px 0 0;color:var(--muted);font-size:1rem;}
.story-arrow{color:var(--blue2);}
.story-arrow svg{width:100%;height:auto;}
.purchase-coach{max-width:900px;display:flex;align-items:center;gap:16px;padding:18px;margin:0 auto 26px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);}
.purchase-coach img{flex:none;width:64px;height:64px;border-radius:50%;}
.purchase-coach p{margin:0;font-size:1.08rem;line-height:1.5;}
.purchase-compare-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:24px 0 18px;}
.purchase-compare-head h3{font-size:1.35rem;line-height:1.35;margin:0;}
.purchase-compare-head p{margin:6px 0 0;font-size:1rem;color:var(--muted);}
.year-choices{display:flex;gap:6px;flex-wrap:wrap;}
.year-choices button{font:inherit;min-height:46px;padding:9px 14px;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink);}
.year-choices button.active{color:#fff;background:#1065c4;border-color:#77b9ff;box-shadow:inset 0 0 0 1px #77b9ff;}
.purchase-visual-v07 .purchase-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.purchase-visual-v07 .purchase-result{background:var(--surface2);padding:18px;min-width:0;}
.purchase-product-icon{width:100px;height:78px;color:var(--key);margin-bottom:8px;}
.purchase-product-icon svg{width:100%;height:100%;}
.purchase-visual-v07 h4{font-size:1.08rem;line-height:1.3;margin:5px 0 8px;}
.purchase-visual-v07 .product-plain{font-size:.96rem;line-height:1.45;min-height:3em;}
.purchase-visual-v07 .cart-count{margin:18px 0 16px;font-size:2.35rem;line-height:1.1;letter-spacing:-.035em;color:var(--ink);}
.cart-count span{display:block;font-size:1rem;line-height:1.4;letter-spacing:0;font-weight:550;margin-top:5px;}
.basket-meter{height:16px;position:relative;border:1px solid var(--line);border-radius:6px;background:var(--surface);margin:15px 0 7px;}
.basket-meter-fill{display:block;height:100%;background:var(--key);border-radius:4px;}
.basket-meter-today{position:absolute;left:66.6666%;top:-4px;height:22px;width:2px;background:var(--ink);}
.meter-key{font-size:max(12px,.8rem);color:var(--muted);display:block;line-height:1.45;}
.purchase-visual-v07 .comparison-verdict{font-size:.96rem;margin-top:13px;color:var(--ink);line-height:1.45;}
.purchase-assumptions{font-size:.96rem;line-height:1.55;color:var(--muted);margin:18px 0;}
.purchase-custom,.purchase-visual-v07 .model-notes{margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:0 18px;}
.purchase-custom summary,.purchase-visual-v07 .model-notes summary{font-size:1.02rem;font-weight:650;padding:15px 0;min-height:48px;cursor:pointer;}
.purchase-custom .purchase-inputs{margin:8px 0 18px;}
.purchase-custom .rate-inputs{margin-bottom:18px;}
.purchase-detail-scroll{overflow:auto;}
.purchase-detail-scroll table{border-collapse:collapse;width:100%;font-size:.94rem;}
.purchase-detail-scroll caption{text-align:left;padding:12px 0;font-weight:650;}
.purchase-detail-scroll th,.purchase-detail-scroll td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);}
.purchase-course-links{margin-top:18px;}
/* Six photo reviews: Home and Subscriptions have separate people. One transparent disclosure per section. */
.reviews-v07 .review-disclosure{margin:0 0 16px;padding:12px 16px;border-left:3px solid var(--blue2);background:var(--surface2);font-size:.96rem;line-height:1.5;color:var(--muted);}
.reviews-v07 .review-disclosure strong{color:var(--ink);}
.reviews-v07 .reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.reviews-v07 .review-photo-card{padding:0;overflow:hidden;display:grid;grid-template-columns:42% minmax(0,1fr);align-items:start;box-shadow:none;}
.review-photo-wrap{padding:18px 0 14px 14px;min-width:0;}
.review-photo-wrap img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center top;border-radius:12px;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);}
.reviews-v07 .review-copy{padding:20px 18px;min-width:0;}
.reviews-v07 .review-copy h3{margin:0 0 12px;font-size:1.22rem;line-height:1.25;}
.reviews-v07 blockquote{font-size:1rem;line-height:1.62;margin:0;color:var(--muted);}
.reviews-v07 .review-origin{margin:12px 0 0;font-size:.87rem;color:var(--muted);}
html[data-color-mode="contrast"] .purchase-visual-v07 :is(.story-today,.story-later,.purchase-coach,.purchase-result){background:var(--surface);color:var(--ink);border:2px solid var(--ink);}
@media(max-width:1250px){
 .reviews-v07 .review-photo-card{grid-template-columns:1fr;}
 .review-photo-wrap{padding:20px 20px 0;width:100%;max-width:235px;margin:auto;}
 .reviews-v07 .review-copy{padding:14px 22px 24px;}
 .public-home .showcase-media{height:490px;}
 .public-home .showcase-grid,.public-home .showcase-copy{min-height:505px;}
}
@media(max-width:1000px){
 .purchase-visual-v07 .purchase-results{grid-template-columns:repeat(2,minmax(0,1fr));}
 #over-ons.lifestage-band{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
 .purchase-story{gap:12px;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);}
 .purchase-story strong{font-size:1.65rem;}
}
@media(max-width:760px){
 .public-home .showcase-grid,.public-home .showcase-copy{min-height:0;}
 .public-home .showcase-media{height:auto!important;width:calc(100% + 44px);}
 .public-home .showcase-media .people{position:relative;width:100%;height:auto;max-width:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 90%,transparent 100%);}
 .public-home .showcase-values{margin-top:0;}
 #over-ons.lifestage-band{grid-template-columns:1fr;}
 #over-ons .lifestage-media-v07 .lifestage-photo{width:100%!important;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);}
 #over-ons .lifestage-copy{padding:8px 24px 28px;}
 .purchase-visual-v07{padding:20px;}
 .purchase-story{grid-template-columns:1fr;gap:10px;}
 .story-arrow{width:48px;margin:0 auto;transform:rotate(65deg);}
 .story-today,.story-later{padding:18px;}
 .purchase-story strong{font-size:1.9rem;}
 .purchase-coach{align-items:flex-start;gap:12px;padding:14px;}
 .purchase-coach img{width:48px;height:48px;}
 .purchase-coach p{font-size:1rem;}
 .purchase-visual-v07 .purchase-results{grid-template-columns:1fr;}
 .purchase-visual-v07 .purchase-result{padding:20px;}
 .purchase-visual-v07 .product-plain{min-height:0;}
 .reviews-v07 .reviews-grid{grid-template-columns:1fr;}
 .reviews-v07 .review-photo-card{grid-template-columns:39% minmax(0,1fr);}
 .review-photo-wrap{padding:20px 0 14px 14px;}
 .reviews-v07 .review-copy{padding:20px 16px;}
}
@media(max-width:360px){.reviews-v07 .review-photo-card{grid-template-columns:1fr;}.review-photo-wrap{max-width:210px;padding:16px 16px 0;}.reviews-v07 .review-copy{padding:15px 20px 22px;}}
/* Keep the visual explanation compact; controls and calculation details stay collapsed initially. */
@media(min-width:761px){
 .purchase-story{margin:18px auto;gap:18px;}
 .story-today,.story-later{padding:14px 18px;}
 .story-art{width:108px;height:82px;}
 .purchase-story strong{font-size:1.85rem;margin:5px 0;}
 .purchase-story p{margin-top:6px;}
 .purchase-coach{padding:12px 16px;margin-bottom:20px;}
 .purchase-coach img{width:52px;height:52px;}
 .purchase-visual-v07 .purchase-product-icon{width:88px;height:62px;}
 .purchase-visual-v07 .cart-count{margin:12px 0;font-size:2.2rem;}
}
/* Fade the photograph itself, not a rectangular dark overlay on top of the page. */
.public-home .showcase-media{mask-image:linear-gradient(to bottom,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 93%,transparent 100%);}
.public-home .showcase-media:after{display:none;}

/* final requested visual corrections only */
.purchase-visual-v07 .purchase-story,.purchase-visual-v07 .purchase-compare-head{display:none!important}
.purchase-visual-v07 .purchase-coach{max-width:560px;margin:12px 0 20px auto}
.purchase-visual-v07 .purchase-results{margin-top:18px}
.purchase-visual-v07 .result-amount{display:block;font-size:1.7rem;line-height:1.2;margin:6px 0 2px;color:var(--ink)}
.purchase-visual-v07 .result-cart-art{width:105px;height:82px;margin:5px 0;color:var(--key)}
.purchase-visual-v07 .result-cart-art svg{width:100%;height:100%}
.purchase-visual-v07 .basket-meter,.purchase-visual-v07 .meter-key{display:none!important}
.purchase-visual-v07 .cart-count{margin:4px 0 8px;font-size:1.45rem}
.purchase-visual-v07 .cart-count span{display:inline;font-size:.92rem;margin-left:4px}
#ervaringen .section-head,#abonnementErvaringen .section-head{margin-bottom:14px}
#ervaringen .reviews-grid,#abonnementErvaringen .reviews-grid{gap:16px}
#ervaringen .review-photo-card,#abonnementErvaringen .review-photo-card{grid-template-columns:44% minmax(0,1fr)}
#ervaringen .review-photo-wrap,#abonnementErvaringen .review-photo-wrap{padding:0}
#ervaringen .review-photo-wrap img,#abonnementErvaringen .review-photo-wrap img{border-radius:0;mask-image:none;-webkit-mask-image:none;height:100%;min-height:220px;object-fit:cover;object-position:center}
#ervaringen .review-copy,#abonnementErvaringen .review-copy{padding:20px 18px}
@media(max-width:760px){#ervaringen .review-photo-card,#abonnementErvaringen .review-photo-card{grid-template-columns:38% minmax(0,1fr)}#ervaringen .review-photo-wrap img,#abonnementErvaringen .review-photo-wrap img{min-height:180px}}


/* merged from patch-v08.css */
/* BC-23SEP-ACADEMY-RADAR-10
   Only the changes agreed after FINAL-02: review portraits, Academy course cards/lessons and crypto market-intel. */

/* Review portraits: keep only a tight head crop; no room background dominating the card. */
.reviews-v07 .review-card{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;min-height:190px}
.reviews-v07 .review-photo-wrap{width:132px;height:132px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#eaf4ff,#cfe4fa);border:4px solid rgba(75,150,245,.45);box-shadow:0 8px 22px rgba(0,0,0,.16)}
.reviews-v07 .review-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 24%;transform:scale(1.82);transform-origin:50% 27%}
.reviews-v07 .review-copy blockquote{margin:8px 0 0;font-style:italic;line-height:1.55}

/* Academy catalogue: clear free versus paid, same visual structure for every course. */
.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.course-card{position:relative;padding:18px;isolation:isolate}
.course-access{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:950;letter-spacing:.08em;margin-bottom:10px}
.course-access.free{background:#dff7e9;color:#10673f;border:1px solid #8ad8ae}
.course-access.paid{background:#fff1c8;color:#6d4c00;border:1px solid #efc95d}
.course-bob-badge{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;min-height:104px;padding:15px 10px 15px 16px;background:linear-gradient(135deg,#164b7e,#0d2e50);border:1px solid rgba(255,255,255,.16)}
.course-bob-badge b{font-size:1.06rem}.course-bob-badge span{font-size:.82rem;color:#dcecff}
.course-avatar-wrap{position:relative;width:82px;height:82px;justify-self:end;border-radius:50%;background:rgba(255,255,255,.10);border:3px solid rgba(255,255,255,.65);overflow:visible;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.course-avatar-wrap img{position:static!important;width:74px!important;height:74px!important;border:0!important;border-radius:50%;object-fit:cover;display:block}
.course-avatar-wrap::after{content:attr(data-icon);position:absolute;right:-8px;bottom:-6px;min-width:32px;height:32px;padding:0 3px;border-radius:50%;display:grid;place-items:center;background:#f7fbff;border:2px solid rgba(31,112,214,.45);font-size:19px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.course-avatar-wrap.police::before{content:"";position:absolute;top:-12px;left:12px;width:54px;height:25px;background:#1d5f9a;border-radius:50% 50% 18% 18%;border:3px solid #8ec6ff;transform:rotate(-3deg);z-index:2}
.course-avatar-wrap.police::after{content:"★";right:-6px;bottom:-5px;color:#1a5d94;font-weight:900}
.theme-scam .course-bob-badge{background:linear-gradient(135deg,#1b735f,#0b4f45)}
.theme-trading .course-bob-badge{background:linear-gradient(135deg,#514fa8,#2f337e)}
.theme-compound .course-bob-badge{background:linear-gradient(135deg,#1b70aa,#17486e)}
.theme-tradingview .course-bob-badge{background:linear-gradient(135deg,#644f9f,#40316e)}
.theme-fibonacci .course-bob-badge{background:linear-gradient(135deg,#9b642c,#6b3e17)}
.theme-bel20 .course-bob-badge{background:linear-gradient(135deg,#222,#5b2f12 52%,#b70b28)}
.theme-hangmat .course-bob-badge{background:linear-gradient(135deg,#166d73,#1e6e4a)}
.course-paid{border-color:rgba(230,190,83,.38)}
.course-free{border-color:rgba(88,180,127,.35)}

/* Lessons: full width main lesson; no Bob sidebar during lessons. */
.lesson-full{width:100%}.lesson-head-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.lesson-hero-mini{min-width:240px}
.lesson-fun-badge{display:grid;grid-template-columns:58px 46px minmax(0,1fr);align-items:center;gap:8px;padding:10px 14px;border-radius:18px;background:linear-gradient(135deg,#0e355b,#164c7c);border:1px solid rgba(103,170,240,.42);color:#fff}
.lesson-fun-badge img{width:56px;height:56px;border-radius:50%;border:3px solid #5ba7ff;object-fit:cover}.lesson-fun-icon{font-size:34px}.lesson-fun-badge b,.lesson-fun-badge small{display:block}.lesson-fun-badge small{color:#d4e7f7;margin-top:2px;max-width:180px}
.lesson-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.lesson-column{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(180deg,rgba(42,126,224,.08),rgba(42,126,224,.025));min-height:100%;position:relative}.lesson-column.deeper{background:linear-gradient(180deg,rgba(26,169,108,.08),rgba(26,169,108,.025))}.lesson-column h3{margin:0 0 10px}.lesson-column p{color:var(--ink)!important;opacity:.92}.lesson-column-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(61,143,236,.13);font-size:24px;margin-bottom:12px}.deeper .lesson-column-icon{background:rgba(28,169,111,.13)}
.bob-inline-note{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start;margin:16px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,#0d3153,#153f67);color:#fff;border:1px solid rgba(102,170,236,.3)}.bob-inline-note img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:3px solid #5ca7fb}.bob-inline-note p{color:#e3edf6!important;margin:5px 0 0}
.course-example,.course-check{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.course-check{border-left:5px solid #e4a32e}.course-example h3,.course-check h3{margin-top:0}

/* Interactive beginner mini-check: no answer is exposed until the learner chooses. */
.mini-check-card{margin:20px 0;padding:20px;border:1px solid rgba(70,143,235,.42);border-radius:19px;background:linear-gradient(135deg,rgba(31,112,214,.10),rgba(12,53,91,.04))}.mini-check-title{display:flex;gap:12px;align-items:flex-start}.mini-check-title>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#2e83ff;color:#fff;font-size:25px;font-weight:900}.mini-check-title h3{margin:2px 0 5px}.mini-check-title p{margin:0;color:var(--ink)!important}.mini-check-options{display:grid;gap:9px;margin:16px 0}.mini-check-options label{display:grid;grid-template-columns:auto 34px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer}.mini-check-options input{width:18px;height:18px}.option-letter{width:31px;height:31px;border-radius:9px;background:#133f69;color:white;display:grid;place-items:center;font-weight:900}.mini-check-feedback{display:none;margin-top:12px;padding:13px 15px;border-radius:12px}.mini-check-feedback.show{display:block}.mini-check-feedback.good{background:rgba(24,169,108,.13);border:1px solid rgba(24,169,108,.4)}.mini-check-feedback.wrong{background:rgba(228,163,46,.14);border:1px solid rgba(228,163,46,.45)}.mini-check-feedback.neutral{background:rgba(46,131,255,.10);border:1px solid rgba(46,131,255,.32)}

/* Course source visuals and tools */
.course-source-visual{margin:20px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.course-source-visual img{display:block;width:100%;height:330px;object-fit:cover;object-position:50% 22%;background:#fff}.course-source-visual figcaption{padding:9px 13px;color:var(--muted);font-size:.82rem}
.course-tool{margin:20px 0;padding:20px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(37,126,223,.08),rgba(37,126,223,.02))}.course-tool h3{margin-top:0}.tool-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-fields label{font-weight:800;font-size:.86rem}.tool-fields input{width:100%;margin-top:5px}.tool-result{margin-top:13px;padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.tool-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tool-metrics b{padding:12px;border-radius:11px;background:rgba(46,131,255,.08)}
.course-reader{grid-template-columns:290px minmax(0,1fr)}.course-reader-nav .course-access{margin-bottom:8px}.course-reader-nav h2{margin:4px 0 5px}.course-lesson-main{min-width:0}

/* Crypto Market Radar: agreed top-10 liquidity / buy-sell module. */
.crypto-intel-panel{display:block;margin:16px 0 22px}.crypto-intel-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 82% 15%,rgba(29,109,190,.25),transparent 32%),linear-gradient(135deg,#082744,#0a1f36);color:#fff}.crypto-intel-hero h2{margin:5px 0 7px;color:#fff}.crypto-intel-hero p{margin:0;color:#d7e5f3}.bob-radar{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(128,188,244,.25);padding:12px;border-radius:17px}.bob-radar img{width:82px;height:82px;border-radius:50%;border:3px solid #5ba8ff;object-fit:cover}.bob-radar div{line-height:1.45;color:#eaf3fb}
.intel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.intel-metrics article{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.intel-metrics span,.intel-metrics small{display:block;color:var(--muted)}.intel-metrics b{display:block;font-size:1.55rem;margin:4px 0;color:var(--ink)}
.intel-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px}.intel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.intel-heading h3{margin:0}.intel-heading select{max-width:120px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:7px 9px}.intel-table{min-width:1240px;font-size:.79rem}.intel-table th,.intel-table td{padding:8px 7px;white-space:nowrap}.intel-ratio{display:inline-flex;min-width:60px;height:23px;border-radius:999px;overflow:hidden;border:1px solid var(--line);vertical-align:middle}.intel-ratio .buy{background:#1ab276}.intel-ratio .sell{background:#e3565b}.intel-ratio span{height:100%}.intel-ratio-label{font-size:.72rem;color:var(--muted);display:block;margin-top:2px}.liq-cell b{display:block}.liq-cell small{color:var(--muted)}
.liquidation-panel{min-width:0}.liquidation-chart{min-height:355px;border-radius:15px;background:linear-gradient(180deg,#081b2d,#0a2944);border:1px solid rgba(87,155,221,.25);position:relative;overflow:hidden;padding:12px}.liquidation-empty{display:grid;place-items:center;min-height:330px;color:#9fb6ca}.liq-current{position:absolute;left:8%;right:8%;height:2px;background:#d7e5f3;opacity:.85}.liq-current::after{content:"huidige koers";position:absolute;right:0;top:-19px;font-size:.72rem;color:#d7e5f3}.liq-bar{position:absolute;left:8%;right:8%;height:12px;border-radius:8px;opacity:.88}.liq-bar.long{background:linear-gradient(90deg,rgba(27,178,118,.18),#1ab276)}.liq-bar.short{background:linear-gradient(90deg,#e3565b,rgba(227,86,91,.18))}.liq-label{position:absolute;right:10%;transform:translateY(-50%);font-size:.75rem;color:#fff;background:rgba(2,18,31,.78);padding:4px 7px;border-radius:7px;max-width:210px}.liquidation-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem;margin:7px 1px 12px}

html[data-theme="dark"] .lesson-column p,html[data-theme="dark"] .mini-check-title p{color:#eef5fb!important}
html[data-theme="dark"] .course-source-visual{background:#0a2238}

@media(max-width:1180px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crypto-intel-hero{grid-template-columns:1fr}.intel-grid{grid-template-columns:1fr}.intel-metrics{grid-template-columns:1fr 1fr}.liquidation-panel{order:-1}}
@media(max-width:760px){.course-grid{grid-template-columns:1fr}.lesson-head-row{grid-template-columns:1fr}.lesson-hero-mini{min-width:0}.lesson-columns{grid-template-columns:1fr}.course-reader{grid-template-columns:1fr}.course-reader-nav{max-height:330px;overflow:auto}.course-source-visual img{height:240px}.tool-fields,.tool-metrics{grid-template-columns:1fr}.intel-metrics{grid-template-columns:1fr}.crypto-intel-hero{padding:15px}.bob-radar{grid-template-columns:64px 1fr}.bob-radar img{width:62px;height:62px}.reviews-v07 .review-card{grid-template-columns:90px 1fr;gap:12px}.reviews-v07 .review-photo-wrap{width:90px;height:90px}}

/* v10 - agreed Academy/course refinements only */
.academy-access-strip{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0 22px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.academy-access-strip>div{padding:16px 18px;background:var(--surface);display:grid;gap:3px}.academy-access-strip b{font-size:1.05rem}.academy-access-strip span{color:var(--muted)}.academy-access-strip>div:first-child b{color:var(--green)}.academy-access-strip>div:last-child b{color:#e2ad3d}.academy-group-title{margin:22px 0 10px;font-size:1.2rem}.course-grid-free{grid-template-columns:repeat(2,minmax(0,1fr))}.course-grid-paid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-bob-badge{grid-template-columns:minmax(0,1fr) 104px;overflow:hidden}.course-avatar-wrap{width:98px;height:98px;border:0;background:transparent;box-shadow:none;overflow:hidden}.course-avatar-wrap img{width:98px!important;height:98px!important;border:0!important;border-radius:22px!important;object-fit:cover!important}.course-avatar-wrap::before,.course-avatar-wrap::after{display:none!important}.theme-forex .course-bob-badge{background:linear-gradient(135deg,#123f61,#0c2744)}.theme-squeeze .course-bob-badge{background:linear-gradient(135deg,#592b65,#38204b)}.theme-daytrade .course-bob-badge{background:linear-gradient(135deg,#68372c,#3e211d)}.lesson-bob-ribbon{margin:14px 0;padding:10px 14px;border-left:4px solid #5ba7ff;background:rgba(46,131,255,.08);border-radius:10px;color:var(--ink)}.course-source-visual img{height:auto;max-height:520px;object-fit:contain;object-position:center;background:#fff}.course-source-visual{padding:12px}.course-source-visual figcaption{padding:9px 2px 0}.lesson-columns{align-items:stretch}.lesson-column{height:100%}.mini-check-options label:hover{border-color:#5ba7ff}.mini-check-options label:has(input:checked){border-color:#5ba7ff;box-shadow:0 0 0 2px rgba(91,167,255,.15)}@media(max-width:1180px){.course-grid-paid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.academy-access-strip{grid-template-columns:1fr}.course-grid-free,.course-grid-paid{grid-template-columns:1fr}.course-bob-badge{grid-template-columns:minmax(0,1fr) 86px}.course-avatar-wrap,.course-avatar-wrap img{width:82px!important;height:82px!important}}


/* merged from patch-v11.css */
/* BobCopilot v11 — only requested Academy, lessons, reviews, paid book and Market Radar refinements. */

/* Academy hero: approved BobCopilot-style direction, no extra product claims. */
#academyHome .academy-hero{display:block;margin-bottom:18px}
#academyHome .academy-copy{padding:28px 30px;background:linear-gradient(135deg,#0b2c53 0%,#0a376d 58%,#0f4b89 100%);border-color:rgba(88,164,255,.4);overflow:hidden;position:relative}
#academyHome .academy-copy:after{content:"";position:absolute;right:-90px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(53,144,255,.24),transparent 68%);pointer-events:none}
#academyHome .academy-copy .eyebrow{letter-spacing:.18em;color:#6eb3ff}
#academyHome .academy-copy h2{font-size:clamp(2.2rem,4.4vw,4.2rem);line-height:.98;max-width:900px;margin:10px 0 14px;color:#fff}
#academyHome .academy-copy p{max-width:860px;color:#d8e7f5;font-size:1.08rem;line-height:1.58}
.academy-bob{display:none!important}
.academy-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.academy-benefit{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:13px 14px;border:1px solid rgba(134,192,255,.24);border-radius:16px;background:rgba(5,27,51,.38)}
.academy-benefit .ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid #56a7ff;font-size:1.45rem;background:#0c315d}
.academy-benefit b{display:block;color:#fff;margin-bottom:3px}.academy-benefit small{color:#c7daec;line-height:1.35}

.academy-access-strip{background:linear-gradient(90deg,#0c493d 0 33%,#173052 33% 100%);border-color:#2f73b7;gap:0;position:relative}
.academy-access-strip>div{background:transparent!important;padding:20px 24px}
.academy-access-strip>div:first-child{border-right:1px solid rgba(255,255,255,.16)}
.academy-access-strip b{font-size:1.18rem}.academy-access-strip span{color:#d7e5f3!important}

/* Larger, themed course cards based on the approved direction. */
.course-grid-free,.course-grid-paid{gap:18px}
.course-card{padding:0!important;overflow:hidden;border-color:rgba(104,168,232,.26);background:#102f4b;box-shadow:0 12px 28px rgba(1,18,36,.22)}
.course-card .course-access{position:absolute;left:16px;top:14px;z-index:4;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.course-card .course-bob-badge{min-height:196px;margin:0!important;border-radius:0!important;padding:58px 42% 20px 18px!important;display:flex!important;align-items:flex-end!important;background:linear-gradient(135deg,#0e5fa6,#0d2f62)!important;position:relative}
.course-card .course-bob-badge>div:first-child{z-index:2}
.course-card .course-bob-badge b{font-size:1.45rem!important;line-height:1.12}.course-card .course-bob-badge span{font-size:.88rem!important;color:#e7f3ff!important}
.course-card .course-avatar-wrap{position:absolute!important;right:16px!important;bottom:0!important;width:44%!important;height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;overflow:visible!important}
.course-card .course-avatar-wrap img{width:min(180px,100%)!important;height:auto!important;max-height:186px!important;border-radius:0!important;object-fit:contain!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.28))}
.course-card>h3,.course-card>p,.course-card>.progress,.course-card>p:has(#academyCount),.course-card>p:has(#scamCount),.course-card>.course-actions{margin-left:18px;margin-right:18px}
.course-card>h3{font-size:1.35rem;margin-top:16px}.course-card>p{color:#d6e4f1;line-height:1.55;min-height:3.2em}.course-card>.course-actions{margin-bottom:18px}
.theme-scam .course-bob-badge{background:linear-gradient(135deg,#0d6d5a,#0a3944)!important}.theme-trading .course-bob-badge,.theme-tradingview .course-bob-badge{background:linear-gradient(135deg,#5554af,#292b68)!important}.theme-compound .course-bob-badge{background:linear-gradient(135deg,#087a75,#0b4d54)!important}.theme-fibonacci .course-bob-badge{background:linear-gradient(135deg,#a56624,#55301b)!important}.theme-bel20 .course-bob-badge{background:linear-gradient(135deg,#173f77,#8a203b)!important}.theme-hangmat .course-bob-badge{background:linear-gradient(135deg,#17679d,#12626a)!important}.theme-forex .course-bob-badge{background:linear-gradient(135deg,#16466b,#0d233c)!important}.theme-squeeze .course-bob-badge{background:linear-gradient(135deg,#722d78,#321f53)!important}.theme-daytrade .course-bob-badge{background:linear-gradient(135deg,#7b3e2c,#2f2030)!important}
.course-card.book-card .course-bob-badge{background:linear-gradient(135deg,#133654,#1d2b42)!important}.book-card .course-avatar-wrap img{width:145px!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(0,0,0,.35)}

/* Lesson party layout: clear, readable, grown-up and visual. */
.lesson-content,.course-lesson-main{background:#123552;border-color:#31587a}
.lesson-full{padding:22px 24px}
.lesson-head-row{display:block!important}
.lesson-hero-mini{display:none!important}
.beginner-lesson-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.15fr);gap:18px;align-items:stretch;margin:18px 0}
.beginner-lesson-banner .lesson-banner-copy{padding:20px;border:1px solid #315d83;border-radius:18px;background:linear-gradient(145deg,#11395d,#0d2d4d)}
.beginner-lesson-banner .lesson-banner-copy h3{font-size:1.5rem;margin:0 0 10px}.beginner-lesson-banner .lesson-banner-copy p{color:#d6e4f1;line-height:1.62}
.beginner-lesson-banner .lesson-banner-art{border-radius:18px;overflow:hidden;background:#f1f7fb;min-height:260px;display:grid;place-items:center}
.beginner-lesson-banner .lesson-banner-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.lesson-columns{gap:16px!important;margin-top:16px}.lesson-column{border:1px solid #315c80!important;background:#123c60!important;padding:20px!important;border-radius:18px!important}.lesson-column.deeper{background:#113d4d!important}.lesson-column h3{font-size:1.35rem}.lesson-column p{font-size:1rem;line-height:1.68;color:#edf5fb}
.lesson-column-icon{font-size:1.55rem!important}
.lesson-bob-ribbon{font-size:1.02rem;line-height:1.55;border-left:0!important;border:1px solid rgba(255,197,76,.42)!important;background:linear-gradient(90deg,rgba(255,191,48,.16),rgba(46,131,255,.08))!important;position:relative;padding-left:54px!important}.lesson-bob-ribbon:before{content:"💡";position:absolute;left:17px;top:9px;font-size:1.5rem}
.course-example,.course-check{border:1px solid #315d83;border-radius:18px;padding:18px;margin-top:16px;background:#0d2c47}.course-example{background:linear-gradient(145deg,#143c5d,#103455)}
.course-source-visual{background:#0b2740!important;border-radius:18px;border:1px solid #315d83;margin:16px 0!important;padding:14px!important}.course-source-visual img{max-height:520px!important;border-radius:12px;background:#fff}
.course-source-visual figcaption{color:#aac3d8!important;text-align:center;font-size:.86rem}
.course-reader{grid-template-columns:300px minmax(0,1fr)!important;align-items:start}.course-reader-nav{position:sticky;top:112px;max-height:calc(100vh - 132px);overflow:auto}
.course-lesson-main{padding:22px 24px}.course-lesson-main>#courseLessonTitle{font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.02;margin:7px 0 18px}
.course-lesson-theme-banner{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:center;margin:0 0 18px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#0d2f55,#0b4b7b);border:1px solid #3e7bb3;overflow:hidden}
.course-lesson-theme-banner h3{margin:0 0 7px;font-size:1.4rem}.course-lesson-theme-banner p{margin:0;color:#d5e6f5}.course-lesson-theme-banner img{width:190px;height:160px;object-fit:contain;justify-self:end;filter:drop-shadow(0 10px 20px rgba(0,0,0,.28))}
.lesson-feedback-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:20px!important;border-top:1px solid #31566f;padding-top:18px}
.lesson-feedback-actions .help-course{border-color:#f1b842!important;background:#2b3047!important;color:#fff!important}
.course-reader-nav .course-access{margin-bottom:8px}

/* Mini-check: answer is only revealed after the user clicks. */
.mini-check-card{border:1px solid #3a6690!important;border-radius:18px!important;background:#0e2f4e!important}.mini-check-options label{background:#123b60!important;border-color:#315c80!important}.mini-check-feedback.show.good{background:rgba(22,169,108,.18);border-color:#2aba7e}.mini-check-feedback.show.wrong{background:rgba(219,78,82,.14);border-color:#d95559}

/* Reviews: remove the exaggerated crop so the whole face sits inside the circle. */
.reviews-v07 .review-photo-wrap img{object-fit:cover!important;object-position:50% 42%!important;transform:none!important;background:transparent!important;width:100%!important;height:100%!important}
.reviews-v07 .review-photo-wrap{display:grid;place-items:center;background:linear-gradient(145deg,#102f4b,#173d5e)!important}

/* Crypto Market Radar closer to the approved dense dashboard while staying responsive. */
#radar .app-topline{margin-bottom:14px}
#cryptoIntel{border-radius:22px;background:linear-gradient(180deg,#0a2b49,#09223a);border:1px solid #235984;padding:18px;margin-bottom:18px}
.crypto-intel-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 440px!important;gap:18px!important;background:linear-gradient(135deg,#0c3b69,#0a2340)!important;border-radius:18px!important;padding:20px 22px!important;align-items:center!important}
.crypto-intel-hero h2{font-size:clamp(1.9rem,3vw,3rem);margin:4px 0 6px}.crypto-intel-hero p{color:#d3e4f2}
.bob-radar{grid-template-columns:110px 1fr!important;padding:14px 16px!important;background:#123c62!important;border:1px solid #3b79ae!important;border-radius:18px!important}.bob-radar img{width:108px!important;height:108px!important}
.intel-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:14px 0!important}.intel-metrics article{min-height:112px;padding:16px;border-radius:16px;border:1px solid #2d5a80;background:#123551}.intel-metrics b{font-size:1.7rem}
.intel-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr)!important;gap:14px!important}.intel-table{font-size:.82rem}.intel-table th{white-space:normal}.liquidation-panel{background:#0c2b47!important}.liquidation-chart{min-height:390px!important;background:linear-gradient(180deg,#101f36,#0a243b)!important;border:1px solid #31597d!important;position:relative;overflow:hidden;background-image:linear-gradient(rgba(86,141,190,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(86,141,190,.08) 1px,transparent 1px);background-size:100% 48px,52px 100%}
.liq-current{box-shadow:0 0 0 1px rgba(255,255,255,.55);height:2px;background:#fff!important;z-index:4}.liq-bar{height:16px!important;border-radius:8px;filter:saturate(1.1);box-shadow:0 0 15px currentColor}.liq-bar.long{background:linear-gradient(90deg,rgba(22,169,108,.18),#1fc98a)!important}.liq-bar.short{background:linear-gradient(90deg,rgba(219,78,82,.2),#e95b61)!important}.liq-label{font-size:.73rem!important;background:rgba(5,19,34,.85)!important;border-radius:7px!important;padding:3px 6px!important}.liquidation-empty{max-width:260px;text-align:center;line-height:1.5}.liquidation-empty b{display:block;color:#fff;margin-bottom:5px}

@media(max-width:1180px){.academy-benefits{grid-template-columns:repeat(2,1fr)}.crypto-intel-hero{grid-template-columns:1fr!important}.intel-grid{grid-template-columns:1fr!important}.course-reader{grid-template-columns:1fr!important}.course-reader-nav{position:relative;top:auto;max-height:300px}.beginner-lesson-banner{grid-template-columns:1fr}.beginner-lesson-banner .lesson-banner-art{min-height:220px}}
@media(max-width:760px){#academyHome .academy-copy{padding:22px 18px}.academy-benefits{grid-template-columns:1fr}.course-card .course-bob-badge{min-height:170px;padding-right:43%!important}.course-card .course-avatar-wrap{width:43%!important}.course-card .course-avatar-wrap img{max-height:162px!important}.lesson-full,.course-lesson-main{padding:16px}.course-lesson-theme-banner{grid-template-columns:1fr 120px}.course-lesson-theme-banner img{width:120px;height:120px}.intel-metrics{grid-template-columns:repeat(2,1fr)!important}.reviews-v07 .review-card{grid-template-columns:92px 1fr!important}.reviews-v07 .review-photo-wrap{width:92px!important;height:92px!important}.liquidation-chart{min-height:310px!important}}
.academy-course-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important;margin-top:18px}
@media(max-width:1180px){.academy-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.academy-course-grid{grid-template-columns:1fr!important}}
.course-card>h3{color:#fff!important}.course-card>p{color:#d6e4f1!important}.course-card .progress{background:#d9e7f4!important}.course-card .progress span{background:#2e83ff!important}.course-card.course-free .progress span{background:#2ecf8e!important}


/* merged from patch-v13.css */
/* BobCopilot v13 — Academy avatar artwork, centered reviews and ByKaranteli Market Radar */

/* ---------- ACADEMY: topic-specific artwork ---------- */
.course-card .course-avatar-wrap.course-art{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:52%!important;
  height:100%!important;
  max-width:none!important;
  overflow:hidden!important;
  display:block!important;
  z-index:1;
}
.course-card .course-avatar-wrap.course-art img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center top!important;
  border:0!important;
  border-radius:0!important;
  filter:none!important;
  box-shadow:none!important;
}
.course-card .course-avatar-wrap.course-art::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(10,40,73,.94) 0%,rgba(10,40,73,.58) 16%,rgba(10,40,73,.08) 42%,transparent 66%)!important;
  pointer-events:none;
}
.theme-scam .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(8,65,68,.95),rgba(8,65,68,.46) 22%,transparent 60%)!important}
.theme-trading .course-avatar-wrap::after,.theme-tradingview .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(50,46,116,.94),rgba(50,46,116,.38) 22%,transparent 62%)!important}
.theme-compound .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(7,89,91,.94),rgba(7,89,91,.40) 22%,transparent 62%)!important}
.theme-fibonacci .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(96,51,20,.95),rgba(96,51,20,.38) 22%,transparent 62%)!important}
.course-card .course-bob-badge>div:first-child{position:relative;z-index:3;max-width:58%}

/* ---------- REVIEWS: true centered crop ---------- */
.reviews-v07 .review-photo-wrap{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
}
.reviews-v07 .review-photo-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:none!important;
  transform-origin:center center!important;
  border-radius:50%!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

/* ---------- MARKET RADAR V13 ---------- */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#radar .radar-topline{margin-bottom:10px}
#radar .radar-toolbar{display:none}
#radarGeneric{display:none}
.market-radar-v13{padding:0!important;border:0!important;background:transparent!important;margin:12px 0 24px!important}
.radar-hero-v13{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)!important;min-height:170px!important;border:1px solid #255c8f!important;background:radial-gradient(circle at 78% 26%,rgba(20,107,197,.32),transparent 31%),linear-gradient(135deg,#082846 0%,#0a345e 58%,#0a2340 100%)!important;box-shadow:0 18px 42px rgba(0,10,24,.28)!important}
.radar-hero-v13 .eyebrow{color:#63adff!important;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.radar-hero-v13 h2{font-size:clamp(1.95rem,3vw,3.15rem)!important;line-height:1.03!important;margin:7px 0 9px!important}
.radar-hero-v13 p{max-width:780px!important;font-size:1rem!important;line-height:1.5!important;margin:0!important}
.bob-radar-v13{grid-template-columns:92px 1fr!important;background:rgba(8,29,51,.62)!important;border:1px solid rgba(111,180,248,.36)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.bob-radar-v13 img{width:88px!important;height:88px!important;object-position:center!important}
.bob-radar-v13 strong{font-size:1.08rem;color:#fff}
.radar-view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.radar-view-tabs button{border:1px solid #2d6393;background:#0b2742;color:#dbeaf7;border-radius:10px;padding:9px 12px;font-weight:750;cursor:pointer}
.radar-view-tabs button:hover,.radar-view-tabs button.active{background:#1478e8;color:#fff;border-color:#4aa2ff;box-shadow:0 7px 18px rgba(23,113,224,.22)}
.radar-metrics-v13{margin:12px 0!important}
.radar-metrics-v13 article{min-height:106px!important;background:linear-gradient(180deg,#113653,#0e2d47)!important;border:1px solid #2b5e88!important;box-shadow:0 10px 25px rgba(0,11,28,.18)}
.radar-metrics-v13 span{font-weight:750;color:#e6f1fb!important}
.radar-metrics-v13 b{color:#fff!important;font-size:1.62rem!important}
.radar-metrics-v13 small{color:#a9bfd3!important}
.radar-main-grid-v13{grid-template-columns:minmax(0,1.72fr) minmax(390px,.82fr)!important;align-items:stretch!important}
#intelTop10Card,.byk-map-card{border:1px solid #285a84!important;background:#0d2d49!important;border-radius:17px!important;box-shadow:0 12px 30px rgba(0,10,24,.20)}
#intelTop10Card{overflow:auto!important}
.intel-table-v13{min-width:1500px!important;font-size:.75rem!important}
.intel-table-v13 th{background:#0b2741!important;color:#dbeaf7!important;border-bottom-color:#2b597f!important;text-align:center!important}
.intel-table-v13 td{border-bottom-color:rgba(84,139,184,.22)!important;vertical-align:middle!important}
.intel-table-v13 td:first-child,.intel-table-v13 th:first-child,.intel-table-v13 td:nth-child(2),.intel-table-v13 th:nth-child(2){text-align:left!important}
.intel-table-v13 tbody tr:hover{background:rgba(65,139,207,.08)}
.intel-ratio{height:17px!important;min-width:56px!important;border-color:rgba(139,187,226,.24)!important}
.intel-ratio-label{font-size:.68rem!important;text-align:center!important;color:#c9d9e8!important}
.liq-cell b{font-size:.83rem;color:#fff}.liq-cell small{font-size:.68rem!important}
.liq-cell.long b,.liq-type-long{color:#37dea1!important}.liq-cell.short b,.liq-type-short{color:#ff6870!important}

/* ByKaranteli embed */
.byk-map-card{min-width:0!important;overflow:hidden!important}
.byk-heading small{display:block;color:#9fb6ca;margin-top:2px}
.liq-coin-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 10px}
.liq-coin-tabs button{border:1px solid #315d82;background:#0b2741;color:#d9e9f7;border-radius:7px;padding:6px 8px;font-size:.76rem;font-weight:800;cursor:pointer}
.liq-coin-tabs button:hover,.liq-coin-tabs button.active{background:#1f7be5;border-color:#65b0ff;color:#fff}
.byk-frame-wrap{position:relative;overflow:hidden;border-radius:13px;border:1px solid #31597d;background:#0b0e14;min-height:520px}
#bykLiqFrame{display:block;min-height:520px;background:#0b0e14}
.byk-map-legend{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#b8ccdd;font-size:.77rem;padding:8px 2px 3px}
.byk-map-legend span{display:inline-flex;align-items:center;gap:6px}.byk-map-legend i{width:18px;height:7px;border-radius:999px;display:inline-block}.byk-map-legend .long-zone{background:#df4e55}.byk-map-legend .short-zone{background:#21bf87}
.byk-note{margin-top:8px!important;font-size:.84rem!important;line-height:1.48!important;background:rgba(10,38,63,.72)!important;border-color:#2d5b81!important}

/* Bottom cards from approved reference */
.radar-bottom-grid-v13{display:grid;grid-template-columns:1fr 1fr .95fr .95fr;gap:12px;margin-top:12px}
.radar-bottom-grid-v13>.card{border:1px solid #285a84!important;background:#0e304d!important;box-shadow:0 10px 26px rgba(0,10,24,.18)}
.pressure-tfs{display:flex;gap:4px}.pressure-tfs button{border:1px solid #315d82;background:#0b2741;color:#cfe1f1;border-radius:7px;padding:5px 8px;font-size:.73rem;font-weight:750;cursor:pointer}.pressure-tfs button.active{background:#1d7de9;color:#fff;border-color:#55a9ff}
.pressure-rows{display:grid;gap:7px}.pressure-row{display:grid;grid-template-columns:44px minmax(0,1fr) 58px;align-items:center;gap:8px;font-size:.78rem}.pressure-row b{color:#fff}.pressure-bar{display:flex;height:17px;overflow:hidden;border-radius:999px;border:1px solid rgba(120,172,214,.25);background:#12283b}.pressure-bar .buy{background:#1fc78b;height:100%}.pressure-bar .sell{background:#ef5960;height:100%}.pressure-value{text-align:right;color:#dce9f4;font-size:.72rem}
.latest-liq-table{font-size:.76rem!important;min-width:430px}.latest-liq-table th,.latest-liq-table td{padding:7px 6px!important;white-space:nowrap}.latest-liq-table th{color:#dceafa}.latest-liq-card .table-wrap{overflow:auto}
.radar-insight-card .bob-intro{align-items:center}.radar-insight-card .bob-intro h3{margin:0 0 5px}.radar-insight-card .bob-intro p{margin:0;line-height:1.45}.radar-insight-card .speech{margin-top:12px;background:#ffe17b;color:#18283a;border:0;font-weight:650}

@media(max-width:1380px){
  .radar-bottom-grid-v13{grid-template-columns:1fr 1fr}
  .radar-main-grid-v13{grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr)!important}
}
@media(max-width:1180px){
  .radar-hero-v13{grid-template-columns:1fr!important}
  .radar-main-grid-v13{grid-template-columns:1fr!important}
  .byk-map-card{order:-1}
  .radar-bottom-grid-v13{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .course-card .course-avatar-wrap.course-art{width:48%!important}
  .course-card .course-bob-badge>div:first-child{max-width:61%}
  .radar-view-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.radar-view-tabs button{white-space:nowrap}
  .radar-metrics-v13{grid-template-columns:1fr 1fr!important}
  .radar-bottom-grid-v13{grid-template-columns:1fr}
  .byk-frame-wrap,#bykLiqFrame{min-height:430px!important;height:430px!important}
  .bob-radar-v13{grid-template-columns:70px 1fr!important}.bob-radar-v13 img{width:68px!important;height:68px!important}
}
@media(max-width:480px){.radar-metrics-v13{grid-template-columns:1fr!important}.liq-coin-tabs{gap:4px}.liq-coin-tabs button{padding:5px 7px}}

/* v14 approved changes — free-standing review heads, no circle */
#ervaringen .review-photo-wrap,#abonnementErvaringen .review-photo-wrap,
.reviews-v07 .review-photo-wrap{display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;border-radius:0!important;background:transparent!important;padding:12px!important}
#ervaringen .review-photo-wrap img,#abonnementErvaringen .review-photo-wrap img,
.reviews-v07 .review-photo-wrap img{display:block!important;width:min(150px,100%)!important;height:170px!important;min-height:0!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;mask-image:none!important;-webkit-mask-image:none!important;background:transparent!important;box-shadow:none!important}
#ervaringen .review-photo-card,#abonnementErvaringen .review-photo-card{grid-template-columns:42% minmax(0,1fr)!important;align-items:center!important;overflow:visible!important}

/* v14 Academy: every course uses the same full-width illustrated Bob header treatment */
.course-card .course-avatar-wrap.course-art{border-radius:0!important;background:transparent!important}
.theme-bel20 .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(58,32,77,.96),rgba(58,32,77,.35) 22%,transparent 62%)!important}
.theme-hangmat .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(16,102,122,.96),rgba(16,102,122,.35) 22%,transparent 62%)!important}
.theme-forex .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(14,55,89,.96),rgba(14,55,89,.35) 22%,transparent 62%)!important}
.theme-squeeze .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(83,35,104,.96),rgba(83,35,104,.35) 22%,transparent 62%)!important}
.theme-daytrade .course-avatar-wrap::after{background:linear-gradient(90deg,rgba(102,49,39,.96),rgba(102,49,39,.35) 22%,transparent 62%)!important}

/* v14: detailed liquidity dashboard belongs to Markt */
#markt .market-radar-v13{display:block!important;margin-top:0!important}
#markt .radar-hero-v13{margin-top:0!important}
#radar .market-radar-v13{display:none!important}
#radar #radarGeneric{display:grid!important}

/* v15 — Markt locked to approved screenshot proportions */
#markt{max-width:100%!important;padding:0 8px 18px!important}
#markt .market-radar-v13{font-size:14px!important;margin:0!important}
#markt .radar-hero-v13{grid-template-columns:minmax(0,1.35fr) minmax(520px,.65fr)!important;min-height:190px!important;padding:12px 16px!important;border-radius:0!important;background:linear-gradient(100deg,#082846 0%,#092c50 60%,#071d33 100%)!important}
#markt .radar-hero-v13 h2{font-size:42px!important;margin:2px 0 5px!important}
#markt .radar-hero-v13 p{font-size:16px!important}
#markt .radar-view-tabs{margin-top:11px!important}
#markt .radar-view-tabs button{padding:10px 14px!important;border-radius:8px!important}
#markt .bob-radar-v13{min-height:150px!important;grid-template-columns:minmax(0,1fr) 220px!important;position:relative!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 235px 8px 18px!important}
#markt .bob-radar-v13 img{position:absolute!important;right:16px!important;bottom:-10px!important;width:205px!important;height:170px!important;border:0!important;border-radius:0!important;object-fit:contain!important;z-index:1}
#markt .bob-radar-v13 div{position:relative!important;z-index:2!important;background:#fff!important;color:#071d33!important;border:2px solid #2385ee!important;border-radius:28px!important;padding:16px 18px!important;font-size:17px!important;font-weight:700!important;transform:rotate(-2deg)!important}
#markt .bob-radar-v13 div:after{content:"";position:absolute;right:-29px;top:50%;border-width:13px 0 13px 30px;border-style:solid;border-color:transparent transparent transparent #fff}
#markt .radar-metrics-v13{gap:7px!important;margin:6px 0!important}
#markt .radar-metrics-v13 article{min-height:96px!important;padding:10px 18px!important;border-radius:7px!important}
#markt .radar-metrics-v13 b{font-size:28px!important}
#markt .radar-main-grid-v13{grid-template-columns:minmax(0,2.05fr) minmax(440px,.95fr)!important;gap:7px!important}
#markt #intelTop10Card,#markt .byk-map-card{border-radius:7px!important;padding:8px!important}
#markt .intel-table-v13{min-width:0!important;width:100%!important;font-size:12px!important;table-layout:fixed!important}
#markt .intel-table-v13 th,#markt .intel-table-v13 td{padding:5px 4px!important;white-space:normal!important}
#markt .intel-table-v13 th:nth-child(1){width:52px}#markt .intel-table-v13 th:nth-child(2){width:75px}
#markt .byk-frame-wrap{min-height:365px!important;height:365px!important}
#markt #bykLiqFrame{min-height:365px!important;height:365px!important}
#markt .byk-note{display:none!important}
#markt .radar-bottom-grid-v13{grid-template-columns:1fr 1fr .95fr .95fr!important;gap:7px!important;margin-top:7px!important}
#markt .radar-bottom-grid-v13>.card{border-radius:7px!important;padding:8px!important}
#markt .pressure-row{gap:5px!important}.latest-liq-table{min-width:0!important}
@media(max-width:1180px){#markt .radar-hero-v13{grid-template-columns:1fr!important}#markt .bob-radar-v13{display:none!important}#markt .radar-main-grid-v13{grid-template-columns:1fr!important}#markt .radar-bottom-grid-v13{grid-template-columns:1fr 1fr!important}}
/* V16 — approved Workspace visual, exact approved composition */
#workspace.workspace-approved{max-width:1600px;margin:0 auto;padding:0;background:#031d35}
.workspace-approved-wrap{position:relative;width:100%;overflow:hidden;border-radius:0;background:#031d35;box-shadow:0 18px 60px rgba(0,0,0,.18)}
.workspace-approved-img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.workspace-hotspot{position:absolute;z-index:4;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;border-radius:18px;padding:0!important;min-width:0!important;min-height:0!important}
.workspace-hotspot:focus-visible{outline:3px solid #ffd95a!important;outline-offset:2px}
.hs-learn{left:65.4%;top:26.2%;width:14.6%;height:6.2%}
.hs-academy{left:1.7%;top:36.6%;width:18.1%;height:9.2%}
.hs-paper{left:20.7%;top:36.6%;width:18.1%;height:9.2%}
.hs-market{left:39.7%;top:36.6%;width:18.1%;height:9.2%}
.hs-radar{left:58.7%;top:36.6%;width:18.1%;height:9.2%}
.hs-hodl{left:79.7%;top:36.6%;width:18.1%;height:9.2%}
.hs-approach{left:3.0%;top:87.5%;width:14.6%;height:5.2%}
@media(max-width:900px){#workspace.workspace-approved{overflow-x:auto}.workspace-approved-wrap{min-width:980px}}

/* V17 — Markt desktop layout corrected against approved reference */
#markt{max-width:1480px!important;margin:0 auto!important;padding:14px 18px 24px!important;overflow:visible!important}
#markt .market-radar-v13{width:100%!important;overflow:visible!important}
#markt .radar-hero-v13{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(390px,.55fr)!important;align-items:center!important;min-height:185px!important;padding:16px 20px!important;border-radius:14px!important;overflow:hidden!important}
#markt .radar-hero-copy{min-width:0!important}
#markt .radar-hero-v13 h2{font-size:clamp(32px,2.65vw,46px)!important;line-height:1.04!important;white-space:normal!important}
#markt .bob-radar-v13{display:grid!important;grid-template-columns:minmax(205px,1fr) 165px!important;align-items:center!important;gap:10px!important;min-width:0!important;min-height:155px!important;padding:0!important;position:relative!important;overflow:visible!important}
#markt .bob-radar-v13 .bob-market-bubble{position:relative!important;width:auto!important;min-width:0!important;background:#fff!important;color:#071d33!important;border:2px solid #2385ee!important;border-radius:26px!important;padding:15px 18px!important;font-size:15px!important;line-height:1.25!important;font-weight:650!important;transform:rotate(-2deg)!important;overflow:visible!important;word-break:normal!important;white-space:normal!important}
#markt .bob-radar-v13 .bob-market-bubble:after{content:""!important;position:absolute!important;right:-26px!important;top:52%!important;border-width:12px 0 12px 27px!important;border-style:solid!important;border-color:transparent transparent transparent #fff!important}
#markt .bob-radar-v13 img{position:static!important;width:165px!important;height:155px!important;max-width:none!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:50% 18%!important;clip-path:ellipse(48% 50% at 50% 50%)!important;z-index:1!important}
#markt .radar-metrics-v13{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important}
#markt .radar-main-grid-v13{grid-template-columns:minmax(0,2.05fr) minmax(390px,.95fr)!important;gap:8px!important}
#markt .byk-frame-wrap,#markt #bykLiqFrame{height:390px!important;min-height:390px!important;width:100%!important;display:block!important}
#markt .radar-bottom-grid-v13{grid-template-columns:1fr 1fr 1.05fr .95fr!important;gap:8px!important}
@media(max-width:1250px){#markt .radar-hero-v13{grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr)!important}#markt .bob-radar-v13{grid-template-columns:minmax(185px,1fr) 145px!important}#markt .bob-radar-v13 img{width:145px!important;height:145px!important}#markt .radar-main-grid-v13{grid-template-columns:minmax(0,1.75fr) minmax(360px,1fr)!important}}
@media(max-width:980px){#markt .radar-hero-v13{grid-template-columns:1fr!important}#markt .bob-radar-v13{display:none!important}#markt .radar-metrics-v13{grid-template-columns:1fr 1fr!important}#markt .radar-main-grid-v13{grid-template-columns:1fr!important}#markt .radar-bottom-grid-v13{grid-template-columns:1fr 1fr!important}}
/* V18 approved market polish */
#markt .radar-view-tabs a{display:inline-flex;align-items:center;text-decoration:none;color:#f4f8ff;border:1px solid #25679e;background:#092b49;border-radius:9px;padding:10px 14px;font-weight:800;white-space:nowrap}
#markt .radar-view-tabs a:hover,#markt .radar-view-tabs a.active{background:#1687f8;border-color:#45a4ff;box-shadow:0 0 0 1px rgba(90,180,255,.15) inset}
#markt .crypto-intel-panel{max-width:1480px;margin-left:auto!important;margin-right:auto!important}
#markt .radar-main-grid-v13{grid-template-columns:minmax(0,2.15fr) minmax(400px,1fr)!important}
#markt .radar-bottom-grid-v13{grid-template-columns:1fr 1fr 1.05fr .95fr!important}
#markt .bob-radar-v13{min-width:0!important;overflow:hidden!important}
#markt .bob-market-bubble{min-width:220px!important;max-width:300px!important;line-height:1.25!important}
#markt .bob-radar-v13 img{object-fit:contain!important;object-position:center bottom!important}

/* V19 — approved Markt composition + real LiqMap */
#markt .byk-frame-wrap{position:relative!important;min-height:430px!important;height:430px!important;background:#07101b!important;border:1px solid #326b9b!important;border-radius:10px!important;overflow:hidden!important;margin-top:8px!important}
#markt .byk-frame-wrap iframe{display:block!important;width:100%!important;height:430px!important;min-height:430px!important;border:0!important;background:#07101b!important;border-radius:10px!important}
#markt .byk-map-legend{margin-top:7px!important}
#markt .byk-note{font-size:12px!important;line-height:1.35!important;margin-top:7px!important}
#markt .liq-coin-tabs{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:7px 0!important}
#markt .liq-coin-tabs button{min-width:38px!important;padding:6px 8px!important}
#markt .radar-main-grid-v13{align-items:stretch!important}
#markt #intelTop10Card,#markt .byk-map-card{min-height:540px!important}
#markt .radar-bottom-grid-v13>.card{min-height:188px!important}
#markt .intel-metrics article{min-height:92px!important}
@media(min-width:1350px){#markt .market-radar-v13{max-width:1480px!important;margin-left:auto!important;margin-right:auto!important}}
/* V20 — Markt: approved compact composition + native visual cluster heatmap */
#markt{padding:0 18px 22px!important;background:#031d35!important}
#markt .market-radar-v13{max-width:1540px!important;margin:0 auto!important}
#markt .radar-hero-v13{min-height:158px!important;border-radius:12px!important;padding:12px 18px!important;grid-template-columns:minmax(0,1.45fr) minmax(430px,.55fr)!important;overflow:hidden!important}
#markt .radar-hero-v13 h2{font-size:clamp(32px,3vw,48px)!important;line-height:1.02!important;max-width:880px!important}
#markt .radar-hero-v13 p{font-size:14px!important;max-width:850px!important}
#markt .radar-view-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}
#markt .radar-view-tabs a{padding:9px 13px!important;border-radius:8px!important;text-decoration:none!important}
#markt .bob-radar-v13{min-height:145px!important;padding:0!important;display:grid!important;grid-template-columns:1.15fr .85fr!important;align-items:center!important;overflow:visible!important}
#markt .bob-radar-v13 .bob-market-bubble{font-size:15px!important;line-height:1.12!important;padding:14px 16px!important;border-radius:24px!important;transform:rotate(-2deg)!important;margin-left:0!important}
#markt .bob-radar-v13 img{position:relative!important;right:auto!important;bottom:auto!important;width:185px!important;height:145px!important;justify-self:end!important;object-fit:cover!important;object-position:50% 18%!important;border-radius:0!important;clip-path:ellipse(45% 49% at 50% 50%)!important}
#markt .radar-metrics-v13{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:8px 0!important}
#markt .radar-metrics-v13 article{min-height:82px!important;padding:9px 14px!important}
#markt .radar-metrics-v13 b{font-size:25px!important}
#markt .radar-main-grid-v13{grid-template-columns:minmax(0,2.15fr) minmax(430px,.85fr)!important;gap:8px!important}
#markt .byk-map-card{min-width:0!important}
#markt .byk-frame-wrap{height:365px!important;min-height:365px!important;border:1px solid #28608e!important;border-radius:10px!important;overflow:hidden!important;background:#071421!important}
#markt #bobHeatmapCanvas{width:100%!important;height:100%!important;display:block!important;background:#071421!important}
#markt .heatmap-status{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:7px 2px 0;font-size:11px;color:#a9c5dc}
#markt .heatmap-status strong{color:#eaf6ff}
#markt .radar-bottom-grid-v13{grid-template-columns:1fr 1fr 1.12fr 1.05fr!important;gap:8px!important;margin-top:8px!important}
#markt .radar-bottom-grid-v13>.card{min-height:190px!important;padding:10px!important}
#markt .radar-insight-card .bob-intro{align-items:flex-start!important}.radar-insight-card .avatar.lg{width:84px!important;height:84px!important}
@media(max-width:1180px){#markt .radar-hero-v13{grid-template-columns:1fr!important}#markt .bob-radar-v13{display:none!important}#markt .radar-main-grid-v13{grid-template-columns:1fr!important}#markt .radar-bottom-grid-v13{grid-template-columns:1fr 1fr!important}}
/* V21 — final corrections: single Workspace navigation + approved Markt Bob composition */
#workspace.workspace-approved{overflow:hidden!important}
#workspace .workspace-approved-wrap{height:auto!important;overflow:hidden!important}
#workspace .workspace-approved-img{width:100%!important;height:auto!important;margin-top:-64px!important;display:block!important}
/* compensate hotspot coordinates for cropped embedded navigation */
#workspace .workspace-hotspot{transform:translateY(-64px)}

#markt .radar-hero-v13{grid-template-columns:minmax(0,1.35fr) minmax(500px,.65fr)!important;min-height:180px!important;padding:12px 18px!important}
#markt .bob-radar-v13{display:grid!important;grid-template-columns:minmax(240px,.9fr) minmax(250px,1.1fr)!important;min-height:172px!important;gap:0!important;overflow:visible!important;position:relative!important}
#markt .bob-radar-v13 .bob-market-bubble{align-self:center!important;z-index:3!important;max-width:260px!important;padding:17px 20px!important;font-size:16px!important;line-height:1.18!important;border-radius:28px!important;transform:rotate(-2deg)!important;box-shadow:0 8px 25px rgba(0,0,0,.18)!important}
#markt .bob-radar-v13 img{position:absolute!important;right:58px!important;bottom:-13px!important;width:205px!important;height:190px!important;object-fit:cover!important;object-position:50% 24%!important;clip-path:none!important;border-radius:0!important;mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)!important}
#markt .bob-radar-v13:after{content:"Informatie is geen financieel advies, maar wel een betere beslissing. ☺";position:absolute!important;right:-4px!important;top:18px!important;width:150px!important;color:#ffd95b!important;font-size:15px!important;line-height:1.25!important;font-weight:700!important;font-style:italic!important;transform:rotate(-5deg)!important;text-align:center!important;z-index:4!important}
#markt .radar-bottom-grid-v13{align-items:stretch!important}
#markt .radar-bottom-grid-v13>.card{min-height:210px!important;overflow:hidden!important}
#markt .radar-insight-card{position:relative!important;padding:12px 12px 10px 128px!important;min-height:210px!important}
#markt .radar-insight-card .bob-intro{display:block!important}
#markt .radar-insight-card .bob-intro img{position:absolute!important;left:4px!important;bottom:-8px!important;width:122px!important;height:188px!important;object-fit:cover!important;object-position:50% 24%!important;border:0!important;border-radius:0!important;clip-path:none!important;mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)!important}
#markt .radar-insight-card .bob-intro>div{margin:0!important}
#markt .radar-insight-card .speech{margin-top:10px!important;background:#ffdd62!important;color:#172033!important;border-radius:12px!important;padding:10px 12px!important;font-weight:800!important}
#markt .latest-liq-card .live-connection{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#a9c5dc;margin-left:auto}
#markt .latest-liq-card .live-connection:before{content:"";width:8px;height:8px;border-radius:50%;background:#f2b84b;box-shadow:0 0 8px rgba(242,184,75,.7)}
#markt .latest-liq-card .live-connection.connected:before{background:#20d49b;box-shadow:0 0 8px rgba(32,212,155,.8)}
@media(max-width:1180px){#markt .bob-radar-v13{display:none!important}#workspace .workspace-approved-img{margin-top:-48px!important}#workspace .workspace-hotspot{transform:translateY(-48px)}}
/* V22 course lesson experience + accessibility */
.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.accessibility-guide{margin-bottom:16px}.course-lesson-main{position:relative}.course-lesson-main .course-lesson-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;align-items:stretch;margin:12px 0 18px}.course-comic{min-height:260px;border:1px solid rgba(46,131,255,.35);border-radius:18px;background:linear-gradient(135deg,#061a32,#0a3156);overflow:hidden;display:flex;align-items:end;position:relative}.course-comic img{width:48%;height:100%;object-fit:cover;object-position:center;align-self:stretch}.course-comic-copy{padding:22px;z-index:1}.course-comic-copy h3{font-size:1.35rem;margin:0 0 8px}.course-bob-side{padding:18px}.course-bob-side .bob-intro{align-items:center}.course-bob-side .avatar{width:72px;height:72px}.course-bob-side .speech{margin-top:14px}.course-lesson-main .source-course-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.course-lesson-main .lesson-columns{display:contents}.course-lesson-main .lesson-column,.course-example,.course-check{background:linear-gradient(180deg,rgba(10,48,82,.92),rgba(6,31,57,.96));border:1px solid rgba(61,151,255,.28);border-radius:16px;padding:16px}.course-example,.course-check,.lesson-bob-ribbon{grid-column:1/-1}.lesson-bob-ribbon{border-radius:14px;padding:14px 16px;background:#d9edff;color:#073268}.course-source-visual{margin:14px 0}.course-source-visual img{max-height:390px;object-fit:contain;background:#fff;border-radius:14px}.course-mini-check{margin-top:14px;border:1px solid rgba(46,131,255,.35);border-radius:16px;padding:16px;background:#072846}.course-mini-check h3{margin-top:0}.course-mini-check .secondary{margin-top:8px}.course-reader-nav{max-height:calc(100vh - 110px);position:sticky;top:90px;overflow:auto}
@media(max-width:900px){.access-grid,.course-lesson-main .course-lesson-hero,.course-lesson-main .source-course-body{grid-template-columns:1fr}.course-reader-nav{position:static;max-height:none}.course-comic{min-height:220px}}
/* V23 approved course lesson layout */
#courseView .course-reader{display:flex!important;flex-direction:column;gap:14px}
#courseView .course-lesson-main{order:1;width:100%;padding:18px 22px}
#courseView .course-reader-nav{order:2;position:static!important;max-height:none!important;width:100%;padding:12px 14px;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(220px,.6fr) minmax(0,3fr);gap:14px;align-items:center}
#courseView .course-reader-nav .course-nav-heading h2{font-size:1rem;margin:2px 0}#courseView .course-reader-nav .course-nav-heading p{display:none}#courseView .course-reader-nav>a{width:auto!important;white-space:nowrap}
#courseView .course-lesson-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;scrollbar-width:thin}#courseView .course-lesson-nav button{min-width:145px;max-width:180px;min-height:64px;display:grid;grid-template-columns:30px 1fr;align-items:center;text-align:left;border:1px solid rgba(80,160,255,.22);background:#062845;border-radius:10px;padding:8px;color:#fff}#courseView .course-lesson-nav button.active{border:2px solid #ffd333;box-shadow:0 0 0 2px rgba(255,211,51,.12)}#courseView .course-lesson-nav .n{width:28px;height:28px;border-radius:8px;background:#177cff;display:grid;place-items:center;font-weight:900}
#courseView .course-lesson-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin:12px 0 16px}#courseView .course-comic{min-height:310px!important;border-radius:18px;position:relative;overflow:hidden;display:flex!important;align-items:stretch!important;background:radial-gradient(circle at 75% 20%,rgba(24,123,255,.32),transparent 32%),linear-gradient(135deg,#041b34,#08375d)!important;border:1px solid rgba(70,157,255,.32)}#courseView .course-comic.has-source:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,27,52,.97) 0%,rgba(4,27,52,.86) 45%,rgba(4,27,52,.34) 100%),var(--lesson-bg);background-size:cover;background-position:center;opacity:.55}
#courseView .course-comic-copy{position:relative;z-index:3;width:58%;padding:24px!important;align-self:center}.course-comic-copy h3{font-size:1.8rem!important;line-height:1.05}.course-comic-copy p{font-size:1rem}.comic-icon{font-size:2.2rem;margin:8px 0}.comic-bubble{margin-top:14px;background:#fff;color:#082b4d;border:3px solid #185dd8;border-radius:22px;padding:12px 14px;font-weight:800;line-height:1.25;box-shadow:0 8px 30px rgba(0,0,0,.2)}#courseView .comic-bob{position:absolute!important;z-index:2;right:0;bottom:0;width:47%!important;height:92%!important;object-fit:cover!important;object-position:45% center!important;filter:drop-shadow(-10px 10px 18px rgba(0,0,0,.35))}
#courseView .course-bob-side{background:linear-gradient(180deg,#07345b,#052844);border:1px solid rgba(70,157,255,.35);border-radius:18px;padding:16px!important}.course-bob-side .bob-intro{display:flex;gap:12px;align-items:center}.course-bob-side .avatar{width:76px!important;height:76px!important}.course-bob-side h3{margin:0 0 4px}.course-bob-side p{margin:0}.course-bob-side .speech{margin-top:14px;padding:13px;border:1px solid rgba(86,166,255,.3);border-radius:12px;background:#062c4d}.bob-tip-mini{margin-top:12px;padding:12px;border-radius:12px;background:#082f50;display:grid;gap:5px}.bob-tip-mini b{color:#ffd333}
#courseView .source-course-body{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-lesson-main .lesson-columns{display:contents!important}.course-lesson-main .lesson-column,.course-example,.course-check{grid-column:auto!important;min-height:210px}.course-example h3:before{content:"🎯 ";}.course-check h3:before{content:"🧠 ";}.lesson-bob-ribbon{grid-column:1/-1!important}#courseView .course-source-visual{max-width:760px;margin:14px auto;background:#fff;border-radius:14px;padding:8px}#courseView .course-source-visual img{max-height:420px!important;width:100%;object-fit:contain}.course-source-visual figcaption{color:#17314b;text-align:center;padding:6px;font-size:.85rem}
#courseView .course-mini-check{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:14px 0!important}.course-mini-check h3{margin:0 0 4px}.course-mini-check p{margin:0}.course-mini-check .mini-answer{grid-column:1/-1;background:#dff7e9;color:#073d28;padding:10px 12px;border-radius:10px}
@media(max-width:1000px){#courseView .course-lesson-hero{grid-template-columns:1fr}.course-bob-side{order:2}#courseView .source-course-body{grid-template-columns:1fr 1fr}#courseView .course-reader-nav{grid-template-columns:1fr}#courseView .course-comic-copy{width:62%}}
@media(max-width:680px){#courseView .source-course-body{grid-template-columns:1fr}#courseView .course-comic{min-height:420px!important;align-items:flex-start!important}.course-comic-copy{width:100%!important;padding:18px!important}.comic-bob{opacity:.28;width:75%!important;height:65%!important}.course-mini-check{grid-template-columns:1fr!important}}
.course-page-top{display:flex;gap:16px;align-items:center;margin:0 0 10px}.course-breadcrumb{color:var(--muted)}#courseView .course-title-row h2{font-size:2.25rem;margin:8px 0 4px}.course-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}#courseRightRail .course-mini-check{margin-top:0}.course-actions-bottom{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1fr;gap:10px;margin:15px 0}.course-progress-strip{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}.course-progress-strip .course-lesson-nav{display:flex;overflow-x:auto;gap:8px}.course-progress-strip .course-lesson-nav button{min-width:150px}.strip-arrow{border:1px solid var(--line);border-radius:10px;background:#052844;color:#fff;font-size:1.5rem}.course-progress-meta{display:grid;grid-template-columns:auto auto minmax(140px,300px);gap:10px;align-items:center;justify-content:end;margin-top:8px}@media(max-width:1000px){.course-body-grid{grid-template-columns:1fr}.course-actions-bottom{grid-template-columns:1fr 1fr}}@media(max-width:650px){.course-actions-bottom{grid-template-columns:1fr}.course-progress-meta{grid-template-columns:auto auto}.course-progress-meta .progress{grid-column:1/-1}}
/* V26 course readability + approved Bob layout */
.course-comic{min-height:310px;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,32%);overflow:hidden;background:linear-gradient(135deg,#092b4a,#0d4164);position:relative}
.course-comic.has-source{background-image:linear-gradient(90deg,rgba(5,29,52,.94) 0%,rgba(5,29,52,.84) 48%,rgba(5,29,52,.28) 100%),var(--lesson-bg);background-size:cover,contain;background-position:center,right center;background-repeat:no-repeat}
.course-comic-copy{position:relative;z-index:2;max-width:720px;padding:28px}
.course-comic .comic-bob{position:relative!important;z-index:3!important;width:100%!important;height:100%!important;max-height:310px!important;object-fit:contain!important;object-position:center bottom!important;align-self:end!important;justify-self:center!important;filter:none!important}
.lesson-bob-ribbon,.bob-tip-mini,.notice{color:#f4f8ff!important}.lesson-bob-ribbon b,.bob-tip-mini b{color:#ffd95a!important}
.course-lesson-nav button{font-size:.78rem!important;line-height:1.18!important;min-width:145px!important;max-width:175px!important;padding:10px 11px!important}.course-lesson-nav button>span:not(.n):not(.done){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.course-mini-check .mini-check-options{display:grid;gap:8px;margin:12px 0}.course-mini-check .mini-check-options label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid #2f5e82;border-radius:12px;padding:10px 12px;cursor:pointer;background:#0a2c4a}.course-mini-check .mini-check-options label:has(input:checked){border-color:#4e9cff;background:#103d65}.course-mini-check input{accent-color:#2f86ff}.course-mini-feedback{margin-top:10px;padding:10px 12px;border-radius:10px;background:#0d3659}.course-mini-feedback.good{border:1px solid #46cf96}.course-mini-feedback.wrong{border:1px solid #f2b84b}
/* Markt: Bob en tekst mogen elkaar nooit overlappen */
.intel-bob-card,.radar-bob-card{display:grid!important;grid-template-columns:minmax(150px,34%) 1fr!important;align-items:stretch!important;overflow:hidden!important}.intel-bob-card img,.radar-bob-card img{width:100%!important;height:100%!important;object-fit:cover!important;position:static!important}.intel-bob-card .speech,.radar-bob-card .speech{position:static!important;margin:0!important;align-self:center!important}
@media(max-width:760px){.course-comic{grid-template-columns:1fr;min-height:0}.course-comic .comic-bob{max-height:230px!important}.course-lesson-nav button{min-width:125px!important;font-size:.72rem!important}.intel-bob-card,.radar-bob-card{grid-template-columns:1fr!important}.intel-bob-card img,.radar-bob-card img{max-height:240px!important}}
.lesson-head-row{grid-template-columns:minmax(0,1fr) minmax(320px,44%)!important;align-items:stretch!important}.lesson-hero-mini{min-width:0!important}.beginner-comic-card{height:240px;border:1px solid #2f628c;border-radius:18px;background:linear-gradient(135deg,#0a3154,#0b4568);display:grid;grid-template-columns:1fr 46%;align-items:center;overflow:hidden;padding:18px}.beginner-comic-card>div{display:grid;gap:8px}.beginner-comic-card img{width:100%;height:210px;object-fit:contain;object-position:center bottom}.beginner-bob-original{display:flex;gap:10px;align-items:center;margin-top:10px;padding:10px;border:1px solid #2f628c;border-radius:14px;background:#0a2d4c}.beginner-bob-original img{width:54px;height:54px;border-radius:50%;object-fit:cover}.beginner-bob-original span{display:grid}.beginner-bob-original small{color:#dcecff}.lesson-column{color:#f4f8ff}.lesson-column p{color:#e5eef8!important}
@media(max-width:900px){.lesson-head-row{grid-template-columns:1fr!important}.beginner-comic-card{height:auto;grid-template-columns:1fr}.beginner-comic-card img{height:190px}}
/* V26 Markt Bob composities */
#markt .radar-insight-card .bob-intro{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:16px!important;align-items:center!important}#markt .radar-insight-card .bob-intro img{width:120px!important;height:120px!important;object-fit:cover!important;border-radius:16px!important;position:static!important}#markt .radar-insight-card .speech{margin-top:12px!important;position:static!important;color:#10253b!important;background:#ffe277!important;padding:14px 16px!important;border-radius:14px!important}
#markt .bob-radar-v13{display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(220px,38%)!important;align-items:center!important;min-height:280px!important;padding:24px!important;overflow:hidden!important;background:linear-gradient(135deg,#092d4d,#0a3859)!important}#markt .bob-radar-v13 .bob-market-bubble{position:relative!important;inset:auto!important;width:auto!important;max-width:520px!important;margin:0!important;z-index:2!important}#markt .bob-radar-v13 img{position:relative!important;inset:auto!important;width:100%!important;height:240px!important;object-fit:contain!important;object-position:center bottom!important;z-index:1!important}#markt .bob-radar-v13:after{position:absolute!important;right:22px!important;top:20px!important;width:190px!important;z-index:3!important}
@media(max-width:760px){#markt .radar-insight-card .bob-intro,#markt .bob-radar-v13{grid-template-columns:1fr!important}#markt .bob-radar-v13:after{position:static!important;display:block!important;width:auto!important;transform:none!important;margin-top:8px!important}}
/* V27 course rendering corrections */
#courseView .course-comic{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,34%)!important;min-height:330px!important;overflow:hidden!important;background:radial-gradient(circle at 80% 20%,rgba(30,132,255,.28),transparent 34%),linear-gradient(135deg,#061b34,#0a3b61)!important}
#courseView .course-comic:before{display:none!important}
#courseView .course-comic-copy{position:relative!important;width:auto!important;max-width:none!important;padding:26px!important;align-self:center!important}
#courseView .course-comic .comic-bob{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;max-height:330px!important;object-fit:contain!important;object-position:center bottom!important;align-self:end!important;justify-self:center!important;filter:none!important}
#courseView .lesson-bob-ribbon{background:#123f61!important;color:#f7fbff!important;border:1px solid #caa72b!important}.lesson-bob-ribbon b{color:#ffe16b!important}
#courseView .course-lesson-nav button{font-size:.72rem!important;line-height:1.12!important;min-width:128px!important;max-width:150px!important;min-height:58px!important;padding:7px 8px!important}.course-lesson-nav .n{width:24px!important;height:24px!important;font-size:.72rem!important}
#courseView .mini-check-options{display:grid;gap:8px}.course-mini-check .mini-check-options label{display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:center;border:1px solid rgba(100,170,255,.3);border-radius:10px;padding:9px 10px;cursor:pointer}.course-mini-check .option-letter{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #4d9fff;font-weight:900}.course-mini-feedback{margin-top:10px;padding:10px;border-radius:10px}.course-mini-feedback.good{background:#0d5b43;color:#fff}.course-mini-feedback.wrong{background:#65313b;color:#fff}
#beginnerList{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px!important}#beginnerList .lesson-row{min-height:130px!important;display:grid!important;grid-template-columns:42px 1fr!important;align-content:start!important;position:relative!important}#beginnerList .lesson-row button{grid-column:1/-1!important;margin-top:8px!important}
.intel-bob-card,.radar-bob-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,32%)!important;gap:0!important;overflow:hidden!important}.intel-bob-card img,.radar-bob-card img{grid-column:2!important;width:100%!important;height:100%!important;max-height:290px!important;object-fit:cover!important;object-position:center!important}.intel-bob-card .speech,.radar-bob-card .speech{grid-column:1!important;grid-row:1!important;align-self:center!important;margin:18px!important;position:relative!important;z-index:2!important}.intel-bob-card .speech:after,.radar-bob-card .speech:after{content:"";position:absolute;right:-18px;top:45%;border-width:12px 0 12px 18px;border-style:solid;border-color:transparent transparent transparent #fff}
@media(max-width:760px){#courseView .course-comic{grid-template-columns:1fr!important;min-height:0!important}#courseView .course-comic .comic-bob{max-height:250px!important}.intel-bob-card,.radar-bob-card{grid-template-columns:1fr!important}.intel-bob-card img,.radar-bob-card img{grid-column:1!important;grid-row:2!important;max-height:240px!important}.intel-bob-card .speech,.radar-bob-card .speech{grid-column:1!important;grid-row:1!important}.intel-bob-card .speech:after,.radar-bob-card .speech:after{display:none}}

/* V28: course comic framing, Market Bob composition, liquidity-zone readability */
#courseView .course-comic{
  grid-template-columns:minmax(0,1fr) minmax(240px,32%)!important;
  min-height:320px!important;
  padding-right:8px!important;
}
#courseView .course-comic .comic-bob{
  width:86%!important;
  height:auto!important;
  max-height:255px!important;
  object-fit:contain!important;
  object-position:center center!important;
  align-self:center!important;
  justify-self:center!important;
  border-radius:14px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
@media(max-width:760px){
  #courseView .course-comic{grid-template-columns:1fr!important;padding-right:0!important;min-height:0!important}
  #courseView .course-comic .comic-bob{width:min(88%,520px)!important;max-height:230px!important;margin:0 auto 18px!important}
}

/* Market hero: photo and text balloon form one composition without covering Bob */
#markt .bob-radar-v13{
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) minmax(240px,290px)!important;
  gap:0!important;
  align-items:center!important;
  min-height:220px!important;
  padding:18px 0 18px 20px!important;
  overflow:hidden!important;
  border:1px solid rgba(72,151,224,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#082846 0%,#0a3656 62%,#0d4164 100%)!important;
}
#markt .bob-radar-v13:after{content:none!important;display:none!important}
#markt .bob-radar-v13 .bob-market-bubble{
  position:relative!important;
  z-index:3!important;
  width:auto!important;
  max-width:360px!important;
  justify-self:center!important;
  margin:0 -18px 0 0!important;
  padding:18px 20px!important;
  transform:none!important;
  border:2px solid #3b91ff!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%)!important;
  color:#071d33!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:700!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
#markt .bob-radar-v13 .bob-market-bubble:after{
  content:""!important;
  position:absolute!important;
  right:-21px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-width:12px 0 12px 22px!important;
  border-style:solid!important;
  border-color:transparent transparent transparent #f7faff!important;
}
#markt .bob-radar-v13 img{
  position:static!important;
  width:100%!important;
  height:220px!important;
  object-fit:cover!important;
  object-position:center 30%!important;
  border-radius:0!important;
  clip-path:none!important;
  mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%)!important;
}
@media(max-width:980px){
  #markt .bob-radar-v13{grid-template-columns:1fr!important;padding:16px!important}
  #markt .bob-radar-v13 .bob-market-bubble{margin:0 0 -10px!important;max-width:none!important}
  #markt .bob-radar-v13 .bob-market-bubble:after{display:none!important}
  #markt .bob-radar-v13 img{height:240px!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 100%)!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 100%)!important}
}

#markt .radar-insight-card .bob-intro{
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:14px!important;
}
#markt .radar-insight-card .bob-intro img{
  width:96px!important;height:112px!important;object-fit:cover!important;object-position:center 28%!important;
  border-radius:14px!important;
  mask-image:linear-gradient(to right,#000 75%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(to right,#000 75%,transparent 100%)!important;
}

.liq-zone-cell{display:grid;gap:2px;line-height:1.15}.liq-zone-cell b{color:#f4f9ff}.liq-zone-cell small{color:#9bc7e8}.liq-zone-cell.below small{color:#72dfb4}.liq-zone-cell.above small{color:#ff9da8}

/* V29 — accessibility, functional Workspace, course comics and liquidation distance */
/* Light mode: explanatory cards must remain readable. */
html[data-theme="light"] .notice,
html[data-theme="light"] #radarGeneric .notice,
html[data-theme="light"] .lesson-list .notice{
  color:#10283f!important;
  background:#f4f9ff!important;
  border-color:#a9cbe8!important;
}
html[data-theme="light"] .notice b{color:#0c4d86!important}

/* Blue/yellow color-blind mode: use the selected palette in Markt and Oefentrade, not only CSS variables. */
html[data-color-mode="blueyellow"]{--green:#2774e8;--red:#f2c94c;--blue:#2774e8;--blue2:#80b4ff;--amber:#f2c94c}
html[data-color-mode="blueyellow"] :is(.intel-ratio,.pressure-bar) .buy{background:#2774e8!important}
html[data-color-mode="blueyellow"] :is(.intel-ratio,.pressure-bar) .sell{background:#f2c94c!important}
html[data-color-mode="blueyellow"] :is(.liq-type-long,.liq-cell.long b,.liq-zone-cell.below small){color:#80b4ff!important}
html[data-color-mode="blueyellow"] :is(.liq-type-short,.liq-cell.short b,.liq-zone-cell.above small){color:#ffe06d!important}
html[data-color-mode="blueyellow"] .byk-map-legend .long-zone{background:#2774e8!important}
html[data-color-mode="blueyellow"] .byk-map-legend .short-zone{background:#f2c94c!important}
html[data-color-mode="blueyellow"] .direction[data-dir="long"].active{background:#153f78!important;border-color:#80b4ff!important;color:#fff!important}
html[data-color-mode="blueyellow"] .direction[data-dir="short"].active{background:#5b4b12!important;border-color:#f2c94c!important;color:#fff4b4!important}
html[data-color-mode="blueyellow"] .direction[data-dir="none"].active{background:#3b4052!important;border-color:#a9b6c9!important;color:#fff!important}
html[data-color-mode="blueyellow"] #tradeLevelSvg .trade-long-zone{fill:#2774e8!important}
html[data-color-mode="blueyellow"] #tradeLevelSvg .trade-short-zone{fill:#f2c94c!important}

/* Functional Workspace — same visual family, but no longer a static screenshot. */
.workspace-live{padding-top:0!important}
.workspace-welcome{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.8fr) minmax(330px,.9fr);gap:22px;align-items:center;padding:26px 28px;background:radial-gradient(circle at 43% 30%,rgba(39,116,232,.18),transparent 28%),linear-gradient(135deg,#082746,#061d33);overflow:hidden}
.workspace-welcome h1{font-size:clamp(2rem,3vw,3.25rem);margin:0 0 4px}.workspace-welcome-copy>p:first-of-type{font-size:1.2rem;color:#cbdbea;margin:0 0 12px}.workspace-small{max-width:720px;line-height:1.6;color:#d7e5f2}
.workspace-bob-hero{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0}.workspace-bob-hero img{width:150px;height:150px;object-fit:cover;border-radius:50%;border:3px solid #4a9cff;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.workspace-bubble{position:relative;max-width:255px;padding:16px 18px;background:#fff;color:#0a2238;border:2px solid #3d8fff;border-radius:24px;line-height:1.35;font-size:1rem;box-shadow:0 12px 30px rgba(0,0,0,.18)}.workspace-bubble:before{content:"";position:absolute;left:-18px;top:42%;border-width:10px 18px 10px 0;border-style:solid;border-color:transparent #fff transparent transparent}.workspace-bubble b{font-size:1.15rem}.workspace-bubble strong{display:block;margin-top:7px}
.workspace-journey{padding:20px;border:1px solid rgba(104,170,232,.28);border-radius:18px;background:rgba(5,32,57,.78)}.workspace-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-card-head h2{margin:0}.link-button{border:0;background:none;color:#55a6ff;font-weight:800;cursor:pointer}.workspace-journey-row{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.workspace-progress{height:13px;margin:10px 0 12px}.workspace-progress span{background:linear-gradient(90deg,#2e86ff,#69d7ff)}.workspace-journey p{color:#c8daea;font-size:.86rem}.workspace-journey .primary{margin-top:8px}
.workspace-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}.workspace-shortcut{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:18px;border:1px solid #2d5f87;border-radius:14px;background:#0a3154;color:#fff;cursor:pointer}.workspace-shortcut>span{grid-row:1/3;font-size:2rem}.workspace-shortcut b{font-size:1.08rem}.workspace-shortcut small{color:#c9dcec}.workspace-shortcut i{grid-column:3;grid-row:1/3;font-style:normal;font-size:1.3rem;color:#a9c9e8}.workspace-shortcut:hover{border-color:#64aaff;transform:translateY(-1px)}
.workspace-lower-grid{display:grid;grid-template-columns:1.05fr .85fr .9fr;gap:16px}.workspace-tip-card,.workspace-stats,.workspace-activity{padding:20px;min-height:230px}.workspace-tip-card{display:grid;grid-template-columns:1fr 150px;overflow:hidden}.workspace-tip-card h2,.workspace-stats h2,.workspace-activity h2{margin-top:0}.workspace-tip-card p{font-size:1.05rem;line-height:1.6;color:#e5eef8}.workspace-tip-card img{width:170px;height:170px;border-radius:50%;object-fit:cover;align-self:end;justify-self:end;margin:-5px -28px -28px 0}.workspace-tip-button{border:0;border-radius:11px;padding:11px 15px;background:#ffe169;color:#14263b;font-weight:900;cursor:pointer}.workspace-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-stat-grid>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 10px;padding:14px;border:1px solid #2e608a;border-radius:13px;background:#092e4e}.workspace-stat-grid span{grid-row:1/3;font-size:1.7rem}.workspace-stat-grid small{color:#cfe0ee}.workspace-stat-grid b{font-size:1.45rem}.workspace-activity #recentActivity{display:grid;gap:7px;margin-top:14px}.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(120,170,214,.15)}.activity-row time{color:#9db6ca;font-size:.78rem}
html[data-theme="light"] .workspace-welcome{background:linear-gradient(135deg,#eaf5ff,#f7fbff);color:#11283c}.workspace-welcome-copy p,html[data-theme="light"] .workspace-small{color:#455d72}html[data-theme="light"] .workspace-journey{background:#fff;border-color:#c4d9ea}html[data-theme="light"] .workspace-journey p{color:#52697c}html[data-theme="light"] .workspace-shortcut{background:#f5faff;color:#17324b;border-color:#bdd7ec}html[data-theme="light"] .workspace-shortcut small{color:#52697c}html[data-theme="light"] .workspace-stat-grid>div{background:#f5faff;border-color:#c3dbee;color:#17324b}html[data-theme="light"] .workspace-tip-card p{color:#334d65}
@media(max-width:1100px){.workspace-welcome{grid-template-columns:1fr 1fr}.workspace-journey{grid-column:1/-1}.workspace-shortcuts{grid-template-columns:repeat(3,1fr)}.workspace-lower-grid{grid-template-columns:1fr 1fr}.workspace-activity{grid-column:1/-1}}
@media(max-width:700px){.workspace-welcome{grid-template-columns:1fr;padding:20px}.workspace-bob-hero{justify-content:flex-start}.workspace-shortcuts{grid-template-columns:1fr}.workspace-lower-grid{grid-template-columns:1fr}.workspace-activity{grid-column:auto}.workspace-tip-card{grid-template-columns:1fr 100px}.workspace-tip-card img{width:120px;height:120px}}

/* Course comic: keep the frame, scale the caricature inside it, never crop. */
#courseView .course-comic{grid-template-columns:minmax(0,1fr) minmax(280px,36%)!important;min-height:340px!important;padding:18px!important;overflow:hidden!important}
#courseView .course-comic-copy{padding:12px 20px!important}
#courseView .course-comic .comic-bob{width:min(92%,380px)!important;height:auto!important;max-width:380px!important;max-height:285px!important;object-fit:contain!important;object-position:center!important;align-self:center!important;justify-self:center!important;border-radius:18px!important;background:#071e35!important;box-shadow:none!important}
@media(max-width:760px){#courseView .course-comic{grid-template-columns:1fr!important}.course-comic .comic-bob{width:min(82%,360px)!important;max-height:250px!important}}

/* Markt: Bob photo fades into the panel; bubble is part of the composition, not a pasted block. */
#markt .bob-radar-v13{position:relative!important;grid-template-columns:minmax(230px,1fr) minmax(270px,38%)!important;background:linear-gradient(135deg,#082846 0%,#0a3656 65%,#0c3c5c 100%)!important}
#markt .bob-radar-v13 img{height:230px!important;object-fit:cover!important;object-position:center 26%!important;border-radius:0!important;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.78) 18%,#000 48%,#000 100%)!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.78) 18%,#000 48%,#000 100%)!important;filter:saturate(.94) contrast(1.02)!important}
#markt .bob-radar-v13 .bob-market-bubble{max-width:355px!important;margin:0 -42px 0 0!important;border:2px solid #4a9cff!important;border-radius:26px!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important;line-height:1.3!important;padding:20px 22px!important}.bob-market-bubble strong{font-size:1.04rem}
#markt .bob-radar-v13 .bob-market-bubble:after{right:-24px!important;border-width:13px 0 13px 24px!important}

/* Market table: labels readable, not squeezed together. */
#markt .intel-table-v13{min-width:1180px!important}#markt .intel-table-v13 th:nth-child(3),#markt .intel-table-v13 td:nth-child(3),#markt .intel-table-v13 th:nth-child(4),#markt .intel-table-v13 td:nth-child(4){min-width:145px!important;white-space:normal!important}#markt .liq-zone-cell{gap:4px!important}#markt .liq-zone-cell b{font-size:.84rem!important;white-space:nowrap!important}#markt .liq-zone-cell small{font-size:.7rem!important;line-height:1.22!important;display:block!important}.liq-type-long,.liq-type-short{font-weight:850!important;white-space:nowrap!important}

/* Liquidation pressure: percentage distance + visual gauge. */
.liquidation-distance-card{margin:10px 0 12px;background:linear-gradient(180deg,#0a3152,#082743)}.liquidation-distance-card select{border:1px solid #376b94;background:#082641;color:#eaf6ff;border-radius:9px;padding:7px 10px;font-weight:800}.liq-distance-summary{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(360px,2fr) minmax(150px,.8fr);gap:16px;align-items:center;margin-top:12px}.distance-side{display:grid;gap:4px}.distance-side span{font-size:.76rem;color:#c9dceb}.distance-side b{font-size:1.6rem}.distance-side small{color:#a9c5dc}.distance-side.below b{color:#69b0ff}.distance-side.above b{color:#ffe06d}.distance-gauge{position:relative;height:72px;border:1px solid #365e7e;border-radius:14px;background:linear-gradient(90deg,rgba(39,116,232,.15),rgba(255,255,255,.025) 48%,rgba(255,224,109,.15));overflow:hidden}.distance-gauge:before{content:"";position:absolute;left:50%;top:7px;bottom:7px;width:2px;background:#f7fbff;opacity:.8}.distance-gauge .current{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#071d31;color:#fff;border:1px solid #9bbbd4;border-radius:999px;padding:5px 9px;font-size:.66rem;font-weight:900;z-index:3}.distance-gauge .cluster{position:absolute;top:16px;bottom:16px;width:12px;border-radius:8px;box-shadow:0 0 17px currentColor;transition:left .3s ease}.distance-gauge .cluster.below{background:#2774e8;color:#2774e8;left:22%}.distance-gauge .cluster.above{background:#f2c94c;color:#f2c94c;left:78%}.distance-note{margin:10px 0 0!important;font-size:.78rem}
html[data-color-mode="standard"] .distance-gauge .cluster.below{background:#1fc78b;color:#1fc78b}html[data-color-mode="standard"] .distance-gauge .cluster.above{background:#ef5960;color:#ef5960}html[data-color-mode="standard"] .distance-side.below b{color:#72dfb4}html[data-color-mode="standard"] .distance-side.above b{color:#ff9da8}
@media(max-width:850px){.liq-distance-summary{grid-template-columns:1fr}.distance-side{text-align:center}.distance-gauge{order:2}.distance-side.above{order:3}}

/* V30 — restore the approved Workspace composition while keeping live functionality. */
#workspace.workspace-restored{max-width:1536px;margin:0 auto;padding:18px 26px 28px!important;background:#031d35}
.workspace-approved-live{display:grid;gap:16px;color:#fff}
.workspace-hero-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.95fr) minmax(420px,.95fr);gap:18px;align-items:center;min-height:270px;padding:0 8px;background:radial-gradient(circle at 46% 36%,rgba(19,95,179,.18),transparent 32%)}
.workspace-copy-live h1{font-size:clamp(2.35rem,3.35vw,3.4rem);line-height:1;margin:0 0 10px;font-weight:900}.workspace-copy-live .workspace-lead{font-size:1.35rem;color:#c6d9e9;margin:0 0 14px}.workspace-copy-live p{font-size:1rem;line-height:1.55;color:#eef6fc;margin:0}
.workspace-hero-art{height:285px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.workspace-hero-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.workspace-journey-live{align-self:stretch;padding:22px;border:1px solid #2e6fa1;border-radius:18px;background:linear-gradient(180deg,#072b4b,#06233d);box-shadow:inset 0 1px rgba(255,255,255,.03)}.workspace-journey-live .workspace-card-head h2{font-size:1.55rem}.workspace-journey-live .workspace-journey-row{margin-top:18px;font-size:1.05rem}.workspace-journey-live p{color:#c8dbea;margin:12px 0 14px}.workspace-journey-live .primary{padding:13px 18px;font-size:1rem}
.restored-shortcuts{margin:0;grid-template-columns:repeat(5,1fr);gap:16px}.restored-shortcuts .workspace-shortcut{min-height:88px;padding:16px 18px;border-radius:14px;background:#082f51;border-color:#2c6d9e}.restored-shortcuts .workspace-shortcut>span{font-size:2.25rem}.restored-shortcuts .workspace-shortcut b{font-size:1.08rem}.restored-shortcuts .workspace-shortcut small{font-size:.82rem}
.restored-lower-grid{grid-template-columns:1.1fr .88fr .92fr;gap:16px}.restored-tip-card,.restored-stats,.restored-activity{min-height:250px;border-color:#2a628e;background:linear-gradient(180deg,#082c4a,#06233e)}
.restored-tip-card{grid-template-columns:minmax(0,1fr) 275px!important;padding:20px 16px 0 20px!important}.restored-tip-card p{font-size:1.05rem!important;line-height:1.55!important;max-width:350px}.restored-tip-card img{width:280px!important;height:230px!important;object-fit:contain!important;object-position:right bottom!important;border-radius:0!important;margin:0!important;align-self:end!important;justify-self:end!important}.restored-tip-card .workspace-tip-button{margin-top:6px}
.restored-stats .workspace-stat-grid>div{min-height:90px;background:#082b49;border-color:#2d668f}.restored-activity #recentActivity{margin-top:10px}.restored-activity .activity-row{padding:10px 0}
.workspace-bottom-restored{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(360px,.75fr);gap:16px;align-items:stretch}.workspace-access-live{display:grid;grid-template-columns:auto minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;align-items:center;padding:20px;border:1px solid #2d668f;border-radius:16px;background:#082c4a}.workspace-access-live .access-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#1b88fb;font-size:2rem}.workspace-access-live h2{margin:0 0 8px;font-size:1.22rem}.workspace-access-live p{margin:0 0 14px;line-height:1.45;color:#e0ebf5}.access-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.access-mini-grid>div{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0a365b;border-radius:12px;font-size:.8rem}.workspace-motivation{width:100%;height:100%;min-height:190px;object-fit:cover;border-radius:16px;border:1px solid #2d668f}
html[data-theme="light"] #workspace.workspace-restored{background:#eef6fd;color:#10283e}html[data-theme="light"] .workspace-copy-live p{color:#314b61}html[data-theme="light"] .workspace-copy-live .workspace-lead{color:#4d677d}html[data-theme="light"] .workspace-journey-live,html[data-theme="light"] .restored-shortcuts .workspace-shortcut,html[data-theme="light"] .restored-tip-card,html[data-theme="light"] .restored-stats,html[data-theme="light"] .restored-activity,html[data-theme="light"] .workspace-access-live{background:#fff;color:#10283e;border-color:#b9d4e8}html[data-theme="light"] .restored-tip-card p,html[data-theme="light"] .workspace-access-live p{color:#314b61}html[data-theme="light"] .restored-stats .workspace-stat-grid>div,html[data-theme="light"] .access-mini-grid>div{background:#f3f9fe;color:#10283e;border-color:#c7deef}
@media(max-width:1200px){.workspace-hero-live{grid-template-columns:1fr 1fr}.workspace-journey-live{grid-column:1/-1}.restored-shortcuts{grid-template-columns:repeat(3,1fr)}.restored-lower-grid{grid-template-columns:1fr 1fr}.restored-activity{grid-column:1/-1}.workspace-bottom-restored{grid-template-columns:1fr}.workspace-access-live{grid-template-columns:auto 1fr}.access-mini-grid{grid-column:1/-1}}
@media(max-width:760px){#workspace.workspace-restored{padding:14px!important}.workspace-hero-live{grid-template-columns:1fr}.workspace-hero-art{height:240px}.restored-shortcuts,.restored-lower-grid{grid-template-columns:1fr}.restored-activity{grid-column:auto}.restored-tip-card{grid-template-columns:1fr!important;padding-bottom:12px!important}.restored-tip-card img{width:100%!important;height:190px!important;justify-self:center!important}.workspace-access-live{grid-template-columns:1fr}.workspace-access-live .access-icon{display:none}.access-mini-grid{grid-template-columns:1fr 1fr}}

/* V30 — lesson comic: keep the frame, fit the complete comic inside it. */
#courseView .course-comic{grid-template-columns:minmax(0,1fr) minmax(300px,38%)!important;min-height:350px!important;padding:18px 20px!important;overflow:hidden!important}
#courseView .course-comic .comic-bob{width:100%!important;height:100%!important;max-width:520px!important;max-height:315px!important;object-fit:contain!important;object-position:center!important;align-self:center!important;justify-self:center!important;background:#071e35!important;border-radius:16px!important;padding:12px!important;box-sizing:border-box!important}
@media(max-width:760px){#courseView .course-comic{grid-template-columns:1fr!important}.course-comic .comic-bob{width:min(94%,520px)!important;max-height:270px!important;margin:0 auto!important}}

/* V30 — market-table legibility for liquidation-zone distances. */
#markt .intel-table-v13{min-width:1280px!important}#markt .intel-table-v13 th:nth-child(3),#markt .intel-table-v13 td:nth-child(3),#markt .intel-table-v13 th:nth-child(4),#markt .intel-table-v13 td:nth-child(4){min-width:175px!important}
#markt .liq-zone-cell{display:grid!important;grid-template-rows:auto auto!important;gap:5px!important;min-width:160px!important;line-height:1.12!important}#markt .liq-zone-cell b{display:flex!important;align-items:center!important;gap:6px!important;font-size:.9rem!important;white-space:nowrap!important}#markt .liq-zone-cell b .zone-arrow{font-size:1.08rem!important;font-weight:1000!important}#markt .liq-zone-cell b em{font-style:normal!important;font-size:.78rem!important;padding:2px 6px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important}#markt .liq-zone-cell small{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;font-size:.69rem!important;line-height:1.15!important}#markt .liq-zone-cell small .zone-kind{font-weight:900!important}#markt .liq-zone-cell small .zone-strength{color:#c9dceb!important}#markt .liq-zone-cell.below b,#markt .liq-zone-cell.below small .zone-kind{color:#76e2ba!important}#markt .liq-zone-cell.above b,#markt .liq-zone-cell.above small .zone-kind{color:#ff9da8!important}
html[data-color-mode="blueyellow"] #markt .liq-zone-cell.below b,html[data-color-mode="blueyellow"] #markt .liq-zone-cell.below small .zone-kind{color:#8fc0ff!important}html[data-color-mode="blueyellow"] #markt .liq-zone-cell.above b,html[data-color-mode="blueyellow"] #markt .liq-zone-cell.above small .zone-kind{color:#ffe06d!important}
.zone-help{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #5d8eb7;background:#082c4a;color:#dcecff;font-size:.72rem;font-weight:900;cursor:help;margin-left:4px}
.market-reading-guide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin:12px 0 14px;padding:12px 14px;border:1px solid #2f678f;border-radius:12px;background:#082b49}.market-reading-guide img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #4a9cff}.market-reading-guide h4{margin:0 0 5px}.market-reading-guide p{margin:0;color:#d8e6f2;font-size:.78rem;line-height:1.45}.market-reading-guide b{color:#fff}
html[data-theme="light"] .market-reading-guide{background:#f4f9fe;color:#10283e;border-color:#bfd8ea}html[data-theme="light"] .market-reading-guide p{color:#3c586f}html[data-theme="light"] .market-reading-guide b{color:#10283e}

/* V31 — lescomics volledig zichtbaar + unieke les-scene */
#courseView .course-comic{
  grid-template-columns:minmax(0,1fr) minmax(340px,42%)!important;
  min-height:360px!important;
  padding:20px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 86% 16%,hsla(var(--scene-hue,210),85%,60%,.22),transparent 32%),
    linear-gradient(135deg,#061b34,#0a3b61)!important;
}
#courseView .lesson-comic-scene{
  position:relative;
  min-height:320px;
  height:100%;
  border:1px solid rgba(101,176,255,.32);
  border-radius:18px;
  background:
    radial-gradient(circle at 18% 20%,hsla(var(--scene-hue,210),90%,58%,.24),transparent 30%),
    linear-gradient(160deg,#082744,#06182d 72%);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
}
#courseView .lesson-comic-scene .comic-bob{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:284px!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  border-radius:14px!important;
  background:transparent!important;
  filter:none!important;
  box-shadow:none!important;
  z-index:2;
}
#courseView .scene-symbol{
  position:absolute;left:18px;top:16px;z-index:3;
  width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
  font-size:30px;background:hsla(var(--scene-hue,210),86%,57%,.2);border:1px solid hsla(var(--scene-hue,210),90%,72%,.55)
}
#courseView .scene-number{
  position:absolute;right:16px;top:16px;z-index:3;padding:7px 10px;border-radius:999px;
  font-weight:900;font-size:.74rem;letter-spacing:.08em;color:#fff;background:hsla(var(--scene-hue,210),82%,46%,.8)
}
#courseView .scene-tags{
  position:absolute;left:18px;right:18px;bottom:14px;z-index:4;display:flex;gap:6px;flex-wrap:wrap;justify-content:center
}
#courseView .scene-tags span{padding:5px 9px;border-radius:999px;background:rgba(4,18,34,.86);border:1px solid rgba(121,184,239,.35);font-size:.72rem;font-weight:800;color:#e8f3ff}
@media(max-width:900px){#courseView .course-comic{grid-template-columns:1fr!important}.lesson-comic-scene{min-height:300px!important}.lesson-comic-scene .comic-bob{max-height:270px!important}}

/* V31 — Markt: heatmap boven de Top-10 en bredere, leesbare liquidatiekolommen */
#markt .intel-grid.radar-main-grid-v13{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
#markt .intel-grid.radar-main-grid-v13 .byk-map-card{order:1!important;width:auto!important;min-height:0!important}
#markt .intel-grid.radar-main-grid-v13 #intelTop10Card{order:2!important;width:auto!important;min-height:0!important;overflow-x:auto!important}
#markt #intelTop10Card .intel-table{min-width:1680px!important;width:100%!important;table-layout:fixed!important}
#markt #intelTop10Card .intel-table th,#markt #intelTop10Card .intel-table td{padding:9px 10px!important;vertical-align:top!important;white-space:normal!important}
#markt #intelTop10Card .intel-table th:nth-child(1),#markt #intelTop10Card .intel-table td:nth-child(1){width:78px!important}
#markt #intelTop10Card .intel-table th:nth-child(2),#markt #intelTop10Card .intel-table td:nth-child(2){width:92px!important}
#markt #intelTop10Card .intel-table th:nth-child(3),#markt #intelTop10Card .intel-table td:nth-child(3),#markt #intelTop10Card .intel-table th:nth-child(4),#markt #intelTop10Card .intel-table td:nth-child(4){width:210px!important}
#markt #intelTop10Card .intel-table th:nth-child(5),#markt #intelTop10Card .intel-table td:nth-child(5),#markt #intelTop10Card .intel-table th:nth-child(6),#markt #intelTop10Card .intel-table td:nth-child(6),#markt #intelTop10Card .intel-table th:nth-child(7),#markt #intelTop10Card .intel-table td:nth-child(7){width:92px!important}
#markt .liq-zone-cell{display:grid!important;gap:5px!important;min-width:188px!important;line-height:1.15!important}
#markt .liq-zone-cell b{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:.86rem!important;white-space:nowrap!important}
#markt .liq-zone-cell b em{font-style:normal!important;padding:3px 6px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;font-size:.72rem!important}
#markt .liq-zone-cell small{display:flex!important;align-items:center!important;gap:5px 8px!important;flex-wrap:wrap!important;white-space:normal!important;font-size:.68rem!important;line-height:1.25!important}
#markt .liq-zone-cell .zone-kind{font-weight:800!important}
#markt .liq-zone-cell .zone-strength{opacity:.88!important}
#markt .liq-zone-cell.below{border-left:3px solid #34d6a0;padding-left:8px!important}
#markt .liq-zone-cell.above{border-left:3px solid #ff6870;padding-left:8px!important}
#markt .market-reading-guide{margin-bottom:12px!important}

/* V32 — lesson comic exact-fit: full artwork visible, unique image per lesson. */
#courseView .course-comic{
  grid-template-columns:minmax(0,1fr) minmax(520px,48%)!important;
  min-height:390px!important;
  padding:20px!important;
  overflow:hidden!important;
}
#courseView .lesson-comic-scene{
  min-height:350px!important;
  height:350px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#061b31!important;
}
#courseView .lesson-comic-scene .lesson-art-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:12px!important;
  background:#061b31!important;
}
#courseView .lesson-art-fallback{display:none;min-height:300px;align-items:center;justify-content:center;gap:14px;flex-direction:column;text-align:center;color:#eaf4ff;font-size:1.2rem}
#courseView .lesson-comic-scene.art-missing .lesson-art-fallback{display:flex}
#courseView .lesson-comic-scene.art-missing .lesson-art-fallback span{font-size:3.4rem}
@media(max-width:1100px){#courseView .course-comic{grid-template-columns:1fr!important}.lesson-comic-scene{height:330px!important;min-height:330px!important}}
@media(max-width:700px){#courseView .lesson-comic-scene{height:260px!important;min-height:260px!important}}

/* V32 — Spot / Perpetual groups: give every timeframe its own readable column. */
#markt #intelTop10Card{overflow-x:auto!important}
#markt #intelTop10Card .intel-table{
  min-width:2240px!important;
  width:max-content!important;
  table-layout:auto!important;
}
#markt #intelTop10Card .intel-table thead th{white-space:normal!important;text-align:center!important}
#markt #intelTop10Card .intel-table tbody td:nth-child(8),
#markt #intelTop10Card .intel-table tbody td:nth-child(9),
#markt #intelTop10Card .intel-table tbody td:nth-child(10),
#markt #intelTop10Card .intel-table tbody td:nth-child(11),
#markt #intelTop10Card .intel-table tbody td:nth-child(12),
#markt #intelTop10Card .intel-table tbody td:nth-child(13),
#markt #intelTop10Card .intel-table tbody td:nth-child(14),
#markt #intelTop10Card .intel-table tbody td:nth-child(15){
  min-width:118px!important;
  width:118px!important;
  padding-left:12px!important;
  padding-right:12px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#markt #intelTop10Card .intel-table tbody td:nth-child(16){min-width:128px!important;width:128px!important;white-space:nowrap!important}
#markt #intelTop10Card .intel-ratio{display:flex!important;min-width:94px!important;width:94px!important;height:22px!important;margin:0 auto!important}
#markt #intelTop10Card .intel-ratio-label{display:block!important;min-width:94px!important;width:94px!important;margin:4px auto 0!important;text-align:center!important;white-space:nowrap!important;font-size:.7rem!important;line-height:1.05!important}

/* V33 — final readability pass */
#markt #intelTop10Card .intel-table{
  min-width:2460px!important;
}
#markt #intelTop10Card .intel-table thead th:nth-child(8),
#markt #intelTop10Card .intel-table thead th:nth-child(9),
#markt #intelTop10Card .intel-table thead th:nth-child(10),
#markt #intelTop10Card .intel-table thead th:nth-child(11),
#markt #intelTop10Card .intel-table thead th:nth-child(12),
#markt #intelTop10Card .intel-table thead th:nth-child(13),
#markt #intelTop10Card .intel-table thead th:nth-child(14),
#markt #intelTop10Card .intel-table thead th:nth-child(15),
#markt #intelTop10Card .intel-table tbody td:nth-child(8),
#markt #intelTop10Card .intel-table tbody td:nth-child(9),
#markt #intelTop10Card .intel-table tbody td:nth-child(10),
#markt #intelTop10Card .intel-table tbody td:nth-child(11),
#markt #intelTop10Card .intel-table tbody td:nth-child(12),
#markt #intelTop10Card .intel-table tbody td:nth-child(13),
#markt #intelTop10Card .intel-table tbody td:nth-child(14),
#markt #intelTop10Card .intel-table tbody td:nth-child(15){
  min-width:138px!important;
  width:138px!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
#markt #intelTop10Card .intel-ratio,
#markt #intelTop10Card .intel-ratio-label{
  min-width:110px!important;
  width:110px!important;
}
#workspace .workspace-hero-art img,
#workspace .restored-tip-card img{
  object-fit:contain!important;
  object-position:center center!important;
}
#workspace .restored-tip-card img{background:transparent!important}

/* V35 — één volledige, samenhangende lescomic per les. Geen afbeelding-in-afbeelding. */
#courseView .course-comic-v35{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#061d33!important;
  border:1px solid rgba(70,157,255,.35)!important;
  border-radius:18px!important;
}
#courseView .lesson-comic-scene-v35{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#061d33!important;
}
#courseView .lesson-comic-scene-v35 .lesson-art-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:17px!important;
  background:#061d33!important;
}
@media(max-width:1100px){#courseView .lesson-comic-scene-v35{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}}

/* V38 — alle lescomics: één geïntegreerde scène per les, volledige 16:9 zichtbaar. */
#courseView .course-comic-v35{background:#061d33!important;padding:0!important;overflow:hidden!important}
#courseView .lesson-comic-scene-v35{aspect-ratio:16/9!important;width:100%!important;height:auto!important;background:#061d33!important;padding:0!important;overflow:hidden!important}
#courseView .lesson-comic-scene-v35 .lesson-art-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#061d33!important}

/* V38 — Mini-check alignment: single-column, contained, readable. */
#courseRightRail{min-width:0!important;overflow:hidden!important}
#courseRightRail .course-mini-check{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  gap:10px!important;
  margin:0!important;
  padding:16px!important;
  overflow:hidden!important;
}
#courseRightRail .course-mini-check>div:first-child{width:100%!important;min-width:0!important}
#courseRightRail .course-mini-check .mini-check-options{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
  margin:2px 0 4px!important;
}
#courseRightRail .course-mini-check .mini-check-options label{
  display:grid!important;
  grid-template-columns:20px 30px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:9px 10px!important;
  margin:0!important;
  overflow:hidden!important;
}
#courseRightRail .course-mini-check .mini-check-options label>span:last-child{
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.3!important;
}
#courseRightRail .course-mini-check .option-letter{width:28px!important;height:28px!important;min-width:28px!important}
#courseRightRail .course-mini-check button.primary{width:100%!important;max-width:none!important;margin:2px 0 0!important;white-space:normal!important}
#courseRightRail .course-mini-feedback{width:100%!important;box-sizing:border-box!important;margin-top:2px!important}
@media(max-width:1000px){#courseRightRail .course-mini-check{max-width:680px!important;margin:0 auto!important}}

/* V38 — one integrated lesson comic per lesson; no image-in-image layout. */
#courseView .lesson-comic-scene{
  background:#061b31!important;
  padding:0!important;
  border:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  min-height:350px!important;
  height:350px!important;
}
#courseView .lesson-comic-scene .lesson-art-img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#061b31!important;
  border-radius:18px!important;
}
@media(max-width:1100px){#courseView .lesson-comic-scene{height:330px!important;min-height:330px!important}}
@media(max-width:700px){#courseView .lesson-comic-scene{height:260px!important;min-height:260px!important}}

/* V42 — one lesson = one integrated comic scene. */
#courseView .course-comic-v35{display:block!important;width:100%!important;background:#061d33!important;padding:0!important;overflow:hidden!important}
#courseView .lesson-comic-scene-v35,#courseView .lesson-comic-scene{width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:#061d33!important;border:0!important;overflow:hidden!important}
#courseView .lesson-comic-scene-v35 .lesson-art-img,#courseView .lesson-comic-scene .lesson-art-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;border-radius:16px!important;background:#061d33!important}

/* V42 — Beginner Deel 1: approved comic poster assets, full image visible */
#courseView .lesson-comic-scene{background:#061e34!important;padding:0!important;overflow:hidden!important}
#courseView .lesson-comic-scene .lesson-art-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#061e34!important;border-radius:14px!important}

/* V44 — definitief goedgekeurde Academy-layout 25-09-2026 */
#courseView .course-title-row{min-height:94px!important;padding:14px 18px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}#courseView .course-title-row h2{font-size:clamp(1.55rem,2.4vw,2.2rem)!important;margin:4px 0!important}#courseView .approved-title-avatar{width:74px!important;height:74px!important;min-width:74px!important;border-radius:50%!important;object-fit:cover!important;background:transparent!important;border:2px solid #4ea3ff!important;padding:0!important;box-shadow:none!important}
#courseView .course-lesson-hero{display:block!important;margin:18px auto 20px!important;max-width:900px!important}#courseView .course-comic-v35{border:0!important;background:transparent!important;border-radius:14px!important}#courseView .lesson-comic-scene-v35,#courseView .lesson-comic-scene{border:0!important;background:transparent!important;border-radius:14px!important;overflow:hidden!important;aspect-ratio:16/9!important;width:100%!important;height:auto!important;min-height:0!important}#courseView .lesson-art-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border:0!important;border-radius:12px!important}#courseView .course-bob-side{display:none!important}#courseView .course-body-grid{display:block!important}#courseView #courseRightRail{display:none!important}#courseView .source-course-body{display:block!important}
#courseView .approved-lesson-stack{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}#courseView .approved-block{width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:18px!important;padding:20px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:var(--surface)!important}#courseView .approved-block.deep{background:color-mix(in srgb,var(--surface) 92%,#0f8f78 8%)!important}#courseView .approved-block.example{background:color-mix(in srgb,var(--surface) 92%,#7654c8 8%)!important}#courseView .approved-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;background:color-mix(in srgb,var(--surface) 78%,#2e83ff 22%);border:1px solid var(--line)}#courseView .approved-block h3{margin:2px 0 10px!important}#courseView .approved-block p{margin:0 0 10px!important;color:var(--ink)!important;line-height:1.65!important}
#courseView .course-mini-check{margin:14px 0 0!important;width:100%!important;box-sizing:border-box!important;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important}#courseView .course-mini-check .mini-check-options{display:grid!important;grid-template-columns:1fr!important}#courseView .course-mini-check .mini-check-options label{color:var(--ink)!important;background:var(--surface)!important;border:1px solid var(--line)!important}#courseView .course-mini-check .option-letter{border:2px solid #2e83ff!important;color:var(--ink)!important}#courseView .course-mini-check button{width:100%!important}#courseView .course-progress-strip{display:none!important}
#courseOverview .course-overview-page{max-width:1500px;margin:0 auto}.course-overview-hero{margin:16px 0 18px;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:18px}.course-overview-hero h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 6px}.course-overview-hero p{margin:0;color:var(--muted);line-height:1.55}.course-overview-hero img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid #4ea3ff;background:transparent}.course-overview-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:10px 0}.course-overview-head h3{margin:0;font-size:1.45rem}.course-overview-head span{color:var(--muted)}.course-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-overview-card{min-width:0;min-height:92px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center;text-align:left;cursor:pointer}.course-overview-card:hover,.course-overview-card:focus-visible{outline:3px solid #2e83ff;outline-offset:2px}.course-overview-card img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #4ea3ff;background:transparent}.course-overview-card span{display:grid;gap:5px;min-width:0}.course-overview-card b{font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}.course-overview-card small{color:var(--muted)}.course-overview-actions{display:flex;justify-content:space-between;gap:12px;margin:20px 0}
html:not([data-theme="dark"]) #courseView .approved-block,html:not([data-theme="dark"]) #courseView .course-mini-check,html:not([data-theme="dark"]) .course-overview-hero,html:not([data-theme="dark"]) .course-overview-card,html:not([data-theme="dark"]) #courseView .course-title-row{background:#fff!important;color:#10243a!important;border-color:#9eb7ce!important}html:not([data-theme="dark"]) #courseView .approved-block p,html:not([data-theme="dark"]) #courseView .course-mini-check,html:not([data-theme="dark"]) .course-overview-card{color:#10243a!important}html:not([data-theme="dark"]) #courseView .course-mini-check .mini-check-options label{background:#f3f7fb!important;color:#10243a!important}
@media(max-width:1000px){.course-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#courseView .course-lesson-hero{max-width:820px!important}}@media(max-width:680px){.course-overview-grid{grid-template-columns:1fr}.course-overview-hero{grid-template-columns:1fr 64px;padding:14px}.course-overview-hero img{width:58px;height:58px}.course-overview-actions{flex-direction:column}.course-overview-actions button{width:100%}#courseView .course-title-row{min-height:78px!important;padding:11px 13px!important}#courseView .approved-title-avatar{width:58px!important;height:58px!important;min-width:58px!important}#courseView .course-lesson-hero{max-width:100%!important;margin:12px auto 16px!important}#courseView .approved-block{grid-template-columns:1fr!important;padding:16px!important}.course-actions-bottom{grid-template-columns:1fr!important}}

/* V45 — exact approved visual structure for all course lessons */
#beginnerLesson,#scamLesson{display:none!important}
#courseView{max-width:1500px!important;margin:0 auto!important}
#courseView .course-title-row{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  min-height:86px!important;padding:12px 18px!important;
}
#courseView .course-title-row > div:first-child{min-width:0!important;flex:1!important}
#courseView .course-title-row .approved-title-avatar{
  margin-left:auto!important;margin-right:4px!important;width:66px!important;height:66px!important;min-width:66px!important;
}
#courseView .course-lesson-hero{
  width:min(760px,100%)!important;max-width:760px!important;margin:18px auto 22px!important;padding:0!important;
}
#courseView .lesson-comic-scene-v35,#courseView .lesson-comic-scene{
  width:100%!important;aspect-ratio:16/9!important;border:none!important;box-shadow:none!important;padding:0!important;
}
#courseView .lesson-art-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border:none!important;box-shadow:none!important}
#courseView .course-body-grid,#courseView .course-main-col{width:100%!important;max-width:none!important;display:block!important}
#courseView #courseLessonBody{width:100%!important;max-width:none!important}
#courseView .approved-lesson-stack{width:100%!important;max-width:none!important;display:flex!important;flex-direction:column!important;gap:12px!important}
#courseView .approved-block{width:100%!important;max-width:none!important;min-height:0!important}
#courseView .course-mini-check{width:100%!important;max-width:none!important}
@media(max-width:800px){
 #courseView{padding-inline:10px!important}
 #courseView .course-lesson-hero{width:100%!important;max-width:680px!important}
 #courseView .approved-block{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}
}
@media(max-width:520px){
 #courseView .course-title-row{min-height:70px!important;padding:10px 12px!important}
 #courseView .course-title-row .approved-title-avatar{width:52px!important;height:52px!important;min-width:52px!important}
 #courseView .approved-block{grid-template-columns:1fr!important}
 #courseView .approved-icon{width:42px!important;height:42px!important}
}

/* V46 — exact approved lesson screenshot composition */
#courseView .course-page-top{margin-bottom:10px!important}
#courseView .approved-lesson-top{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,540px)!important;
 gap:20px!important;align-items:stretch!important;margin-bottom:18px!important;
}
#courseView .approved-lesson-top-left{display:flex!important;align-items:stretch!important}
#courseView .course-title-row{
 width:100%!important;min-height:0!important;height:auto!important;margin:0!important;
 padding:16px 20px!important;align-self:stretch!important;
}
#courseView .course-title-row .approved-title-avatar{
 width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;
 margin-left:auto!important;align-self:center!important;
}
#courseView #courseHeroMount{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important}
#courseView #courseHeroMount .course-lesson-hero{
 width:100%!important;max-width:540px!important;margin:0!important;padding:0!important;
 display:block!important;align-self:center!important;
}
#courseView #courseHeroMount .course-comic-v35,
#courseView #courseHeroMount .lesson-comic-scene-v35,
#courseView #courseHeroMount .lesson-comic-scene{
 width:100%!important;max-width:540px!important;min-height:0!important;height:auto!important;
 aspect-ratio:16/9!important;border:0!important;box-shadow:none!important;background:transparent!important;
}
#courseView #courseHeroMount .lesson-art-img{
 width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
 border:0!important;box-shadow:none!important;background:transparent!important;
}
#courseView .course-body-grid{display:block!important;width:100%!important}
#courseView #courseLessonBody{display:block!important;width:100%!important}
#courseView .approved-lesson-stack{display:flex!important;flex-direction:column!important;width:100%!important;gap:12px!important}
#courseView .approved-block{width:100%!important;max-width:none!important}
@media(max-width:980px){
 #courseView .approved-lesson-top{grid-template-columns:1fr!important}
 #courseView #courseHeroMount .course-lesson-hero{max-width:720px!important}
 #courseView #courseHeroMount .course-comic-v35,#courseView #courseHeroMount .lesson-comic-scene-v35,#courseView #courseHeroMount .lesson-comic-scene{max-width:720px!important}
}
@media(max-width:600px){
 #courseView .course-title-row{padding:12px 14px!important}
 #courseView .course-title-row .approved-title-avatar{width:52px!important;height:52px!important;min-width:52px!important}
 #courseView .approved-lesson-top{gap:12px!important}
}

/* V47 — exact goedgekeurd beeld */
#courseView{max-width:none!important;padding:0!important}
#courseView .v47-page{max-width:1500px;margin:0 auto;padding:20px 28px 34px;color:var(--ink)}
.v47-breadcrumb{display:flex;align-items:center;gap:16px;margin-bottom:14px;color:var(--muted)}
.v47-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,540px);gap:20px;align-items:start}
.v47-top-left h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.08;margin:12px 0 6px}
.v47-meta{margin:0 0 20px;color:var(--muted);font-size:1.02rem}
.v47-course-card{min-height:86px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;align-items:center}
.v47-course-card h3{margin:0 0 6px;font-size:1.25rem}.v47-course-card p{margin:0;color:var(--muted)}
.v47-comic-wrap{width:100%;align-self:end;display:flex;align-items:center;justify-content:center;overflow:hidden;border:0;background:transparent}
.v47-comic-wrap img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain;object-position:center;border:0;box-shadow:none}
.v47-content{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.v47-content .approved-lesson-stack{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}
.v47-content .approved-block{width:100%!important;max-width:none!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:18px!important;padding:20px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:var(--surface)!important}
.v47-content .approved-block.deep{background:color-mix(in srgb,var(--surface) 92%,#0f8f78 8%)!important}
.v47-content .approved-block.example{background:color-mix(in srgb,var(--surface) 92%,#7654c8 8%)!important}
.v47-content .approved-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;background:color-mix(in srgb,var(--surface) 78%,#2e83ff 22%);border:1px solid var(--line)}
.v47-content .approved-block h3{margin:2px 0 10px!important}.v47-content .approved-block p{margin:0 0 10px!important;color:var(--ink)!important;line-height:1.65!important}
.v47-quiz{padding:20px;border:1px solid #80691b;border-radius:17px;background:color-mix(in srgb,var(--surface) 88%,#8b6c00 12%)}
.v47-quiz-head{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start}.v47-quiz-head h3{margin:0 0 4px}.v47-quiz-head p{margin:0}
.v47-qmark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;font-weight:900;background:#a87300;color:#fff}
.v47-options{display:grid;gap:8px;margin:14px 0}.v47-options label{display:grid;grid-template-columns:24px 38px 1fr;gap:10px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}
.v47-letter{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid #2587ff;font-weight:800}
.v47-check{width:100%}.v47-feedback{margin-top:10px;padding:10px 12px;border-radius:10px}.v47-feedback.good{border:2px solid #2d7dd2}.v47-feedback.wrong{border:2px dashed #d88c00}
.v47-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.v47-progress{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.v47-progress span{width:10px;height:10px;border:1px solid var(--muted);border-radius:50%}.v47-progress span.active{background:#fff;border-color:#fff}.v47-progress span.done{box-shadow:0 0 0 2px #2587ff}
html:not([data-theme="dark"]) .v47-course-card,html:not([data-theme="dark"]) .v47-content .approved-block,html:not([data-theme="dark"]) .v47-options label{background:#fff!important;color:#10243a!important;border-color:#9eb7ce!important}
html:not([data-theme="dark"]) .v47-content .approved-block p,html:not([data-theme="dark"]) .v47-options label{color:#10243a!important}
html:not([data-theme="dark"]) .v47-quiz{background:#fff8e5!important;color:#10243a!important;border-color:#8a6b00!important}
@media(max-width:1000px){.v47-top{grid-template-columns:1fr}.v47-comic-wrap{max-width:720px;margin:0 auto}.v47-comic-wrap img{max-height:none}}
@media(max-width:700px){#courseView .v47-page{padding:14px 12px 26px}.v47-breadcrumb{align-items:flex-start;flex-direction:column;gap:8px}.v47-top-left h2{font-size:clamp(1.7rem,8vw,2.25rem)}.v47-content .approved-block{grid-template-columns:1fr!important;padding:16px!important}.v47-nav{grid-template-columns:1fr;}.v47-nav button{width:100%}.v47-progress{order:3}.v47-quiz-head{grid-template-columns:48px 1fr}.v47-options label{grid-template-columns:22px 34px 1fr}}

/* V48 — approved homepage composition (26-09-2026) */
@media(min-width:1221px){
 .showcase-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:34px!important}
 .showcase-media{min-height:590px!important}
 .showcase-media .people{object-position:58% center!important;transform:scale(.96);transform-origin:center center}
 .hero-bob-home{left:30px!important;top:auto!important;bottom:28px!important;display:flex!important;align-items:center!important;gap:14px!important}
 .hero-bob-home .avatar{object-position:center 42%!important}
 .hero-bob-home .speech-mini{max-width:260px!important}
}
@media(max-width:1220px){
 .showcase-media .people{object-position:58% center!important}
 .hero-bob-home{top:auto!important;bottom:22px!important}
}
@media(max-width:760px){
 .showcase-media .people{object-position:60% center!important}
 .hero-bob-home{left:12px!important;right:12px!important;bottom:12px!important;align-items:flex-end!important}
 .hero-bob-home .speech-mini{max-width:min(240px,62vw)!important}
}

/* V51 — consolidated approved layout (26-09-2026). */
@media(min-width:1221px){
  .public-home .showcase-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:38px!important;align-items:center!important;min-height:560px!important}
  .public-home .showcase-copy{width:auto!important;max-width:620px!important;min-height:0!important;padding:34px 0 52px!important;position:relative!important;z-index:3!important}
  .public-home .showcase-media{position:relative!important;inset:auto!important;width:100%!important;height:560px!important;min-height:560px!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
  .public-home .showcase-media .people{position:absolute!important;inset:0 0 0 auto!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center center!important;transform:none!important;mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 100%)!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 100%)!important}
  .public-home .hero-bob-home{left:10px!important;right:auto!important;top:auto!important;bottom:34px!important;display:flex!important;max-width:350px!important;align-items:center!important;z-index:6!important}
  .public-home .hero-bob-home .avatar{width:86px!important;height:86px!important;object-fit:cover!important;object-position:center 44%!important}
  .public-home .hero-bob-home .speech-mini{max-width:235px!important}
  #workspace .workspace-hero-live{grid-template-columns:minmax(0,1.08fr) minmax(360px,.78fr)!important;grid-template-areas:'copy art' 'journey journey'!important;gap:20px 28px!important;align-items:center!important}
  #workspace .workspace-copy-live{grid-area:copy!important;padding-left:8px!important}
  #workspace .workspace-hero-art{grid-area:art!important;height:285px!important;justify-self:stretch!important}
  #workspace .workspace-hero-art img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
  #workspace .workspace-journey-live{grid-area:journey!important;align-self:auto!important}
}
@media(min-width:761px) and (max-width:1220px){
  .public-home .showcase-media .people{object-fit:contain!important;object-position:center center!important;transform:none!important}
  #workspace .workspace-hero-live{grid-template-columns:1fr minmax(320px,.8fr)!important}
  #workspace .workspace-journey-live{grid-column:1/-1!important}
}
@media(max-width:760px){
  .public-home .showcase-media .people{object-fit:contain!important;object-position:center center!important;transform:none!important}
  #workspace .workspace-hero-live{grid-template-columns:1fr!important}
  #workspace .workspace-copy-live{order:1!important}
  #workspace .workspace-hero-art{order:2!important;height:230px!important}
  #workspace .workspace-journey-live{order:3!important}
}



/* ==========================================================
   V52 — MASTER IMPLEMENTATION 26-09-2026
   Sources: approved Home, Workspace and Academy masters.
   This final layer intentionally neutralises older layout patches.
   ========================================================== */

/* Shared avatar rule: ONE thin bright-blue circle only. */
.avatar,
.course-overview-hero img,
.course-overview-grid img,
.lesson-list img,
.scam-grid img{
  border:2px solid #2997ff!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:50%!important;
  background:transparent!important;
}
.avatar::before,.avatar::after{display:none!important}

/* HOME — approved composition */
.public-home .home-shell{max-width:1680px!important;padding-top:0!important}
.public-home .home-showcase{padding-top:8px!important}
.public-home .showcase-grid{
  display:grid!important;
  grid-template-columns:minmax(460px,.78fr) minmax(650px,1.22fr)!important;
  gap:12px!important; align-items:stretch!important; min-height:510px!important;
}
.public-home .showcase-copy{
  width:auto!important;max-width:none!important;padding:42px 10px 18px 8px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
}
.public-home .showcase-copy h1{font-size:clamp(3.4rem,5vw,5.8rem)!important;line-height:.92!important;margin:18px 0 20px!important}
.public-home .showcase-copy .lead{max-width:620px!important}
.public-home .hero-bob-home{
  position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;
  gap:14px!important;margin:18px 0 4px!important;max-width:520px!important;
}
.public-home .hero-bob-home .avatar{width:104px!important;height:104px!important;object-fit:cover!important;object-position:center 44%!important;flex:none!important}
.public-home .hero-bob-home .speech-mini{max-width:290px!important;padding:14px 18px!important;font-size:1rem!important}
.public-home .hero-hand{position:relative!important;inset:auto!important;margin:0 0 14px 120px!important;font-size:1.3rem!important;z-index:2!important}
.public-home .showcase-copy .hero-actions{margin-top:0!important}
.public-home .showcase-media{position:relative!important;width:100%!important;height:auto!important;min-height:510px!important;overflow:hidden!important}
.public-home .showcase-media .people{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center center!important;transform:none!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 100%)!important;
  mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 100%)!important;
}
.public-home .showcase-values{position:relative!important;z-index:3!important;margin-top:0!important}
.header-login{margin-left:4px}
@media(max-width:1100px){
 .public-home .showcase-grid{grid-template-columns:1fr!important}
 .public-home .showcase-media{min-height:460px!important}
 .public-home .showcase-copy{padding:30px 8px 10px!important}
}
@media(max-width:700px){
 .public-home .showcase-media{min-height:360px!important}
 .public-home .hero-bob-home .avatar{width:82px!important;height:82px!important}
 .public-home .hero-hand{margin-left:96px!important}
}

/* WORKSPACE — approved 1920 desktop geometry */
#workspace.workspace-restored{max-width:1680px!important;padding:18px 26px 30px!important}
#workspace .workspace-hero-live{
 display:grid!important;
 grid-template-columns:minmax(0,1.22fr) minmax(400px,.92fr) minmax(400px,.88fr)!important;
 grid-template-areas:"copy art journey"!important;
 gap:18px!important;align-items:stretch!important;min-height:225px!important;padding:0!important;
}
#workspace .workspace-copy-live{grid-area:copy!important;padding:24px 22px!important;align-self:center!important}
#workspace .workspace-copy-live h1{font-size:clamp(2.3rem,3vw,3.25rem)!important;white-space:nowrap!important}
#workspace .workspace-hero-art{grid-area:art!important;height:225px!important;overflow:hidden!important;align-self:stretch!important}
#workspace .workspace-hero-art img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
#workspace .workspace-journey-live{grid-area:journey!important;margin:0!important;align-self:stretch!important;padding:20px 22px!important}
#workspace .restored-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#workspace .restored-lower-grid{grid-template-columns:1.15fr .95fr .95fr!important}
#workspace .restored-tip-card h2{white-space:nowrap!important;font-size:1.45rem!important}
#workspace .workspace-bottom-restored{grid-template-columns:minmax(0,2.1fr) minmax(360px,.9fr)!important}
#workspace .workspace-motivation{width:100%!important;height:100%!important;min-height:190px!important;object-fit:contain!important;object-position:center!important}
@media(max-width:1250px){
 #workspace .workspace-hero-live{grid-template-columns:1fr 1fr!important;grid-template-areas:"copy art" "journey journey"!important}
 #workspace .restored-shortcuts{grid-template-columns:repeat(3,1fr)!important}
 #workspace .restored-lower-grid{grid-template-columns:1fr 1fr!important}
 #workspace .restored-activity{grid-column:1/-1!important}
 #workspace .workspace-bottom-restored{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 #workspace .workspace-hero-live{grid-template-columns:1fr!important;grid-template-areas:"copy" "art" "journey"!important}
 #workspace .workspace-copy-live h1{white-space:normal!important}
 #workspace .restored-shortcuts,#workspace .restored-lower-grid{grid-template-columns:1fr!important}
}

/* ACADEMY — approved transition and 3-column desktop */
#academyHome .approved-academy-transition{
 display:grid!important;grid-template-columns:.9fr 1.35fr!important;padding:0!important;
 border:1px solid #2a8cff!important;border-radius:18px!important;overflow:hidden!important;
 background:linear-gradient(90deg,#07563f 0 39%,#082f62 39% 100%)!important;
}
#academyHome .approved-academy-transition>div{display:flex!important;align-items:center!important;gap:16px!important;padding:20px 24px!important;background:transparent!important}
#academyHome .approved-academy-transition .academy-paid-side{display:grid!important;grid-template-columns:auto 1fr auto!important}
.academy-transition-icon{width:54px;height:54px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:1.55rem;color:#ffc640;flex:none}
.academy-free-side .academy-transition-icon{color:#27df9a}
.approved-academy-transition b{font-size:1.65rem!important;color:#fff!important;line-height:1.05}
.approved-academy-transition b strong{color:#20d790}.academy-paid-side b strong{color:#ffc43a}
.approved-academy-transition span:not(.academy-transition-icon){display:block;color:#eaf4ff!important;margin-top:4px}
.academy-formulas-cta{background:#ffc43a!important;color:#082a4a!important;border:0!important;border-radius:13px!important;padding:13px 18px!important;font-weight:900!important;white-space:nowrap}
#academyHome .course-grid-free,#academyHome .course-grid-paid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
#academyHome .course-grid-free{margin-bottom:16px!important}
#academyHome .course-card{min-height:0!important}
#academyHome .course-card .course-bob-badge{min-height:168px!important}
#academyHome .course-card .course-avatar-wrap.course-art{right:0!important;bottom:0!important;width:52%!important;height:100%!important}
#academyHome .course-card .course-avatar-wrap.course-art img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;filter:none!important}
#academyHome .theme-forex .course-avatar-wrap.course-art img{object-position:58% center!important}
#academyHome .course-card .course-avatar-wrap.course-art::after{display:none!important}
#academyHome .course-card .course-bob-badge::after{display:none!important}
.course-overview-hero img{width:78px!important;height:78px!important;object-fit:cover!important}
.course-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.course-overview-grid .avatar,.lesson-list .avatar,.scam-grid .avatar{border:2px solid #2997ff!important;outline:0!important;box-shadow:none!important}
@media(max-width:1050px){
 #academyHome .course-grid-free,#academyHome .course-grid-paid,.course-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #academyHome .approved-academy-transition{grid-template-columns:1fr!important}
}
@media(max-width:700px){
 #academyHome .course-grid-free,#academyHome .course-grid-paid,.course-overview-grid{grid-template-columns:1fr!important}
 #academyHome .approved-academy-transition .academy-paid-side{grid-template-columns:auto 1fr!important}
 .academy-formulas-cta{grid-column:1/-1!important;width:100%!important}
}

/* No stale build badges */
.build-badge{font-size:.7rem!important}


/* =========================================================
   V53 ROOT-CAUSE FIX — exact approved references
   ========================================================= */

/* HOME: one Bob block only; approved left-column composition */
.public-home .showcase-copy .hero-bob-home{
 position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 margin:18px 0 2px!important;display:flex!important;align-items:center!important;gap:14px!important;
}
.public-home .showcase-copy .hero-hand{
 position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 margin:0 0 14px 120px!important;
}
.public-home .showcase-media .hero-bob-home,
.public-home .showcase-media .hero-hand{display:none!important}

/* Exactly one visible ring. The source image no longer contains a ring. */
.avatar,.course-overview-hero img,.course-overview-card img{
 border:2px solid #2997ff!important;outline:none!important;box-shadow:none!important;border-radius:50%!important;
}

/* WORKSPACE: approved 3-column desktop reference. */
#workspace.workspace-restored{max-width:1600px!important;margin:0 auto!important;padding:18px 26px 30px!important}
#workspace .workspace-hero-live{
 display:grid!important;
 grid-template-columns:minmax(480px,1.18fr) minmax(420px,.95fr) minmax(380px,.82fr)!important;
 grid-template-areas:"copy art journey"!important;
 gap:16px!important;align-items:stretch!important;min-height:205px!important;overflow:visible!important;
}
#workspace .workspace-copy-live{grid-area:copy!important;min-width:0!important;padding:18px 20px!important;overflow:visible!important}
#workspace .workspace-copy-live h1{
 font-size:clamp(2rem,2.55vw,2.8rem)!important;line-height:1.05!important;white-space:normal!important;
 overflow:visible!important;text-overflow:clip!important;margin:0 0 8px!important;
}
#workspace .workspace-copy-live p{max-width:560px!important}
#workspace .workspace-hero-art{grid-area:art!important;height:205px!important;min-width:0!important;overflow:hidden!important}
#workspace .workspace-hero-art img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important}
#workspace .workspace-journey-live{grid-area:journey!important;margin:0!important;min-width:0!important;padding:16px 20px!important}
#workspace .workspace-journey-live h2{font-size:1.45rem!important;white-space:nowrap!important}
#workspace .restored-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#workspace .restored-lower-grid{grid-template-columns:1.15fr .95fr .95fr!important}
#workspace .restored-tip-card h2{white-space:nowrap!important}
@media(max-width:1250px){
 #workspace .workspace-hero-live{grid-template-columns:1fr 1fr!important;grid-template-areas:"copy art" "journey journey"!important}
 #workspace .restored-shortcuts{grid-template-columns:repeat(3,1fr)!important}
 #workspace .restored-lower-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
 #workspace .workspace-hero-live{grid-template-columns:1fr!important;grid-template-areas:"copy" "art" "journey"!important}
 #workspace .restored-shortcuts,#workspace .restored-lower-grid{grid-template-columns:1fr!important}
}

/* ACADEMY: exact paid-card header images from approved Academy reference.
   Hide the old assembled title/image/badge inside the header, because the approved header is now one exact asset. */
#academyHome .course-paid .course-bob-badge{
 min-height:134px!important;height:134px!important;padding:0!important;background-position:center!important;background-size:100% 100%!important;
 background-repeat:no-repeat!important;overflow:hidden!important;
}
#academyHome .course-paid .course-bob-badge>div{visibility:hidden!important}
#academyHome .course-paid>.course-access{display:none!important}
#academyHome .theme-trading .course-bob-badge{background-image:url("assets/academy-trading-approved-v53.jpg")!important}
#academyHome .theme-compound .course-bob-badge{background-image:url("assets/academy-compound-approved-v53.jpg")!important}
#academyHome .theme-tradingview .course-bob-badge{background-image:url("assets/academy-tradingview-approved-v53.jpg")!important}
#academyHome .theme-fibonacci .course-bob-badge{background-image:url("assets/academy-fibonacci-approved-v53.jpg")!important}
#academyHome .theme-bel20 .course-bob-badge{background-image:url("assets/academy-bel20-approved-v53.jpg")!important}
#academyHome .theme-hangmat .course-bob-badge{background-image:url("assets/academy-hangmat-approved-v53.jpg")!important}
#academyHome .theme-forex .course-bob-badge{background-image:url("assets/academy-forex-approved-v53.jpg")!important}
#academyHome .theme-squeeze .course-bob-badge{background-image:url("assets/academy-squeeze-approved-v53.jpg")!important}
#academyHome .theme-daytrade .course-bob-badge{background-image:url("assets/academy-daytrade-approved-v53.jpg")!important}

/* Lesson/course overview: source asset itself is single-ring now, CSS adds exactly one ring. */
.course-overview-hero img,.course-overview-card img{
 background:transparent!important;padding:0!important;
}
.course-overview-card:focus,.course-overview-card:focus-visible{outline:2px solid #2e83ff!important;outline-offset:2px!important}


/* =========================================================
   V54 — FINAL APPROVED VISUALS
   Home + Academy + Workspace approved 26-09-2026
   ========================================================= */

/* HOME: focus on people, both of the woman's shoulders visible, soft fade retained. */
.public-home .showcase-grid{
  grid-template-columns:minmax(500px,.82fr) minmax(720px,1.18fr)!important;
}
.public-home .showcase-media{min-height:520px!important;overflow:hidden!important}
.public-home .showcase-media .people{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:52% center!important;transform:none!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 7%,#000 18%,#000 100%)!important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 7%,#000 18%,#000 100%)!important;
}
/* The decorative 'Vandaag...' frame is intentionally omitted in V54:
   the approved priority is the two people and balanced shoulder visibility. */

/* ACADEMY: paid images keep natural proportions exactly like the free headers.
   Never stretch an image to fill width/height independently. */
#academyHome .course-bob-badge{
  aspect-ratio:320/133!important;
  height:auto!important;
  min-height:0!important;
}
#academyHome .course-paid .course-bob-badge{
  aspect-ratio:320/133!important;
  height:auto!important;
  min-height:0!important;
  background-size:cover!important;
  background-position:center center!important;
}
#academyHome .course-grid-free .course-bob-badge{
  aspect-ratio:320/133!important;height:auto!important;min-height:0!important;
}
#academyHome .course-bob-badge img{
  object-fit:cover!important;object-position:center!important;
}

/* WORKSPACE: approved Bob + speech bubble is one clean visual.
   Bubble has deliberate breathing room from Bob's head. */
#workspace .workspace-hero-live{
  grid-template-columns:minmax(500px,1.18fr) minmax(430px,.95fr) minmax(390px,.82fr)!important;
  gap:18px!important;
}
#workspace .workspace-hero-art{
  height:205px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;background:transparent!important;
}
#workspace .workspace-hero-art img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center!important;transform:none!important;
}

/* Bottom-right motivation: no oversized blue frame/padding; image fits its area cleanly. */
#workspace .workspace-bottom-restored{
  align-items:stretch!important;gap:16px!important;
}
#workspace .workspace-motivation{
  display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;
  padding:0!important;margin:0!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;border-radius:14px!important;
}
#workspace .workspace-bottom-restored > img.workspace-motivation{
  align-self:stretch!important;
}

@media(max-width:1250px){
  .public-home .showcase-grid{grid-template-columns:1fr!important}
  .public-home .showcase-media{min-height:470px!important}
  #workspace .workspace-hero-live{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:"copy art" "journey journey"!important;
  }
}
@media(max-width:760px){
  .public-home .showcase-media{min-height:380px!important}
  #workspace .workspace-hero-live{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "art" "journey"!important;
  }
}

/* V55 approved Academy book correction */
#academyHome .book-card .course-access{display:inline-flex!important}
#academyHome .book-card .course-bob-badge{
  display:grid!important;grid-template-columns:1fr 42%!important;
  min-height:168px!important;height:auto!important;aspect-ratio:auto!important;
  padding:18px!important;background:linear-gradient(135deg,#123f78,#071f3c)!important;
}
#academyHome .book-card .course-bob-badge>div{visibility:visible!important}
#academyHome .book-card .course-avatar-wrap{position:relative!important;inset:auto!important;width:100%!important;height:100%!important}
#academyHome .book-card .course-avatar-wrap img{
  width:100%!important;height:100%!important;max-height:150px!important;
  object-fit:contain!important;object-position:center!important;display:block!important;
}


/* V94 — boekbadges en marktknoppen rustiger uitgelijnd */
#academyHome .book-card .course-access.paid{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;min-width:164px;text-align:center;white-space:nowrap}
#academyHome .book-card .course-bob-badge{min-height:196px}
#academyHome .book-card .course-card p{min-height:auto}
#academyHome .pension-book-card .course-bob-badge{background:linear-gradient(135deg,#133654,#244a65)!important}
#markt .radar-view-tabs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px!important;align-items:stretch!important}
#markt .radar-view-tabs a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;text-align:center!important;white-space:normal!important;line-height:1.25!important}
@media(max-width:720px){#markt .radar-view-tabs{grid-template-columns:1fr 1fr!important}#markt .radar-view-tabs a{min-height:44px!important}}
@media(max-width:480px){#markt .radar-view-tabs{grid-template-columns:1fr!important}}

/* V95 — badges naast beide boekdownloads; Markt: vaste rustige knopgrid */
#academyHome .book-card .course-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px!important}
#academyHome .book-card .course-actions .book-premium-label{position:static!important;inset:auto!important;transform:none!important;float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;height:auto!important;min-width:172px!important;width:172px!important;padding:7px 10px!important;white-space:nowrap!important;font-size:11px!important;line-height:1.2!important;letter-spacing:0!important;border-radius:999px!important;flex:0 0 172px!important;margin:0!important}
#academyHome .book-card .course-actions .primary{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
#markt .radar-view-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important}
#markt .radar-view-tabs a{min-width:0;min-height:52px!important;padding:9px 7px!important;white-space:normal!important;text-align:center!important;overflow-wrap:anywhere!important}
@media(max-width:950px){#markt .radar-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:500px){#markt .radar-view-tabs{grid-template-columns:1fr!important}}

/* V109: keep both liquidation-distance markers visible outside the centered price label. */
.distance-gauge{overflow:visible!important;margin-top:17px!important}
.distance-gauge .current{top:-17px!important;transform:translateX(-50%)!important;white-space:nowrap!important;z-index:4!important}
.distance-gauge .cluster{top:23px!important;bottom:12px!important;min-width:12px!important;z-index:2!important}
@media(max-width:500px){.distance-gauge .current{font-size:.73rem!important;min-width:0!important;padding:5px 8px!important}}