/* M29 – CloudySystem enterprise editorial navigation.
   Scoped to the 8 article topics + 3 guided reading routes.
   All links are real existing destinations, without internal scroll. */
.journal-topics--premium{
  position:relative; isolation:isolate;
  max-width:1392px; padding:2.4rem clamp(1rem,2.5vw,2.2rem) 2.2rem;
  margin-top:0; margin-bottom:3rem;
  border-radius:27px;
  background:radial-gradient(circle at 10% -35%,#d6e8ff 0,transparent 48%),linear-gradient(138deg,#f8fbff 0%,#eef5ff 100%);
  border:1px solid #e2ebfa; box-shadow:0 19px 50px -44px #285daa;
}
.journal-topics--premium .journal-topics__glow{
  position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none;border-radius:27px;
}
.journal-topics--premium .journal-topics__glow::before{
 content:""; position:absolute; width:460px; height:260px; left:-60px; top:-95px;
 border-radius:40px;transform:rotate(-16deg);
 border:1px solid rgba(59,133,235,.13);
 box-shadow:0 0 0 38px rgba(80,148,234,.035),0 0 0 83px rgba(80,148,234,.024);
}
.journal-topics--premium .journal-topics__heading{position:relative;z-index:1;align-items:flex-end;margin:0 0 1.55rem;border:0;padding:0;gap:2rem}
.journal-topics--premium .journal-topics__heading h2{font-size:clamp(1.9rem,3.1vw,3rem);margin:.3rem 0 .55rem;line-height:1.29}
.journal-topics--premium .journal-topics__heading .blog-eyebrow{color:#1865d9;font-weight:800;letter-spacing:0}
.journal-topics--premium .journal-topics__subheading{font-size:.92rem;color:#526884;line-height:1.8;margin:0!important;max-width:680px}
.journal-topics--premium .journal-topics__summary{white-space:nowrap;align-self:flex-end;background:rgba(255,255,255,.78);border:1px solid #dce8f9;border-radius:40px;padding:.5rem .86rem;color:#1b559e;font-size:.76rem;font-weight:800}
.journal-topics--premium .journal-topics__summary span{margin:0 .25rem;opacity:.55}
.journal-topics--premium .journal-topics__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.journal-topics--premium .journal-topic--premium{
  min-width:0;min-height:232px;position:relative;display:flex;flex-direction:column;
  padding:1.12rem 1.2rem 1.06rem;gap:.35rem;
  background:rgba(255,255,255,.96);border:1px solid #dfe9f6;border-radius:17px;
  color:#102344!important;text-decoration:none!important;
  box-shadow:0 9px 30px -28px rgba(15,61,129,.55);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.journal-topics--premium .journal-topic--premium:hover{
 border-color:#9fbff5;transform:translateY(-3px);box-shadow:0 17px 31px -25px #3260aa;
}
.journal-topics--premium .journal-topic--premium[aria-current="true"],.journal-topics--premium .journal-topic--premium:focus-visible{
 border-color:#1768f5;box-shadow:0 0 0 2px #bbd6ff,0 12px 30px -25px #3260aa;outline:0;
}
.journal-topic--premium .journal-topic__top{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 .55rem;gap:.8rem;width:100%}
.journal-topic--premium .journal-topic__icon{
 display:grid;place-items:center;width:46px;height:46px;flex:none;
 border-radius:12px;background:#e5efff;color:#165fe1;
}
.journal-topic--premium .journal-topic__icon svg{width:25px;height:25px}
.journal-topic--premium:nth-child(2) .journal-topic__icon{background:#e6f1ff;color:#215ac4}
.journal-topic--premium:nth-child(3) .journal-topic__icon{background:#e5f1ff;color:#2468dc}
.journal-topic--premium:nth-child(4) .journal-topic__icon{background:#e5edff;color:#3764dc}
.journal-topic--premium:nth-child(5) .journal-topic__icon{background:#f0eaff;color:#7552d8}
.journal-topic--premium:nth-child(6) .journal-topic__icon{background:#e4f7f5;color:#0c9e9e}
.journal-topic--premium:nth-child(7) .journal-topic__icon{background:#e6f7f0;color:#0d956b}
.journal-topic--premium:nth-child(8) .journal-topic__icon{background:#e9f0ff;color:#3358aa}
.journal-topic--premium .journal-topic__number{
 color:#1f68d8;background:#eef4ff;min-width:35px;height:27px;border-radius:30px;
 padding:0 .42rem;display:grid;place-items:center;font-size:.76rem;font-weight:850;
}
.journal-topic--premium .journal-topic__name{color:#0a2249;font-weight:850;font-size:1.06rem;line-height:1.42;margin:0}
.journal-topic--premium .journal-topic__desc{
 color:#667894;font-size:.78rem;line-height:1.65;max-width:none;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.journal-topic--premium .journal-topic__footer{
 width:100%;margin-top:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.3rem;
 border-top:1px solid #e8eff7;padding-top:.7rem;color:#486a96;font-size:.76rem;
}
.journal-topic--premium .journal-topic__articles{color:#526d95;font-size:.74rem;font-weight:750;white-space:nowrap}
.journal-topic--premium .journal-topic__action{display:inline-flex;align-items:center;gap:.4rem;color:#145ecf;font-weight:850;white-space:nowrap}
.journal-topic--premium .journal-topic__action span{display:grid;place-items:center;background:#e9f2ff;border-radius:100%;width:23px;height:23px;font-size:1rem;transition:transform .18s}
.journal-topic--premium:hover .journal-topic__action span{transform:translate(-2px,-2px)}
.blog-tracks--premium{
  position:relative;max-width:1392px;
  margin:0 auto 3.3rem;padding:2.25rem clamp(1rem,2.5vw,2.2rem) 2.4rem;
  background:radial-gradient(ellipse at 8% 4%,#d8e8fd,transparent 40%),#f4f8fd;
  border:1px solid #e5eef9;border-radius:27px;overflow:hidden;
}
.blog-tracks--premium .blog-section-head{position:relative;z-index:1;border:0;padding:0;margin:0 0 1.55rem;align-items:flex-end}
.blog-tracks--premium .blog-section-head h2{font-size:clamp(1.8rem,3vw,2.9rem)}
.blog-tracks--premium .blog-section-head>p{max-width:430px}
.blog-tracks--premium .blog-tracks__route{
 position:absolute;pointer-events:none;left:2%;top:1px;width:250px;height:130px;opacity:.85;
}
.blog-tracks--premium .blog-tracks__route svg{display:block;width:100%;height:100%}
.blog-tracks__grid--premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.blog-tracks__grid--premium .blog-track--premium{
 position:relative;display:flex;flex-direction:column;min-width:0;min-height:343px;
 padding:1.35rem 1.25rem 1.2rem;overflow:hidden;border:1px solid #dce8f6;border-radius:17px;
 background:#fff!important;box-shadow:0 12px 31px -28px #25569a;
}
.blog-track--premium::before{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:#1768f5}
.blog-track--premium:nth-child(2)::before{background:#0aa5b3}
.blog-track--premium:nth-child(3)::before{background:#173c7d}
.blog-track--premium .blog-track__top{display:flex;align-items:center;justify-content:space-between;margin:0 0 .75rem;gap:.8rem}
.blog-track--premium .blog-track__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e9f1ff;color:#1768eb}
.blog-track--premium:nth-child(2) .blog-track__icon{background:#e1f7f5;color:#0c979b}
.blog-track--premium:nth-child(3) .blog-track__icon{background:#e6edfa;color:#244e96}
.blog-track--premium .blog-track__icon svg{width:25px;height:25px}
.blog-track--premium .blog-track__index{font-size:.73rem;font-weight:850;color:#2361c2;background:#edf5ff;padding:.28rem .65rem;border-radius:30px}
.blog-track--premium h3{color:#0c2348;font-size:1.22rem;line-height:1.4;margin:0 0 .4rem}
.blog-track--premium>p{font-size:.8rem;line-height:1.65;margin:0 0 .9rem;color:#64758f}
.blog-track--premium ol.blog-track__steps{padding:0;margin:0 0 .5rem;list-style:none;counter-reset:step;display:grid;gap:.4rem}
.blog-track--premium .blog-track__steps li{padding:0;margin:0;border:0}
.blog-track--premium .blog-track__steps a{
 display:flex;align-items:center;justify-content:space-between;gap:.5rem;
 color:#1959b0;text-decoration:none!important;min-height:41px;
 padding:.53rem .7rem;background:#f8fbff;border:1px solid #e6edf7;border-radius:9px;
 font-size:.78rem;line-height:1.4;font-weight:750;
}
.blog-track--premium .blog-track__steps a:hover{background:#edf5ff;border-color:#bfd8fa;color:#064aa3}
.blog-track--premium .blog-track__steps a span:first-child{flex:1;min-width:0}
.blog-track--premium .blog-track__chevron{font-size:1.2rem;line-height:1;color:#1768f5}
.blog-track--premium a.blog-track__start{
 display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;
 margin-top:auto;padding:.75rem 0 .15rem;color:#1358be!important;
 font-size:.79rem;font-weight:850;text-decoration:none;
}
.blog-track--premium a.blog-track__start:hover{text-decoration:underline}
@media(max-width:1050px){
 .journal-topics--premium .journal-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .journal-topics--premium .journal-topic--premium{min-height:215px}
 .blog-tracks__grid--premium{grid-template-columns:1fr 1fr}
 .blog-tracks__grid--premium .blog-track--premium:last-child{grid-column:1/-1}
 .blog-tracks--premium .blog-tracks__route{opacity:.28}
}
@media(max-width:650px){
 .journal-topics--premium,.blog-tracks--premium{
   padding:1.35rem .9rem 1.4rem;border-radius:17px;margin-bottom:2.5rem;
 }
 .journal-topics--premium .journal-topics__heading,.blog-tracks--premium .blog-section-head{display:block;margin-bottom:1.2rem}
 .journal-topics--premium .journal-topics__heading h2,.blog-tracks--premium .blog-section-head h2{font-size:1.75rem}
 .journal-topics--premium .journal-topics__summary{display:inline-block;margin-top:.85rem}
 .journal-topics--premium .journal-topics__grid{grid-template-columns:1fr;gap:.65rem}
 .journal-topics--premium .journal-topic--premium{min-height:185px;padding:1rem 1.1rem}
 .journal-topic--premium .journal-topic__top{margin-bottom:.23rem}
 .journal-topic--premium .journal-topic__icon{width:41px;height:41px}
 .journal-topic--premium .journal-topic__desc{-webkit-line-clamp:2}
 .blog-tracks__grid--premium{grid-template-columns:1fr}
 .blog-tracks__grid--premium .blog-track--premium:last-child{grid-column:auto}
 .blog-tracks__grid--premium .blog-track--premium{min-height:0;padding:1.2rem}
 .blog-tracks--premium .blog-tracks__route{width:145px;opacity:.22}
}
@media(prefers-reduced-motion:reduce){
 .journal-topic--premium,.journal-topic--premium .journal-topic__action span{transition:none}
 .journal-topic--premium:hover,.journal-topic--premium:hover .journal-topic__action span{transform:none}
}
@media print{
 .journal-topics--premium,.blog-tracks--premium{background:#fff!important;box-shadow:none!important}
 .journal-topic--premium,.blog-track--premium{break-inside:avoid;box-shadow:none!important}
}
/* Mobile refinement: decorative route must never overlap the heading. */
@media(max-width:650px){.blog-tracks--premium .blog-tracks__route{display:none!important}}