@media(min-width:851px){.articles-mega{top:98px!important;padding:24px 27px 20px!important;border-color:#ff405747!important;border-radius:18px!important;background:radial-gradient(circle at 50% 0,#7c27b424,transparent 38%),linear-gradient(145deg,#0f0c13fb,#050508fd)!important;box-shadow:0 34px 95px #000,0 0 45px #c8193a1f!important}.articles-mega:before{content:"";position:absolute;right:0;left:0;top:-30px;height:32px;background:transparent}.articles-mega:after{content:"";position:absolute;z-index:0;inset:-8px;pointer-events:none;background:url('../images/mega-menu-arcane-frame-v1.png') center/100% 100% no-repeat;opacity:.64;filter:drop-shadow(0 0 15px #c51b4f33)}.articles-mega>*{position:relative;z-index:2}.mega-head{padding-inline:10px}.mega-articles{gap:13px!important}.mega-article{min-height:178px!important;border-radius:13px!important}.mega-article img{height:178px!important;transition:transform .45s,filter .45s}.mega-article:hover img{transform:scale(1.055);filter:saturate(1.18)}.mega-article:before{content:"";position:absolute;z-index:3;top:0;right:0;width:42px;height:2px;background:linear-gradient(90deg,transparent,#ff3c55);box-shadow:0 0 12px #ff3c55}.shuffle-articles{display:flex;align-items:center;gap:7px}.shuffle-articles:before{content:"↻";font-size:14px}.mega-all{text-align:center;border-top:1px solid #ffffff14;padding-top:12px}.site-header:has(.articles-mega:hover) .articles-mega{visibility:visible;opacity:1;transform:translate(50%,0);pointer-events:auto}.lang-en .site-header:has(.articles-mega:hover) .articles-mega{transform:translate(-50%,0)}}
/* Keep the article panel interactive while the pointer crosses the header gap. */
@media(min-width:851px){
  .articles-mega:before{top:-42px!important;height:44px!important}
  .articles-mega.is-active{visibility:visible!important;opacity:1!important;transform:translate(50%,0)!important;pointer-events:auto!important}
  .lang-en .articles-mega.is-active{transform:translate(-50%,0)!important}
}

/* Three-section glass navigation: articles / prompts / lessons. */
.site-header .nav-drop>.nav-panel{display:none!important}
@media(min-width:851px){
  .site-header .articles-mega:not(.is-active){visibility:hidden!important;opacity:0!important;transform:translate(50%,10px)!important;pointer-events:none!important}
  .lang-en.site-header .articles-mega:not(.is-active),.lang-en .site-header .articles-mega:not(.is-active){transform:translate(-50%,10px)!important}
  .articles-mega{
    --mega-accent:#ff304d;--mega-soft:#ff304d33;
    border:1px solid color-mix(in srgb,var(--mega-accent) 42%,transparent)!important;
    background:linear-gradient(135deg,rgba(20,18,26,.88),rgba(4,5,9,.94))!important;
    box-shadow:0 30px 90px #000c,inset 0 1px 0 #ffffff1c,0 0 38px var(--mega-soft)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)
  }
  .prompt-mega{--mega-accent:#a855f7;--mega-soft:#9333ea35}
  .lessons-mega{--mega-accent:#38cfff;--mega-soft:#0ea5e935}
  .articles-mega:after{opacity:.38!important;filter:hue-rotate(var(--frame-hue,0deg)) drop-shadow(0 0 18px var(--mega-soft))!important}
  .prompt-mega:after{--frame-hue:250deg}.lessons-mega:after{--frame-hue:165deg}
  .mega-head{border-bottom-color:#ffffff24!important}
  .mega-head span{color:var(--mega-accent)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em}
  .mega-head b{color:#fff!important;font-size:17px!important;font-weight:850!important;text-shadow:0 2px 15px #000}
  .mega-action,.shuffle-articles{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px!important;border:1px solid color-mix(in srgb,var(--mega-accent) 58%,transparent)!important;border-radius:10px!important;background:color-mix(in srgb,var(--mega-accent) 13%,#090a10)!important;color:#fff!important;font-size:10px!important;font-weight:850!important;box-shadow:inset 0 1px 0 #ffffff18,0 8px 24px var(--mega-soft);transition:.22s}
  .mega-action:hover,.shuffle-articles:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--mega-accent) 24%,#090a10)!important}
  .mega-article{border-color:#ffffff2b!important;background:#07080dcc!important;box-shadow:inset 0 1px 0 #ffffff12,0 12px 35px #0007}
  .mega-article:hover{border-color:color-mix(in srgb,var(--mega-accent) 72%,transparent)!important;box-shadow:0 14px 34px #0009,0 0 22px var(--mega-soft)}
  .mega-article:before{background:linear-gradient(90deg,transparent,var(--mega-accent))!important;box-shadow:0 0 14px var(--mega-accent)!important}
  .mega-article:after{inset:24% 0 0!important;background:linear-gradient(transparent 0%,rgba(2,3,7,.78) 50%,#020307 100%)!important}
  .mega-article small{color:var(--mega-accent)!important;font-size:9px!important;font-weight:850!important;text-shadow:0 1px 8px #000}
  .mega-article b{color:#fff!important;font-size:13px!important;font-weight:850!important;line-height:1.65!important;text-shadow:0 2px 9px #000,0 0 3px #000}
  .mega-all{color:var(--mega-accent)!important;font-size:10px!important;font-weight:850!important}
  .nav-drop:nth-of-type(1).open>button{color:#ff5268!important}.nav-drop:nth-of-type(2).open>button{color:#b96cff!important}.nav-drop:nth-of-type(3).open>button{color:#54d8ff!important}
}
@media(max-width:850px){
  .site-header .articles-mega{position:absolute!important;top:calc(100% + 8px)!important;right:8px!important;bottom:auto!important;left:8px!important;width:auto!important;max-height:calc(100vh - 250px);overflow:auto;transform:translateY(8px)!important}
  .articles-mega:not(.is-active){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  .articles-mega.is-active{visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
  .mega-head b,.mega-article b{color:#fff!important;text-shadow:0 2px 8px #000}
}