:root{font-family:Segoe UI,system-ui,sans-serif;color:#222f42;background:#f2f4f7;--ink:#222f42;--muted:#7a8697;--line:#d9dee5;--green:#286bb6;--paper:#fff;--sage:#e6eaf1;--amber:#fbf0d4;--rose:#f9e6e3;--blue:#e6eef8;--lilac:#eee8f7}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button,input,textarea,select{border:1px solid var(--line);border-radius:7px}button{padding:9px 13px;background:white;color:var(--ink)}button:hover{border-color:#788ca8;background:#ebeff4}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #99afce;outline-offset:2px}input,textarea,select{padding:11px 12px;background:#fff;color:var(--ink);width:100%}textarea{resize:vertical;line-height:1.7}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);flex-shrink:0}label{display:grid;gap:7px;font-size:12px;color:#5b6675}h1{font-size:36px;font-weight:550;letter-spacing:-1.25px;line-height:1.2;margin:10px 0 15px}h2{font-size:19px;font-weight:600;letter-spacing:-.35px}h3{font-size:15px;line-height:1.5;font-weight:600}p{line-height:1.7}small{color:var(--muted)}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:650;text-decoration:none;letter-spacing:-1px}.brand b{background:var(--green);color:white;border-radius:10px;width:38px;height:40px;text-align:center}.brand span{font-size:8px;letter-spacing:1px;margin-left:auto;background:#d9dfe7;padding:5px;border-radius:4px}aside{position:fixed;inset:0 auto 0 0;width:252px;background:#e9ecf0;padding:30px 19px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#808b9b;margin:49px 12px 16px}nav{display:grid;gap:7px}nav a{display:flex;gap:12px;align-items:center;padding:13px 12px;border-radius:8px;font-size:19px;text-decoration:none;color:#687485}nav a span{font-size:12px}nav a.active{color:#2e3e55;background:#d3dbe6;font-weight:600}.sidebar-note{margin-top:auto;padding:40px 9px 25px;font-size:10px;color:#6e7b8d;line-height:1.8}.sidebar-note p{font-size:10px;margin:4px 0}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6882a8;margin-right:5px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #d4dae3;padding:22px 0}.profile strong{font-size:11px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#ced6e2;color:#3c5375;font-size:12px;font-weight:650;flex-shrink:0}.profile .icon{margin-left:auto}.text-button{padding:0;border:0;background:none;display:block;font-size:10px;color:#788495;margin-top:5px}.icon{border:0;background:none;font-size:20px;padding:5px}.main-shell{margin-left:252px}header{display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 40px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.4px;color:#838e9e}header i{padding:0 13px;font-style:normal}header strong{font-weight:500;letter-spacing:0;color:#596577}#sync-status{font-size:10px;letter-spacing:0;color:#6e7e94}main{padding:36px 40px 50px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#6a7c95;font-weight:650}.muted{color:#758192;font-size:12px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.heading-row p{margin:0;color:#788495;font-size:12px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#213148;color:#fff}.hero{display:grid;grid-template-columns:1.6fr 1fr;border-radius:14px;background:#dfe5ee;padding:34px 38px;overflow:hidden;margin-bottom:30px;min-height:220px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#5f7594}.hero p{max-width:420px;font-size:12px;color:#6e7c8f}.hero .primary{font-size:11px;margin-top:8px}.hero-art{display:flex;position:relative;align-items:center;justify-content:center;gap:10px}.mini-note{width:140px;padding:17px;border-radius:7px;box-shadow:0 12px 20px #40516a15;transform:rotate(-9deg);background:#fbf4d8;font-size:12px;line-height:1.7}.mini-note:last-child{transform:rotate(8deg) translateY(25px);background:white;margin-left:-22px}.mini-note b{font-size:9px;letter-spacing:1px;color:#657792}.mini-note span{display:block;margin:9px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:26px 0}.stat{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px}.stat strong{font-size:28px;font-weight:500;display:block}.stat small{font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.section-title a{font-size:11px;text-decoration:none;color:#647894}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tile{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;text-decoration:none;transition:transform .15s}.tile:hover{transform:translateY(-3px);border-color:#8ea3c0}.tile .tile-icon{width:38px;height:38px;border-radius:10px;background:#eaedf2;display:grid;place-items:center;font-size:23px;color:#576c89}.tile h3{font-size:13px;margin-top:19px}.tile p{font-size:11px;color:#7b8797}.tile .arrow{color:#7789a4;font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.list-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #e8ebef;text-decoration:none}.list-row:last-child{border:0}.list-row strong{display:block;font-size:12px}.list-row small{font-size:10px}.file-icon{width:35px;height:39px;border:1px solid #d2d9e4;border-radius:6px;display:grid;place-items:center;font-size:9px;color:#6c7d95;flex-shrink:0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:23px;flex-wrap:wrap}.toolbar input{max-width:340px;font-size:12px}.toolbar select{width:auto;min-width:160px;font-size:12px}.toolbar .push{margin-left:auto}.chip{font-size:9px;border-radius:12px;background:#e8ecf1;padding:5px 9px;color:#66768e}.board{display:flex;gap:18px;overflow-x:auto;align-items:flex-start;padding:3px 0 28px;min-height:470px}.column{background:#e8ebef;border:1px solid #dce0e5;border-radius:11px;width:284px;min-width:284px;padding:15px;min-height:380px}.column.dragover{outline:2px dashed #5c7598;background:#d6dde8}.column-title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;margin:1px 0 20px}.column-title .count{color:#728196;font-size:10px;border-radius:10px;background:#d9dee6;padding:3px 7px}.column-title button{margin-left:auto;padding:0 4px;border:0;background:transparent;color:#637895;font-size:21px}.card{display:block;width:100%;text-align:left;border:1px solid #d5dce5;border-radius:8px;background:white;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #374b6804;cursor:pointer}.card.sage{background:#f4f6fa;border-top:3px solid #8ba4c8}.card.amber{background:#fffaf0;border-top:3px solid #dcc184}.card.rose{background:#fff5f3;border-top:3px solid #dba9a0}.card.blue{background:#f5f9fe;border-top:3px solid #9ebbdc}.card.lilac{background:#fbf8fe;border-top:3px solid #c1acd9}.card .kind{font-size:8px;letter-spacing:1.2px;color:#7c8898;text-transform:uppercase}.card h3{margin:10px 0;font-size:13px}.card p{font-size:11px;color:#707d8f;margin:0 0 12px;white-space:pre-line;max-height:68px;overflow:hidden}.card-image{width:100%;max-height:130px;object-fit:cover;border-radius:5px;margin-bottom:12px}.card-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid #e0e4ea;padding-top:11px;font-size:9px;color:#7d8999}.card-bottom .avatar{width:23px;height:23px;font-size:8px;margin-left:auto}.card-ref{display:inline-block;font-size:9px;background:#e0e6ef;color:#536885;padding:4px 7px;border-radius:4px;margin-bottom:9px}.progress{height:4px;border-radius:4px;background:#dce2ea;margin:10px 0}.progress span{display:block;height:100%;background:#7995bd;border-radius:4px}.add-card{border:1px dashed #c2ccd9;background:transparent;color:#76869d;width:100%;font-size:11px;padding:12px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:17px}.doc-card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;scroll-margin-top:20px}.doc-card:target,.doc-card.focused{outline:2px solid #6e88ae}.doc-card h3{margin:15px 0 9px;overflow-wrap:anywhere}.doc-card p{font-size:11px;color:#778394;min-height:35px}.doc-card .meta{font-size:10px;color:#838e9d;margin:13px 0}.doc-card .actions{display:flex;gap:7px;flex-wrap:wrap}.doc-card button,.doc-card a{font-size:10px;padding:7px 9px}.button-link{display:inline-block;border:1px solid var(--line);border-radius:6px;background:white;text-decoration:none;padding:9px 13px;font-size:12px}.dropzone{border:1px dashed #a7b8d1;border-radius:10px;background:#eaeef4;padding:22px;text-align:center;color:#6b7b93;font-size:12px;margin-bottom:25px}.dropzone.over{background:#cdd8e8}.frame-wrap{height:calc(100vh - 170px);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.frame-wrap iframe{border:0;width:100%;height:100%}.frame-heading{margin-bottom:16px}.frame-heading h1{font-size:25px}.empty{padding:30px 15px;text-align:center;color:#8591a2;font-size:12px}.empty small{display:block;margin-top:10px}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 15%,#d3dce8,transparent 60%),#f2f4f7;padding:30px}.auth-card{max-width:420px;width:100%;background:white;border:1px solid var(--line);padding:35px;border-radius:15px;box-shadow:0 15px 70px #3650750c}.auth-card .brand{margin-bottom:33px}.auth-card h1{font-size:27px}.stack{display:grid;gap:17px}.error{font-size:12px;color:#a3473b;background:#fff1ec;border-radius:6px;padding:12px;line-height:1.5}.auth-card .error:empty{display:none}.help{font-size:11px;color:#7c8898;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog{border:1px solid var(--line);border-radius:14px;width:min(820px,95vw);max-height:90vh;padding:32px;color:var(--ink);background:#f8fafc;box-shadow:0 25px 100px #20273130}dialog::backdrop{background:#232e3f55;backdrop-filter:blur(3px)}.close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:26px;z-index:2}.dialog-title{padding-right:22px;margin-top:0;font-size:24px}.dialog-actions{display:flex;align-items:center;gap:10px;margin-top:24px}.dialog-actions .danger{margin-left:auto;color:#a66a5b;border-color:#ecd9d0}.editor-tools{display:flex;gap:8px;margin-bottom:7px}.editor-tools button{font-size:10px;padding:5px 8px}.md{line-height:1.85;font-size:13px;overflow-wrap:anywhere}.md p{white-space:pre-wrap;margin:8px 0}.md table{border-collapse:collapse;width:100%;margin:12px 0;background:white;display:block;overflow:auto}.md th,.md td{border:1px solid #d3d9e2;padding:8px 12px;font-size:12px;text-align:left}.md th{background:#e6ebf2}.md ul{padding-left:22px}.md h3{margin:18px 0 8px}.detail-meta{display:flex;gap:12px;align-items:center;font-size:10px;color:#79879a;margin:15px 0 22px}.detail-meta select{margin-left:auto;width:auto;font-size:11px;padding:7px}.detail-files{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.detail-files img{max-width:250px;max-height:200px;border-radius:8px;border:1px solid var(--line)}.detail-files a{display:block;font-size:11px}.checks{display:grid;gap:9px;background:#e7ecf3;border-radius:8px;padding:17px;margin-top:20px}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.check.done span{text-decoration:line-through;color:#828fa2}.check input{margin-top:2px}.comments{border-top:1px solid var(--line);margin-top:25px;padding-top:15px}.comment{display:flex;gap:12px;margin:18px 0}.comment>div{flex:1}.comment small{font-size:10px}.comment .md{font-size:12px}.comment strong{font-size:12px}.comment-form{margin-top:20px;display:grid;gap:10px}.comment-form button{justify-self:end}.attachments-picker{max-height:160px;overflow:auto;border:1px solid var(--line);padding:10px;background:white;border-radius:6px}.attachments-picker label{display:flex;align-items:center;gap:10px;padding:6px;font-size:11px}.member{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.member strong{font-size:12px}.member small{display:block;font-size:10px}.member button{margin-left:auto;font-size:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#253751;color:#fff;padding:13px 22px;border-radius:9px;box-shadow:0 8px 25px #212e4030;font-size:12px;z-index:1000;max-width:90vw}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tag-list{display:flex;gap:5px;flex-wrap:wrap}.drag-hint{font-size:10px;color:#8591a2}.new-column{min-width:180px;background:transparent;border:1px dashed #c0c9d7;font-size:12px;padding:15px}.spaced{margin-top:25px}.upload-progress{font-size:11px;color:#6f7f97}@media(min-width:1600px){main{max-width:1500px;margin:auto}}@media(max-width:1150px){aside{width:215px;padding:25px 14px 0}.main-shell{margin-left:215px}main{padding:30px 25px}.tiles{grid-template-columns:repeat(2,1fr)}header{padding:0 25px}.hero{padding:30px}.hero-art{opacity:.8}.mini-note{width:115px}}@media(max-width:760px){aside{position:relative;width:100%;padding:17px;display:block}.brand{max-width:240px}.nav-caption,.sidebar-note,.profile{display:none}nav{display:flex;gap:5px;overflow:auto;margin-top:17px}nav a{white-space:nowrap;padding:10px}nav a span{font-size:10px}.main-shell{margin:0}header{height:50px;padding:0 17px}main{padding:25px 17px}.hero{grid-template-columns:1fr;padding:26px}.hero-art{display:none}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.tiles{gap:10px}.tile{padding:17px}.heading-row{align-items:flex-start}.heading-row h1{font-size:28px}.heading-row>button{font-size:11px}.form-row{grid-template-columns:1fr}.frame-wrap{height:75vh}.column{min-width:270px}.dialog-actions{flex-wrap:wrap}dialog{padding:26px 20px}.detail-meta{flex-wrap:wrap}.detail-meta select{margin-left:0}}

.field{display:grid;gap:7px;font-size:12px;color:#5b6675}@media(max-width:760px){.profile{display:flex;border-top:0;padding:10px 0 0;margin-top:5px}.profile .text-button{display:inline-block;margin-left:10px}.profile .avatar{width:25px;height:25px}header>span:first-child{letter-spacing:.3px;font-size:8px}}
.toolbar{flex-wrap:wrap}
#board-viewport{height:66vh;min-height:440px;overflow:auto;border:1px solid #d5d8dd;border-radius:18px;background:#e7eaee;overscroll-behavior:contain;scrollbar-width:auto}
#board-canvas{position:relative;background-image:radial-gradient(#b7bec7 1px,transparent 1px);background-size:22px 22px;cursor:grab}
#board-viewport.panning,#board-viewport.panning #board-canvas{cursor:grabbing;user-select:none}
#board-canvas .column{position:absolute;width:340px;min-width:340px;min-height:0;box-sizing:border-box;box-shadow:0 5px 18px #2e374512;border:1px solid #ccd0d7;cursor:default}
.group-cards{max-height:490px;overflow:auto;padding:2px 4px 2px 0;overscroll-behavior:contain}
.column-title strong{flex:1;overflow-wrap:anywhere}.column-title .group-handle{margin:0;cursor:grab;font-size:24px;touch-action:none}.column-title .group-delete{margin:0;color:#974741}
.empty-group{padding:18px;color:#6c788a;font-size:13px}.canvas-empty{padding:45px}
.rich-editor{min-height:180px;max-height:430px;overflow:auto;border:1px solid #bdc3cc;border-radius:0 0 10px 10px;background:white;padding:16px;font-size:15px;line-height:1.65;outline:none;overflow-wrap:anywhere}
.rich-editor:focus{border-color:#3f536f;box-shadow:0 0 0 3px #3f536f20}.rich-editor p{min-height:1em}
.rich-editor table,.md table{border-collapse:collapse;max-width:100%;overflow:auto}.rich-editor td,.rich-editor th{min-width:85px;height:34px;padding:8px;border:1px solid #abb3be}
.editor-tools{display:flex;flex-wrap:wrap;gap:6px;background:#e9ecf1;padding:8px;border-radius:10px 10px 0 0}.editor-tools button{background:white}
#table-picker{padding:14px;background:#eff2f5;border:1px solid #cacfd7}#table-picker[hidden]{display:none}
.archived-post{padding:18px 0;border-bottom:1px solid #d7dade}.archived-post .md{max-height:200px;overflow:auto}
@media(max-width:760px){#board-viewport{height:65vh;min-height:380px}.toolbar input{min-width:160px;width:100%}.group-cards{max-height:430px}}

/* Focused group navigation and readable single-group gallery */
.board-group-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:12px;color:#636e7e}
.board-group-nav a,.board-path a{display:inline-flex;gap:9px;align-items:center;padding:9px 13px;border:1px solid #d0d5dc;border-radius:9px;text-decoration:none;background:white;color:#2e425e;font-weight:600}
.board-group-nav a:hover,.board-path a:hover{background:#e6eaef;border-color:#8997ab}.board-group-nav small{border-radius:12px;background:#eaedf2;padding:1px 7px;color:#525d6c}
.column-title .group-open{min-width:0;flex:1;text-align:left;border:0;background:transparent;padding:6px;color:var(--ink);font-weight:650;font-size:15px;overflow-wrap:anywhere}
.column-title .group-open:hover{text-decoration:underline;background:#e0e5ec}
.board-path{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0 20px;color:#808c9c;font-size:12px}
.focused-group{background:#e9ecf1;border:1px solid #d0d6de;border-radius:18px;padding:22px;margin-top:16px}
.focused-group-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.focused-group-heading h2{margin:0}.focused-group-heading span{font-size:12px;color:#6c7889}
.focused-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));align-items:start;gap:16px}
.focused-card-grid .card{width:100%;margin:0;min-width:0}.focused-group>.add-card{margin-top:19px}
.detail-file{display:grid;align-content:start;gap:7px;border:1px solid var(--line);border-radius:11px;padding:11px;max-width:290px}.detail-file strong{font-size:12px;overflow-wrap:anywhere}.file-actions{display:flex;gap:6px;flex-wrap:wrap}.file-actions button,.file-actions a{font-size:11px}
.image-preview-button{border:0;padding:0;background:transparent;width:100%;display:block;cursor:zoom-in}.image-preview-button img{max-width:100%;max-height:220px;object-fit:contain}.image-preview-button:hover{background:transparent}
.file-preview{position:fixed;max-width:min(1160px,96vw);width:96vw;height:92vh;max-height:92vh;padding:0;overflow:hidden;border:1px solid #b7bec9;border-radius:14px;background:white;box-shadow:0 16px 80px #151d2966}
.file-preview::backdrop{background:#121d2cbf}.preview-head{height:64px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f0f3f6;border-bottom:1px solid #d9dee5}
.preview-head strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.file-preview iframe.preview-content{width:100%;height:calc(100% - 64px);display:block;border:0;background:white}
.preview-picture{height:calc(100% - 64px);display:grid;place-items:center;overflow:auto;background:#e7e9ec;padding:15px}.preview-picture img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:760px){.focused-group{padding:12px}.preview-head{height:auto;min-height:64px;flex-wrap:wrap}.file-preview iframe.preview-content,.preview-picture{height:calc(100% - 115px)}}

.board-cover-preview{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.board-cover-preview:hover{background:transparent}.board-cover-preview .card-image{width:100%}

/* Repère personal settings, optional desktop navigation and interactive quizzes. */
.header-path{display:flex;align-items:center;gap:12px;min-width:0}
#sidebar-toggle{font-size:21px;line-height:1;background:transparent;border:1px solid var(--line);padding:8px 11px;color:var(--ink);letter-spacing:0}
#shell.sidebar-collapsed>aside{transform:translateX(-105%);pointer-events:none}
#shell.sidebar-collapsed .main-shell{margin-left:0}
aside,.main-shell{transition:transform .18s ease,margin-left .18s ease}
.settings-panel{display:grid;gap:24px;max-width:680px;padding:30px}
.settings-panel h2{margin:0}.settings-panel>label:not(.setting-toggle){max-width:330px}
.setting-toggle{display:flex;align-items:center;gap:13px;font-size:13px;color:var(--ink);cursor:pointer}
.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;align-items:stretch}
.quiz-tile{display:flex;flex-direction:column;gap:11px;min-width:0}
.quiz-tile h3{margin:0;font-size:17px}.quiz-tile p{font-size:12px;overflow-wrap:anywhere;margin:0;max-height:100px;overflow:auto}
.quiz-tile img{height:120px;max-width:100%;object-fit:contain;background:#e9ecef;border-radius:8px}
.quiz-tile small{margin-top:auto;line-height:1.6}.quiz-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.quiz-actions button{font-size:12px}.danger{color:#ac4e42;border-color:#d6aaa2}
.quiz-answer-heading{font-weight:650;font-size:14px;margin-bottom:12px}
#quiz-answers{display:grid;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:16px}
#quiz-image-block{display:grid;gap:14px}#quiz-image-preview img{display:block;max-height:240px;max-width:100%;object-fit:contain;border:1px solid var(--line);border-radius:8px}
.quiz-study-image{display:grid;place-items:center;background:#e2e5ea;border-radius:12px;padding:15px;max-height:48vh;overflow:auto;margin:18px 0}
.quiz-study-image img{max-width:100%;max-height:43vh;object-fit:contain}
.quiz-prompt{font-size:16px;line-height:1.7;white-space:pre-wrap}
.quiz-answer-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px}
.quiz-feedback{margin-top:22px;display:grid;gap:9px}.quiz-result{padding:12px 15px;border-radius:9px;background:#e8ecf3;font-size:13px}
.quiz-result.incorrect{background:#f7ece9}.quiz-result strong{display:block;margin-bottom:5px}
.flashcard-answer{background:var(--sage);border:1px solid var(--line);padding:30px;border-radius:12px;margin:20px 0;white-space:pre-wrap;font-size:18px;line-height:1.8;text-align:center}
.flashcard-study-wrap{display:flex;justify-content:center;margin:18px 0 8px}
.flashcard-scene{width:min(100%,620px);padding:0;border:0;background:transparent;border-radius:24px;perspective:1400px;cursor:pointer}
.flashcard-scene:hover{background:transparent}.flashcard-scene:focus-visible{outline:3px solid #99afce;outline-offset:3px}
.flashcard-inner{position:relative;display:block;min-height:360px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.2,1)}
.flashcard-scene.is-flipped .flashcard-inner{transform:rotateY(180deg)}
.flashcard-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:28px 30px;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 40px rgba(34,47,66,.12);overflow:hidden;text-align:left}
.flashcard-front{background:linear-gradient(145deg,#f7fbff 0%,#e5eef9 52%,#d4e2f3 100%);border:1px solid #c8d8ec;color:#1f3149}
.flashcard-front::after,.flashcard-back::after{content:'';position:absolute;right:-48px;top:-34px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.45);pointer-events:none}
.flashcard-back{background:linear-gradient(145deg,#2562aa 0%,#3277c4 50%,#4d91dc 100%);border:1px solid #2a6db6;color:#fff;transform:rotateY(180deg)}
.flashcard-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.7);color:#29568a;position:relative;z-index:1}
.flashcard-back .flashcard-badge{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.25)}
.flashcard-side-title{font-size:24px;font-weight:700;letter-spacing:-.03em;position:relative;z-index:1}
.flashcard-side-text{font-size:18px;line-height:1.75;white-space:pre-wrap;position:relative;z-index:1;max-width:100%}
.flashcard-answer-text{font-size:20px;font-weight:600}
.flashcard-hint{margin-top:auto;font-size:12px;color:#61728a;position:relative;z-index:1}
.flashcard-back .flashcard-hint{color:rgba(255,255,255,.88)}
.quiz-study-image + .flashcard-study-wrap{margin-top:20px}
@media (prefers-reduced-motion: reduce){.flashcard-inner{transition:none}}
@media(max-width:760px){.flashcard-inner{min-height:300px}.flashcard-face{padding:22px 20px;border-radius:20px}.flashcard-side-title{font-size:21px}.flashcard-side-text{font-size:16px;line-height:1.65}.flashcard-answer-text{font-size:18px}}
.member-details{min-width:0;flex:1;overflow-wrap:anywhere}.member-actions{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}
.member-actions button{margin-left:0}
@media(max-width:760px){#shell.sidebar-collapsed>aside{transform:none;pointer-events:auto}#shell.sidebar-collapsed .main-shell{margin-left:0}#sidebar-toggle{display:none}.header-path{gap:5px}}

/* True dark theme for the Repère shell and its dialogs. Embedded course readers retain their own document colors. */
:root[data-theme="dark"]{color-scheme:dark;--ink:#e3e6ea;--muted:#abb2bd;--line:#404a58;--green:#356fbb;--paper:#232c39;--sage:#2f3c4f;--amber:#51462f;--rose:#503b3d;--blue:#304357;--lilac:#453952;background:#191f28;color:var(--ink)}
[data-theme="dark"] body{background:#191f28;color:var(--ink)}
[data-theme="dark"] aside{background:#212a38;border-color:var(--line)}
[data-theme="dark"] .brand span,[data-theme="dark"] nav a.active{background:#344154;color:#e3e7ee}
[data-theme="dark"] nav a{color:#c4cbd5}
[data-theme="dark"] header,[data-theme="dark"] header strong,[data-theme="dark"] #sync-status{color:#bac3cf}
[data-theme="dark"] button,[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#293342;color:#eceff4;border-color:#525b68}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#a8b0bb}
[data-theme="dark"] button:hover{background:#364458;color:#fff}
[data-theme="dark"] .primary,[data-theme="dark"] .brand b{background:#3f5471;color:#fff;border-color:#64748c}
[data-theme="dark"] .hero,[data-theme="dark"] .panel,[data-theme="dark"] .stat,[data-theme="dark"] .tile,[data-theme="dark"] .doc-card,[data-theme="dark"] .card,[data-theme="dark"] .column,[data-theme="dark"] .focused-group,[data-theme="dark"] .archived-post{background:#252e3c;color:#e6e9ed;border-color:#404b5c}
[data-theme="dark"] .column,[data-theme="dark"] .focused-group{background:#212a37}
[data-theme="dark"] .card.sage{background:#2e3847}[data-theme="dark"] .card.amber{background:#51452f}[data-theme="dark"] .card.rose{background:#50393b}[data-theme="dark"] .card.blue{background:#2c4256}[data-theme="dark"] .card.lilac{background:#423c53}
[data-theme="dark"] .hero h1 em,[data-theme="dark"] .hero p,[data-theme="dark"] .heading-row p,[data-theme="dark"] .tile p,[data-theme="dark"] .eyebrow,[data-theme="dark"] .muted,[data-theme="dark"] .help,[data-theme="dark"] .nav-caption,[data-theme="dark"] .sidebar-note,[data-theme="dark"] .detail-meta,[data-theme="dark"] label{color:#b4becc}
[data-theme="dark"] .mini-note{background:#4a462f;color:#e9e6d7}[data-theme="dark"] .mini-note:last-child{background:#344052}
[data-theme="dark"] .avatar,[data-theme="dark"] .chip,[data-theme="dark"] .file-icon,[data-theme="dark"] .column-title .count{background:#384659;color:#d2d9e4}
[data-theme="dark"] .board-group-nav a,[data-theme="dark"] .board-path a{background:#2d3b4e;color:#d6dfec;border-color:#475466}
[data-theme="dark"] #board-viewport,[data-theme="dark"] #board-canvas{background-color:#18202b}
[data-theme="dark"] .dropzone,[data-theme="dark"] .rich-editor,[data-theme="dark"] .attachments-picker,[data-theme="dark"] dialog,[data-theme="dark"] .file-preview{background:#232d3b;color:#e7eaef;border-color:#3e4c5f}
[data-theme="dark"] .editor-tools,[data-theme="dark"] #table-picker,[data-theme="dark"] .checks,[data-theme="dark"] .quiz-result{background:#344255;color:#e7eaee}
[data-theme="dark"] .quiz-result.incorrect{background:#5a3936}
[data-theme="dark"] .md table,[data-theme="dark"] .md th,[data-theme="dark"] .md td{background:#2b3646;color:#eceff4;border-color:#536072}
[data-theme="dark"] .preview-head,[data-theme="dark"] .preview-picture,[data-theme="dark"] .quiz-study-image,[data-theme="dark"] .quiz-tile img{background:#323c4b;color:#edf0f5}
[data-theme="dark"] .file-preview iframe{color-scheme:light}
[data-theme="dark"] #quiz-answers{background:#232d3b}
[data-theme="dark"] .empty,[data-theme="dark"] .empty-group{color:#b1bac6}

/* Repère v3 — quick theme switch, multi-exercise quizzes and table builder */
.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
#theme-toggle{font-size:22px;line-height:1;width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);letter-spacing:0;flex-shrink:0}
#theme-toggle:hover{outline:1px solid var(--muted)}
.quiz-tags{display:flex;gap:5px;flex-wrap:wrap}.quiz-tile .quiz-tags .chip{font-size:10px}
.quiz-item-nav{display:grid;gap:12px;padding:14px 0;border-block:1px solid var(--line)}
.quiz-item-list{display:flex;gap:7px;flex-wrap:wrap;max-height:150px;overflow:auto}
.quiz-item-list button{font-size:11px;padding:8px 10px}
.quiz-item-list button.active{background:var(--sage);border-color:var(--green);font-weight:700}
.quiz-add-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.quiz-add-row label{flex:1;min-width:210px}.quiz-add-row button{margin-bottom:0;min-height:42px}
.quiz-exercise-editor{display:grid;gap:18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:20px}
.quiz-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.quiz-editor-heading strong{font-size:14px}.quiz-editor-actions{display:flex;gap:8px}
.quiz-option-list{display:grid;gap:9px}.quiz-option-row{display:flex;gap:8px;align-items:end}
.quiz-option-row label{flex:1}.quiz-option-row button{min-height:41px}
.quiz-image-field{display:grid;gap:12px;border:1px dashed var(--line);padding:14px;border-radius:8px}
.quiz-editor-preview{max-height:240px;max-width:100%;object-fit:contain;border-radius:8px;justify-self:center}
.quiz-table-dimensions{display:flex;gap:14px;flex-wrap:wrap}
.quiz-table-dimensions label{min-width:110px;max-width:160px}
.quiz-table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.quiz-builder-table,.quiz-study-table{width:100%;border-collapse:collapse;background:var(--paper);table-layout:fixed}
.quiz-builder-table td,.quiz-study-table td{border:1px solid var(--line);padding:9px;min-width:145px;vertical-align:middle}
.quiz-builder-table input[type=text],.quiz-builder-table td input:not([type=checkbox]){min-width:120px}
.quiz-cell-hide{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0;font-size:11px;white-space:nowrap;cursor:pointer}
.quiz-choice-group{border:0;padding:0;display:grid;gap:10px}.quiz-choice-group legend{font-size:13px;margin-bottom:8px;color:var(--ink)}
.quiz-choice{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:13px;cursor:pointer;font-size:13px;color:var(--ink)}
.quiz-choice input{width:17px;height:17px;flex:0 0 auto;accent-color:var(--green)}
.quiz-choice:has(input:checked){background:var(--sage);border-color:var(--green)}
.quiz-study-table td{min-width:115px;font-size:13px;text-align:center;overflow-wrap:anywhere}
.quiz-study-table input{min-width:95px;padding:8px;font-size:12px;background:var(--sage);text-align:center}
.quiz-study-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}
.quiz-feedback-line{padding:4px 0;font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[data-theme=dark] #theme-toggle,[data-theme=dark] .quiz-exercise-editor,[data-theme=dark] .quiz-builder-table,[data-theme=dark] .quiz-study-table{background:var(--paper);color:var(--ink)}
[data-theme=dark] .quiz-choice{color:var(--ink)}
[data-theme=dark] .quiz-choice:has(input:checked){background:var(--sage)}
@media(max-width:760px){.header-actions{gap:5px}#theme-toggle{width:34px;height:34px;font-size:19px}.quiz-exercise-editor{padding:12px}.quiz-builder-table td,.quiz-study-table td{min-width:130px}.quiz-editor-actions button{font-size:11px;padding:6px 8px}}

/* V4: member activity and permission controls. */
.member{align-items:flex-start;gap:12px}
.member-details{flex:1;min-width:0}
.member-presence{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:8px;font-size:10px;color:var(--muted);line-height:1.5}
.presence-indicator{font-weight:700}
.presence-indicator.online{color:#2375c4}
.presence-indicator.offline{color:var(--muted)}
.member-permission{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:11px;font-weight:600;color:var(--ink);cursor:pointer}
.member-permission input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--green)}
.member-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.member-actions button{margin:0;min-width:83px}
[data-theme="dark"] .presence-indicator.online{color:#73b5ff}
[data-theme="dark"] .member-permission{color:var(--ink)}
@media(max-width:760px){.member{flex-wrap:wrap}.member-details{flex-basis:calc(100% - 55px)}.member-actions{flex-direction:row;align-items:center;width:100%;justify-content:flex-end}}
/* Consistent accessible blue actions in dark mode; backup remains readable. */
[data-theme="dark"] .primary,[data-theme="dark"] .brand b{background:#356fbb;color:#fff;border-color:#4d87cf}
[data-theme="dark"] .primary:hover{background:#285d9e;color:#fff}
[data-theme="dark"] .button-link{background:#293342;color:#e7efff;border-color:#566c8a}
[data-theme="dark"] .button-link:hover{background:#354862;border-color:#6e8db6}

/* V5: centred vector theme controls, visible document previews and JSON quiz builder */
#theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0!important;line-height:normal;vertical-align:middle;aspect-ratio:1}
#theme-toggle svg{display:block;width:20px;height:20px;margin:0;flex:none;transform:none}
#theme-toggle .theme-sun{display:none}
[data-theme="dark"] #theme-toggle .theme-sun{display:block}
[data-theme="dark"] #theme-toggle .theme-moon{display:none}
.doc-preview-trigger{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;padding:0;text-align:left;justify-content:flex-start;min-height:55px}
.doc-preview-trigger:not(:disabled){cursor:zoom-in}.doc-preview-trigger:not(:disabled):hover{background:transparent}
.doc-preview-trigger:disabled{cursor:default;opacity:.75}
.doc-preview-trigger .file-icon{display:grid;place-items:center;flex-shrink:0}
.doc-thumbnail{width:98px;height:75px;max-width:45%;object-fit:contain;border-radius:8px;background:var(--sage);border:1px solid var(--line)}
.doc-preview-hint{font-size:11px;color:var(--muted)}
.doc-title-preview{padding:0;margin:0;text-align:left;font-size:inherit;font-weight:inherit;background:none;border:0;color:inherit;width:100%;overflow-wrap:anywhere;cursor:zoom-in}
.doc-title-preview:hover{text-decoration:underline;background:none;color:var(--ink)}
.preview-loading{padding:30px;color:var(--muted)}
.preview-text-wrapper{height:calc(100% - 64px);display:flex;flex-direction:column;padding:14px 20px;gap:8px;overflow:auto}
.preview-text-wrapper .help{margin:0}.preview-text{overflow:auto;flex:1;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,Consolas,monospace;margin:0;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);user-select:text}
.quiz-create-actions,.quiz-code-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.quiz-code-panel{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.quiz-code-panel summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--ink)}
.quiz-code-panel .help{margin:11px 0}.quiz-code-actions{margin:12px 0}
.quiz-code-area{font:12px/1.5 ui-monospace,Consolas,monospace;min-height:180px;max-height:45vh;white-space:pre;tab-size:2}
[data-theme="dark"] .quiz-code-panel{background:var(--paper)}
@media(max-width:760px){#theme-toggle svg{width:18px;height:18px}.preview-text-wrapper{height:calc(100% - 115px)}.quiz-code-actions button{flex:1}}

/* V6 — fiche viewer with an Instagram-style media/carousel + discussion pane. */
#modal.fiche-dialog{width:min(1320px,97vw);max-width:97vw;max-height:94vh;padding:0;overflow:hidden}
#modal.fiche-dialog::backdrop{background:#1724389c;backdrop-filter:blur(4px)}
#modal.fiche-dialog>.close{right:13px;top:11px;z-index:5;width:37px;height:37px;border-radius:50%;background:var(--paper);box-shadow:0 3px 12px #0002;display:grid;place-items:center;padding:0}
.fiche-layout{color:var(--ink)}
.fiche-layout.has-media{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);height:min(86vh,860px);min-height:450px}
.fiche-layout.no-media{max-height:88vh;overflow:auto}
.fiche-content{min-width:0;overflow:auto;padding:36px 35px 28px;background:var(--paper);scrollbar-width:thin}
.fiche-layout.no-media .fiche-content{overflow:visible;padding:32px 38px}
.fiche-content>.eyebrow{padding-right:40px}
.fiche-content .dialog-title{margin:12px 0 14px;font-size:24px;overflow-wrap:anywhere}
.fiche-content .detail-meta{flex-wrap:wrap;gap:8px;margin:16px 0}
.fiche-content .detail-meta select{max-width:100%;margin-left:auto}
.fiche-content .comments{margin-top:24px}
.fiche-content .comment-form textarea{min-height:95px}
.fiche-content .dialog-actions{display:flex;flex-wrap:wrap;gap:7px}
.fiche-content .dialog-actions button{font-size:12px}
.fiche-content .detail-files{margin:8px 0 0;display:flex;gap:9px}
.fiche-content .detail-file{max-width:100%;min-width:min(230px,100%)}
.fiche-files{margin-top:20px}
.fiche-files h3{margin-bottom:12px}
.fiche-media{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#e8edf5;border-right:1px solid var(--line)}
.fiche-media-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;scrollbar-width:thin;padding:12px}
.fiche-image-open{padding:0;border:0;background:transparent;max-width:100%;max-height:100%;display:grid;place-items:center;cursor:zoom-in}
.fiche-image-open:hover{background:transparent}
.fiche-image-open img{display:block;max-width:100%;max-height:calc(min(86vh,860px) - 130px);object-fit:contain;border-radius:4px}
.fiche-media-footer{display:flex;align-items:center;justify-content:space-between;min-height:40px;gap:8px;padding:4px 10px;font-size:11px;color:#42536b}
.fiche-media-footer span{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fiche-media-footer button{font-size:25px;line-height:1;width:36px;height:32px;padding:0;border-radius:20px;flex:none;background:var(--paper)}
.fiche-thumbnails{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:6px 12px 11px;overflow-x:auto}
.fiche-thumbnails button{width:42px;height:38px;flex:none;padding:3px;background:var(--paper);border:2px solid transparent;border-radius:7px;font-size:24px;display:grid;place-items:center}
.fiche-thumbnails button.active{border-color:#2c75c4}
.fiche-thumbnails button img{max-width:100%;max-height:100%;object-fit:cover}
.diagram-editor{display:grid;gap:10px;padding:14px;background:var(--sage);border:1px solid var(--line);border-radius:10px}
.diagram-editor textarea{font:12px/1.6 ui-monospace,Consolas,monospace;white-space:pre;tab-size:2}
.diagram-editor>button{justify-self:start}
.diagram-canvas{width:100%;min-height:150px;overflow:auto;background:#f0f6fc;border:1px solid #c8d9ef;border-radius:10px;padding:12px;scrollbar-width:thin}
.diagram-canvas svg{display:block;max-width:none;height:auto}
.fiche-diagram{max-height:100%;width:100%;margin:auto}
.diagram-error{font-size:12px;color:#a63e36;background:#f9e9e6;border-radius:6px;padding:13px;line-height:1.6;white-space:pre-wrap}
[data-theme="dark"] .fiche-media{background:#1d2937}
[data-theme="dark"] .fiche-media-footer{color:#d1e0f5}
[data-theme="dark"] .diagram-editor{background:var(--paper)}
[data-theme="dark"] .diagram-canvas{background:#eaf1fa}
@media(max-width:850px){
 #modal.fiche-dialog{width:min(680px,97vw);max-height:95vh;overflow:auto}
 .fiche-layout.has-media{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}
 .fiche-media{height:min(55vh,470px);min-height:250px;border-right:0;border-bottom:1px solid var(--line)}
 .fiche-media-stage{min-height:170px}
 .fiche-image-open img{max-height:calc(min(55vh,470px) - 120px)}
 .fiche-content{overflow:visible;padding:25px 21px}
 .fiche-layout.no-media{max-height:none}
 .fiche-layout.no-media .fiche-content{padding:25px 21px}
}
@media(max-width:520px){.fiche-content .detail-meta select{width:100%}.fiche-content .dialog-actions button{flex:1}.fiche-media{height:42vh;min-height:220px}}

#fiche-fit{font-size:11px;width:auto;min-width:72px;padding:5px 9px;height:32px;line-height:1.2}
.fiche-media-footer:has(#fiche-fit:not([hidden])) #fiche-page{flex:1}

/* V7 — homepage quick-access dashboard and compact presence panel */
.home-v7{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,215px);gap:22px;align-items:start}
.home-v7 .home-main{min-width:0}.home-v7 .hero{grid-template-columns:1fr;min-height:185px}.home-v7 .hero-art{display:none}
.home-v7 .tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.home-v7 .tile{min-height:166px}.home-v7 .tile p{font-size:11px}
.home-online{position:sticky;top:22px;padding:19px 16px;max-height:calc(100vh - 120px);overflow:auto}
.home-online-heading{display:flex;align-items:center;gap:8px}
.home-online-heading h2{font-size:16px;margin:0}.home-online-heading .status-dot{width:9px;height:9px;background:#268a63}
.home-online .help{margin:5px 0 12px}.online-person{display:flex;align-items:center;gap:7px;padding:10px 0;border-top:1px solid var(--line);font-size:11px}
.online-person .avatar{width:27px;height:27px;font-size:9px}.online-person strong{min-width:0;overflow-wrap:anywhere}
.online-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#26956b}
.home-recent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.home-recent .list-row{min-width:0}
/* V7 — admin table */
.admin-lock{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:20px}
.admin-lock h2{margin:0 0 7px}.admin-lock .help{margin:0;max-width:650px}.admin-lock button{white-space:nowrap}
.admin-members{padding:0;overflow:hidden;margin-bottom:20px}.admin-members-title{padding:18px 21px 8px}.admin-members-title h2{margin:0}
.admin-table-scroll{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:860px;text-align:left;font-size:11px}
.admin-table th{background:var(--sage);font-size:10px;color:var(--muted);font-weight:650;padding:12px 11px;white-space:nowrap}
.admin-table td{padding:13px 11px;border-top:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.admin-table tr:hover td{background:color-mix(in srgb,var(--paper) 92%,#9bbce1)}
.admin-identity{display:flex;align-items:center;gap:9px}.admin-identity>div{min-width:0}.admin-identity small{display:block;font-size:10px}
.admin-access-switch{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:var(--ink)}
.admin-access-switch input{width:17px;height:17px;padding:0;margin:0}
.admin-row-actions{display:flex;align-items:center;gap:6px}.admin-row-actions button{font-size:10px;padding:6px 8px}
.admin-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-secondary .panel{min-width:0}
/* V7 — text-only fiche: text on left, discussions on right. */
.fiche-layout.no-media{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);height:min(86vh,860px);max-height:min(86vh,860px);overflow:hidden}
.fiche-layout.no-media .fiche-content{overflow:auto;min-width:0;padding:36px 35px;border-right:1px solid var(--line)}
.fiche-comments-pane{min-width:0;overflow-y:auto;padding:38px 25px 25px;background:var(--paper)}
.fiche-comments-pane .comments{margin-top:0;padding-top:0;border-top:0}
/* V7 — threaded comments with compact, icon-only actions. */
.comments-thread-list{margin-top:15px}.comment-thread{min-width:0}.comment-children{margin-left:17px;padding-left:11px;border-left:2px solid var(--line)}
.comment{margin:9px 0 12px;gap:8px;min-width:0}.comment .avatar{width:26px;height:26px;font-size:9px}
.comment-inner{flex:1;min-width:0}.comment-header{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:27px}
.comment-header strong{overflow-wrap:anywhere}.comment-header small{color:var(--muted)}.comment-header .comment-tools{margin-left:auto;display:flex;gap:1px;align-items:center}
.comment-icon{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:17px;color:var(--muted);border:0;background:transparent;border-radius:6px}
.comment-icon:hover{color:var(--green);background:var(--sage)}
.comment .md{line-height:1.55;overflow-wrap:anywhere}.comment .md p{margin:3px 0 8px}
.comment.is-deleted{opacity:.65}.comment-image{display:block;padding:0;border:0;background:transparent;margin:7px 0}
.comment-image img{max-width:min(100%,300px);max-height:230px;object-fit:contain;border-radius:8px;border:1px solid var(--line)}
.comment-form{padding-top:12px;border-top:1px solid var(--line)}.comment-form .comment-attach{font-size:11px;max-width:100%}
.comment-attach input{font-size:11px;padding:8px;max-width:100%}.comment-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.comment-form-actions .help{margin-right:auto}.comment-form-actions button{font-size:11px;padding:7px 10px}
#comment-image-viewer{width:min(920px,94vw);max-height:90vh;overflow:auto;padding:12px}
#comment-image-viewer .preview-picture{display:grid;place-items:center;height:min(76vh,780px)}
#comment-image-viewer .preview-picture img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:1300px){.home-v7{grid-template-columns:minmax(0,1fr) 175px}.home-recent{grid-template-columns:1fr}}
@media(max-width:900px){.home-v7{grid-template-columns:1fr}.home-online{position:static;max-height:none}.home-recent{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.fiche-layout.no-media{display:flex;flex-direction:column;height:auto;max-height:none;overflow:visible}.fiche-layout.no-media .fiche-content{overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:25px 21px}.fiche-comments-pane{overflow:visible;padding:25px 21px}.admin-lock{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.home-recent{grid-template-columns:1fr}.admin-secondary{grid-template-columns:1fr}.comment-children{margin-left:8px;padding-left:7px}}

/* V8 — collapsible per-profile presence rail and a restrained visual homepage */
.home-v8{transition:grid-template-columns .18s ease}
.home-v8.online-collapsed{grid-template-columns:minmax(0,1fr) 42px}
.home-online[hidden],.home-online-reopen[hidden]{display:none!important}
.home-online-heading .home-online-toggle{margin-left:auto}
.home-online-toggle{width:27px;height:27px;display:inline-grid;place-items:center;flex:none;padding:0;border:1px solid var(--line);background:var(--paper);border-radius:8px;font-size:16px;color:var(--muted);transition:background .15s}
.home-online-toggle:hover,.home-online-reopen:hover{background:var(--sage);color:var(--ink)}
.home-online-reopen{position:sticky;top:22px;display:flex;align-items:center;flex-direction:column;gap:10px;padding:14px 4px;min-height:135px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:0 2px 8px #3552730a}
.home-online-reopen>span:first-child{font-size:19px;line-height:1}
.home-online-reopen-label{writing-mode:vertical-rl;letter-spacing:.6px;font-size:11px;font-weight:650}
.home-online-reopen .online-dot{width:8px;height:8px}
.home-v8 .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,230px);align-items:center;min-height:220px;position:relative;background:linear-gradient(118deg,#e2ecf8 0%,#dce8f6 57%,#d4e4f6 100%);border:1px solid #c8d9ed}
.home-v8 .hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#a6c5e9 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent 25%,black 100%)}
.home-v8 .hero>div:first-child{position:relative;z-index:1}
.home-v8 .home-artwork{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;max-width:270px;width:100%;justify-self:center}
.home-v8 .home-artwork svg{width:100%;height:auto;filter:drop-shadow(0 9px 12px #4969921a)}
.home-v8 .home-art-label{font-size:8px;font-weight:700;letter-spacing:1.4px;color:#547aa9;margin-top:-5px;text-align:center}
.home-v8 .home-feature-tile{position:relative;overflow:hidden;isolation:isolate;transition:transform .15s,border-color .15s,box-shadow .15s}
.home-v8 .home-feature-tile:before{content:"";position:absolute;right:-21px;top:-27px;width:83px;height:83px;border-radius:26px;background:linear-gradient(125deg,#eef5fd,#d5e8fa);transform:rotate(20deg);z-index:-1;opacity:.68}
.home-v8 .home-feature-tile:hover{box-shadow:0 9px 24px #42618712}
.home-v8 .home-feature-tile .tile-icon{background:#e4effb;color:#3c73b4;border:1px solid #d2e3f7}
.home-v8 .home-feature-tile .arrow{position:absolute;right:17px;bottom:17px;color:#5885bb}
.home-v8 .stat{position:relative;overflow:hidden}
.home-v8 .stat:after{content:"";position:absolute;left:0;bottom:0;width:42%;height:3px;background:#90b4e0;border-radius:0 5px 0 0;opacity:.75}
[data-theme="dark"] .home-v8 .hero{background:linear-gradient(125deg,#283c57,#263449 65%,#223047);border-color:#3b5578}
[data-theme="dark"] .home-v8 .hero:before{opacity:.13}
[data-theme="dark"] .home-v8 .home-art-label{color:#b1cbeb}
[data-theme="dark"] .home-v8 .home-feature-tile:before{background:linear-gradient(125deg,#445f81,#273a55);opacity:.4}
[data-theme="dark"] .home-v8 .home-feature-tile .tile-icon{background:#2d4663;color:#adcdf3;border-color:#45688b}
@media(max-width:1300px){.home-v8.online-collapsed{grid-template-columns:minmax(0,1fr) 42px}.home-v8 .hero{grid-template-columns:minmax(0,1fr) 165px}.home-v8 .home-art-label{font-size:7px;letter-spacing:.6px}}
@media(max-width:900px){.home-v8.online-collapsed{grid-template-columns:1fr}.home-online-reopen{position:static;min-height:0;flex-direction:row;justify-content:flex-end;padding:9px 14px}.home-online-reopen-label{writing-mode:horizontal-tb}.home-v8 .hero{grid-template-columns:minmax(0,1fr) minmax(140px,215px)}}
@media(max-width:600px){.home-v8 .hero{grid-template-columns:1fr}.home-v8 .home-artwork{display:none}}
@media(prefers-reduced-motion:reduce){.home-v8,.home-v8 .home-feature-tile{transition:none}}

/* The full signal editor is a native Repère workspace, with its own scoped tools. */
#shell>aside{min-height:0}#shell>aside>.brand,#shell>aside>.nav-caption,#shell>aside>.profile{flex:none}
#shell>aside>nav{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#shell>aside>.sidebar-note{padding:18px 9px 16px;flex:none}
.nav-atelier-icon{flex:none;overflow:visible}
.home-atelier-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,35%);align-items:center;gap:18px;margin-top:24px;padding:27px 28px;border:1px solid #b8cfe9;border-radius:14px;background:linear-gradient(115deg,#f5f9ff,#e6f1fd);color:#25466e;text-decoration:none;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.home-atelier-feature:hover{border-color:#6597cf;box-shadow:0 9px 28px #315e9312;transform:translateY(-2px)}
.home-atelier-copy{min-width:0}.home-atelier-eyebrow{display:inline-block;font-size:9px;font-weight:750;letter-spacing:1.35px;color:#3d78bb}
.home-atelier-copy h2{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:12px 0 10px;max-width:430px}
.home-atelier-copy p{max-width:450px;margin:0 0 15px;font-size:12px;line-height:1.75;color:#5d7592}
.home-atelier-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 19px}.home-atelier-tags span{border:1px solid #c6daef;border-radius:5px;padding:4px 7px;font-size:9px;background:#fff9;color:#416b9c}
.home-atelier-cta{display:inline-flex;align-items:center;gap:20px;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:650;background:#2c71be;color:white}.home-atelier-cta>span{font-size:16px}
.home-atelier-plan{color:#5b7a9c;min-width:0;align-self:center}.home-atelier-plan svg{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 6px #2f527519)}
#view.route-atelier{width:100%;max-width:none;margin:0;padding:10px 14px 14px;height:calc(100dvh - 78px);min-height:650px;overflow:clip}
.repere-atelier-page{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;min-height:0}
.repere-atelier-recovery{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:12px 15px;border:1px solid #d5ad70;border-radius:9px;background:#fff5df;color:#674a21;font-size:12px}
.repere-atelier-recovery strong{display:block;font-size:13px}.repere-atelier-recovery p{max-width:760px;line-height:1.5;font-size:11px;margin:4px 0 0}.repere-atelier-recovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:none;max-width:355px}.repere-atelier-recovery-actions button{font-size:11px;white-space:nowrap}
.repere-atelier-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px;padding:0 2px;flex:none}
.repere-atelier-page-heading>div{display:flex;align-items:center;gap:9px;min-width:0}.repere-atelier-page-heading h1{font-size:15px;line-height:1.3;letter-spacing:-.3px;margin:0;font-weight:650;color:var(--ink)}
.repere-atelier-icon{display:inline-grid;place-items:center;width:27px;height:27px;flex:none;background:#e0ecfa;color:#326da9;border-radius:7px;font-size:21px}
.repere-atelier-mode{font-size:9px;letter-spacing:.6px;color:var(--muted);white-space:nowrap}.repere-atelier-page-heading>a{font-size:10px;color:var(--muted);text-decoration:none;white-space:nowrap}.repere-atelier-page-heading>a:hover{color:var(--ink);text-decoration:underline}
.repere-atelier-mount{position:relative;flex:1;width:100%;height:100%;min-height:0;overflow:clip;border:1px solid var(--line);border-radius:11px;background:var(--paper);isolation:isolate}
.repere-atelier-status{width:100%;height:100%;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:35px;text-align:center;background:var(--paper);color:var(--ink)}
.repere-atelier-status h2{font-size:20px;margin:10px 0 0;line-height:1.4}.repere-atelier-status p{font-size:12px;max-width:480px;line-height:1.75;margin:0;color:var(--muted)}.repere-atelier-status>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px;margin-top:15px}.repere-atelier-status a{font-size:12px;color:var(--muted)}
.repere-atelier-spinner{display:block;width:33px;height:33px;border:3px solid #b8d0ec;border-top-color:#2870bd;border-radius:50%;animation:repere-atelier-spin .8s linear infinite}.repere-atelier-error-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dfb297;border-radius:50%;font-size:23px;color:#b7683d;background:#fff4e8}
@keyframes repere-atelier-spin{to{transform:rotate(360deg)}}
[data-theme="dark"] .home-atelier-feature{background:linear-gradient(120deg,#263b55,#203047);border-color:#3b5c80;color:#e3effe}
[data-theme="dark"] .home-atelier-eyebrow{color:#94bde9}[data-theme="dark"] .home-atelier-copy p{color:#b4c7de}[data-theme="dark"] .home-atelier-tags span{background:#293f5b;color:#c8dff8;border-color:#456384}[data-theme="dark"] .home-atelier-plan{color:#aac5e6}[data-theme="dark"] .home-atelier-feature:hover{border-color:#78a2d3}
[data-theme="dark"] .repere-atelier-icon{background:#2d4564;color:#bad5f6}[data-theme="dark"] .repere-atelier-error-icon{background:#513c2d;color:#f1bb8c;border-color:#9a714e}
[data-theme="dark"] .repere-atelier-recovery{background:#453b29;border-color:#977b4c;color:#f3d8a4}
@media(max-width:1050px){.repere-atelier-recovery{align-items:flex-start;flex-direction:column;gap:10px}.repere-atelier-recovery-actions{max-width:none}}
@media(max-width:1100px){.home-atelier-feature{grid-template-columns:minmax(0,1fr) 190px;padding:24px;gap:12px}.home-atelier-copy h2{font-size:21px}.home-atelier-tags{gap:5px}}
@media(max-width:760px){#shell>aside>nav{overflow-x:auto;overflow-y:hidden}#view.route-atelier{height:calc(100dvh - 50px);min-height:680px;padding:8px 7px 12px}.repere-atelier-page-heading{min-height:32px}.repere-atelier-page-heading h1{font-size:13px}.repere-atelier-mode{display:none}.repere-atelier-page-heading>a{font-size:9px}.repere-atelier-mount{border-radius:8px}.home-atelier-feature{grid-template-columns:minmax(0,1fr) 180px}.home-atelier-copy h2{font-size:20px}}
@media(max-width:520px){.home-atelier-feature{grid-template-columns:1fr;padding:22px;position:relative}.home-atelier-plan{display:none}.home-atelier-copy h2{max-width:300px}.home-atelier-tags span{font-size:8px}.repere-atelier-page-heading>a{max-width:80px;text-align:right;white-space:normal}.repere-atelier-status{padding:24px}}
@media(prefers-reduced-motion:reduce){.home-atelier-feature{transition:none}.repere-atelier-spinner{animation:none;border-color:#2870bd #b8d0ec #b8d0ec}}

/* V10 — individual reading checklists for À lire / BLD / REV */
.home-reading-progress{display:flex;align-items:center;gap:18px;padding:20px 22px;margin:18px 0 26px;flex-wrap:wrap}
.home-reading-progress>div:first-child{flex:1;min-width:200px}.home-reading-progress h2{font-size:17px;margin:5px 0}.home-reading-progress p{font-size:11px;color:var(--muted);line-height:1.55;margin:0}
.home-reading-stats{display:flex;gap:9px;flex-wrap:wrap}
.home-reading-stat{display:grid;gap:5px;min-width:85px;padding:10px 12px;background:var(--sage);border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink)}
.home-reading-stat strong{font-size:17px}.home-reading-stat span{font-size:10px;color:var(--muted)}
.reading-hero-note{display:flex;align-items:center;gap:18px;padding:20px 23px;margin-bottom:16px}
.reading-note-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:13px;background:var(--sage);color:var(--green);font-size:25px}
.reading-hero-note strong{font-size:16px}.reading-hero-note p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 0}
.reading-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.reading-summary-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;padding:19px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);min-width:0;box-shadow:0 2px 10px #20355208}
.reading-summary-card.active,.reading-summary-card:hover{border-color:#81a8d9;box-shadow:0 4px 16px #416faf15}
.reading-summary-title{font-size:12px;font-weight:650;color:var(--muted)}.reading-summary-card strong{font-size:24px}.reading-summary-card strong span{font-weight:400;font-size:16px;color:var(--muted)}
.reading-summary-card small{font-size:10px;color:var(--muted)}.reading-meter{width:100%;height:6px;overflow:hidden;background:var(--sage);border-radius:10px}.reading-meter span{display:block;background:#4a8bd3;height:100%;border-radius:10px;transition:width .2s}
.reading-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.reading-category-tabs{display:flex;gap:6px;flex-wrap:wrap}
.reading-category-tabs button{padding:9px 13px;font-size:11px;border-radius:8px}.reading-category-tabs button.selected{background:var(--sage);color:var(--green);border-color:#a6c2e4;font-weight:650}
.reading-toolbar label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.reading-toolbar select{width:auto;min-width:145px;font-size:11px;padding:8px}
.reading-list{display:grid;gap:10px}.reading-item{display:flex;align-items:flex-start;gap:14px;padding:17px 19px;background:var(--paper);border:1px solid var(--line);border-radius:11px;min-width:0}
.reading-item.completed{background:color-mix(in srgb,var(--paper) 95%,#9cbedf)}.reading-check{display:inline-flex;align-items:center;padding-top:15px;cursor:pointer}
.reading-check input{width:19px;height:19px;accent-color:#397cc1;cursor:pointer}.reading-info{flex:1;min-width:0}.reading-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reading-tag{display:inline-block;background:var(--sage);color:var(--green);padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700}.reading-item-top small{font-size:10px;color:var(--muted)}
.reading-info h3{font-size:14px;margin:8px 0;overflow-wrap:anywhere}.reading-info p{font-size:12px;color:var(--muted);white-space:pre-wrap;margin:6px 0 9px;line-height:1.6}.reading-info>small{font-size:10px;color:var(--muted)}
.reading-item-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.reading-item-actions .button-link{font-size:11px;padding:8px 10px}
.reading-icon-action{background:transparent;border:1px solid var(--line);border-radius:7px;font-size:15px;padding:6px 9px;color:var(--muted)}.reading-icon-action:hover{color:var(--green);background:var(--sage)}
.reading-admin-actions{margin-top:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.reading-empty{padding:30px;text-align:center;color:var(--muted);background:var(--paper);border-radius:10px;border:1px dashed var(--line);font-size:12px}
.reading-reread{display:flex;align-items:center;gap:12px;line-height:1.5}.reading-reread input{width:17px;height:17px;flex:none}
.board-read-status{display:flex;gap:8px;align-items:center;padding:9px 10px;margin:8px 0 10px;border:1px solid #bfd5eb;border-radius:8px;background:#eaf2fc;color:#375c86;font-size:11px;font-weight:650;cursor:pointer}
.board-read-status input{width:17px;height:17px;margin:0;accent-color:#377cbf;cursor:pointer}.board-read-status.is-done{color:#355d78;background:#dceaf8}
[data-theme="dark"] .board-read-status{background:#2a415b;color:#c2d9f6;border-color:#456689}[data-theme="dark"] .board-read-status.is-done{background:#263d55}
@media(max-width:850px){.reading-summary-grid{gap:8px}.reading-summary-card{padding:12px}.reading-item{flex-wrap:wrap}.reading-item-actions{width:100%;justify-content:flex-start;padding-left:34px}}
@media(max-width:600px){.home-reading-progress{padding:17px}.home-reading-stats{width:100%}.home-reading-stat{flex:1}.reading-summary-grid{grid-template-columns:1fr}.reading-summary-card{display:grid;grid-template-columns:1fr auto;align-items:center}.reading-summary-card .reading-meter,.reading-summary-card small{grid-column:1/-1}.reading-item{padding:13px}.reading-hero-note{align-items:flex-start}}
.reading-admin-tracking{margin-top:20px;padding:18px 20px}.reading-admin-tracking summary{font-size:13px;font-weight:700;cursor:pointer;color:var(--ink)}.reading-admin-table-wrap{overflow:auto;margin-top:17px}
.reading-admin-tracking table{border-collapse:collapse;width:100%;min-width:540px;text-align:left;font-size:12px}.reading-admin-tracking th{font-weight:700;color:var(--muted);background:var(--sage)}.reading-admin-tracking th,.reading-admin-tracking td{border-bottom:1px solid var(--line);padding:11px 10px}
.reading-admin-tracking button{font-size:11px;padding:6px 10px}.reading-members-list{display:grid;gap:0;max-height:55vh;overflow:auto}.reading-members-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 6px;border-bottom:1px solid var(--line);font-size:12px}.reading-members-list strong{color:var(--green);font-size:11px}

/* V11 — searchable catalogue selector for personal and collective reading lists */
.reading-picker-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;margin:18px 0 10px}
.reading-picker-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--ink)}
.reading-picker-controls label:has(#picker-scope){grid-column:1/-1}
.reading-picker-controls select,.reading-picker-controls input{min-width:0;width:100%}
.reading-picker-caption{font-size:11px;color:var(--muted);margin:8px 0}
.reading-picker-results{border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:min(45vh,410px);padding:4px;background:var(--paper)}
.reading-picker-result{display:flex;align-items:center;gap:12px;padding:12px 10px;margin:0;border-bottom:1px solid var(--line);cursor:pointer;min-width:0}
.reading-picker-result:last-child{border-bottom:0}
.reading-picker-result:hover:not(.already){background:var(--sage)}
.reading-picker-result input{width:18px;height:18px;flex:none;accent-color:#397cc1}
.reading-picker-result span{display:grid;gap:3px;flex:1;min-width:0}
.reading-picker-result strong{font-size:12px;color:var(--ink);overflow-wrap:anywhere}
.reading-picker-result small,.reading-picker-result em{font-size:10px;color:var(--muted);font-style:normal}
.reading-picker-result.already{opacity:.6;cursor:default}
.reading-picker-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.reading-picker-footer #picker-count{color:var(--muted);font-size:12px}
.reading-picker-footer .dialog-actions{margin:0}
@media(max-width:600px){.reading-picker-controls{grid-template-columns:1fr}.reading-picker-controls label:has(#picker-scope){grid-column:auto}.reading-picker-footer .dialog-actions{width:100%;justify-content:flex-end}}

/* V12 — Grid-based catalogue with chapter and section navigation */
.reading-picker-header .dialog-title{margin-bottom:5px}
.picker-reference-navigation{padding:13px 14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:12px 0}
.picker-nav-title{font-size:11px;font-weight:800;letter-spacing:1.1px;color:var(--ink);display:flex;gap:10px;align-items:center;margin-bottom:10px}
.picker-nav-title small{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}
.picker-chapter-tabs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.picker-chapter-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;min-width:0;min-height:55px;font-weight:750;font-size:15px;padding:7px 3px;cursor:pointer}
.picker-chapter-btn small{font-size:10px;color:var(--muted);font-weight:500}
.picker-chapter-btn.active{background:#336fbc;color:white;border-color:#336fbc;box-shadow:0 3px 9px #336fbc22}
.picker-chapter-btn.active small{color:#e6f0ff}
.picker-chapter-btn:hover:not(.active){border-color:#6794d2;background:var(--sage)}
.picker-chapter-btn:focus-visible,.reading-picker-result:focus-within,.picker-selected-chip:focus-visible{outline:2px solid #428cf0;outline-offset:2px}
.picker-section-row{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:10px;color:var(--muted);font-size:11px}
.picker-section-row select{max-width:220px;min-width:150px;padding:6px 8px;font-size:12px}
.reading-picker-results.reading-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:9px;border:0;background:transparent;overflow:auto;max-height:min(43vh,430px);padding:5px;scrollbar-gutter:stable}
.reading-picker-grid .reading-picker-result{position:relative;display:flex;gap:9px;align-items:flex-start;flex-direction:column;justify-content:space-between;background:var(--paper);border:1px solid var(--line);border-radius:10px;min-height:88px;padding:12px;box-shadow:0 1px 2px #162e4308;transition:border-color .12s,background .12s}
.reading-picker-grid .reading-picker-result input{position:absolute;right:11px;top:11px;width:17px;height:17px;margin:0}
.reading-picker-grid .reading-picker-result span{display:grid;gap:7px;padding-right:24px}
.reading-picker-grid .reading-picker-result strong{font-size:14px;line-height:1.2}
.reading-picker-grid .reading-picker-result small{font-size:10px;line-height:1.3}
.reading-picker-grid .reading-picker-result em{font-size:10px;line-height:1.2}
.reading-picker-grid .reading-picker-result.picked{border-color:#397cc1;background:var(--sage)}
.reading-picker-grid .reading-picker-result.already{opacity:.6}
.reading-picker-grid .picker-no-results{grid-column:1/-1;color:var(--muted);font-size:12px;padding:20px;text-align:center}
.picker-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 0;font-size:11px;color:var(--muted)}
.picker-pagination button{font-size:11px;padding:7px 10px}
.picker-pagination button:disabled{opacity:.4;cursor:default}
.reading-picker-footer{position:sticky;bottom:-32px;z-index:2;background:var(--paper);border-top:1px solid var(--line);padding:12px 0 6px;margin-top:10px;align-items:flex-end}
.picker-selection-wrap{flex:1 1 220px;min-width:0}
.picker-selection-wrap>strong{font-size:12px;color:var(--ink)}
.picker-selected-chips{display:flex;gap:5px;flex-wrap:wrap;max-height:62px;overflow:auto;margin-top:7px}
.picker-selected-chip{border:1px solid #c5d8ef;color:var(--ink);background:var(--sage);border-radius:20px;padding:4px 8px;font-size:10px;cursor:pointer}
.picker-selected-chip span{font-size:14px;margin-left:4px}
@media(max-width:640px){.picker-chapter-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.reading-picker-results.reading-picker-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));max-height:35vh}.picker-section-row{justify-content:flex-start}.picker-reference-navigation{padding:10px}.reading-picker-footer{bottom:-26px}.reading-picker-footer .dialog-actions{width:auto;justify-content:flex-end}}

/* V12: compact personal reading board — chapters, grid/list, 60 items per page */
.reading-chapter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:16px 0 10px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.reading-chapter-hint{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:800;margin-right:5px}
.reading-chapter-bar button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:7px;font-size:12px;font-weight:650;padding:7px 10px;min-height:32px;color:var(--ink)}
.reading-chapter-bar button small{color:var(--muted);font-size:10px;font-weight:450}
.reading-chapter-bar button.active{background:#336fbc;color:white;border-color:#336fbc}
.reading-chapter-bar button.active small{color:#e5effe}
.reading-display-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 11px;font-size:12px;color:var(--muted)}
.reading-display-switch{display:flex;gap:5px}
.reading-display-switch button{font-size:11px;padding:7px 10px}
.reading-display-switch button.active{border-color:#4986cc;background:var(--sage);color:var(--ink);font-weight:700}
.reading-list.reading-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;align-items:stretch}
.reading-library-grid .reading-item{margin:0;min-width:0;min-height:168px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;align-content:start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}
.reading-library-grid .reading-check{align-self:start}
.reading-library-grid .reading-info{min-width:0}
.reading-library-grid .reading-info h3{font-size:14px;overflow-wrap:anywhere;margin-top:9px}
.reading-library-grid .reading-info p{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.reading-library-grid .reading-item-actions{grid-column:1/-1;justify-content:flex-end;margin:0;border-top:1px solid var(--line);padding-top:10px;align-self:end}
.reading-list.reading-library-list{display:grid;gap:9px}
.reading-list-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.reading-list-pager button{font-size:11px;padding:8px 11px}
.reading-list-pager button:disabled{opacity:.4;cursor:default}
@media(max-width:540px){.reading-list.reading-library-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.reading-library-grid .reading-item{padding:12px;min-height:160px}.reading-chapter-hint{width:100%}.reading-display-toolbar{margin-top:12px}}

/* V14 — polished clickable quiz library + editable Mermaid question diagrams. */
.quiz-library-toolbar{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:24px 0 20px;flex-wrap:wrap}
.quiz-search-label{position:relative;flex:1;max-width:440px;min-width:min(100%,220px)}
.quiz-search-label:before{content:'⌕';position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:21px;color:var(--muted);pointer-events:none}
.quiz-search-label input{width:100%;height:45px;padding-left:43px;border-radius:13px;background:var(--paper);border:1px solid var(--line);font-size:13px}
.quiz-library-count{font-size:12px;color:var(--muted);font-weight:600}
.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:20px}
.quiz-tile{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--ink);min-width:0;box-shadow:0 2px 10px rgba(31,65,112,.04);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.quiz-tile:hover{transform:translateY(-3px);border-color:#92b5de;box-shadow:0 14px 28px rgba(38,77,124,.12)}
.quiz-tile:focus-visible{outline:3px solid #5392d8;outline-offset:3px}
.quiz-cover{height:158px;background:linear-gradient(125deg,#d7e7fa,#ebf2fd 55%,#bed4ef);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(103,145,200,.17)}
.quiz-cover:before,.quiz-cover:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.72);border-radius:50%;width:195px;height:195px;right:-60px;top:-85px;pointer-events:none}
.quiz-cover:after{width:130px;height:130px;right:-25px;top:-52px}
.quiz-cover>img{display:block;object-fit:contain;width:100%;height:100%;max-height:none;max-width:none;padding:12px;background:transparent;border-radius:0}
.quiz-cover-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#2d65aa;text-align:center}
.quiz-cover-art svg{width:51px;height:51px;stroke-width:1.2;filter:drop-shadow(0 3px 5px rgba(47,103,167,.13))}
.quiz-cover-art span{font-size:10px;letter-spacing:.16em;font-weight:750}
.quiz-cover-diagram{color:#356eb4}
.quiz-cover-count{position:absolute;bottom:11px;left:13px;border-radius:999px;padding:6px 11px;background:rgba(255,255,255,.92);color:#39516b;font-size:10px;font-weight:750;box-shadow:0 2px 7px #25476a15}
.quiz-tile-body{padding:19px 19px 14px;display:flex;flex-direction:column;gap:12px;flex:1}
.quiz-tile h3{font-size:17px;line-height:1.35;letter-spacing:-.025em;margin:0;font-weight:700;overflow-wrap:anywhere}
.quiz-tags{gap:6px}.quiz-tile .quiz-tags .chip{font-size:10px;background:var(--sage);color:var(--ink);padding:6px 9px;border-radius:8px}
.quiz-tile-meta{font-size:11px;line-height:1.55;color:var(--muted);margin-top:auto}
.quiz-tile-footer{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0 19px;border-top:1px solid var(--line);padding:12px 0 13px}
.quiz-open-hint{display:flex;align-items:center;gap:5px;color:#3576bc;font-size:12px;font-weight:750}
.quiz-open-hint svg{width:16px;height:16px;transition:transform .2s ease}.quiz-tile:hover .quiz-open-hint svg{transform:translateX(4px)}
.quiz-actions{display:flex;gap:4px;margin:0;flex-wrap:nowrap}
.quiz-actions .quiz-icon-action{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:9px;padding:0;color:var(--muted);background:transparent;flex-shrink:0}
.quiz-actions .quiz-icon-action:hover{border-color:var(--line);background:var(--sage);color:#2e75bd}
.quiz-actions .quiz-icon-delete:hover{background:var(--rose);color:#ba524c;border-color:#e7b7b1}
.quiz-actions .quiz-icon-action:focus-visible{outline:2px solid #5392d8}
.quiz-diagram-editor{display:grid;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--sage);padding:17px}
.quiz-diagram-editor textarea{font:12px/1.6 ui-monospace,Consolas,monospace;tab-size:2;white-space:pre}
.quiz-diagram-editor p{margin:0}.quiz-diagram-editor button{justify-self:start;font-size:12px}
.quiz-diagram-preview{max-height:300px;margin:0}
.quiz-study-diagram{max-height:clamp(230px,39vh,430px);margin:18px 0;background:#f0f6fc;color:#21354d;min-height:150px}
.quiz-study-diagram svg{max-width:none}
[data-theme="dark"] .quiz-cover{background:linear-gradient(125deg,#263d59,#304f73 55%,#3b6593)}
[data-theme="dark"] .quiz-cover-art{color:#bcd9ff}
[data-theme="dark"] .quiz-cover-count{background:#253449;color:#deebfc}
[data-theme="dark"] .quiz-tile:hover{border-color:#729ac8;box-shadow:0 14px 25px rgba(0,0,0,.22)}
[data-theme="dark"] .quiz-open-hint{color:#9bcaf9}
@media(max-width:760px){.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:13px}.quiz-cover{height:132px}.quiz-tile-body{padding:16px 16px 12px}.quiz-tile-footer{margin:0 16px}.quiz-library-toolbar{margin:18px 0 16px}.quiz-search-label{max-width:none}.quiz-diagram-editor{padding:12px}}
@media(prefers-reduced-motion:reduce){.quiz-tile,.quiz-open-hint svg{transition:none}}

.quiz-diagram-viewer{position:relative;margin:18px 0}
.quiz-diagram-viewer .quiz-study-diagram{margin:0}
.quiz-diagram-viewer .quiz-study-diagram.is-fit svg{width:100%!important;min-width:0!important}
.quiz-diagram-size{position:absolute;top:10px;right:10px;background:var(--paper);color:var(--ink);box-shadow:0 2px 10px #14385b25;font-size:11px;border-radius:9px;padding:7px 10px;z-index:1}
.quiz-diagram-size:hover{background:var(--sage)}

/* V15 — JSON batch import and immediate visual study corrections */
.quiz-import-header{margin-bottom:16px}
.quiz-import-header .dialog-title{margin:8px 0}
.quiz-import-sources{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:13px;margin:16px 0}
.quiz-import-source{display:flex;flex-direction:column;gap:10px;min-width:0;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--paper);color:var(--ink)}
.quiz-import-source-heading{font-size:14px;font-weight:700}
.quiz-import-source input[type=file]{font-size:12px;max-width:100%;background:var(--sage)}
.quiz-import-source .quiz-code-area{height:170px;min-height:130px;font-size:12px}
.quiz-import-preview{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);margin-top:14px}
.quiz-import-preview>.help{padding:16px}
.quiz-import-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--sage);font-size:12px}
.quiz-import-summary strong{font-size:13px;color:var(--ink)}
.quiz-import-summary span{color:var(--muted)}
.quiz-import-items{max-height:228px;overflow-y:auto}
.quiz-import-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid var(--line)}
.quiz-import-item-num{flex:none;display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#e3eefb;color:#236ab5;font-size:12px;font-weight:700}
.quiz-import-item>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.quiz-import-item strong{font-size:12px;overflow-wrap:anywhere;color:var(--ink)}
.quiz-import-item span:not(.quiz-import-item-num):not(.quiz-import-valid){font-size:11px;color:var(--muted)}
.quiz-import-valid{color:#2b875e;font-size:17px;font-weight:750}
.quiz-import-error{font-size:12px;line-height:1.6;color:#ad3d39;margin:10px 0}
.quiz-import-error:empty{display:none}
.quiz-study-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:650;color:var(--muted);margin:26px 0 8px}
.quiz-study-track{height:5px;background:var(--sage);border-radius:999px;overflow:hidden}
.quiz-study-track span{display:block;height:100%;background:#3984d7;border-radius:inherit;transition:width .25s ease}
.quiz-study-nav.quiz-study-nav-icons{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:nowrap;margin-top:15px}
.quiz-step-icon{flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:43px;height:43px;padding:0;transition:transform .15s,border-color .15s,background .15s}
.quiz-step-icon:hover:not(:disabled){transform:translateY(-1px);border-color:#8aafe0;background:var(--sage)}
.quiz-step-icon:disabled{opacity:.35;cursor:default}
.quiz-step-icon svg{display:block}
.quiz-step-validate{background:#2c75c4;color:#fff;border-color:#2c75c4}
.quiz-step-validate:hover:not(:disabled){background:#1f60a7!important;color:white}
.quiz-step-next{background:#e5f0fc;color:#1e609e;border-color:#c6def8}
.quiz-step-center{flex:1;text-align:center;min-width:0;font-size:11px;line-height:1.5;color:var(--muted)}
.quiz-step-checked{display:inline-flex;align-items:center;gap:6px;font-weight:650}
.quiz-step-checked svg{width:17px;height:17px;color:#2b875e}
.quiz-immediate-feedback{border-radius:15px;border:1px solid #c8d9ef;background:#edf5ff;color:#243e60;padding:15px 17px;margin:20px 0 0;animation:quiz-feedback-in .25s ease}
.quiz-immediate-feedback.is-correct{border-color:#a6d3b5;background:#e9f8ee;color:#1f6142}
.quiz-immediate-feedback.is-incorrect{border-color:#eac7b4;background:#fff4ec;color:#824126}
.quiz-feedback-header{display:flex;align-items:flex-start;gap:11px}
.quiz-feedback-header>svg{flex-shrink:0;width:26px;height:26px}
.quiz-feedback-header strong{font-size:14px}
.quiz-feedback-header p{margin:3px 0 0;font-size:12px;line-height:1.5}
.quiz-answer-review{display:grid;gap:9px;margin-top:13px}
.quiz-review-row{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.7);color:#243e60;font-size:12px}
.quiz-review-row>span{display:grid;place-items:center}
.quiz-review-row svg{width:16px;height:16px;color:#bd5f45}
.quiz-review-row.correct svg{color:#2b875e}
.quiz-review-row>div{display:grid;gap:3px}
.quiz-review-row strong{font-size:10px;letter-spacing:.02em}
.quiz-choice.is-correct{border:2px solid #43a675!important;background:#e5f6ed!important;color:#23573e!important}
.quiz-choice.is-incorrect{border:2px solid #d47567!important;background:#fff0ee!important;color:#873b35!important}
.quiz-choice>svg{flex:none;width:20px;height:20px;margin-left:auto}
.quiz-choice.is-correct>svg{color:#238859}
.quiz-choice.is-incorrect>svg{color:#bd4b3a}
.quiz-completion{text-align:center;padding:16px 4px}
.quiz-completion h2{font-size:23px}
.quiz-completion p{font-size:13px;color:var(--muted)}
.quiz-completion-symbol{display:grid;place-items:center;width:55px;height:55px;background:#e5f6ed;color:#21885a;border-radius:16px;margin:0 auto 12px}
.quiz-completion-symbol svg{width:29px;height:29px}
@keyframes quiz-feedback-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
[data-theme=dark] .quiz-import-item-num{background:#284e7c;color:#d1e5ff}
[data-theme=dark] .quiz-step-next{background:#24456b;color:#e1f0ff;border-color:#416994}
[data-theme=dark] .quiz-immediate-feedback.is-correct{background:#173d32;color:#d1f8e2;border-color:#3f785e}
[data-theme=dark] .quiz-immediate-feedback.is-incorrect{background:#4a2e27;color:#ffdfc8;border-color:#91644f}
[data-theme=dark] .quiz-review-row{background:rgba(255,255,255,.08);color:inherit}
@media(max-width:760px){.quiz-import-sources{grid-template-columns:1fr}.quiz-import-source{padding:13px}.quiz-step-icon{width:39px;height:39px}.quiz-step-center{font-size:10px}}
@media(prefers-reduced-motion:reduce){.quiz-immediate-feedback{animation:none}.quiz-study-track span{transition:none}}

.quiz-step-checked.is-incorrect svg{color:#be5d45}

/* V16.2: only Repère's own menu participates in its collapse gesture. */
#shell.atelier-open{height:100dvh;overflow:hidden}
#shell.atelier-open>.main-shell{height:100%;display:flex;flex-direction:column;min-width:0}
#shell.atelier-open>.main-shell>header{flex:0 0 64px;height:64px;padding:0 24px}
#view.route-atelier{height:auto;min-height:0;flex:1;overflow:hidden;padding:8px}
.repere-atelier-mount{height:auto;min-width:0}
.repere-atelier-heading-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#atelier-fullscreen{font-size:12px;padding:7px 11px;white-space:nowrap}
#view.route-atelier.atelier-fullscreen{position:fixed;inset:0;z-index:60;width:100%;height:100dvh;padding:6px;background:var(--paper)}
body:has(#view.atelier-fullscreen){overflow:hidden}
@media(max-width:760px){#shell.atelier-open>.main-shell>header{flex-basis:50px;height:50px;padding:0 12px}.repere-atelier-heading-actions{gap:6px}#atelier-fullscreen{font-size:11px;padding:6px}.repere-atelier-page-heading{flex-wrap:wrap;gap:5px}}

@media(max-width:760px){#shell.atelier-open{display:flex;flex-direction:column}#shell.atelier-open>.main-shell{height:auto;min-height:0;flex:1}}

/* V19: admin-only Référentiel navigation preference. */
.settings-admin-referentiel{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.settings-admin-referentiel h3{margin:0 0 12px;color:var(--ink)}
.settings-admin-referentiel .help{margin:10px 0 0;max-width:68ch}