:root{font-family:system-ui,-apple-system,sans-serif;color:#182638;background:#f7f9fc;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #dce3eb;display:flex;justify-content:space-between;padding:20px max(24px,calc((100vw - 1100px)/2));position:sticky;top:0}a{color:#135caa;text-decoration:none}a:hover{text-decoration:underline}.logo{font-size:24px;font-weight:800;color:#102d53}.logo span{color:#2680c6}main{max-width:1100px;margin:auto;padding:35px 24px;min-height:75vh}.hero{background:#e7f1fc;padding:48px;border-radius:20px;margin-bottom:28px}h1{font-size:clamp(28px,4vw,42px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.card,article,aside{background:white;border:1px solid #dce3eb;border-radius:14px;padding:24px}.tag{display:inline-block;background:#e0eefc;border-radius:20px;padding:5px 12px;font-size:14px}.learning{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-top:25px}.learning aside{align-self:start;position:sticky;top:90px}.learning aside a{display:block;padding:12px 0;border-bottom:1px solid #eee}.learning section article{margin-bottom:18px;scroll-margin-top:100px;line-height:1.7}footer{text-align:center;padding:30px;color:#52647a}@media(max-width:760px){.learning{grid-template-columns:1fr}.learning aside{position:static}.hero{padding:24px}}

.ebook-content{overflow-wrap:anywhere;line-height:1.75}.ebook-content table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.ebook-content td,.ebook-content th{border:1px solid #ccd6e3;padding:8px}.ebook-content pre{white-space:pre-wrap;background:#f1f5fa;padding:12px}.ebook-content h1,.ebook-content h2,.ebook-content h3{line-height:1.3}

/* BR00.8a — étiquettes multimédia du catalogue */
.course-card{overflow:hidden;padding:0;display:flex;flex-direction:column;align-items:flex-start}
.course-card>.tag,.course-card>h3,.course-card>p,.course-card>.card-bottom{margin-left:22px;margin-right:22px}
.course-card>.tag{margin-top:18px}
.course-card>h3{line-height:1.35;margin-top:14px;margin-bottom:8px}
.course-card>p{line-height:1.55;color:#516175}
.course-card>.card-bottom{margin-top:auto;margin-bottom:22px;padding-top:12px}
.course-label{width:100%;aspect-ratio:640/270;background:linear-gradient(120deg,#15385d,#236a99);overflow:hidden}
.course-label img{display:block;width:100%;height:100%;object-fit:cover}
/* BR00.8b — Design system KLEM Academy: accessible, responsive, sans emoji */
:root{--ink:#102a45;--muted:#50677f;--blue:#1768ad;--line:#dce6f0;--surface:#fff;--canvas:#f4f7fb;--shadow:0 12px 36px rgba(20,47,80,.07);color:var(--ink);background:var(--canvas);font-size:16px}body{font-size:16px;line-height:1.55}a:focus-visible,button:focus-visible{outline:3px solid #e49a24;outline-offset:3px}a:hover{text-decoration:none;color:#0c477e}.site-header{display:block;padding:0 28px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 2px 18px rgba(17,43,70,.04)}.header-inner{max-width:1280px;margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{white-space:nowrap;letter-spacing:-.6px;font-size:25px}.header-inner nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.header-inner nav>a:not(.button){padding:10px 14px;color:#24415e;border-radius:10px;font-weight:650}.header-inner nav>a:not(.button):hover,.header-inner nav>a[aria-current="page"]{background:#e9f3fc;color:#11588e}.account-email{color:var(--muted);font-size:14px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}.header-inner nav form{margin:0}.button,.header-inner button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;background:#1768ad;color:white;border:1px solid #1768ad;border-radius:10px;font:650 15px/1.25 system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}.button:hover,.header-inner button:hover{background:#0c4b84;color:white;transform:translateY(-1px)}.button-outline,.header-inner button.button-outline{background:#fff;color:#15588e;border-color:#b9cde1}.button-outline:hover{background:#eef6ff;color:#0c477e}.header-inner nav a[href*="lms"]{white-space:nowrap}main{max-width:1280px;padding:38px 28px 80px;min-height:calc(100vh - 180px)}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:30px;align-items:center;background:linear-gradient(115deg,#eaf4ff 0%,#e2effd 70%,#d6eafa 100%);border:1px solid #d1e4f7;padding:clamp(32px,5vw,64px);border-radius:24px;overflow:hidden;min-height:320px;margin-bottom:48px}.hero h1{font-size:clamp(32px,3.6vw,51px);line-height:1.15;letter-spacing:-1.4px;margin:18px 0}.hero h1 span{color:#1768ad}.hero p{font-size:17px;color:#3c5570;max-width:660px;margin-bottom:24px}.eyebrow{font-size:13px;letter-spacing:1.4px;font-weight:800;color:#22679c}.hero-art{position:relative;height:250px;min-width:240px}.art-orbit{position:absolute;width:220px;height:220px;border-radius:50%;border:2px dashed #9bc4e6;left:15%;top:5%}.art-card{position:absolute;background:#fff;border:1px solid #d5e6f5;box-shadow:0 16px 28px #194c7a1a;border-radius:13px;padding:16px 20px;min-width:170px;display:flex;gap:12px;align-items:center}.art-card span{color:#1768ad;font-weight:800}.art-card strong{font-size:16px}.art-one{top:12px;left:0}.art-two{top:96px;right:0}.art-three{bottom:0;left:5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px}.section-head h2{font-size:30px;line-height:1.2;margin:8px 0}.section-head p{color:var(--muted);margin:0}.count{background:#e3f0fc;color:#1d588a;padding:8px 14px;border-radius:99px;font-size:14px;font-weight:700;white-space:nowrap}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card,article,aside{border-color:var(--line);border-radius:16px;box-shadow:var(--shadow)}.course-card{padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;min-width:0;transition:transform .15s,box-shadow .15s}.course-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #102c4b19}.course-label{aspect-ratio:640/270;background:linear-gradient(120deg,#15385d,#236a99)}.course-label img{display:block;width:100%;height:100%;object-fit:cover}.course-card>.tag{align-self:flex-start;margin:20px 24px 0}.tag{font-weight:700;color:#15588e}.tag.low_cost{background:#fff1dc;color:#8a4a13}.tag.certifying{background:#f0e8fc;color:#63388e}.course-card>h3,.course-card>h2{margin:16px 24px 8px;font-size:20px;line-height:1.32;letter-spacing:-.3px}.course-card>p{margin:0 24px 18px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card>.card-bottom{margin:auto 24px 24px;padding-top:14px}.course-card .button{min-height:42px}.course-body{padding:20px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}.course-body h2,.course-body p{margin:0}.course-body .button{margin-top:auto}.message{max-width:850px;margin:36px auto;padding:clamp(24px,4vw,50px)}.message h1{margin:14px 0}.message .lead{font-size:18px;color:var(--muted)}.detail-meta,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0}.course-intro{background:#e8f3ff;border:1px solid #d4e7f9;border-radius:18px;padding:32px;margin:14px 0 25px}.course-intro h1{margin:12px 0}.course-intro p{color:var(--muted)}.breadcrumbs{font-size:14px;color:var(--muted)}.learning{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px}.learning .toc{top:108px;max-height:calc(100vh - 130px);overflow:auto}.toc h2{font-size:20px}.lesson-list{min-width:0}.reader-page{border-top:1px solid var(--line);padding:18px 0}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:16px;margin-bottom:28px}.stats .card{display:flex;flex-direction:column;gap:6px}.stats strong{font-size:32px}.stats span{color:var(--muted)}.progress-meta{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--muted)}progress{width:100%;height:12px;accent-color:#1768ad}footer{background:#fff;border-top:1px solid var(--line);padding:24px 28px}.footer-inner{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}.footer-inner strong{color:var(--ink)}.footer-inner strong span{color:var(--blue)}@media(max-width:1020px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-art{display:none}.header-inner{align-items:flex-start;flex-direction:column;padding:15px 0}.header-inner nav{justify-content:flex-start}.site-header{position:relative}}@media(max-width:680px){main{padding:24px 16px 50px}.site-header{padding:0 16px}.cards{grid-template-columns:1fr}.hero{padding:26px;min-height:0;margin-bottom:30px}.hero h1{font-size:31px}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:25px}.learning{grid-template-columns:1fr}.learning .toc{position:static;max-height:none}.stats{grid-template-columns:1fr 1fr}.header-inner nav{gap:2px}.header-inner nav>a:not(.button){padding:8px}.account-email{width:100%;max-width:none}.footer-inner{flex-direction:column}.message{margin:0}}