/* Dictées en ligne (v2, 30/09/2026) — palette du site : encre, beige, indigo ; rouge réservé aux fautes */
.dt{--ink:#181B24;--ink-2:#3B3F4A;--paper:#fff;--paper-2:#FAF5EA;--line:#E7E0D2;--line-2:#C7C4B8;--indigo:#2B3A8F;--indigo-soft:#E7EAF4;--indigo-line:#B9C1E1;
  --teal:#0B6E63;--teal-soft:#DDF5F1;--red:#B42318;--red-soft:#FDE7E4;--ochre:#7A5A00;--yellow-soft:#FFF5CF;--yellow-line:#F2D675;
  --serif:"Fraunces",Georgia,serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink)}
.dt h1{font:600 clamp(28px,4vw,42px)/1.1 var(--serif);margin:6px 0 12px}
.dt .lead{font-size:1.06rem;line-height:1.6;max-width:none;margin:0 0 6px}
.dt .crumb-line{font-size:.85rem;color:var(--ink-2);margin:0}
.dt .crumb-line a{color:inherit}
.dt-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--indigo);color:var(--indigo);background:var(--paper);border-radius:999px;
  padding:10px 18px;font:600 .95rem/1.2 inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.dt-b:hover{background:var(--indigo-soft)}
.dt-b.full{background:var(--indigo);color:#fff}
.dt-b.full:hover{filter:brightness(1.1)}
.dt-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 6px 20px -14px rgba(24,27,36,.3);margin:18px 0}
.dt-steps{list-style:none;display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;padding:0}
.dt-steps li{display:flex;align-items:center;gap:6px;font-size:.86rem;font-weight:600;color:var(--ink-2);padding:5px 12px 5px 5px;border-radius:999px;background:var(--paper-2)}
.dt-steps li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:.78rem}
.dt-steps li.on{background:var(--indigo);color:#fff}
.dt-steps li.on span{color:var(--indigo)}
.dt-board{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#1f3b2d;color:#f4f1e6;border-radius:14px;padding:12px 16px;margin-bottom:14px;font-family:"Chalkboard SE","Comic Sans MS",cursive}
.dt-board-t{font:600 .72rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-right:4px}
.dt-board b{font-weight:600;font-size:1.05rem;border:1px dashed rgba(244,241,230,.4);border-radius:8px;padding:2px 10px}
.dt-board em{flex-basis:100%;font-size:.92rem;opacity:.9}
.dt-msg{background:var(--indigo-soft);border-radius:12px;padding:10px 14px;font-size:.93rem;margin-bottom:10px}
.dt-msg a{color:var(--indigo);font-weight:600}
.dt-msg.warn{background:var(--yellow-soft);color:var(--ochre)}
.dt-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dt-row.end{justify-content:center;margin-top:18px}
/* barre de commandes : reste visible pendant qu'on écrit */
.dt-ctrl{position:sticky;top:76px;z-index:6;background:var(--paper);padding:6px 0 8px;margin:0 -4px;padding-inline:4px}
.dt-bar{border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--paper);box-shadow:0 8px 18px -16px rgba(24,27,36,.5)}
.dt-pad{display:flex;gap:6px;flex-wrap:wrap}
.dt-ic{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line-2);background:var(--paper);color:var(--ink);border-radius:12px;padding:8px 12px;font:600 .88rem/1 inherit;cursor:pointer}
.dt-ic span{font-size:1rem;line-height:1}
.dt-ic:hover:not(:disabled){border-color:var(--indigo);color:var(--indigo)}
.dt-ic:disabled{opacity:.4;cursor:default}
.dt-ic.main{background:var(--indigo);border-color:var(--indigo);color:#fff}
.dt-ic.main:hover{filter:brightness(1.1);color:#fff}
.dt-speed{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;overflow:hidden;margin-left:auto}
.dt-speed button{border:0;background:var(--paper);padding:7px 12px;font:600 .82rem inherit;cursor:pointer;color:var(--ink-2)}
.dt-speed button.on{background:var(--ink);color:#fff}
.dt-sw{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--ink-2);cursor:pointer}
.dt-count{font-size:.85rem;color:var(--ink-2);margin-left:6px}
.dt-count b{font:700 1rem var(--mono);color:var(--ink)}
.dt-prog{height:5px;border-radius:999px;background:var(--paper-2);overflow:hidden;margin-bottom:10px}
.dt-prog i{display:block;height:100%;background:var(--indigo);transition:width .3s}
.dt-lab{display:block;font-weight:700;margin:14px 0 6px}
.dt-lab small{font-weight:500;color:var(--ink-2)}
/* page de cahier : le texte s'écrit SUR la ligne (ligne sous la ligne de base, pas au milieu des lettres) */
#dt-in{--lh:2.4rem;width:100%;box-sizing:border-box;border:1.5px solid var(--line-2);border-radius:14px;padding:.5rem 18px .9rem 56px;
  font:1.15rem/var(--lh) Georgia,"Times New Roman",serif;resize:vertical;min-height:calc(var(--lh) * 9 + 1.4rem);color:var(--ink);
  background-color:var(--paper);background-image:linear-gradient(90deg,transparent 40px,#F2B8B0 40px,#F2B8B0 41.5px,transparent 41.5px),
    linear-gradient(transparent calc(var(--lh) - .62rem - 1px),#DCD3C0 calc(var(--lh) - .62rem - 1px),#DCD3C0 calc(var(--lh) - .62rem),transparent calc(var(--lh) - .62rem));
  background-size:100% 100%,100% var(--lh);background-repeat:no-repeat,repeat-y;background-position:0 0,0 .5rem;background-attachment:local}
#dt-in:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}
#dt-in::placeholder{color:#9A968A;font-style:italic}
.dt-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:12px}
.dt-help{font-size:.8rem;color:var(--ink-2)}
.dt-help kbd,.dt kbd{font:600 .72rem var(--mono);border:1px solid var(--line-2);border-radius:5px;padding:0 5px;background:var(--paper-2)}
.dt-warn{background:var(--yellow-soft);color:var(--ochre);border-radius:12px;padding:10px 14px}
/* copies déjà faites */
.dt-hist{margin:22px 0}
.dt-hist h2{font:600 1.25rem var(--serif);margin:0 0 2px;display:flex;align-items:center;gap:8px}
.dt-hist h2 span,.dt-sec h3 span{font:700 .78rem var(--mono);background:var(--paper-2);border-radius:999px;padding:2px 9px;color:var(--ink-2)}
.dt-hist-sub{font-size:.9rem;color:var(--ink-2);margin:0 0 10px}
.dt-hist ol,.dt-all{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dt-hist li,.dt-all li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:.92rem}
.dt-hist li a,.dt-all li a{margin-left:auto;color:var(--indigo);font-weight:600;text-decoration:none}
.dt-all li a{margin-left:0}
.dt-all li small{margin-left:auto;color:var(--ink-2)}
/* ── correction ── */
.dt-score{display:flex;gap:22px;align-items:flex-start;margin-bottom:16px}
.dt-note{flex:none;width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center}
.dt-note b{font:700 2.2rem/1 var(--mono)} .dt-note small{font-size:.8rem}
.dt-note.good{background:var(--teal-soft);color:var(--teal)} .dt-note.mid{background:var(--yellow-soft);color:var(--ochre)} .dt-note.bad{background:var(--red-soft);color:var(--red)}
.dt-score-t{flex:1;min-width:0}
.dt-score-t h2{font:600 1.45rem var(--serif);margin:4px 0 4px}
.dt-score-sub{margin:0 0 10px;font-size:.9rem;color:var(--ink-2)}
.dt-score-sub .up{color:var(--teal);font-weight:700}
.dt-lost{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--ink-2);margin-bottom:10px}
.dt-lost-bar{flex:1;display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--paper-2);gap:2px}
.dt-lost-bar i{display:block;min-width:6px}
.dt-lost b{font:700 .9rem var(--mono);color:var(--red)}
.dt-types{display:flex;flex-wrap:wrap;gap:6px}
.dt-chip{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:999px;padding:4px 10px;font:600 .8rem/1.2 inherit;background:var(--red-soft);color:var(--red)}
button.dt-chip{cursor:pointer}
button.dt-chip:hover{box-shadow:0 0 0 2px currentColor inset}
.dt-chip.t-accent,.dt-chip.t-tiret,.dt-chip.t-majuscule,.dt-chip.t-ponctuation{background:var(--yellow-soft);color:var(--ochre)}
.dt-chip.trap{background:var(--indigo-soft);color:var(--indigo)}
.dt-chip.rep{background:var(--paper-2);color:var(--ink-2)}
.dt-lost-bar .t-accord{background:#D9534A}.dt-lost-bar .t-conjugaison{background:#B42318}.dt-lost-bar .t-homophone{background:#E07A5F}
.dt-lost-bar .t-orthographe{background:#8E1B12}.dt-lost-bar .t-oubli,.dt-lost-bar .t-ajout{background:#F0A39B}
.dt-lost-bar .t-accent,.dt-lost-bar .t-tiret,.dt-lost-bar .t-majuscule,.dt-lost-bar .t-ponctuation{background:#E9C75C}
.dt-tabs2{display:flex;gap:4px;border-bottom:1.5px solid var(--line);margin:4px 0 12px}
.dt-tabs2 button{border:0;background:none;padding:9px 14px;font:700 .95rem inherit;color:var(--ink-2);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1.5px}
.dt-tabs2 button.on{color:var(--ink);border-color:var(--indigo)}
.dt-work{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.dt-copie{font:1.12rem/2.5 Georgia,"Times New Roman",serif;background:var(--paper-2);border-radius:14px;padding:16px 20px}
.dt-texte{line-height:1.9}
.dt-texte p{margin:0 0 10px}
.dt-src{font-style:italic;text-align:right;font-size:.92rem}
.dt-f{position:relative;white-space:nowrap;cursor:pointer;border-radius:6px;padding:1px 2px;transition:background .15s}
.dt-f:hover,.dt-f:focus{background:rgba(180,35,24,.08);outline:none}
.dt-f.sel{background:rgba(43,58,143,.12);box-shadow:0 0 0 2px var(--indigo)}
.dt-f s{color:var(--red);text-decoration-thickness:2px}
.dt-f b{color:var(--teal);font-weight:700;margin-left:3px}
.dt-f sup{font:700 .62rem var(--mono);color:#fff;background:var(--red);border-radius:999px;padding:1px 4px;margin-left:2px;vertical-align:.9em}
.dt-f.t-accent sup,.dt-f.t-tiret sup,.dt-f.t-majuscule sup,.dt-f.t-ponctuation sup{background:#B08A12}
.dt-f.t-accent s,.dt-f.t-tiret s,.dt-f.t-majuscule s,.dt-f.t-ponctuation s{color:var(--ochre)}
ins.dt-f{text-decoration:none;color:var(--teal);font-weight:700;border-bottom:2px dashed var(--red)}
del.dt-f{color:var(--red)}
.dt-legend{font-size:.8rem;color:var(--ink-2);margin:8px 2px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dt-legend .dt-f{font-size:.92rem;cursor:default}
/* panneau d'explication d'une faute */
.dt-panel{position:sticky;top:90px;background:var(--paper);border:1.5px solid var(--indigo-line);border-radius:18px;padding:14px 16px;box-shadow:0 12px 26px -20px rgba(43,58,143,.6)}
.dt-pn-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.88rem;color:var(--ink-2)}
.dt-pn-head b{color:var(--ink)}
.dt-nav{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--paper);font:700 1.2rem/1 inherit;cursor:pointer;color:var(--ink)}
.dt-nav:hover:not(:disabled){border-color:var(--indigo);color:var(--indigo)}
.dt-nav:disabled{opacity:.35;cursor:default}
.dt-diff{display:flex;align-items:center;gap:10px;margin:12px 0 8px;flex-wrap:wrap}
.dt-diff>i{font-style:normal;color:var(--ink-2)}
.dt-diff div{display:flex;flex-direction:column;gap:2px}
.dt-diff small{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-weight:700}
.dt-diff span{font:600 1.3rem Georgia,serif;letter-spacing:.02em}
.dt-diff .got{color:var(--red);text-decoration:line-through;text-decoration-thickness:1.5px}
.dt-diff .got mark{background:var(--red-soft);color:var(--red);border-radius:3px}
.dt-diff .ref{color:var(--teal)}
.dt-diff .ref mark{background:var(--teal-soft);color:var(--teal);border-radius:3px;box-shadow:0 2px 0 var(--teal)}
.dt-gap{display:inline-block;width:.35em;border-bottom:2px solid var(--red);margin:0 1px;height:.8em}
.dt-why{font-size:.95rem;line-height:1.55;margin:6px 0 10px}
.dt-plus{display:block;margin-top:6px;font-size:.88rem;color:var(--ink-2)}
.dt-rule{display:inline-block;font-weight:700;font-size:.9rem;color:var(--indigo);text-decoration:none;background:var(--indigo-soft);border-radius:10px;padding:7px 10px;margin-bottom:8px}
.dt-rule:hover{text-decoration:underline}
.dt-ctx{font:italic .9rem/1.5 Georgia,serif;color:var(--ink-2);margin:4px 0 0;border-left:3px solid var(--line);padding-left:10px}
.dt-sec{margin-top:24px}
.dt-sec h3{font:600 1.2rem var(--serif);margin:0 0 8px;display:flex;align-items:center;gap:8px}
.dt-sec-sub{font-size:.9rem;color:var(--ink-2);margin:0 0 10px}
.dt-traps{display:flex;flex-wrap:wrap;gap:6px}
.dt-trap{border-radius:12px;border:1px solid var(--line);background:var(--paper)}
.dt-trap[open]{flex-basis:100%}
.dt-trap summary{list-style:none;cursor:pointer;padding:6px 12px;font:600 .98rem Georgia,serif;display:flex;align-items:center;gap:6px}
.dt-trap summary::-webkit-details-marker{display:none}
.dt-trap i{font:700 .8rem var(--mono);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal}
.dt-trap.ok i{background:var(--teal-soft);color:var(--teal)}
.dt-trap.ko{border-color:#F3C2BC}
.dt-trap.ko i{background:var(--red-soft);color:var(--red)}
.dt-trap p{margin:0;padding:0 12px 10px 38px;font-size:.9rem;color:var(--ink-2)}
.dt-notions{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.dt-notions a{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;text-decoration:none;color:var(--ink);background:var(--paper)}
.dt-notions a:hover{border-color:var(--indigo)}
.dt-notions span{font-size:.84rem;color:var(--indigo)}
.dt-drill{display:grid;gap:6px}
.dt-dr{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:6px 10px;background:var(--paper)}
.dt-dr p{margin:0;flex:1;font:1.02rem/1.9 Georgia,serif}
.dt-dr input{font:1rem Georgia,serif;border:0;border-bottom:2px solid var(--indigo);background:var(--indigo-soft);border-radius:6px 6px 0 0;padding:1px 6px;margin:0 2px;color:var(--ink)}
.dt-dr input:focus{outline:none;background:#fff}
.dt-dr.ok{border-color:#9ED9CF;background:#F3FBF9} .dt-dr.ok input{border-color:var(--teal)}
.dt-dr.ko{border-color:#F3C2BC;background:#FFF8F7} .dt-dr.ko input{border-color:var(--red)}
.dt-dr-r{font-weight:700;min-width:20px;text-align:right} .dt-dr.ok .dt-dr-r{color:var(--teal)} .dt-dr.ko .dt-dr-r{color:var(--red)}
.dt-say{border:0;background:var(--paper-2);border-radius:50%;width:34px;height:34px;cursor:pointer;flex:none}
.dt-drill-score{font-size:.9rem;font-weight:600;color:var(--ink-2);margin:8px 0 0}
.dt-keep{display:flex;gap:10px;align-items:flex-start;background:var(--paper-2);border-radius:14px;padding:12px 14px;margin-top:22px;font-size:.93rem}
.dt-fam{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:10px 0 0;background:var(--paper)}
.dt-fam summary{cursor:pointer;font-weight:700}
.dt-fam .dt-all{margin-top:10px}
/* ── accueil et listes ── */
.dt-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.dt-tabs a,.dt-tabs button{border:1.5px solid var(--line-2);background:var(--paper);border-radius:12px;padding:9px 18px;font:700 1rem inherit;cursor:pointer;color:var(--ink);text-decoration:none}
.dt-tabs .on{background:var(--ink);color:#fff;border-color:var(--ink)}
.dt-weeks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:14px 0}
.dt-week{background:var(--indigo);color:#fff;border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.dt-week .dt-k{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.dt-week a:not(.dt-b){color:#fff;text-decoration:none}
.dt-week a b{display:block;font:600 1.2rem/1.25 var(--serif)}
.dt-week a em{font-size:.86rem;opacity:.85}
.dt-week .dt-b.full{background:#fff;color:var(--indigo);align-self:flex-start;margin-top:auto}
.dt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.dt-item{position:relative;display:block;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--ink)}
.dt-item:hover{border-color:var(--indigo)}
.dt-item b{display:block;font-size:1rem;padding-right:64px}
.dt-item em{display:block;font-size:.84rem;color:var(--ink-2);margin-top:2px}
.dt-item .dt-tag{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--indigo-soft);color:var(--indigo);margin-bottom:6px}
.dt-done{font:700 .78rem var(--mono);border-radius:999px;padding:2px 8px;white-space:nowrap}
.dt-item .dt-done{position:absolute;top:12px;right:12px}
.dt-done.good{background:var(--teal-soft);color:var(--teal)} .dt-done.mid{background:var(--yellow-soft);color:var(--ochre)} .dt-done.bad{background:var(--red-soft);color:var(--red)}
.dt-soon{background:var(--paper-2);border-radius:16px;padding:16px 18px;color:var(--ink-2)}
#dt-mine{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px 20px;margin:18px 0}
.dt-mine-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.dt-mine-head h2,#dt-mine>h2{font:600 1.3rem var(--serif);margin:0}
.dt-mine-head span{font-size:.82rem;font-weight:700;color:var(--teal);background:var(--teal-soft);border-radius:999px;padding:4px 10px}
.dt-mine-empty{margin:6px 0 0;font-size:.95rem}
.dt-kpis{display:flex;gap:10px;flex-wrap:wrap}
.dt-kpis>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--paper-2);border-radius:14px;padding:10px 14px}
.dt-kpis b{font:700 1.4rem var(--mono)} .dt-kpis b.good{color:var(--teal)} .dt-kpis b.mid{color:var(--ochre)} .dt-kpis b.bad{color:var(--red)}
.dt-kpis span{font-size:.78rem;color:var(--ink-2)}
.dt-kpis polyline{fill:none;stroke:var(--indigo);stroke-width:2.2;stroke-linejoin:round}
.dt-kpis circle{fill:var(--indigo)}
.dt-top{font-size:.92rem;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dt-top>span:first-child{font-weight:700;margin-right:4px}
.dt-note-small{font-size:.8rem;color:var(--ink-2);margin:12px 0 0}
.dt-how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.dt-how div{background:var(--paper-2);border-radius:14px;padding:12px 14px;font-size:.9rem}
.dt-how b{display:block;margin-bottom:2px}
.dt-hsec{margin:26px 0}
.dt-hsec h2{font:600 1.35rem var(--serif);margin:0 0 4px}
.dt-hsec>p{margin:0 0 10px;color:var(--ink-2);font-size:.95rem}
.dt-pills{display:flex;flex-wrap:wrap;gap:8px}
.dt-pills a{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--paper);text-decoration:none;color:var(--ink);font-weight:600}
.dt-pills a:hover{border-color:var(--indigo);color:var(--indigo)}
.dt-pills a i{font:700 .75rem var(--mono);font-style:normal;color:var(--ink-2)}
.dt-rulebox{background:var(--paper-2);border-radius:16px;padding:14px 18px;margin:14px 0}
.dt-rulebox h2{font:600 1.2rem var(--serif);margin:0 0 6px}
.dt-rulebox p{margin:0 0 8px}
.dt-ex{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.dt-ex div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);font-size:.9rem}
.dt-ex b{font:600 1.05rem Georgia,serif;display:block}
.dt-ex a{font-size:.8rem;color:var(--indigo)}
.dt-year h3{font:600 1.1rem var(--serif);margin:18px 0 8px}
.dt-faq details{border-bottom:1px solid var(--line);padding:10px 0}
.dt-faq summary{cursor:pointer;font-weight:700}
.dt-faq p{margin:6px 0 0;color:var(--ink-2)}
@media(max-width:900px){.dt-work{grid-template-columns:1fr}.dt-panel{position:static}}
@media(max-width:640px){.dt-card{padding:16px}.dt-score{flex-direction:column;gap:12px}.dt-how{grid-template-columns:1fr}.dt-speed{margin-left:0}
  .dt-ctrl{top:60px}.dt-ic{padding:8px 10px}#dt-in{padding-left:18px;background-image:none,linear-gradient(transparent calc(var(--lh) - .62rem - 1px),#DCD3C0 calc(var(--lh) - .62rem - 1px),#DCD3C0 calc(var(--lh) - .62rem),transparent calc(var(--lh) - .62rem))}}
.dt-msg b{text-transform:none;letter-spacing:0}
.dt-pn-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dt-cost{margin-left:auto;font:700 .9rem var(--mono);color:var(--red);background:var(--red-soft);border-radius:8px;padding:3px 8px}
.dt-cost.zero{color:var(--ink-2);background:var(--paper-2);font:600 .78rem inherit}
/* accueil v3 : choix du niveau, filtre par année, points d'orthographe en carrés */
.dt-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.dt-lvl{display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line-2);border-radius:18px;padding:16px 18px;background:var(--paper);text-decoration:none;color:var(--ink)}
.dt-lvl b{font:600 1.35rem var(--serif)}
.dt-lvl span{font-size:.85rem;color:var(--ink-2)}
.dt-lvl:hover{border-color:var(--indigo)}
.dt-lvl.on{background:var(--ink);border-color:var(--ink);color:#fff}
.dt-lvl.on span{color:rgba(255,255,255,.75)}
.dt-niv .dt-week{margin-top:0}
.dt-years a{padding:7px 14px;font-size:.92rem}
.dt-item[hidden]{display:none}
.dt-ntiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.dt-ntile{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden}
.dt-ntile-a{flex:1;display:flex;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;color:var(--ink)}
.dt-ntile-a b{font-size:1rem;line-height:1.3}
.dt-ntile-a span{font-size:.84rem;font-weight:700;color:var(--indigo)}
.dt-ntile:hover{border-color:var(--indigo)}
.dt-ntile-c{display:block;padding:9px 16px;background:var(--paper-2);font-size:.8rem;color:var(--ink-2);text-decoration:none;border-top:1px solid var(--line)}
.dt-ntile-c:hover{color:var(--indigo)}
@media(max-width:640px){.dt-levels{grid-template-columns:repeat(2,1fr)}}
.dt-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.dt-filtres .dt-tabs{margin:0}
.dt-seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden}
.dt-seg button{border:0;background:var(--paper);padding:9px 14px;font:700 .92rem inherit;cursor:pointer;color:var(--ink)}
.dt-seg button+button{border-left:1.5px solid var(--ink)}
.dt-seg button.on{background:var(--ink);color:#fff}
.dt-stars button{font-size:1rem;letter-spacing:.05em;color:#B08A12}
.dt-stars button.on{color:#FFD76A}
.dt-serie-t{font-weight:700;font-size:.9rem;color:var(--ink-2);margin:10px 0 6px;text-transform:uppercase;letter-spacing:.05em}
.dt-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.dt-ex1{background:var(--paper-2);border-radius:14px;padding:12px 14px}
.dt-ex1 b a{color:var(--ink);text-decoration:none}.dt-ex1 b a:hover{color:var(--indigo)}
.dt-ex1 p{margin:6px 0 0;font-size:.9rem;line-height:1.5}