.patch-notes-page{max-width:1080px;margin:0 auto;padding:72px 28px 110px}.patch-notes-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;border:1px solid #ffffff12;border-radius:24px;background:radial-gradient(circle at 8% 0,#ef5b651f,transparent 42%),#181a1f}.patch-notes-hero-copy{min-width:0}.patch-notes-hero h1{margin:8px 0 10px;font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.06em}.patch-notes-hero-copy>p:not(.eyebrow){max-width:560px;margin:0;color:#9da4ae;line-height:1.6}.patch-notes-hero form{flex:0 0 auto}.patch-notes-notice{margin:18px 0;padding:13px 16px;border:1px solid #69d89a40;border-radius:12px;background:#69d89a0d;color:#a6e5bd}.patch-notes-timeline{position:relative;margin-top:54px}.patch-notes-timeline:before{content:"";position:absolute;left:97px;top:0;bottom:0;width:1px;background:linear-gradient(#ef626b66,transparent)}.patch-note-release{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr);gap:26px;margin-bottom:34px}.patch-note-marker{position:relative;padding-top:23px;text-align:right}.patch-note-marker span{position:absolute;right:66px;top:24px;width:12px;height:12px;border:3px solid #17191d;border-radius:50%;background:#ef626b;box-shadow:0 0 0 4px #ef626b22}.patch-note-marker small{color:#858c96;font-size:11px}.patch-note-card{padding:25px 28px;border:1px solid #ffffff12;border-radius:18px;background:#181a1f;box-shadow:0 16px 35px #0000001c}.patch-note-card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;padding-bottom:16px}.patch-note-card-head .eyebrow{margin:0;color:#ef777d}.patch-note-card-head>span{color:#727a86;font-size:11px}.patch-note-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;padding-top:22px}.patch-note-sections h2{margin:0 0 10px;font-size:15px}.patch-note-sections ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.patch-note-sections li{color:#aab1bc;font-size:12px;line-height:1.55}.patch-note-sections li:before{content:"›";margin-right:8px;color:#ef6b72}.patch-notes-hero .button{white-space:nowrap}@media(max-width:760px){.patch-notes-page{padding:35px 16px 70px}.patch-notes-hero{display:block;padding:24px}.patch-notes-hero form{margin-top:22px}.patch-notes-timeline:before{left:11px}.patch-note-release{display:block;padding-left:34px}.patch-note-marker{padding:0 0 10px;text-align:left}.patch-note-marker span{left:-28px;right:auto;top:2px}.patch-note-sections{grid-template-columns:1fr}}

/* Hero Patch Notes : neutralise le style global des éléments <header> et clarifie la hiérarchie. */
.patch-notes-page > .patch-notes-hero{
  position:relative;
  top:auto;
  z-index:1;
  height:auto;
  min-height:0;
  margin:0;
  padding:clamp(28px,4vw,44px) clamp(24px,4vw,48px);
  align-items:center;
  border-radius:22px;
  overflow:hidden;
  box-sizing:border-box;
}
.patch-notes-page > .patch-notes-hero .patch-notes-hero-copy{flex:1 1 auto}
.patch-notes-page > .patch-notes-hero .eyebrow{margin:0 0 14px}
.patch-notes-page > .patch-notes-hero h1{font-size:clamp(48px,6vw,76px);line-height:.94;margin:0 0 14px}
.patch-notes-page > .patch-notes-hero .patch-notes-hero-copy>p:last-child{max-width:620px;font-size:clamp(13px,1.4vw,16px);line-height:1.65}
.patch-notes-page > .patch-notes-hero form{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.patch-notes-page > .patch-notes-hero form .button{min-height:50px;padding-inline:22px}
.patch-notes-timeline{margin-top:48px}
.patch-note-card{background:linear-gradient(145deg,#1b1e23,#17191d);box-shadow:0 14px 30px #00000024}
@media(max-width:760px){
  .patch-notes-page > .patch-notes-hero{padding:26px 22px}
  .patch-notes-page > .patch-notes-hero h1{font-size:clamp(42px,13vw,62px)}
  .patch-notes-page > .patch-notes-hero form .button{width:100%;justify-content:center}
  .patch-notes-timeline{margin-top:38px}
}

/* Timeline : repères lisibles et véritable empilement sur les écrans étroits. */
.patch-notes-timeline{max-width:100%;padding-left:0}
.patch-notes-timeline:before{left:128px;background:linear-gradient(180deg,#ef626b88 0%,#ef626b28 72%,transparent 100%)}
.patch-note-release{grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start}
.patch-note-marker{padding:18px 32px 0 0}
.patch-note-marker span{right:45px;top:20px}
.patch-note-marker small{display:block;white-space:nowrap}
@media(max-width:900px){
  .patch-notes-timeline{margin-top:38px}
  .patch-notes-timeline:before{left:13px}
  .patch-note-release{display:block;padding-left:34px;margin-bottom:28px}
  .patch-note-marker{padding:0 0 12px;text-align:left}
  .patch-note-marker span{left:-27px;right:auto;top:3px}
  .patch-note-marker small{font-size:10px;color:#9aa1ac}
  .patch-note-card{width:100%;box-sizing:border-box;padding:21px 20px}
}


/* Timeline compacte : les cartes restent dans la zone visible même sur les vues étroites. */
.patch-notes-timeline:before{left:86px}
.patch-note-release{grid-template-columns:120px minmax(0,1fr);gap:18px}
.patch-note-marker{padding-right:22px}
.patch-note-marker span{right:16px}
@media(max-width:1100px){
  .patch-notes-page{padding-inline:20px}
  .patch-notes-timeline:before{left:11px}
  .patch-note-release{display:block;padding-left:32px}
  .patch-note-marker{padding:0 0 10px;text-align:left}
  .patch-note-marker span{left:-25px;right:auto;top:2px}
  .patch-note-card{width:100%;max-width:none}
}


/* Timeline v2 : repère compact, date intégrée à chaque carte. */
.patch-notes-timeline{margin-top:44px;padding:0;position:relative}
.patch-notes-timeline:before{left:12px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#ef626b99,#ef626b25 78%,transparent);border-radius:99px}
.patch-note-release{display:grid;grid-template-columns:25px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:22px;padding:0}
.patch-note-marker{height:100%;padding:22px 0 0;position:relative;text-align:left}
.patch-note-marker span{position:relative;display:block;right:auto;top:auto;left:0;width:13px;height:13px;border:3px solid #17191d;border-radius:50%;background:#ef626b;box-shadow:0 0 0 4px #ef626b22;box-sizing:border-box}
.patch-note-card{min-width:0;padding:24px 28px;border-radius:18px;background:linear-gradient(145deg,#1c1f24,#17191d);border:1px solid #ffffff14;box-shadow:0 14px 30px #00000024}
.patch-note-card-head{align-items:flex-start;padding-bottom:15px}
.patch-note-card-head>div{min-width:0}
.patch-note-card-head .eyebrow{margin:0 0 7px}
.patch-note-card-head time{display:block;color:#858c96;font-size:11px;line-height:1.3}
.patch-note-card-head>span{margin-top:2px;padding:5px 9px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff06;white-space:nowrap}
@media(max-width:600px){
 .patch-notes-timeline{margin-top:34px}
 .patch-notes-timeline:before{left:10px}
 .patch-note-release{grid-template-columns:21px minmax(0,1fr);gap:14px;margin-bottom:17px}
 .patch-note-marker{padding-top:19px}
 .patch-note-marker span{width:12px;height:12px}
 .patch-note-card{padding:20px 17px;border-radius:15px}
 .patch-note-card-head{gap:10px}
 .patch-note-card-head>span{font-size:10px;padding:4px 7px}
 .patch-note-sections{grid-template-columns:1fr;gap:20px;padding-top:19px}
}

.patch-notes-hero .patch-notes-updated{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:18px 0 0;padding:8px 12px;border:1px solid #f17e7e38;border-radius:99px;background:#f05f6513;color:#b8bec8;font-size:12px;line-height:1.2}.patch-notes-updated strong{color:#fff;font-weight:750}.patch-note-card-meta{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.patch-note-latest-badge{padding:6px 9px;border:1px solid #f0787855;border-radius:7px;background:#f0787817;color:#ff9b9b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}@media(max-width:600px){.patch-note-card-head{align-items:flex-start;gap:12px}.patch-note-card-meta{align-items:flex-end;flex-direction:column;gap:6px}.patch-notes-hero .patch-notes-updated{white-space:normal}}