/*
 * Article - General styles
 */

.field--name-field-article-category > .field__item {
  display: inline-block;
  font-size: var(--text-size-18);
  margin-bottom: 10px;
}

/*
 * Article - FUll PAGE
 */

article .document-header .field--name-field-article-category {
  padding-bottom: 20px;
}

.node--type-article.node--view-mode-full h1 {
  font-weight: var(--weight-bold);
  line-height: 1.1;
  font-size: var(--text-size-40);
  margin-bottom: 30px;
}

.node--type-article.node--view-mode-full .node__submitted,
.node--type-article.node--view-mode-full .auteur {
  transform: translate(0, -20px);
  display: inline-block;
}

.node--type-article.node--view-mode-full .node__submitted {
  font-weight: var(--weight-bold);
}

/*.node--type-article.node--view-mode-full .auteur:before {
  content: "|";
  position:  absolute;
  margin-left: -12px;
}*/

.node--type-article.node--view-mode-full .auteur {
  display: block;
  font-size: var(--text-size-22);
  margin-bottom: 10px;
  font-family: var(--serif);
}
@media screen and (max-width: 992px) {
  .node--type-article.node--view-mode-full .auteur {
    margin-top: 30px;
  }
}

.node--type-article.node--view-mode-full .title.comment-form__title {
  display: none;
}

.node--type-article.node--view-mode-full .field--name-body h3,
.node--type-article.node--view-mode-full .field--name-body h4,
.node--type-article.node--view-mode-full .field--name-body h5 {
  margin-left: 20vw;
  margin-right: 5vw;
}

.node--type-article.node--view-mode-full .field--name-body p,
.node--type-article.node--view-mode-full .field--name-body ol,
.node--type-article.node--view-mode-full .field--name-body ul,
.node--type-article.node--view-mode-full .field--name-body pre {
  font-family: var(--serif);
  margin-left: 20vw;
  margin-right: 5vw;
  font-size: var(--text-size-20);
  line-height: 1.5;
}
@media screen and (min-width: 1600px) {
  .node--type-article.node--view-mode-full .field--name-body h3,
  .node--type-article.node--view-mode-full .field--name-body h4,
  .node--type-article.node--view-mode-full .field--name-body h5,
  .node--type-article.node--view-mode-full .field--name-body p,
  .node--type-article.node--view-mode-full .field--name-body ol,
  .node--type-article.node--view-mode-full .field--name-body ul,
  .node--type-article.node--view-mode-full .field--name-body pre {
    margin-left: 12vw;
    margin-right: 0vw;
  }
}
@media screen and (max-width: 992px) {
  .node--type-article.node--view-mode-full .field--name-body p,
  .node--type-article.node--view-mode-full .field--name-body ol,
  .node--type-article.node--view-mode-full .field--name-body ul,
  .node--type-article.node--view-mode-full .field--name-body pre {
    font-size: var(--text-size-18);
  }
}
@media screen and (max-width: 580px) {
  .node--type-article.node--view-mode-full .field--name-body p,
  .node--type-article.node--view-mode-full .field--name-body ol,
  .node--type-article.node--view-mode-full .field--name-body ul,
  .node--type-article.node--view-mode-full .field--name-body pre {
    margin-left: inherit;
    font-size: var(--text-size-16);
  }
  .node--type-article.node--view-mode-full .field--name-body h3,
  .node--type-article.node--view-mode-full .field--name-body h4,
  .node--type-article.node--view-mode-full .field--name-body h5 {
    margin-left: inherit;
  }
}


.node--type-article.node--view-mode-full .field--name-body p.lead {
  font-size: var(--text-size-28);
  line-height: 1.35;
  font-weight: var(--weight-normal);
}
@media screen and (max-width: 992px) {
  .node--type-article.node--view-mode-full .field--name-body p.lead {
    font-size: var(--text-size-24);
  }
}
@media screen and (max-width: 768px) {
  .node--type-article.node--view-mode-full .field--name-body p.lead {
    font-size: var(--text-size-20);
  }
}
@media screen and (max-width: 580px) {
  .node--type-article.node--view-mode-full .field--name-body p.lead {
    font-size: var(--text-size-18);
  }
}


/*
 * Bloquotes
 */
.node--type-article.node--view-mode-full .field--name-body blockquote p {
  padding: 15px 40px;
  border-left: 3px solid black;
  font-size: var(--text-size-18);
}

.node--type-article.node--view-mode-full.article-categorie--674 .field--name-body blockquote p {
  border-color: var(--vert);
}
.node--type-article.node--view-mode-full.article-categorie--675 .field--name-body blockquote p {
  border-color: var(--bleu);
}
.node--type-article.node--view-mode-full.article-categorie--676 .field--name-body blockquote p {
  border-color: var(--rose);
}
.node--type-article.node--view-mode-full.article-categorie--677 .field--name-body blockquote p {
  border-color: var(--roserose);
}
.node--type-article.node--view-mode-full.article-categorie--7 .field--name-body blockquote p {
  border-color: var(--orange);
}
.node--type-article.node--view-mode-full.article-categorie--8 .field--name-body blockquote p {
  border-color: var(--violet);
}
.node--type-article.node--view-mode-full.article-categorie--11195 .field--name-body blockquote p {
  border-color: var(--kleinblue);
}


/*
 * Article - TEASER
 */
.node--type-article.node--view-mode-teaser {
  position: relative;
}

.node--type-article.node--view-mode-teaser.field--name-field-article-category {
  font-weight: var(--weight-normal);
  text-transform: uppercase;
}

.node--type-article.node--view-mode-teaser h2 {
  font-size: var(--text-size-20);
  font-weight: var(--weight-medium);
  margin: 30px 0;
  line-height: 1.4;
}

.node--type-article.node--view-mode-teaser h2 a,
.node--type-article.node--view-mode-teaser a {
  color: white;
  text-decoration: none;
}

.node--type-article.node--view-mode-teaser .field--name-field-tags {
  color: var(--dark-beige);
  text-transform: uppercase;
  font-size: var(--text-size-14);
}

.node--type-article.node--view-mode-teaser .box-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*
 * Article - COLOR MODS
 */

/*Art visuel vert*/
.article-categorie--674 #block-fondationgide-branding .site-logo {
  background-image: url("../../../fcg-logo-vert.svg");
  background-size: 170px 134px;
  width: 170px;
  height: 134px;
  display: block;
}
.article-categorie--674 #block-fondationgide-branding .site-logo img {display: none}

.article-categorie--674 .article--related-content {
  background-color: var(--vert);
}
.article-categorie--674.node--type-article.node--view-mode-teaser .field--name-field-article-category,
.article-categorie--674.node--type-article .field--name-field-article-category {
  color: var(--vert);
}
.node--type-article.node--view-mode-full.article-categorie--674 .field--name-body a {
  color: var(--vert);
}

/*Musique bleu*/
.article-categorie--675 #block-fondationgide-branding .site-logo {
  background-image: url("../../../fcg-logo-bleu.svg");
  background-size: 170px 134px;
  width: 170px;
  height: 134px;
  display: block;
}
.article-categorie--675 #block-fondationgide-branding .site-logo img {display: none}

.article-categorie--675 .article--related-content {
  background-color: var(--bleu);
}
.article-categorie--675.node--type-article.node--view-mode-teaser .field--name-field-article-category,
.article-categorie--675.node--type-article .field--name-field-article-category {
  color: var(--bleu);
}
.node--type-article.node--view-mode-full.article-categorie--675 .field--name-body a {
  color: var(--bleu);
}

/*Cinéma rose*/
.article-categorie--676 #block-fondationgide-branding .site-logo {
  background-image: url("../../../fcg-logo-saumon.svg");
  background-size: 170px 134px;
  width: 170px;
  height: 134px;
  display: block;
}
.article-categorie--676 #block-fondationgide-branding .site-logo img {display: none}

.article-categorie--676 .article--related-content {
  background-color: var(--rose);
}
.article-categorie--676.node--type-article.node--view-mode-teaser .field--name-field-article-category,
.article-categorie--676.node--type-article .field--name-field-article-category {
  color: var(--rose);
}
.node--type-article.node--view-mode-full.article-categorie--676 .field--name-body a {
  color: var(--rose);
}

/*Autres domaines rose pink*/
.article-categorie--677 #block-fondationgide-branding .site-logo {
  background-image: url("../../../fcg-logo-rose.svg");
  background-size: 170px 134px;
  width: 170px;
  height: 134px;
  display: block;
}
.article-categorie--677 #block-fondationgide-branding .site-logo img {display: none}

.article-categorie--677 .article--related-content {
  background-color: var(--roserose);
}
.article-categorie--677.node--type-article.node--view-mode-teaser .field--name-field-article-category,
.article-categorie--677.node--type-article .field--name-field-article-category {
  color: var(--roserose);
}
.node--type-article.node--view-mode-full.article-categorie--677 .field--name-body a {
  color: var(--roserose);
}

/*Théatre orange*/
.article-categorie--7 #block-fondationgide-branding .site-logo {
  background-image: url("../../../fcg-logo-orange.svg");
  background-size: 170px 134px;
  width: 170px;
  height: 134px;
  display: block;
}
.article-categorie--7 #block-fondationgide-branding .site-logo img {display: none}

.article-categorie--7 .article--related-content {
  background-color: var(--orange);
}
.article-categorie--7.node--type-article.node--view-mode-teaser .field--name-field-article-category,
.article-categorie--7.node--type-article .field--name-field-article-category {
  color: var(--orange);
}
.node--type-article.node--view-mode-full.article-categorie--7 .field--name-body a {
  color: var(--orange);
}

/*Littérature violet*/
.article-categorie--8 #block-fondationgide-branding .site-logo {
  background-image: url("../../../fcg-logo-violet.svg");
  background-size: 170px 134px;
  width: 170px;
  height: 134px;
  display: block;
}
.article-categorie--8 #block-fondationgide-branding .site-logo img {display: none}

.article-categorie--8 .article--related-content {
  background-color: var(--violet);
}
.article-categorie--8.node--type-article.node--view-mode-teaser .field--name-field-article-category,
.article-categorie--8.node--type-article .field--name-field-article-category {
  color: var(--violet);
}
.node--type-article.node--view-mode-full.article-categorie--8 .field--name-body a {
  color: var(--violet);
}


/*Fonds d'archives klein blue*/
.article-categorie--11195 #block-fondationgide-branding .site-logo {
  background-image: url("../../../fcg-logo-kleinblue.svg");
  background-size: 170px 134px;
  width: 170px;
  height: 134px;
  display: block;
}
.article-categorie--11195 #block-fondationgide-branding .site-logo img {display: none}

.article-categorie--11195 .article--related-content {
  background-color: var(--kleinblue);
}
.article-categorie--11195.node--type-article.node--view-mode-teaser .field--name-field-article-category,
.article-categorie--11195.node--type-article .field--name-field-article-category {
  color: var(--kleinblue);
}
.node--type-article.node--view-mode-full.article-categorie--11195 .field--name-body a {
  color: var(--kleinblue);
}


/*Article carnets*/
.article-categorie--42715 #block-fondationgide-branding .site-logo img {display: none}

.article-categorie--42715 .article--related-content {
  background-color: crimson;
}
.article-categorie--42715.node--type-article.node--view-mode-teaser .field--name-field-article-category,
.article-categorie--42715.node--type-article .field--name-field-article-category {
  color: crimson;
}
.node--type-article.node--view-mode-full.article-categorie--42715 .field--name-body a {
  color: crimson;
}


@media screen and (max-width: 940px) {
  .article-categorie--674 #block-fondationgide-branding .site-logo,
  .article-categorie--675 #block-fondationgide-branding .site-logo,
  .article-categorie--676 #block-fondationgide-branding .site-logo,
  .article-categorie--677 #block-fondationgide-branding .site-logo,
  .article-categorie--7 #block-fondationgide-branding .site-logo,
  .article-categorie--8 #block-fondationgide-branding .site-logo,
  .article-categorie--11195 #block-fondationgide-branding .site-logo,
  .article-categorie--42715 #block-fondationgide-branding .site-logo {
    background-size: 130px 103px;
    width: 130px;
    height: 103px;
  }
}






/*
 * Carnets - General styles
 */
body.path-carnets .view-latest-carnet .view-header p {
  max-width: 820px;
  font-size: var(--text-size-28);
  font-weight: var(--weight-light);
  font-family: var(--sans-serif);
}
@media screen and (max-width: 768px) {
  body.path-carnets #block-carnetsthematiques p {
    font-size: var(--text-size-22);
  }
}

body.path-carnets #block-fondationgide-content {
  position: relative;
}
body.path-carnets .view-id-latest_carnet .views-row {
  padding: 85px 0 80px;
  clear: both;
}
@media screen and (max-width: 992px) {
  body.path-carnets .view-id-latest_carnet .views-row {
    padding: 55px 0 60px;
  }
}

.node--type-carnets span.pre-title {
  font-size: var(--text-size-14);
  text-transform: uppercase;
  font-weight: var(--weight-bold);
  font-family: var(--sans-serif);
  margin-bottom: 4px;
  display: block;
  line-height: inherit;
}


/*
 * Carnet teaser home
 */
.block-views-blocklatest-carnet-block-1{
  position: relative;
}
@media screen and (max-width: 1200px) {
  .block-views-blocklatest-carnet-block-1 {
    padding: 60px 0 60px !important;
  }
}


.node--type-carnets.node--view-mode-teaser {
  display: flex;
  flex-flow: row-reverse;
}
@media screen and (max-width: 992px) {
  .node--type-carnets.node--view-mode-teaser {
    display: block;
  }
}

.node--type-carnets.node--view-mode-teaser .left {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .node--type-carnets.node--view-mode-teaser .left {
    width: 100%;
  }
}


.node--type-carnets.node--view-mode-teaser h2 {
  margin-top: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 1410px) {
  .node--type-carnets.node--view-mode-teaser h2 {
    margin-bottom: 20px;
  }
}

.node--type-carnets.node--view-mode-teaser h2 a{
 color: var(--black);
 text-decoration: none;
}
.node--type-carnets.node--view-mode-teaser .field--name-field-carnet-teaser p {
  font-family: var(--serif);
  font-size: var(--text-size-24);
  font-weight: var(--weight-normal);
  margin-bottom: 28px;
}
@media screen and (max-width: 1410px) {
  .node--type-carnets.node--view-mode-teaser .field--name-field-carnet-teaser p {
    font-size: var(--text-size-22);
  }
}
@media screen and (max-width: 1200px) {
  .node--type-carnets.node--view-mode-teaser .field--name-field-carnet-teaser p {
    font-size: var(--text-size-20);
  }
}

.node--type-carnets.node--view-mode-teaser .right {
  flex: 0 0 auto;
  width: 50%;
}
@media screen and (max-width: 1410px) {
  .node--type-carnets.node--view-mode-teaser .right {
    padding-right: 6%;
  }
}
@media screen and (max-width: 992px) {
  .node--type-carnets.node--view-mode-teaser .right {
    width: 100%;
  }
}

.node--type-carnets.node--view-mode-teaser .field--name-field-carnets-image {
  position: absolute;
  right: 0;
/*  top: 0;
*/  left: 54%;
}
@media screen and (max-width: 992px) {
  .node--type-carnets.node--view-mode-teaser .field--name-field-carnets-image {
    top: 10%;
    position: inherit;
  }
}


@media screen and (max-width: 992px) {
  .node--type-carnets.node--view-mode-teaser img {
    margin-bottom: 25px;
  }
}





/*
 * Carnet Full page header
 */

body.page-node-type-carnets-article #block-fondationgide-page-title h1.page-title {
  font-size: var(--text-size-36);
  font-weight: var(--weight-bold);
  margin-bottom: 10px;
}

.node--type-carnets.node--view-mode-full {
  background: var(--red);
  color: var(--white);
  padding: 80px 0;
  height: 460px;
  margin-bottom: 140px;
}

@media screen and (max-width: 992px) {
  .node--type-carnets.node--view-mode-full {
    height: auto;
    margin-bottom: 80px;
  }
}

.node--type-carnets.node--view-mode-full .inner {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
  max-width: var(--max-page-width);
  margin: 0 auto;
  padding: 0 25px;
}

.node--type-carnets.node--view-mode-full .left {
  flex: 0 0 62%;
  max-width: 62%;
  min-width: 180px;
  box-sizing: border-box;
}

.node--type-carnets.node--view-mode-full .right {
  flex: 0 0 32%;
  max-width: 32%;
  min-width: 180px;
  box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
  .node--type-carnets.node--view-mode-full .left {
    flex: 0 0 46%;
    max-width: 46%;
  }
  .node--type-carnets.node--view-mode-full .right {
    flex: 0 0 47%;
    max-width: 47%;
  }
}

@media screen and (max-width: 992px) {
  .node--type-carnets.node--view-mode-full .inner {
    flex-direction: column;
    gap: 1rem;
  }
  .node--type-carnets.node--view-mode-full .left,
  .node--type-carnets.node--view-mode-full .right {
    max-width: 100%;
    width: 100%;
    flex: 1 1 100%;
  }
}

.node--type-carnets.node--view-mode-full .right span.pre-title {
  font-size: var(--text-size-20);
  padding-left: 0;
  border: 0;
  color: #ffffffe8;
  font-weight: var(--weight-medium);
}
.node--type-carnets.node--view-mode-full .right span.pre-title:before {
  display: none;
}

.node--type-carnets.node--view-mode-full .right span.number {
  font-size: var(--text-size-20);
  font-family:  var(--serif);
  font-weight:  var(--weight-bold);
  margin-top: 30px;
}

.node--type-carnets.node--view-mode-full .right .field--name-field-carnets-description p
.node--type-carnets.node--view-mode-full .right .field--name-field-carnets-description p span {
  font-size: var(--text-size-20);
  margin-bottom: 0;
}

.node--type-carnets.node--view-mode-full h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 15px;
}

/*
 * Carnet Full page main content
 */


/* Layout 2 colonnes pour les pages carnets-article */
body.layout-sidebar-first .layout-content {
  display: flex;
  gap: 4rem;
  align-items: flex-start;
}

body.layout-sidebar-first aside {
  flex: 0 0 260px;
  max-width: 320px;
  min-width: 200px;
}

body.layout-sidebar-first .region-content {
  flex: 1 1 0%;
  min-width: 0;
  width: 100%;
}

/* Si aside est absent, .region-content prend toute la largeur */
body.layout-sidebar-first .layout-content:not(:has(> aside)) .region-content {
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}

@media (max-width: 992px) {
  body.layout-sidebar-first .layout-content {
    flex-direction: column;
  }
  body.layout-sidebar-first aside,
  body.layout-sidebar-first .region-content {
    max-width: 100%;
    width: 100%;
  }
  body.layout-sidebar-first aside {
    margin-bottom: 2rem;
  }
  body.layout-sidebar-first .region-pre-content {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  body.layout-sidebar-first .layout-content,
  body.layout-sidebar-first .region-content,
  body.layout-sidebar-first aside {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 1200px) and (min-width: 993px) {
  body.layout-sidebar-first .layout-content {
    max-width: 100%;
    gap: 1rem;
  }
  body.layout-sidebar-first aside {
    flex: 0 0 30%;
    max-width: 30%;
    min-width: 180px;
  }
  body.layout-sidebar-first .region-content {
    flex: 1 1 0%;
    max-width: 70%;
    min-width: 320px;
  }
}

body.layout-sidebar-first .region-content {
  min-width: 320px;
}

/*
 * Left - Nav and title
 */
 body.layout-sidebar-first aside .block-inner {
  padding: 0!important;
 }
.view-carnets.view-display-id-block_2 h2 {
  font-size: var(--text-size-36);
  font-weight: var(--weight-medium);
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  .view-carnets.view-display-id-block_2 h2 {
    margin-bottom: 20px;
  }
}

.view-carnets.view-display-id-block_2 .views-field-title {
  text-transform: uppercase;
}

.node--type-carnets-article.node--view-mode-teaser h3 {
  font-size: var(--text-size-20);
  color: var(--black);
  margin: 0;
  margin-bottom: 3px;
}

.views-field-field-carnets-articles ul {
  position: relative;
  z-index: 44;
}

.views-field-field-carnets-articles li {
  list-style: none;
  margin: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .views-field-field-carnets-articles li {
    margin-bottom: 20px;
  }
}

.views-field-field-carnets-pdf,
.file--mime-application-pdf {
  margin-top: 68px;
}


.node--type-carnets-article.node--view-mode-teaser a{
  text-decoration: none;
  color: var(--black);
  font-style: initial;
}
.node--type-carnets-article.node--view-mode-teaser.article-active a {
  color: var(--red);
}
.node--type-carnets-article.node--view-mode-teaser .field--name-field-carnets-article-auteur {
  margin-bottom: 15px;
}



/*
 * Right - Article title and content
 */

.node--type-carnets-article.node--view-mode-full p {
  font-family: var(--serif);
  font-size: var(--text-size-18);
  line-height: 1.5;
  font-weight: var(--weight-normal);
}

.node--type-carnets-article.node--view-mode-full p.notes,
.node--type-carnets-article.node--view-mode-full p.notes span,
.node--type-carnets-article.node--view-mode-full ul.footnotes li.footnote  {
  color: var(--gray);
  font-size: 15px !important;
  font-weight: var(--weight-normal);
  font-family: var(--sans-serif);
  line-height: 1.35 !important;
  margin-bottom: 20px !important;
}

.node--type-carnets-article.node--view-mode-full p.lead,
.node--type-carnets-article.node--view-mode-full p.lead span {
  font-size: var(--text-size-28);
  line-height: 1.35;
  font-weight: var(--weight-normal);
}
@media screen and (max-width: 992px) {
  .node--type-carnets-article.node--view-mode-full p.lead,
  .node--type-carnets-article.node--view-mode-full p.lead span {
    font-size: var(--text-size-24);
  }
}
@media screen and (max-width: 768px) {
  .node--type-carnets-article.node--view-mode-full p.lead,
  .node--type-carnets-article.node--view-mode-full p.lead span {
    font-size: var(--text-size-20);
  }
}
@media screen and (max-width: 580px) {
  .node--type-carnets-article.node--view-mode-full p.lead,
  .node--type-carnets-article.node--view-mode-full p.lead span {
    font-size: var(--text-size-18);
  }
}

.node--type-carnets-article.node--view-mode-full blockquote p {
  padding: 15px 40px;
  border-left: 3px solid var(--red);
  font-size: initial;
}

.node--type-carnets-article.node--view-mode-full .field--name-field-carnets-article-auteur {
  font-size: var(--text-size-20);
  margin-bottom: 30px;
  font-weight: var(--weight-semibold);
}

/*
 * Additional styles for the new template structure
 * Supporting both article and carnets_article types
 */

/* Ensure proper styling for article teasers in navigation */
.node--type-article.node--view-mode-teaser h3 {
  font-size: var(--text-size-20);
  color: var(--black);
  margin: 0;
  margin-bottom: 3px;
}

.node--type-article.node--view-mode-teaser a {
  text-decoration: none;
  color: var(--black);
  font-style: initial;
}

.node--type-article.node--view-mode-teaser.article-active a {
  color: var(--red);
}

.node--type-article.node--view-mode-teaser .field--name-field-article-auteur {
  margin-bottom: 15px;
}

/* Ensure the navigation menu works with both content types */
.view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li {
  list-style: none;
  margin: 0;
  margin-bottom: 30px;
}

.view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li.node--type-article,
.view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li.node--type-carnets-article {
  list-style: none;
  margin: 0;
  margin-bottom: 30px;
}

/* Navigation menu title styling */
.view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li h3 {
  font-size: var(--text-size-20);
  color: var(--black);
  margin: 0;
  margin-bottom: 3px;
}

.view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li h3 a {
  text-decoration: none;
  color: var(--black);
  font-style: initial;
}

.view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li.article-active h3 a {
  color: var(--red);
}

@media screen and (max-width: 992px) {
  .view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li {
    margin-bottom: 20px;
  }
  
  .view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li.node--type-article,
  .view-carnets.view-display-id-block_2 .views-field-field-carnets-articles li.node--type-carnets-article {
    margin-bottom: 20px;
  }
}

/* Layout for articles with navigation (carnet context) */
.carnet-article-layout {
  clear: both;
}

.carnet-article-layout .node--type-article.node--view-mode-full {
  width: 62%;
  float: left;
}

.carnet-article-layout #block-views-block-carnets-block-2 {
  width: 28%;
  margin-right: 10%;
  float: left;
}

/* Layout for articles without navigation (standard article display) */
.node--type-article.node--view-mode-full:not([data-node-id]) {
  width: 100%;
  float: none;
}

@media screen and (max-width: 992px) {
  .carnet-article-layout .node--type-article.node--view-mode-full {
    width: 100%;
  }
  
  .carnet-article-layout #block-views-block-carnets-block-2 {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  
  .node--type-article.node--view-mode-full {
    width: 100%;
  }
}

/* Styles for articles when they are part of a carnet */
.node--type-article.node--view-mode-full p {
  font-family: var(--serif);
  font-size: var(--text-size-18);
  line-height: 1.5;
  font-weight: var(--weight-normal);
}

.node--type-article.node--view-mode-full p.notes,
.node--type-article.node--view-mode-full p.notes span,
.node--type-article.node--view-mode-full ul.footnotes li.footnote {
  color: var(--gray);
  font-size: 15px !important;
  font-weight: var(--weight-normal);
  font-family: var(--sans-serif);
  line-height: 1.35 !important;
  margin-bottom: 20px !important;
}

.node--type-article.node--view-mode-full p.lead,
.node--type-article.node--view-mode-full p.lead span {
  font-size: var(--text-size-28);
  line-height: 1.35;
  font-weight: var(--weight-normal);
}

@media screen and (max-width: 992px) {
  .node--type-article.node--view-mode-full p.lead,
  .node--type-article.node--view-mode-full p.lead span {
    font-size: var(--text-size-24);
  }
}

@media screen and (max-width: 768px) {
  .node--type-article.node--view-mode-full p.lead,
  .node--type-article.node--view-mode-full p.lead span {
    font-size: var(--text-size-20);
  }
}

@media screen and (max-width: 580px) {
  .node--type-article.node--view-mode-full p.lead,
  .node--type-article.node--view-mode-full p.lead span {
    font-size: var(--text-size-18);
  }
}

.node--type-article.node--view-mode-full blockquote p {
  padding: 15px 40px;
  border-left: 3px solid var(--red);
  font-size: initial;
}

.node--type-article.node--view-mode-full .field--name-field-article-auteur {
  font-size: var(--text-size-20);
  margin-bottom: 30px;
  font-weight: var(--weight-semibold);
}