.mhe-evolution-timeline{--evo-gold:#efbd72;--evo-blue:#66c8e9;--evo-panel:#18122f;width:100%;max-width:none;margin:0 auto}
.mhe-evolution-timeline .mhe-platform-hero{box-sizing:border-box;width:calc(100% - 40px);max-width:1360px;margin:0 auto}
.mhe-evolution-timeline .mhe-platform-view-canvas{display:grid;gap:22px}
.mhe-evolution-timeline .mhe-platform-section,
.mhe-evolution-timeline .mhe-evolution-era{box-sizing:border-box;width:100%;margin:0;padding:clamp(16px,3vw,34px);border:1px solid #60497c;border-radius:24px;background:linear-gradient(145deg,#1b1234eb,#0e1024f2)}
.mhe-evolution-timeline .mhe-platform-section.mhe-evolution-era-wrapper{padding:0;border:0;background:transparent;box-shadow:none}
.mhe-evolution-timeline .mhe-platform-section.mhe-evolution-era-wrapper>.mhe-platform-canvas{padding:0}
.mhe-evolution-timeline .mhe-platform-section>header,
.mhe-evolution-timeline .mhe-evolution-era>header{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:850px;margin:0 auto 28px}
.mhe-evolution-timeline .mhe-platform-section>header h2,
.mhe-evolution-timeline .mhe-evolution-era>header h3{margin:0;color:#f7f1ff;font-size:clamp(1.3rem,2.2vw,2rem)}
.mhe-evolution-timeline .mhe-platform-section>header p,
.mhe-evolution-timeline .mhe-evolution-era>header p{box-sizing:border-box;width:min(760px,100%);max-width:none;margin:.4rem auto 0;color:#bdb4ce;text-align:center}
.mhe-evolution-timeline .mhe-platform-lines{display:none!important}
.mhe-evolution-timeline .mhe-platform-canvas{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;padding:0}
.mhe-evolution-timeline .mhe-platform-canvas::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#76d4ec,#a97ce0,#efbd72);transform:translateX(-50%);opacity:.38;pointer-events:none}
.mhe-evolution-timeline .mhe-evolution-event{width:min(780px,100%);min-height:0;padding:20px 24px;text-align:left;background:linear-gradient(135deg,#2d1c49,#1b1734);border-color:#9a72c8}
.mhe-evolution-timeline .mhe-evolution-event:first-child{border-color:#63c9ed;background:linear-gradient(135deg,#173b5f,#26214a)}
.mhe-evolution-event-open{display:grid;gap:6px;width:100%;margin:0;padding:0;color:inherit;background:transparent;border:0;text-align:left;cursor:pointer}
.mhe-evolution-event-open:focus-visible{outline:3px solid #72d5ff;outline-offset:7px;border-radius:6px}
.mhe-evolution-timeline .mhe-evolution-event strong{font-size:1.05rem}
.mhe-evolution-timeline .mhe-evolution-event small{display:block;max-width:none;color:#c4bbd2;line-height:1.5;-webkit-line-clamp:initial;line-clamp:initial}
.mhe-platform-time,.mhe-platform-sources{display:block}
.mhe-platform-time{color:var(--evo-gold,#efbd72);font-size:.78rem;font-weight:700;letter-spacing:.025em}
.mhe-platform-sources{color:#a8cbd8;font-size:.7rem}
.mhe-evolution-timeline .mhe-evolution-era>.mhe-platform-children{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px}
.mhe-evolution-timeline .mhe-evolution-era>.mhe-platform-children::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#76d4ec,#a97ce0,#efbd72);transform:translateX(-50%);opacity:.65}
.mhe-evolution-timeline .mhe-evolution-era .mhe-evolution-event{z-index:2}
.mhe-evolution-timeline .mhe-platform-lines path[data-relation-type="chronology"]{stroke:#81ccdf;stroke-width:2.2}
@container (max-width:600px){
 .mhe-evolution-timeline .mhe-platform-hero{width:calc(100% - 24px);padding:58px 0 18px;text-align:left}
 .mhe-evolution-timeline .mhe-platform-hero h1{font-size:2rem;line-height:1.06}
 .mhe-evolution-timeline .mhe-platform-tools{width:calc(100% - 24px);margin-left:auto;margin-right:auto;padding:12px}
 .mhe-evolution-timeline .mhe-platform-views{width:calc(100% - 24px);margin-left:auto;margin-right:auto;padding:0}
 .mhe-evolution-timeline .mhe-platform-section,
 .mhe-evolution-timeline .mhe-evolution-era{padding:16px 12px;border-radius:18px}
 .mhe-evolution-timeline .mhe-evolution-event{width:100%;padding:16px;text-align:left}
 .mhe-evolution-timeline .mhe-evolution-era>header{padding:0 6px}
}