
/* =========================================================

   NIA SUPERNEWS CLEAN FINAL

   ========================================================= */



body.single .nia-super-final{

  background:#fff;

  color:#102018;

}



/* HERO */

body.single .nsf-hero{

  width:100%;

  margin:0;

  padding:0;

  display:grid;

  grid-template-columns:50% 50%;

  background:#071811;

  color:#fff;

}



body.single .nsf-hero-text{

  height:620px;

  padding:78px 70px 70px max(70px, calc((100vw - 1280px) / 2 + 44px));

  display:flex;

  flex-direction:column;

  justify-content:center;

  background:#071811;

}



body.single .nsf-breadcrumbs,

body.single .nsf-breadcrumbs a,

body.single .nsf-meta,

body.single .nsf-subtitle{

  color:rgba(255,255,255,.75);

}



body.single .nsf-cat{

  width:fit-content;

  margin-bottom:18px;

  padding:7px 11px;

  border-radius:4px;

  background:#00824b;

  color:#fff!important;

  font-size:11px;

  font-weight:800;

  text-transform:uppercase;

}



body.single .nsf-hero h1{

  max-width:740px;

  margin:0;

  font-family:Georgia, serif;

  font-size:86px;

  line-height:.95;

  letter-spacing:-.075em;

  color:#fff;

}



body.single .nsf-subtitle{

  max-width:620px;

  margin-top:28px;

  font-size:21px;

  line-height:1.5;

}



body.single .nsf-hero-photo{

  height:620px;

  margin:0;

  background:#071811;

  overflow:hidden;

  position:relative;

}



body.single .nsf-hero-photo img{

  width:100%;

  height:100%;

  object-fit:cover;

  object-position:center;

  display:block;

}



body.single .nsf-hero-photo figcaption{

  position:absolute;

  left:28px;

  right:28px;

  bottom:24px;

  color:rgba(255,255,255,.7);

  font-size:12px;

}



/* NUMBERS */

body.single .nsf-numbers{

  max-width:1120px;

  margin:0 auto;

  padding:0 0 22px;

}



body.single .nsf-main-number{

  min-height:230px;

  padding:34px 44px;

  display:grid;

  grid-template-columns:360px 1fr;

  gap:28px;

  align-items:center;

  background:#f3f7f4;

  border:1px solid #dfe9e3;

}



body.single .nsf-main-number strong{

  font-family:Georgia, serif;

  font-size:102px;

  line-height:.86;

  letter-spacing:-.075em;

  color:#007a46;

}



body.single .nsf-main-number span{

  max-width:470px;

  font-family:Georgia, serif;

  font-size:27px;

  line-height:1.18;

  color:#102018;

}



body.single .nsf-facts{

  display:grid;

  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

}



body.single .nsf-facts div{

  min-height:118px;

  padding:22px 34px;

  background:#fff;

  border:1px solid #dfe9e3;

  border-top:0;

}



body.single .nsf-facts strong{

  display:block;

  font-family:Georgia, serif;

  font-size:38px;

  line-height:1;

  color:#007a46;

}



body.single .nsf-facts span{

  display:block;

  margin-top:8px;

  font-size:14px;

  line-height:1.4;

}



/* BODY GRID */

body.single .nsf-content{

  max-width:1120px;

  margin:0 auto;

  padding:22px 0 58px;

  display:grid;

  grid-template-columns:230px minmax(0,710px) 1fr;

  column-gap:34px;

  align-items:start;

}



body.single .nsf-content>*{

  grid-column:2;

}



/* LEFT RAIL */

body.single .nsf-author-rail{

  grid-column:1;

  grid-row:1 / span 80;

  width:180px;

  justify-self:center;

  position:sticky;

  top:110px;

  text-align:center;

}



body.single .nsf-author-card{

  display:flex;

  flex-direction:column;

  align-items:center;

  text-align:center;

  padding-bottom:18px;

  border-bottom:1px solid #dfe9e3;

}



body.single .nsf-author-avatar{

  width:112px;

  height:112px;

  margin:0 auto 16px;

  border-radius:50%;

  overflow:hidden;

}



body.single .nsf-author-avatar.is-brand{

  border:0;

  background:transparent;

}



body.single .nsf-author-avatar:not(.is-brand){

  border:2px solid #064e3b;

  padding:3px;

}



body.single .nsf-author-avatar img{

  width:100%;

  height:100%;

  object-fit:cover;

  border-radius:50%;

}



body.single .nsf-author-avatar.is-brand img{

  object-fit:contain;

}



body.single .nsf-author-name{

  display:block;

  font-size:16px;

  line-height:1.25;

  font-weight:900;

}



body.single .nsf-author-role{

  display:block;

  margin-top:5px;

  font-size:13px;

  line-height:1.35;

  color:#6d8076;

}



body.single .nsf-rail-share{

  margin-top:18px;

  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap:8px;

}



body.single .nsf-rail-share span{

  flex-basis:100%;

  margin-bottom:4px;

  color:#6d8076;

  font-size:12px;

}



body.single .nsf-rail-share a,

body.single .nsf-rail-share button{

  width:42px;

  height:42px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  background:#eef7f1;

  border:1px solid #cfe5d8;

  font-size:0;

  cursor:pointer;

}



body.single .nsf-rail-mainnews{

  margin-top:24px;

  padding-top:20px;

  border-top:1px solid #dfe9e3;

  text-align:left;

}



body.single .nsf-rail-mainnews>span{

  display:block;

  margin-bottom:12px;

  font-size:13px;

  font-weight:900;

  text-transform:uppercase;

  letter-spacing:.08em;

}



body.single .nsf-rail-mainnews a{

  display:block;

  padding:11px 0;

  border-top:1px solid rgba(16,32,24,.1);

  color:#102018;

  font-size:14px;

  line-height:1.32;

  font-weight:700;

  text-decoration:none;

}



body.single .nsf-rail-mainnews a:hover{

  color:#007a46;

}



/* CONTENT */

body.single .nsf-content p{

  margin:0 0 24px;

  font-size:18px;

  line-height:1.78;

}



body.single .nsf-content>p:first-of-type{

  font-size:23px;

  line-height:1.58;

}



body.single .nsf-content>p:first-of-type::first-letter{

  float:left;

  margin:8px 10px 0 0;

  font-family:Georgia, serif;

  font-size:76px;

  line-height:.76;

  color:#007a46;

}



/* QUOTE */

body.single .nsf-content blockquote{

  grid-column:2 / 4;

  width:100%;

  margin:44px 0;

  padding:46px 56px;

  position:relative;

  overflow:hidden;

  box-sizing:border-box;

  background:

    radial-gradient(circle at 92% 16%, rgba(0,122,70,.10), transparent 34%),

    linear-gradient(135deg,#eef6f1 0%,#f7fbf8 100%);

  border:0;

  border-radius:24px;

  box-shadow:0 22px 60px rgba(16,42,30,.08);

}



body.single .nsf-content blockquote::before{

  content:"“";

  position:absolute;

  left:28px;

  top:-18px;

  font-family:Georgia, serif;

  font-size:150px;

  color:rgba(0,122,70,.16);

}



body.single .nsf-content blockquote::after{

  content:"";

  position:absolute;

  left:0;

  top:0;

  bottom:0;

  width:6px;

  background:#007a46;

}



body.single .nsf-content blockquote p{

  position:relative;

  z-index:1;

  max-width:820px;

  padding-left:28px;

  font-family:Georgia, serif;

  font-size:42px;

  line-height:1.15;

  letter-spacing:-.04em;

}



/* HIDE DUPLICATE SHARE */

body.single .nsf-share{

  display:none;

}



/* RELATED */

body.single .nsf-related{

  max-width:1120px;

  margin:0 auto;

  padding:26px 0 80px;

}



body.single .nsf-related-grid{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:24px;

}



/* MOBILE */

@media(max-width:1180px){

  body.single .nsf-hero{

    grid-template-columns:1fr;

  }



  body.single .nsf-hero-text{

    height:auto;

    padding:54px 28px 42px;

  }



  body.single .nsf-hero h1{

    font-size:56px;

  }



  body.single .nsf-hero-photo{

    height:520px;

  }



  body.single .nsf-numbers{

    padding:0 20px 18px;

  }



  body.single .nsf-main-number{

    grid-template-columns:1fr;

  }



  body.single .nsf-content{

    display:block;

    padding:18px 20px 58px;

  }



  body.single .nsf-author-rail{

    position:static;

    width:auto;

    margin:0 0 24px;

  }



  body.single .nsf-rail-mainnews{

    display:none;

  }



  body.single .nsf-content blockquote{

    margin:36px 0;

  }



  body.single .nsf-related{

    padding-left:20px;

    padding-right:20px;

  }



  body.single .nsf-related-grid{

    grid-template-columns:1fr;

  }

}




/* =========================================================

   NIA SUPERNEWS — proportion polish

   ========================================================= */



@media(min-width:1181px){



  body.single .nsf-content{

    grid-template-columns:230px minmax(0,780px) 1fr;

    column-gap:38px;

  }



  body.single .nsf-content p{

    font-size:19px;

    line-height:1.76;

  }



  body.single .nsf-content>p:first-of-type{

    font-size:24px;

    line-height:1.56;

  }



  body.single .nsf-author-avatar{

    width:128px;

    height:128px;

  }



  body.single .nsf-rail-share a,

  body.single .nsf-rail-share button{

    width:38px;

    height:38px;

  }



  body.single .nsf-rail-share a::before,

  body.single .nsf-rail-share button::before{

    width:17px;

    height:17px;

  }



  body.single .nsf-rail-mainnews{

    padding-left:14px;

    border-left:3px solid #007a46;

  }



  body.single .nsf-rail-mainnews a{

    font-size:14px;

    line-height:1.35;

  }



  body.single .nsf-content blockquote{

    grid-column:2 / 4;

  }



  body.single .nsf-content blockquote p{

    max-width:900px;

  }

}




/* =========================================================

   NIA SUPERNEWS — unified frame fix

   hero / numbers / body in one visual width

   ========================================================= */



@media(min-width:1181px){



  body.single .nsf-hero{

    max-width:1120px;

    width:1120px;

    margin:0 auto;

    grid-template-columns:560px 560px;

  }



  body.single .nsf-hero-text,

  body.single .nsf-hero-photo{

    height:430px;

  }



  body.single .nsf-hero-text{

    padding:58px 54px;

  }



  body.single .nsf-hero h1{

    font-size:58px;

    line-height:.96;

    max-width:470px;

  }



  body.single .nsf-subtitle{

    font-size:17px;

    max-width:430px;

  }



  body.single .nsf-hero-photo img{

    object-fit:cover;

    object-position:center center;

  }



  body.single .nsf-numbers,

  body.single .nsf-content,

  body.single .nsf-related{

    max-width:1120px;

    width:1120px;

    margin-left:auto;

    margin-right:auto;

  }



  body.single .nsf-content{

    grid-template-columns:230px 710px 1fr;

    column-gap:34px;

  }



  body.single .nsf-content blockquote{

    grid-column:2 / 4;

    width:100%;

    max-width:none;

  }



  body.single .nsf-content blockquote p{

    max-width:850px;

  }

}



/* чтобы на узких/масштабированных экранах не ломалось */

@media(max-width:1180px){



  body.single .nsf-hero,

  body.single .nsf-numbers,

  body.single .nsf-content,

  body.single .nsf-related{

    width:auto;

    max-width:none;

  }

}




/* =========================================================

   NIA SUPERNEWS — strict hero table + quote width correction

   ========================================================= */



@media(min-width:1181px){



  body.single .nsf-hero{

    width:1120px !important;

    max-width:1120px !important;

    margin:0 auto !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:560px 560px !important;

    gap:0 !important;

    background:#071811 !important;

    overflow:hidden !important;

  }



  body.single .nsf-hero-text{

    width:560px !important;

    height:430px !important;

    min-height:430px !important;

    max-height:430px !important;

    box-sizing:border-box !important;

    padding:54px 52px !important;

    background:#071811 !important;

    overflow:hidden !important;

  }



  body.single .nsf-hero-photo{

    width:560px !important;

    height:430px !important;

    min-height:430px !important;

    max-height:430px !important;

    box-sizing:border-box !important;

    margin:0 !important;

    padding:0 !important;

    background:#071811 !important;

    overflow:hidden !important;

    position:relative !important;

  }



  body.single .nsf-hero-photo img{

    width:100% !important;

    height:100% !important;

    max-width:none !important;

    max-height:none !important;

    display:block !important;

    object-fit:cover !important;

    object-position:center center !important;

  }



  body.single .nsf-hero h1{

    font-size:58px !important;

    line-height:.96 !important;

    max-width:450px !important;

  }



  body.single .nsf-subtitle{

    font-size:17px !important;

    max-width:420px !important;

  }



  body.single .nsf-numbers{

    width:1120px !important;

    max-width:1120px !important;

  }



  body.single .nsf-content{

    width:1120px !important;

    max-width:1120px !important;

    grid-template-columns:230px minmax(0,760px) 1fr !important;

    column-gap:34px !important;

  }



  body.single .nsf-content blockquote{

    grid-column:2 / 4 !important;

    width:calc(100% - 90px) !important;

    margin-right:90px !important;

  }



  body.single .nsf-content blockquote p{

    max-width:760px !important;

  }

}




/* =========================================================

   NIA SUPERNEWS — final geometry correction

   ========================================================= */



@media(min-width:1181px){



  /* HERO: шире и ниже */

  body.single .nsf-hero{

    width:1280px !important;

    max-width:1280px !important;

    margin:0 auto !important;

    display:grid !important;

    grid-template-columns:640px 640px !important;

    background:#071811 !important;

    overflow:hidden !important;

  }



  body.single .nsf-hero-text,

  body.single .nsf-hero-photo{

    width:640px !important;

    height:380px !important;

    min-height:380px !important;

    max-height:380px !important;

    box-sizing:border-box !important;

  }



  body.single .nsf-hero-text{

    padding:46px 54px !important;

  }



  body.single .nsf-hero h1{

    font-size:52px !important;

    line-height:.98 !important;

    max-width:500px !important;

  }



  body.single .nsf-subtitle{

    font-size:16px !important;

    max-width:460px !important;

    margin-top:18px !important;

  }



  body.single .nsf-meta{

    margin-top:18px !important;

  }



  body.single .nsf-hero-photo img{

    width:100% !important;

    height:100% !important;

    object-fit:cover !important;

    object-position:center center !important;

  }



  /* НИЖНИЕ БЛОКИ: один центр, не уезжают */

  body.single .nsf-numbers,

  body.single .nsf-content,

  body.single .nsf-related{

    width:1120px !important;

    max-width:1120px !important;

    margin-left:auto !important;

    margin-right:auto !important;

  }



  body.single .nsf-content{

    display:grid !important;

    grid-template-columns:230px 760px 96px !important;

    column-gap:34px !important;

    padding-left:0 !important;

    padding-right:0 !important;

  }



  body.single .nsf-content > *{

    grid-column:2 !important;

  }



  body.single .nsf-author-rail{

    grid-column:1 !important;

    justify-self:center !important;

    width:180px !important;

    margin:0 auto !important;

  }



  body.single .nsf-content blockquote{

    grid-column:2 / 4 !important;

    width:100% !important;

    margin-right:0 !important;

  }



  body.single .nsf-content blockquote p{

    max-width:780px !important;

  }

}




/* =========================================================

   NIA SUPERNEWS — safe hero correction after rollback

   ========================================================= */



@media(min-width:1181px){



  body.single .nsf-hero{

    height:430px !important;

    min-height:430px !important;

    max-height:430px !important;

    overflow:hidden !important;

  }



  body.single .nsf-hero-text,

  body.single .nsf-hero-photo{

    height:430px !important;

    min-height:430px !important;

    max-height:430px !important;

  }



  body.single .nsf-hero-photo{

    display:block !important;

    overflow:hidden !important;

  }



  body.single .nsf-hero-photo img{

    width:100% !important;

    height:100% !important;

    object-fit:cover !important;

    object-position:center center !important;

    display:block !important;

  }

}

