/* Site vitrine : section Todo list et encart « Événements : bientôt » (page d'accueil). */
html body:not(.shell):not(.room) .board .tdv .tdv-in{grid-template-columns:220px minmax(0,1fr);align-items:start}
html body:not(.shell):not(.room) .board .tdv-side{display:grid;gap:4px;padding:14px;border-radius:16px;background:#fff;border:1px solid #E9E4D9}
html body:not(.shell):not(.room) .board .tdv-k{margin:0 0 6px!important;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8E8E93}
html body:not(.shell):not(.room) .board .tdv-side>span{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;font-size:.84rem;font-weight:600;color:#3A3A3C}
html body:not(.shell):not(.room) .board .tdv-side>span.on{background:color-mix(in srgb,var(--c) 16%,#fff);color:#1D1D1F}
html body:not(.shell):not(.room) .board .tdv-side em{font-style:normal;font-size:.9rem}
html body:not(.shell):not(.room) .board .tdv-side em{display:grid;place-items:center}
html body:not(.shell):not(.room) .board .tdv-side em svg{width:16px;height:16px}
html body:not(.shell):not(.room) .board .tdv-side b{margin-left:auto;font-size:.76rem;color:#8E8E93}
html body:not(.shell):not(.room) .board .tdv-paste{margin:10px 0 0!important;padding:10px;border-radius:12px;border:1.5px dashed #D9D3C5;font-size:.78rem;font-weight:700;color:#6E6E73}
html body:not(.shell):not(.room) .board .tdv-paste small{display:block;margin-top:4px;font-weight:500;line-height:1.5;color:#8E8E93}
html body:not(.shell):not(.room) .board .tdv-kb{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px}
html body:not(.shell):not(.room) .board .tdv-col{display:grid;gap:8px;align-content:start;padding:10px;border-radius:16px;background:#EFEAE0}
html body:not(.shell):not(.room) .board .tdv-h{display:flex;align-items:center;gap:7px;margin:2px 4px 4px!important;font-size:.8rem;font-weight:700;color:#1D1D1F}
html body:not(.shell):not(.room) .board .tdv-h i{width:9px;height:9px;border-radius:50%;background:var(--d)}
html body:not(.shell):not(.room) .board .tdv-h span{margin-left:auto;font-size:.74rem;color:#8E8E93}
html body:not(.shell):not(.room) .board .tdv-t{display:grid;gap:7px;padding:11px 12px;border-radius:12px;background:#fff;border:1px solid #E9E4D9}
html body:not(.shell):not(.room) .board .tdv-t b{font-size:.84rem;line-height:1.3;font-weight:600;color:#1D1D1F}
html body:not(.shell):not(.room) .board .tdv-t.done b{color:#8E8E93;text-decoration:line-through}
html body:not(.shell):not(.room) .board .tdv-t small{display:flex;align-items:center;justify-content:space-between;gap:6px}
html body:not(.shell):not(.room) .board .tdv-t em{font-style:normal;font-size:.7rem;font-weight:700;padding:3px 7px;border-radius:6px;color:color-mix(in srgb,var(--l) 55%,#000);background:color-mix(in srgb,var(--l) 16%,#fff)}
html body:not(.shell):not(.room) .board .tdv-t time{font-size:.72rem;font-weight:600;color:#6E6E73}
html body:not(.shell):not(.room) .board .tdv-t time.late{color:#E5484D}

html body:not(.shell):not(.room) .board .evsoon{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center;padding:30px 34px;border-radius:26px;border:1.5px dashed #D9D3C5;background:#FBF9F4;text-align:left}
html body:not(.shell):not(.room) .board .evs-b{display:inline-block;padding:5px 10px;border-radius:999px;background:#1D1D1F;color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
html body:not(.shell):not(.room) .board .evsoon h3{font:800 clamp(1.4rem,2.4vw,1.8rem)/1.08 "Inter Tight",Inter,sans-serif!important;letter-spacing:-.03em!important;margin:12px 0 8px!important;color:#1D1D1F}
html body:not(.shell):not(.room) .board .evsoon p{margin:0!important;font-size:.95rem;line-height:1.5;color:#6E6E73}
html body:not(.shell):not(.room) .board .evs-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html body:not(.shell):not(.room) .board .evs-r div{display:grid;gap:6px;padding:14px;border-radius:16px;background:#fff;border:1px solid #E9E4D9;border-top:4px solid var(--c);opacity:.9}
html body:not(.shell):not(.room) .board .evs-r small{font-size:.72rem;font-weight:600;color:#8E8E93}
html body:not(.shell):not(.room) .board .evs-r b{font-size:.92rem;line-height:1.25;color:#1D1D1F}

@media(max-width:900px){
  html body:not(.shell):not(.room) .board .tdv .tdv-in{grid-template-columns:1fr}
  html body:not(.shell):not(.room) .board .tdv-side{display:none}
  html body:not(.shell):not(.room) .board .tdv-kb{grid-template-columns:repeat(3,minmax(200px,1fr));overflow-x:auto}
  html body:not(.shell):not(.room) .board .evsoon{grid-template-columns:1fr;gap:18px;padding:24px 18px}
  html body:not(.shell):not(.room) .board .evs-r{grid-template-columns:1fr}
  html body:not(.shell):not(.room) .board .atg .atk:nth-child(n+4){display:none}
  html body:not(.shell):not(.room):not(.authed) .seances-pick .mine-list .mcard:nth-child(n+3){display:none!important}
}

/* Visiteurs : on montre aussi les séances proposées par les membres (cachées pour les membres connectés). */
html body:not(.shell):not(.room):not(.authed) .seances-pick .mine{display:grid!important;gap:14px;margin-top:4px}
html body:not(.shell):not(.room):not(.authed) .seances-pick .mine #mk-open{display:none}
html body:not(.shell):not(.room):not(.authed) .seances-pick .mine-list .mcard:nth-child(n+5){display:none!important}