/* JulyLearn — Blender annual-plan migration static notice page
   This stylesheet affects migration-notice.html only. */
.migration-static-page{
  background:#fff;
  color:#1a1a1a;
}
.migration-static-page .site-header{
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.migration-static-page .nav{
  /* No extra top-bar action button on this page. */
}
.migration-static-cover-section{
  padding:42px 0 0;
  background:#fff;
}
.migration-static-cover-wrap{
  max-width:980px;
  margin:0 auto;
}
.migration-static-cover{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  box-shadow:0 14px 42px rgba(20,20,20,.08);
}
.migration-static-content{
  padding:58px 0 104px;
  background:#fff;
}
.migration-static-reading-wrap{
  max-width:780px;
  margin:0 auto;
}
.migration-static-article{
  font-size:17px;
  line-height:2.02;
  color:#292929;
}
.migration-static-article-head{
  margin-bottom:54px;
  padding-bottom:30px;
  border-bottom:1px solid #ece8e3;
}
.migration-static-article-head h1{
  margin:0;
  font-size:clamp(32px,4vw,46px);
  line-height:1.2;
  letter-spacing:-.035em;
  font-weight:820;
  color:#151515;
}
.migration-static-meta{
  margin-top:18px;
  font-size:14px;
  color:#7b7771;
}
.migration-static-article p{
  margin:0 0 1.38em;
}
.migration-static-article p:first-of-type{
  font-size:18px;
  color:#1f1f1f;
}
.migration-static-article h2{
  margin:64px 0 22px;
  padding-top:4px;
  font-size:27px;
  line-height:1.38;
  letter-spacing:-.025em;
  font-weight:800;
  color:#151515;
}
.migration-static-article h2::before{
  content:"";
  display:block;
  width:32px;
  height:3px;
  margin-bottom:16px;
  border-radius:999px;
  background:#ff7a00;
}
.migration-static-article strong{
  font-weight:760;
  color:#161616;
}
.migration-static-article .question-line{
  margin-bottom:.62em;
  font-size:16.5px;
}
.migration-static-article .price-line{
  margin:.45em 0;
}
.migration-static-article .article-signature{
  margin-top:48px;
  font-weight:700;
}
.migration-static-article a{
  color:#161616;
  text-decoration-color:#ff8a1f;
  text-underline-offset:3px;
}
.article-spacer{height:8px;}
@media(max-width:900px){
  .migration-static-cover-section{padding-top:28px;}
  .migration-static-cover-wrap,.migration-static-reading-wrap{max-width:780px;}
  .migration-static-content{padding-top:44px;}
}
@media(max-width:640px){
  .migration-static-cover-section{padding-top:16px;}
  .migration-static-cover-wrap{padding-left:16px;padding-right:16px;}
  .migration-static-cover{border-radius:12px;box-shadow:0 8px 24px rgba(20,20,20,.07);}
  .migration-static-content{padding:38px 0 72px;}
  .migration-static-reading-wrap{padding-left:22px;padding-right:22px;}
  .migration-static-article{font-size:16px;line-height:1.94;}
  .migration-static-article-head{margin-bottom:40px;padding-bottom:24px;}
  .migration-static-article-head h1{font-size:30px;line-height:1.24;}
  .migration-static-meta{font-size:13px;}
  .migration-static-article h2{margin-top:52px;font-size:24px;}
  .migration-static-article .question-line{font-size:16px;}
}


/* Dark mode: follow the site-wide JulyLearn theme toggle. */
html[data-theme="dark"] body.migration-static-page{
  background:#08111f!important;
  color:#d6deea!important;
}
html[data-theme="dark"] .migration-static-page .site-header{
  background:rgba(7,12,22,.96)!important;
}
html[data-theme="dark"] .migration-static-cover-section,
html[data-theme="dark"] .migration-static-content{
  background:#08111f!important;
}
html[data-theme="dark"] .migration-static-cover{
  box-shadow:0 14px 44px rgba(0,0,0,.34);
}
html[data-theme="dark"] .migration-static-article{
  color:#b8c4d5!important;
}
html[data-theme="dark"] .migration-static-article-head{
  border-bottom-color:rgba(151,171,217,.16)!important;
}
html[data-theme="dark"] .migration-static-article-head h1,
html[data-theme="dark"] .migration-static-article h2{
  color:#f4f7fb!important;
}
html[data-theme="dark"] .migration-static-meta{
  color:#8f9db2!important;
}
html[data-theme="dark"] .migration-static-article p:first-of-type{
  color:#e3e9f2!important;
}
html[data-theme="dark"] .migration-static-article strong{
  color:#f2f5fa!important;
}
html[data-theme="dark"] .migration-static-article a{
  color:#eef2f8!important;
  text-decoration-color:#ff9b45!important;
}
