/* Individual clinical topic pages — editorial atlas skin */
.atlas-topic-page{
  --topic-reading-width:78ch;
}

.atlas-topic-page .atlas-topic-main{
  position:relative;
  isolation:isolate;
  padding-bottom:74px;
}

.atlas-topic-page .atlas-topic-main::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:92px;
  right:-75px;
  width:520px;
  height:390px;
  opacity:.78;
  background-image:url("/assets/images/atlas-compass.png");
  background-repeat:no-repeat;
  background-position:top right;
  background-size:520px auto;
  pointer-events:none;
}

.atlas-topic-page .crumbs{
  position:relative;
  z-index:2;
}

.atlas-topic-page .calc-head{
  padding-top:36px;
  padding-bottom:22px;
  border-bottom:0;
}

.atlas-topic-page .calc-head::after{
  display:none;
}

.atlas-topic-page .calc-head::before{
  content:"Клиническая тема";
}

.atlas-topic-page .calc-head h1{
  max-width:980px;
  text-wrap:balance;
}

.atlas-topic-page .topic{
  max-width:980px;
  margin:0;
}

.atlas-topic-page .topic>.lede{
  max-width:760px;
  margin:0;
  padding:0 0 50px;
  border-bottom:1px solid var(--atlas-line);
  color:var(--atlas-copy);
  font:400 20px/1.58 var(--atlas-serif);
}

.atlas-topic-page .topic h2{
  max-width:860px;
  margin:58px 0 20px;
  padding:0 0 16px;
  border-bottom:1px solid var(--atlas-line);
  color:var(--atlas-ink);
  font:400 34px/1.12 var(--atlas-serif);
  letter-spacing:-.018em;
  text-wrap:balance;
  scroll-margin-top:24px;
}

.atlas-topic-page .topic p{
  max-width:var(--topic-reading-width);
  margin:0 0 17px;
  color:var(--atlas-copy);
  font:400 15px/1.78 var(--atlas-sans);
}

.atlas-topic-page .topic-tools{
  max-width:960px;
  margin:30px 0 42px;
  padding:0;
  border:0;
  border-top:1px solid var(--atlas-line);
  border-bottom:1px solid var(--atlas-line);
  border-radius:0;
  background:transparent;
}

.atlas-topic-page .topic-tools-title{
  max-width:none;
  margin:0;
  padding:16px 0 12px;
  color:var(--atlas-red);
  font:600 11px/1.35 var(--atlas-sans);
  letter-spacing:.095em;
  text-transform:uppercase;
}

.atlas-topic-page .topic-tools .s-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:34px;
  counter-reset:topic-tool;
}

.atlas-topic-page .topic-tools .s-row{
  counter-increment:topic-tool;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:0 10px;
  min-height:66px;
  padding:13px 0 14px;
  overflow:visible;
  border:0;
  border-top:1px solid var(--atlas-line);
  background:transparent;
}

.atlas-topic-page .topic-tools .s-row::before{
  content:counter(topic-tool,decimal-leading-zero);
  grid-column:1;
  align-self:start;
  padding-top:2px;
  color:var(--atlas-red);
  font:600 10px/1.3 var(--atlas-sans);
  letter-spacing:.055em;
}

.atlas-topic-page .topic-tools .s-row-main{
  grid-column:2;
  align-self:start;
}

.atlas-topic-page .topic-tools .s-row-name{
  display:block;
  overflow:visible;
  color:var(--atlas-ink);
  font:400 17px/1.3 var(--atlas-serif);
  text-overflow:clip;
  white-space:normal;
  -webkit-line-clamp:unset;
}

.atlas-topic-page .topic-tools .s-row:hover{
  border-left:0;
  background:transparent;
}

.atlas-topic-page .topic-tools .s-row:hover .s-row-name{
  color:var(--atlas-blue);
}

.atlas-topic-page .topic-cross{
  max-width:960px;
  margin:54px 0 0;
  padding:18px 0;
  border:0;
  border-top:1px solid var(--atlas-line);
  border-bottom:1px solid var(--atlas-line);
  border-radius:0;
  color:var(--atlas-muted);
  font:400 14px/1.7 var(--atlas-serif);
}

.atlas-topic-page .topic-cross a{
  color:var(--atlas-blue);
  text-decoration:none;
}

.atlas-topic-page .topic-cross a:hover{
  text-decoration:underline;
}

.atlas-topic-page .faq{
  max-width:900px;
  margin:0;
  padding:0;
  border:0;
  border-bottom:1px solid var(--atlas-line);
  border-radius:0;
}

.atlas-topic-page .faq:first-of-type{
  border-top:1px solid var(--atlas-line);
}

.atlas-topic-page .faq summary{
  display:list-item;
  min-height:65px;
  padding:18px 8px 16px 2px;
  color:var(--atlas-ink);
  font:400 18px/1.35 var(--atlas-serif);
  cursor:pointer;
}

.atlas-topic-page .faq summary::marker{
  color:var(--atlas-red);
}

.atlas-topic-page .faq p{
  max-width:var(--topic-reading-width);
  padding:0 38px 19px 0;
  font-size:14px;
  line-height:1.72;
}

.atlas-topic-page .topic .src{
  max-width:900px;
  margin-top:44px!important;
  padding-top:20px;
  border-top:1px solid var(--atlas-line);
  color:var(--atlas-muted);
  font-size:12px;
  line-height:1.7;
}

.atlas-topic-page footer{
  margin-top:0;
}

@media(max-width:840px){
  .atlas-topic-page .atlas-topic-main::before{
    top:86px;
    right:-150px;
    width:440px;
    height:330px;
    opacity:.56;
    background-size:440px auto;
  }

  .atlas-topic-page .topic-tools .s-list{
    grid-template-columns:1fr;
  }

  .atlas-topic-page .topic-tools .s-row{
    min-height:0;
  }
}

@media(max-width:620px){
  .atlas-topic-page .atlas-topic-main{
    padding-bottom:54px;
  }

  .atlas-topic-page .atlas-topic-main::before{
    display:none;
  }

  .atlas-topic-page .crumbs{
    padding-top:22px;
  }

  .atlas-topic-page .calc-head{
    padding-top:26px;
    padding-bottom:19px;
  }

  .atlas-topic-page .calc-head::before{
    margin-bottom:15px;
  }

  .atlas-topic-page .calc-head h1{
    font-size:42px;
    line-height:1.02;
  }

  .atlas-topic-page .topic>.lede{
    padding-bottom:38px;
    font-size:17px;
    line-height:1.55;
  }

  .atlas-topic-page .topic h2{
    margin-top:43px;
    padding-bottom:13px;
    font-size:28px;
    line-height:1.14;
  }

  .atlas-topic-page .topic p{
    font-size:14px;
    line-height:1.72;
  }

  .atlas-topic-page .topic-tools{
    margin:25px 0 34px;
  }

  .atlas-topic-page .topic-tools-title{
    padding-top:14px;
  }

  .atlas-topic-page .topic-tools .s-row{
    grid-template-columns:29px minmax(0,1fr);
    padding:12px 0 13px;
  }

  .atlas-topic-page .topic-tools .s-row-name{
    font-size:16px;
  }

  .atlas-topic-page .topic-cross{
    margin-top:42px;
    font-size:13px;
  }

  .atlas-topic-page .faq summary{
    min-height:58px;
    padding-right:4px;
    font-size:16px;
  }

  .atlas-topic-page .faq p{
    padding-right:0;
    font-size:13.5px;
  }
}

@media print{
  .atlas-topic-page .topic-tools .s-list{
    grid-template-columns:1fr;
  }
}