/* Présentation de l’atelier uniquement : les outils gardent leur script et leurs champs. */
.atelier-tools .atelier-hero {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) 174px;
  grid-template-areas:"copy art" "lead art" "links links";
  column-gap:24px;
  align-items:center;
  padding:22px 26px;
  margin:8px 0 26px;
  border:1px solid #294553;
  border-radius:22px;
  background:radial-gradient(ellipse at 86% 12%,#17434c66,transparent 45%),linear-gradient(125deg,#101f2e,#0d1925);
  overflow:hidden;
}
.atelier-tools .atelier-hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:280px;
  height:280px;
  top:-156px;
  right:-72px;
  border:1px solid #c5a76028;
  border-radius:50%;
  box-shadow:0 0 0 35px #4cc3cb0b,0 0 0 75px #4cc3cb07;
  pointer-events:none;
}
.atelier-tools .atelier-hero-copy { grid-area:copy; align-self:end; }
.atelier-tools .atelier-hero .eyebrow { color:#84d6db; font-size:.71rem; letter-spacing:.16em; }
.atelier-tools .atelier-hero h1 { margin:8px 0 0; font-size:clamp(1.9rem,4.2vw,3.1rem); line-height:1.06; letter-spacing:-.035em; }
.atelier-tools .atelier-hero-lead { grid-area:lead; max-width:620px; margin:12px 0 16px; color:#bed0db; font-size:1rem; line-height:1.5; align-self:start; }
.atelier-tools .atelier-hero-art { grid-area:art; margin:0; width:174px; height:180px; display:grid; place-items:center; position:relative; }
.atelier-tools .atelier-hero-art::before { content:""; position:absolute; width:146px; height:146px; border-radius:50%; background:radial-gradient(circle,#51bdc320,transparent 69%); border:1px solid #d9b76624; }
.atelier-tools .atelier-hero-art img { position:relative; display:block; width:auto; max-width:100%; height:180px; object-fit:contain; filter:drop-shadow(0 5px 12px #0006); }
.atelier-tools .atelier-shortcuts { grid-area:links; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; }
.atelier-tools .atelier-shortcut { display:flex; align-items:center; gap:12px; min-height:72px; padding:13px 15px; border:1px solid #294454; border-radius:13px; background:#102333; color:#eef6fb; text-decoration:none; }
.atelier-tools .atelier-shortcut:hover { border-color:#5e9b9e; background:#15303e; }
.atelier-tools .atelier-shortcut:focus-visible { outline:3px solid #d9b766; outline-offset:4px; }
.atelier-tools .atelier-shortcut-symbol { flex:0 0 32px; width:32px; height:32px; border-radius:9px; display:grid; place-items:center; color:#8bdcdb; background:#163b46; font-size:22px; }
.atelier-tools .atelier-shortcut strong { display:block; font-size:.98rem; line-height:1.2; font-weight:750; }
.atelier-tools .atelier-shortcut small { display:block; color:#a8becb; font-size:.76rem; margin-top:4px; }
.atelier-tools .atelier-external { color:#d9b766; margin-left:auto; font-size:1rem; }
.atelier-tools .atelier-session { padding-top:0; }
.atelier-tools .atelier-section-head { align-items:center; gap:12px; margin-bottom:18px; }
.atelier-tools .atelier-section-kicker { display:block; font-size:.7rem; color:#8ab9c4; text-transform:uppercase; letter-spacing:.13em; margin-bottom:3px; }
.atelier-tools .atelier-section-head h2 { font-size:1.45rem; }
.atelier-tools .tool { padding:20px; border-color:#274150; background:linear-gradient(145deg,#122433,#101e2d); }
.atelier-tools .tool .badge { margin-bottom:11px; color:#b6cdd7; }
.atelier-tools .tool h3 { margin:0 0 12px; font-size:1.1rem; line-height:1.35; }
.atelier-tools .tool label { display:block; color:#d1e0e8; font-size:.89rem; margin:13px 0 6px; }
.atelier-tools .tool .row { margin-top:10px; }
.atelier-tools .atelier-timer .timer { font-size:clamp(3rem,8vw,4.6rem); margin:7px 0 10px; }
@media(max-width:820px) {
  .atelier-tools .atelier-hero { column-gap:16px; padding:20px; }
  .atelier-tools .atelier-shortcut { gap:9px; padding:12px; }
  .atelier-tools .atelier-shortcut-symbol { display:none; }
}
@media(max-width:560px) {
  .atelier-tools .atelier-hero { grid-template-columns:minmax(0,1fr) 90px; grid-template-areas:"copy art" "lead lead" "links links"; gap:0 12px; padding:18px 16px; border-radius:18px; }
  .atelier-tools .atelier-hero h1 { font-size:1.9rem; }
  .atelier-tools .atelier-hero .eyebrow { font-size:.65rem; letter-spacing:.1em; }
  .atelier-tools .atelier-hero-copy { align-self:center; }
  .atelier-tools .atelier-hero-art { width:90px; height:105px; }
  .atelier-tools .atelier-hero-art img { height:105px; }
  .atelier-tools .atelier-hero-art::before { width:80px; height:80px; }
  .atelier-tools .atelier-hero-lead { margin:8px 0 12px; font-size:.92rem; }
  .atelier-tools .atelier-shortcuts { gap:7px; margin-top:3px; }
  .atelier-tools .atelier-shortcut { min-height:51px; justify-content:center; text-align:center; gap:3px; padding:10px 6px; }
  .atelier-tools .atelier-shortcut strong { font-size:.81rem; }
  .atelier-tools .atelier-shortcut small { display:none; }
  .atelier-tools .atelier-external { font-size:.85rem; margin-left:1px; }
  .atelier-tools .atelier-section-head { align-items:flex-start; flex-direction:column; gap:4px; }
  .atelier-tools .tool { padding:18px; }
}