/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.block--conversation-banner{background-color:var(--bgMuted);padding-top:var(--spacing_3xl);padding-bottom:var(--spacing_3xl);.container{display:flex;flex-direction:row;gap:var(--spacing_lg);justify-content:space-between;.h1{text-wrap:auto;&::after{content:"";display:inline-block;height:3.75rem;vertical-align:middle;margin-left:var(--spacing_md);aspect-ratio:1 / 1;background-image:url("/themes/custom/jsm_2026/images/patterns/01-right.svg");filter:var(--filter_pathway200);}}.actions{display:flex;flex-direction:row;gap:var(--spacing_lg);a{white-space:nowrap;height:fit-content;}}}@media (max-width:992px){padding-top:var(--spacing_xl);padding-bottom:var(--spacing_xl);.container{flex-direction:column;h1::after{height:2.875rem;}.actions{flex-direction:column;gap:var(--spacing_md);a{width:100%;text-align:center;}}}}}
body.node--type-article{article{background-color:var(--bgSubtle);}.node__content .article{padding-top:var(--spacing_5xl);padding-bottom:var(--spacing_5xl);display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing_7xl);.description{.body{color:var(--textPrimary);p{font-weight:inherit;font-size:inherit;line-height:inherit;}*{color:inherit;}}}.sidebar{border:1px solid var(--borderSubtle);padding:var(--spacing_lg);display:flex;flex-direction:column;gap:var(--spacing_lg);background-color:var(--bgSurface);min-width:25%;height:fit-content;.group{.eyebrow{margin-bottom:var(--spacing_2xs);}}hr{margin-top:calc(var(--spacing_xl) - var(--spacing_lg));margin-bottom:calc(var(--spacing_xl) - var(--spacing_lg));}}@media (max-width:992px){flex-direction:column;padding-top:var(--spacing_2xl);padding-bottom:var(--spacing_2xl);gap:var(--spacing_3xl);}}}.card.article-card{border:1px solid var(--borderSubtle);box-shadow:var(--elevation_xs);height:100%;.thumbnail{height:14rem;background-color:var(--bgAccent);img{height:14rem;object-fit:cover;width:100%;}}.content{padding:var(--spacing_xl) var(--spacing_lg);display:flex;flex-direction:column;gap:var(--spacing_md);.date,.body{color:var(--textSecondary);}}@media (max-width:992px){.thumbnail{height:12rem;img{height:12rem;}}.content{padding:var(--spacing_lg) var(--spacing_md);}}}