/* The blog articles on 90n.ai/blog in 90n's look. Each article keeps the stylesheet it was
   published with (Polar Bear's dark article template); this file, loaded after it, maps that
   template's tokens to 90n's palette and keeps Fraunces for the h1 and h2 only. */
:root{
  --bg:#110A2C; --bg2:#1C1248; --surface:rgba(255,255,255,.045); --surface2:rgba(255,255,255,.07);
  --gold:#FFD84A; --gold-hi:#FFE7B0; --cream:#FFF3DC; --sand:#FFE7B0;
  --text:#CFC6E8; --muted:#B5ABD6; --line:rgba(255,243,220,.12);
  --violet:#D9C2FF; --violet-soft:#B5ABD6;
}
html,body{background:#110A2C}
body{color:var(--text)}
::selection{background:#FFD84A;color:#110A2C}
/* the article hero sits under the 90n nav */
/* one ground for the whole page, as on the skill pack pages: no band where the hero ends */
html body{background:radial-gradient(60% 520px at 50% 0,rgba(255,214,140,.08) 0%,transparent 70%) no-repeat,radial-gradient(70% 600px at 85% 300px,rgba(120,60,180,.28) 0%,transparent 70%) no-repeat,linear-gradient(180deg,#110A2C 0%,#1C1248 520px,#110A2C 1100px) no-repeat,#110A2C}
.hero{padding-top:96px;background:transparent!important}
html body .wrap,html body main,html body article,html body section:not(.about):not(.cta90-band){background:transparent!important}
/* type: Fraunces for the h1 and h2 only; every small title, label and detail in Inter */
html body *:not(h1):not(h1 *):not(h2):not(h2 *):not(svg):not(svg *){font-family:var(--n90-text,'Inter',system-ui,sans-serif)!important}
html body .about .head h2{font-family:var(--n90-text,'Inter',system-ui,sans-serif)!important;font-weight:600}
summary{font-weight:600}
.foot{border-top:1px solid var(--line);color:#8E84B5}
/* About us: the 90n night, not the cream band of the old template */
.about{background:#110A2C!important;color:#FFF3DC!important;border-top:1px solid var(--line)!important}
.about .head h2,.about .fcard .nm h3{color:#FFF3DC!important}
.about .head p,.about .fcard .bio{color:#B5ABD6!important}
.about .fcard{background:rgba(255,255,255,.045)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.about .fcard .role,.about .fcard .nm a,.about .soon-lbl{color:#8E84B5!important}
.about .fcard .meet{color:#FFE7B0!important;border-color:rgba(255,231,176,.4)!important}
.about .fcard .nm a:hover,.about .fcard .meet:hover{color:#FFD84A!important;border-color:#FFD84A!important}
/* the skill pack page layout (public/90n/pack.css): the article in a column on the left, the call
   to action in a sticky rail on the right, inside the same 1160px frame as the 90n nav */
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:64px;max-width:1160px;margin:0 auto;padding:0 24px}
.art-col{min-width:0}
.art-col .wrap{max-width:760px;margin:0;padding-left:0;padding-right:0}
.art-col .hero .wrap{padding-left:0;padding-right:0}
.art-col .pb-related{max-width:760px!important;margin-left:0!important;padding-left:0!important;padding-right:0!important}
.art-rail{padding-top:150px}
.art-rail .cta90-rail{position:sticky;top:24px}
@media (max-width:1024px){
  .art-grid{grid-template-columns:minmax(0,1fr);max-width:808px}
  .art-rail{padding-top:0;margin:8px 0 48px}
  .art-rail .cta90-rail{position:static}
}