/* SPECIAL PROJECTS — STABLE EDITORIAL GRID */



html body .special-projects-block.special-projects-mockup{

  display:block !important;

  padding:42px 48px !important;

}



html body .special-projects-layout{

  display:grid !important;



  grid-template-columns:

    1.2fr

    .8fr

    .8fr

    .95fr !important;



  grid-template-areas:

    "ar ar pain digest"

    "nat nat conflict baikal"

    "nat nat history baikal" !important;



  gap:18px !important;

}



/* areas */



.sp-arctic{ grid-area:ar !important; }

.sp-pain{ grid-area:pain !important; }

.sp-digest{ grid-area:digest !important; }



.sp-national{ grid-area:nat !important; }



.sp-conflict{ grid-area:conflict !important; }

.sp-history{ grid-area:history !important; }



.sp-baikal{ grid-area:baikal !important; }



/* cards */



.special-direction-news-card{

  position:relative !important;



  display:flex !important;

  flex-direction:column !important;



  padding:24px !important;



  border-radius:18px !important;



  border:1px solid rgba(20,45,35,.08) !important;



  overflow:hidden !important;



  background:#f5f8f5 !important;



  min-height:260px !important;

}



/* photo cards */



.sp-photo{

  color:#fff !important;



  background:

    linear-gradient(

      180deg,

      rgba(3,14,24,.08),

      rgba(3,14,24,.82)

    ),

    var(--special-bg) center / cover no-repeat,

    #0b2b42 !important;

}



.sp-photo *{

  color:#fff !important;

}



/* hero titles */



.sp-arctic .special-lead-title,

.sp-national .special-lead-title{

  display:block !important;



  margin-top:auto !important;



  font-size:24px !important;

  line-height:1.14 !important;

  font-weight:750 !important;



  text-decoration:none !important;

}



/* image cards */



.sp-baikal,

.sp-digest{

  background:#eef7f2 !important;

}



.sp-image .special-card-image{

  display:block !important;



  margin:4px -24px 18px !important;



  overflow:hidden !important;

}



.sp-image .special-card-image img{

  width:100% !important;

  height:150px !important;



  object-fit:cover !important;



  display:block !important;

}



.sp-image .special-lead-title--light{

  display:block !important;



  font-size:17px !important;

  line-height:1.22 !important;

  font-weight:700 !important;



  color:#14241c !important;

}



/* text cards */



.sp-pain{

  background:#f7efe7 !important;

}



.sp-conflict{

  background:#f4eee4 !important;

}



.sp-history{

  background:#eef6f1 !important;

}



/* headers */



.special-direction-head{

  display:flex !important;

  align-items:center !important;

  gap:12px !important;



  margin-bottom:16px !important;

}



.special-direction-head strong{

  font-size:21px !important;

  line-height:1.08 !important;

}



.special-direction-icon{

  width:42px !important;

  height:42px !important;



  border-radius:12px !important;



  flex:0 0 42px !important;

}



/* lists */



.special-direction-news-list{

  list-style:none !important;



  margin:0 !important;

  padding:0 !important;

}



.special-direction-news-list li{

  padding:12px 0 !important;



  border-bottom:1px solid rgba(20,45,35,.10) !important;

}



.special-direction-news-list a{

  display:block !important;



  font-size:14px !important;

  line-height:1.34 !important;



  font-weight:650 !important;



  color:#14241c !important;



  text-decoration:none !important;

}



.special-direction-news-list time,

.special-direction-body > time{

  display:block !important;



  margin-top:8px !important;



  font-size:11px !important;



  opacity:.58 !important;

}



/* mobile */



@media (max-width:1100px){



  html body .special-projects-layout{

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;



    grid-template-areas:none !important;

  }



  html body .special-projects-layout > *{

    grid-area:auto !important;

  }

}



@media (max-width:700px){



  html body .special-projects-layout{

    display:grid !important;



    grid-auto-flow:column !important;

    grid-auto-columns:86% !important;



    overflow-x:auto !important;



    gap:14px !important;

  }



  html body .special-projects-layout > *{

    min-height:320px !important;

  }

}




/* SPECIAL PROJECTS — FINAL VISUAL FIX */



html body .special-projects-layout{

  grid-template-columns:1.35fr .78fr .78fr 1.05fr !important;

  grid-template-rows:260px 190px 190px !important;

  grid-template-areas:

    "ar ar pain digest"

    "nat nat conflict baikal"

    "nat nat history baikal" !important;

}



/* Нацпроект: читаемый тёмный блок */

html body .special-projects-layout .sp-national{

  background:

    linear-gradient(

      90deg,

      rgba(4,34,20,.96) 0%,

      rgba(4,34,20,.78) 52%,

      rgba(4,34,20,.48) 100%

    ),

    var(--special-bg) center / cover no-repeat,

    #062b1a !important;

}



html body .special-projects-layout .sp-national,

html body .special-projects-layout .sp-national *{

  color:#fff !important;

}



html body .special-projects-layout .sp-national .special-direction-news-list{

  margin-top:auto !important;

}



html body .special-projects-layout .sp-national .special-direction-news-list a{

  color:#fff !important;

}



html body .special-projects-layout .sp-national .special-direction-news-list li{

  border-bottom-color:rgba(255,255,255,.18) !important;

}



/* Байкал — большая спокойная карточка справа */

html body .special-projects-layout .sp-baikal{

  min-height:398px !important;

}



html body .special-projects-layout .sp-baikal .special-card-image img{

  height:185px !important;

}



html body .special-projects-layout .sp-baikal .special-lead-title--light{

  font-size:18px !important;

  line-height:1.22 !important;

}



/* верхний hero компактнее */

html body .special-projects-layout .sp-arctic .special-lead-title{

  max-width:78% !important;

  font-size:22px !important;

}



/* Дайджест аккуратнее */

html body .special-projects-layout .sp-digest .special-card-image img{

  height:135px !important;

}



/* малые карточки */

html body .special-projects-layout .sp-pain,

html body .special-projects-layout .sp-conflict,

html body .special-projects-layout .sp-history{

  min-height:0 !important;

}