.section_zurnals .head-container {
  margin-bottom: 40px;
}

.section_zurnals .two_columns {
  display: grid;
  grid-template-columns: 640px 340px;
}

.section_zurnals .two_columns.first_small {
  display: grid;
  grid-template-columns: 300px 680px;
}

.section_zurnals .two_columns > .column:nth-child(1) {
  padding: 0 40px 0 0;
}
.section_zurnals .two_columns > .column:nth-child(2) {
  border: 1px solid var(--line);
  border-top: none;
  border-bottom: none;
  padding: 0 39px;
}
.section_zurnals .two_columns.first_small > .column:nth-child(2) {
  border-right: 0;
  padding-right: 0;
}




.section_zurnals .top_article {
  padding-bottom: 40px;
  /*border-bottom: 1px solid var(--line);*/
}
.section_zurnals .top_article .image img {
  width: 100%;
}
.section_zurnals .top_article h3 {
  margin-top: 7px;
  padding: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: -0.6px;
}
.section_zurnals .top_article p {
  margin-top: 8px;
  font-size: 16px;
  line-height: 26px;
}
.section_zurnals .top_article p a {
  display: block; /* Otherwise the space between the spaced-out lines is not included. */
  color: var(--text-main); /* Keep the same colour on hover. */
}
.section_zurnals sup {
  line-height: normal !important; /* Do not apply the fixed extra heights to any indexes (sup/sub). */
}
.section_zurnals .top_article .authors,
.section_zurnals .top_article .rubrika,
.section_zurnals .top_articles .rubrika,
.section_zurnals .free_access .rubrika,
.section_zurnals .latest_articles .rubrika
{
  font-weight: 600;
  font-size: 12px;
  letter-spacing: var(--prop_text_spacing);
  text-transform: uppercase;
}
.section_zurnals .top_article .rubrika {
  margin-top: 24px;
}
.section_zurnals .top_article .authors {
  margin: 0;
}
.section_zurnals .top_article .authors .images {
  display: none;
}
.section_zurnals .top_article .rubrika,
.section_zurnals .top_article .rubrika a,
.section_zurnals .top_articles .rubrika,
.section_zurnals .top_articles .rubrika a,
.section_zurnals .latest_articles .rubrika,
.section_zurnals .latest_articles .rubrika a,
.section_zurnals .free_access .rubrika,
.section_zurnals .free_access .rubrika a {
  color: var(--link-blue);
}
/* `.authors .names` - to override the specificity of `.authors .names` as `rubrika` is inside on this view. */
.section_zurnals .top_article .rubrika a:hover,
.section_zurnals .top_article .authors .names .rubrika a:hover,
.section_zurnals .top_articles .rubrika a:hover,
.section_zurnals .top_articles .authors .names .rubrika a:hover,
.section_zurnals .latest_articles .rubrika a:hover,
.section_zurnals .latest_articles .authors .names .rubrika a:hover,
.section_zurnals .free_access .rubrika a:hover,
.section_zurnals .free_access .authors .names .rubrika a:hover {
  color: var(--link-light-blue);
}
.section_zurnals .top_article .pub_time {
  margin-top: 17px;
}





.section_zurnals .articles ol {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*gap: 40px 40px;*/ /* TODO specific block (fp) */
  /*margin-top: 40px; /* TODO specific block */
  list-style: none;
}
.section_zurnals .articles li {
  /*flex: 0 0 300px;*/
}
.section_zurnals .articles h3 {
  margin: 11px 0 1px;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  /*letter-spacing: -0.2px;*/ /* TODO specific block */
}
.section_zurnals .articles .authors {
  display: flex;
  gap: 12px;
}
.section_zurnals .articles .authors.multiple {
  flex-direction: column; /* Names below images. */
}
.section_zurnals .articles .authors .images {
  display: flex; /* Even for single images - it won't hurt, and it gives the link a size for the border to wrap around. */
  gap: 6px;
  flex-wrap: wrap;
}
.section_zurnals .articles .authors .images a img {
  margin: -3px;
  border: 3px solid transparent;
}
.section_zurnals .articles .authors .images a:hover img,
/* Highlight the images upon hovering over the names. */
/* `.names > a` is authors' names, `.names a` also may contain `.rubrika` (`.names .rubrika a`). */
.section_zurnals .articles .authors:has(.names > a:nth-of-type(1):hover) .images a:nth-of-type(1) img,
.section_zurnals .articles .authors:has(.names > a:nth-of-type(2):hover) .images a:nth-of-type(2) img,
.section_zurnals .articles .authors:has(.names > a:nth-of-type(3):hover) .images a:nth-of-type(3) img,
.section_zurnals .articles .authors:has(.names > a:nth-of-type(4):hover) .images a:nth-of-type(4) img,
.section_zurnals .articles .authors:has(.names > a:nth-of-type(5):hover) .images a:nth-of-type(5) img,
.section_zurnals .articles .authors:has(.names > a:nth-of-type(6):hover) .images a:nth-of-type(6) img {
  border-color: var(--link-light-blue);
}
.section_zurnals .articles .authors .images img {
  width: 40px;
  height: 40px;
}


.section_zurnals .articles .authors .names,
.section_zurnals .articles .authors .names a {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: var(--prop_text_spacing);
  /*color: var(--link-blue);*/
  text-transform: uppercase;
}
.section_zurnals .articles .authors .names {
  padding-top: 4px;
  min-height: 36px; /* 36 = 40 image height - 4 padding */ /* Is is true for FP, not for zurnals */
}
.section_zurnals .articles .authors.multiple .names {
  padding-top: 0;
  min-height: unset;
}
.section_zurnals .articles .authors .names a:hover,
  /* Highlight the names upon hovering over the images. */
.section_zurnals .articles .authors:has(.images a:nth-of-type(1):hover) .names a:nth-of-type(1),
.section_zurnals .articles .authors:has(.images a:nth-of-type(2):hover) .names a:nth-of-type(2),
.section_zurnals .articles .authors:has(.images a:nth-of-type(3):hover) .names a:nth-of-type(3),
.section_zurnals .articles .authors:has(.images a:nth-of-type(4):hover) .names a:nth-of-type(4),
.section_zurnals .articles .authors:has(.images a:nth-of-type(5):hover) .names a:nth-of-type(5),
.section_zurnals .articles .authors:has(.images a:nth-of-type(6):hover) .names a:nth-of-type(6){
  color: var(--link-main-hover);
}

/* 2px padding - for single authors with images (to start lower than the image),
    and for cases with no image (assume it's spacing from the previous item; also see top3 in design). */
.section_zurnals .articles .authors.contains_extra .names {
  padding-top: 2px;
}
/* No padding for multiple authors with images (no extra spacing from the images above). */
.section_zurnals .articles .authors.multiple.contains_extra .images + .names {
  padding-top: 0;
}
/* Also, no padding for the first item, if no image - no previous item to have spacing to. */
.section_zurnals .articles li:first-child .authors.contains_extra .names:first-child {
  padding-top: 0;
}

.section_zurnals .articles .authors .names .rubrika {
  display: inline-block;
  margin-bottom: 4px;
}
.section_zurnals .articles .authors.no_authors .names {
  min-height: unset;
}
.section_zurnals .articles .authors.no_authors .names .rubrika {
  margin-bottom: 0;
}



.section_zurnals .top_articles li {
  border-bottom: 1px solid var(--line);
  padding: 40px 0 39px;
}
.section_zurnals .top_articles li:first-child {
  padding-top: 0;
}
.section_zurnals .top_articles li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.section_zurnals .top_articles h3 {
  margin-top: 13px; /* 13px to the author name text above regardless of the author image; see `.section_zurnals .top_articles .authors .images`. */
  font-weight: bold;
  font-size: 21px;
  line-height: 26px;
}
.section_zurnals .top_articles .authors .images {
  margin-bottom: -2px; /* The difference between the bottom of the image and the name text; see `.section_zurnals .top_articles h3` */
}
.section_zurnals .top_articles .pub_time {
  margin-top: 13px;
}



.section_zurnals .more_link.bomis {
  display: block;
  position: relative;
  border: 2px solid var(--link-darkblue);
  padding: 8px 14px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--link-darkblue);
}
.section_zurnals .more_link.bomis .icon {
  top: 13px;
  right: 16px;
}
.section_zurnals .more_link.bomis:hover {
  border-color: var(--link-light-blue);
  color: var(--link-light-blue);
}







/* Common with FP */
/*TODO What is actually common?*/
.section_zurnals .latest_release {
  margin-bottom: 39px;
}
.section_zurnals .latest_release a {
  display: block;
}
.section_zurnals .latest_release img {
  width: 100%;
}
.section_zurnals .latest_release .release_details {
  background: var(--bg-light);
  padding: 15px 16px 16px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: var(--prop_text_spacing);
  text-transform: uppercase;
}
.section_zurnals .latest_release .blurb,
.section_zurnals .latest_release .blurb li,
.section_zurnals .latest_release .blurb p {
  font-size: 16px;
  line-height: 20px;
}
.section_zurnals .latest_release ul {
  margin-top: 13px;
  list-style-type: none;
}
.section_zurnals .latest_release li {
  margin-bottom: 16px;
  background: url("/img/ul_bullet.svg") no-repeat 0 7px;
  padding: 0 0 0 16px;
}

.section_zurnals .latest_release a.more_link {
  margin-top: 24px;
}



/* Zurnals-specific */
.section_zurnals .latest_release {
  margin-top: 40px;
  background: #dff1f6;
}
.section_zurnals .latest_release .layout {
  display: grid;
  grid-template-columns: calc(980px - 197px - 2*58px) calc(197px + 2*58px);
}
.section_zurnals .latest_release .text {
  padding: 40px 0 40px 40px;
}
.section_zurnals .latest_release .text h3 {
  padding: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: -0.6px;
}
.section_zurnals .latest_release .text .blurb {
  min-height: 88px; /* Make sure the cover image is visible. */
}
.section_zurnals .latest_release .blurb,
.section_zurnals .latest_release .blurb li,
.section_zurnals .latest_release .blurb p {
  font-size: 18px;
  line-height: 24px;
}
.section_zurnals .latest_release ul {
  margin-top: 16px;
}
.section_zurnals .latest_release li {
  margin-bottom: 8px;
  background-position: 0 11px;
}
.section_zurnals .latest_release .text .more_link {
  margin-top: 24px; /* (8px nulled by the last li's 8px.) */
  width: calc(180px - 28px - 4px);
}
.section_zurnals .latest_release .image {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.section_zurnals .latest_release .image img {
  position: absolute;
  width: 197px;
  left: 58px;
  bottom: -52px;
  box-shadow: 0 24px 40px rgba(9, 52, 121, 0.4);
}




.section_zurnals .latest_articles li {
  display: grid;
  grid-template-columns: 140px calc(600px - 140px);
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 22px;
}
.section_zurnals .latest_articles li:last-child {
  border-bottom: none;
  margin-bottom: 16px;
}
.section_zurnals .latest_articles .rubrika {
  padding: 7px 13px 0 0;
  line-height: 16px;
}
.section_zurnals .latest_articles .article_details {
  padding-right: 10px;
}
.section_zurnals .latest_articles h3 {
  margin: 0;
  letter-spacing: -0.2px;
}
.section_zurnals .latest_articles .authors {
  margin-top: 13px;
}
.section_zurnals .latest_articles .authors .images {
  display: none;
}
.section_zurnals .latest_articles .more_link {
  width: calc(180px - 28px - 4px);
}



.section_zurnals .online_article_archive {
  margin-bottom: 20px;
}
.section_zurnals .online_article_archive a.more_link {
  grid-template-columns: 194px 1fr;
}



.section_zurnals .free_access.articles {
  margin-top: calc(40px + 1px);
}
.section_zurnals .free_access > svg {
  color: var(--link-main-hover);
}
.section_zurnals .free_access ol {
  margin-top: 24px;
}
.section_zurnals .free_access li {
  margin-bottom: 40px;
}
.section_zurnals .free_access li:last-child {
  margin-bottom: 0;
}
.section_zurnals .free_access .super_rubrika {
  margin-top: 12px;
}
.section_zurnals .free_access h3 {
  letter-spacing: -0.2px;
}
.section_zurnals .free_access .pub_time {
  margin-top: 13px;
}
.section_zurnals .free_access .more_link {
  display: block;
  position: relative;
  margin-top: 38px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: var(--prop_text_spacing);
  text-transform: uppercase;
  color: var(--link-main-hover);
}
.section_zurnals .free_access .more_link .icon {
  margin-left: 5px;
  padding-bottom: 2px;
  vertical-align: middle;
}
.section_zurnals .free_access .more_link:hover {
  color: var(--link-light-blue);
}



.section_zurnals .judicial_practices {
  margin-top: 40px;
  border-top: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.75) url("/img/scales.jpg") no-repeat 661px 63px;
  background-blend-mode: lighten;
  padding: 39px calc(980px - 575px) 0 0;
  min-height: 340px; /* Do not crop the scales image. */
}
.section_zurnals .judicial_practices h2 {
  margin-bottom: 24px;
  font-size: 21px;
  line-height: 24px;
}
.section_zurnals .judicial_practices p {
  font-size: 16px;
  line-height: 26px;
}
.section_zurnals .judicial_practices li {
  margin-top: 24px;
  border-top: 1px solid var(--line);
  padding-top: 23px;
}
.section_zurnals .judicial_practices h3 {
  margin-top: 12px;
  letter-spacing: -0.2px;
}
.section_zurnals .judicial_practices .authors .images {
  display: none;
}
.section_zurnals .judicial_practices .authors .names,
.section_zurnals .judicial_practices .authors .names a {
  color: var(--link-blue);
}
.section_zurnals .judicial_practices .authors .names a:hover{
  color: var(--link-light-blue);
}
.section_zurnals .judicial_practices .more_link {
  margin-top: 40px;
  width: calc(180px - 28px - 4px);
}



.zurnals-end-block {
  margin-top: 60px;
}