.market-data-container {
  width: 30%;
  display: inline-block;  
  vertical-align: top;
}
.chart-data-container {
  width: 66%;
  display: inline-block;  
}

@media (max-width: 768px){
.market-data-container {
    width: 100%;
}
.chart-data-container {
  width: 100%;
}
}

.market-data-header {
  font-size: 24px;
  color: #404040;
  font-weight: 600;
  text-transform: uppercase;
}

#market-data-last {
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
  color: #777777;
}


#market-data-movementPercent {
  float: right;  
}
.market-data-updated-section {
  border-bottom: 2px solid #396e62;
  padding: 20px 0px;
}

  .market-data-updated-section table {
    width: 100%;
  }

    .market-data-updated-section table td {
      text-align: left;
      padding: 0;
      font-size: 16px;
      margin-right: 20px;
    }

.market-data-movement-section {
  border-bottom: 2px solid #396e62;
  padding: 20px 0px;
  font-size: 32px;
}

.movement-down {
  color: red;
}

.movement-up {
  color: green;
}

.investi-market-data-last-container {
  text-align: center;
  border-bottom: 8px solid #396e62;
  padding: 10px 0px;
}
#investi-announcements {
  margin-top: 40px;
}

#investi-announcements table {
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

#investi-announcements td, #investi-announcements th {
  border: 1px solid transparent; /* No more visible border */
  height: 30px;
  transition: all 0.3s; /* Simple transition for hover effect */
}

#investi-announcements th {
  background: #DFDFDF; /* Darken header a bit */
  font-weight: bold;
}

#investi-announcements td {
  background: #FAFAFA;
}

/* Cells in even rows (2,4,6...) are one color */
#investi-announcements tr:nth-child(even) td {
  background: #F1F1F1;
}

/* Cells in odd rows (1,3,5...) are another (excludes header cells) */
#investi-announcements tr:nth-child(odd) td {
  background: #FEFEFE;
}


.investi-header-price-widget {
  float: right;
}

.investi-header-price-widget > div {
  display: inline-block;
}

.investi-header-price-widget > div:nth-child(2) {
  padding-left: 20px;
}

#investi-announcements-accordion h2, .investi-announcements-accordion h2 {
  background-color: gainsboro;
  padding: 4px 15px 7px 15px;
  cursor: pointer;
}
#investi-announcements-accordion h2:before, .investi-announcements-accordion h2:before {
    content: '↓';    
    padding-right: 15px;    
  }
#investi-announcements-accordion > table, .investi-announcements-accordion > table {
    width: 100%;    
}



/* Style the tab */
.investi-tab {
  display: flex;
  overflow: hidden;
  align-items: center;
}

.investi-tab[data-filter-label]:before {
  content: attr(data-filter-label);
  margin-right: 20px;
}

/* Style the buttons that are used to open the tab content */
.investi-tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;  
  padding: 10px;
}

/* Change background color of buttons on hover */
.investi-tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.investi-tab button.active {
  background-color: #ccc;
  opacity: 55%;
}


.investi-tabcontent {  
  border-top: none;
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
.investi-tabcontent.hidden {
  display: none;
}

.investi-tab-additional-year-label{
  margin-left: 1rem;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.investi-movement-percent-up{
  color:green;
}
.investi-movement-percent-down{
  color:red;
}


.investi-header-price {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
}

.investi-announcements-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;

	color: #fff;
	align-items: center;
	padding: 0 1rem;
}

.investi-announcements-header a {
	color: #fff;
	font-size: 1.5rem;
	text-decoration: none;
}

.investi-announcement-row {        
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 120px auto;
	gap: 10px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #939393;
	align-items: center;  
}

.investi-announcement-headline a {
	color: rgb(88, 89, 91);
	font-weight: 400;
	text-decoration: none;
	display: grid;
	gap: 10px;
	grid-auto-flow: column;
	justify-content: space-between;
	align-items: center;
}



.investi-announcement-headline a:after {
	content: '»';
	font-size: 1.5rem;
}




.investi-market-data-container {
  display: grid; 
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.investi-market-data-container > div {
  
  border-bottom: 1px solid rgb(229, 231, 235);
  padding: 0.6rem 0;
}

.investi-market-data-field-name {
  font-weight: 600;
}

.investi-movement-percent-up {
  color: green;
}

.investi-movement-percent-up::before {
  content: '▲';
}

.investi-movement-percent-down {
  color: red;
}

.investi-movement-percent-down::before {
  content: '▼';
}



.investi-market-data-delayed-info {
  margin-top: 10px;
  font-size: 10px;
  font-style: italic;
}

.investi-carousel_announcement-date,
.investi-carousel_announcement-headline{
	margin: 20px;
}

.investi-announcements-tab .investi-searchbox-container{
  margin-left: auto;
}
.investi-searchbox{
  border: 1px solid #cacccd;  
  padding: 10px;
  margin: 4px 0;
  font-weight: 300;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M384.7,128c140.3,0,254.5,114.8,254.5,256c0,53.2-16.3,104.3-47.2,148L567,567.4l-35.2,25.2c-43.4,31.1-94.2,47.5-147.1,47.5c-140.4,0-254.5-114.8-254.5-256S244.4,128,384.7,128L384.7,128z M384.7,0C173.9,0,2.9,171.9,2.9,384s170.9,384,381.8,384c82.4,0,158.5-26.5,220.9-71.2l306.6,308.4c12.5,12.5,28.8,18.8,45.1,18.8s32.6-6.3,45.1-18.8c24.9-25,24.9-65.6,0-90.7L695.8,606.2c44.4-62.8,70.8-139.3,70.8-222.2C766.5,171.9,595.6,0,384.7,0L384.7,0L384.7,0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(100% - 10px) 50%;
}
.investi-searchbox__results-count{
  margin-left:5px;
  font-size:10px;
  min-height: 12px;
}


.investi-interactive-announcements {    
  display: grid;
  grid-template-columns: 3fr 4fr 2fr;
  gap:clamp(30px, 4vw, 40px);
}
.investi-interactive-announcements[data-investi-no-comments] {
  grid-template-columns: 3fr 4fr;
}

.investi-interactive-announcements-table-container,
.investi-pdf-container {
  
  grid-row-start: 1;
  grid-row-end: 5;
}

@media only screen and (max-width: 799px) {
  .investi-interactive-announcements {
      display:block;
  }
}

.investi-add-comment-container {
  
  grid-column: 3;
  background-color: #F1F1F1;
  padding:40px;
}

@media only screen and (max-width: 1639px) {
  .investi-interactive-announcements {
      grid-template-columns: 1fr 1fr;
  }
  .investi-comments-container {
    grid-column: 1;
  }
  .investi-add-comment-container {
  
    grid-column: 2;
    
  }
}



 

/* define the 4 main containers */
.investi-interactive-announcements-table-container{
  flex: 1;
  display: block;
  /* grid-area: announcements; */
  margin-bottom: 1rem;  
  background-color: #F1F1F1;
  padding: clamp(30px, 4vw, 40px)

}

.investi-pdf-container{  
  background-color: #F1F1F1;
  padding:40px;
}

.investi-comments-container {  
  background-color: #F1F1F1;
  padding:40px;
}
@media only screen and (max-width: 799px) {
  .investi-comments-container {  
    background-color: #F1F1F1;
    padding:10px;
  }
}

/* end of 4 main containers */

.investi-pdf-info-announcement-headline{
  font-size: 24px;
}

.investi-comments-count-container{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0;
}
.investi-interactive-announcements-v2 .investi-comments-add-comment-button {
  margin-top: 12px;
}
.investi-comments-add-comment-button {
  color: #333;
  background-color: #D3D3D3;
  padding: 10px 25px;
  text-transform: uppercase;  
  font-size: 1.1rem;  
  border: none;
  cursor: pointer;
  font-weight: 700;
}
.investi-comments-add-comment-button:hover{
  background-color: lightblue;
}
.investi-comments-add-comment-button:disabled,
.investi-comments-add-comment-button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.investi-comments-add-comment-link {
  text-decoration: none;
  color: #333;
}
#investi-add-comment-info {
  scroll-behavior: smooth;
  line-height: 1.4;
}

.investi-interactive-announcements-announcement-has-comment .investi-add-comment-container {
	grid-column-start: 2;
	grid-column-end: 4;
}

.investi-interactive-announcements-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border-bottom: solid 1px #D3D3D3;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
@media (min-width:1450px)  { 
  .investi-interactive-announcements-header{
    flex-direction: row;
    gap: 0rem;
  }
}

.investi-interactive-announcements table {
  
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}




.investi-interactive-announcements td {
  border: 1px solid transparent; /* No more visible border */
  transition: all 0.3s; /* Simple transition for hover effect */
}



.investi-interactive-announcements td {
  /* padding: 0.5rem 0;
  background: #FAFAFA; */
}

.investi-interactive-announcements__headline {
  cursor: pointer;
}

.investi-interactive-announcements__comments {
  cursor: pointer;
  text-align: center;
  font-size: 0.8rem;
  padding-top: 0.3rem;
}

.investi-interactive-announcements-row {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    align-items: center;
    gap: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #D3D3D3;
}

.investi-interactive-announcements-row-even td {
  /* background: #FEFEFE; */
}

.investi-interactive-announcements-row-odd td {
  /* background: #F1F1F1; */
}
.investi-interactive-announcements__date {
  font-size: 0.875rem;
  font-weight: 500;  
}
.investi-interactive-announcements-row-selected .investi-interactive-announcements__headline {
  font-weight: 700;
}

.investi-interactive-announcements-row-hidden {
  display:none !important;
}


.investi-announcements-pagination-container {  
  
  display:flex;  
  align-items: center;
}
.investi-announcements-pagination-showing-text{
  font-size: 0.75rem;
  font-weight: 500;
}
.investi-announcements-pagination-controls {
  display:flex;
}

.investi-announcements-pagination-controls-prev {
  margin-left: 0.5rem;
  padding: 0 0.5rem;
}
.investi-announcements-pagination-controls-next {
  margin-left: 0.5rem;
  padding: 0 0.5rem;
}



.investi-add-comment-header {
  margin: 1rem 0;
}
.investi-comments-field {
  margin: 1rem 0;
  padding: 0 0.5rem;
}

.investi-comments-field-label {
  display:block;
  margin-bottom: 0.25rem;
  font-weight: 700;
}
.investi-comments-field input,textarea {
width:100%;
border: 2px solid #808080;
padding: 1rem;
box-sizing: border-box;
}
.investi-add-comment-field-is-private-comment-checkbox{
  margin-right: 0.5rem;
}
.investi-add-comment-field-is-private-comment-label {
  cursor: pointer;
  font-weight: bold;
  font-size: 0.9rem;
}
.investi-add-comment-field-is-private-comment-label input {
  width:auto;
}

.investi-success,
.investi-add-comment-success {
  background-color: #d8f0d3;
  color:rgb(24, 72, 13);
  border: 1px solid #b1e1a6;
  padding: 1rem;
  margin: 1rem 0;
}

.investi-add-comment-success {
  display:none;
}


.investi-error,
.investi-add-comment-error {  
  background-color: #f5cccc;
  color:rgb(82, 1, 0);
  border: 1px solid #eb9a99;
  padding: 1rem;
  margin: 1rem 0;
}

.investi-add-comment-error {
  display:none;
}



.investi-comments-row{
  background-color: #f1f1f1;  
  margin-bottom: 3rem;
  border-radius: 5px;
}


blockquote.investi-comments-comment {  
  width:60%;
  margin-left:0;
  font-style:italic;
  color: #555555;
  padding:1.2rem 30px 1.2em 75px;
  border-left:8px solid lightblue;
  line-height:1.6;
  position: relative;
  background:#F1F1F1;  
}

@media only screen and (max-width: 799px) {
  blockquote.investi-comments-comment {
    padding:1.2rem 10px 0.5rem 20px;
  }
}

.investi-comments-video-container{
  padding: 1rem;
  background:#F1F1F1;
}

.investi-comments-video-description{
  margin-top: 1rem;
}

blockquote.investi-comments-comment::before{
  font-family:Arial;
  content: "\201C";
  color:lightblue;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote.investi-comments-comment::after{
  content: '';
}


.investi-comments-name-avatar {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARQSURBVEhLrZZNbBtFFMffzO76K3Gc2EncgoASkwMCVQIqCjRCFZVIxQ1Q4cIpcOZQBAKExAFxqECCA4ce4AwnLhygIHFpkHpAgqoFgZKIqgUltVt/xY69We8O/zceO3bitV3BL18zz7Pv/96bmbcRNAb1naZTa0YeUYqexPSoUmJKESkhMCL6Wwj6WQq1Ojdj3Wg/Ec5QwVLFm3Jb1ooi8RrEHjLmgcDRNgn1gxT0STYtV435AKGC+aL/gq/kRxBaMKaxQbZfOXZwNpOyN42py0DBrdvBh4ES75ppF16M8hGCIHzrMdsCnuwD5b5uSfXy/Ix1yZg0BwRvFoMv/ECsmGkXlIqavk+F5g5VvV0tErEkZSJxSkdj2tF+XQRUt2SwDNGfjKlfEGLvQewDM+3CYkW3SevbFWoGfvehjsB8NE65ZIpsIQeJbjqWf2J22v5Lz7UV5Ev+U74vL+IBaUwaXlBveXSlcptaQQDxvhg1LdT4cCxBDySnjaUf7OmFQxl5Wo/5l1J/CGR2br9Yh392auSFiDE27Hl3h7ZR6kFLcB6Wt4rBizzWAoXS4mncqCUe98LPslCltRsq1oH3tLzr9u9RD/D/plKbUgv6SryirQPwUS7+GQdP+WZ0ELg4ni9lH5fFipdCLieN/QCcmQyNux8+NMOA6LL0fJnjPTe2PjivCIow5Tgo2fAsOaSUE21PQoCH4whJcCcJTwGf3B2fJAuZhklyyTORGKUi0YFNYA9xROJ02mY2EE4sGYnQ4mRKl5adB5DmL86a5zPIjO/hqMJjqcV3etQ6LTofT9DR6QyynaCk5VDCsmkGGXEgD6bSKL0VWoEehEB3eR5Zfm0MQ+lEx2Vj5905fjioUWBXfsMeqg2MQ88zXz92zOWreS261WxSHv2Ue2q+0aCSu0sueiwzulxqQ5Sr3mTDs6/C333Gquk8yG2t0IRjz6WG39LCvcnwOgcnedKO0ByaeBp91YHyoMODFveO9ovX0edoP69qK+BI+c1wo17TLYsPRjv6Thj9sG9lApnA3t6TSNJsLK5X9+gGtgyOaQ83i/6SH8iLPGbHJdel9VpFZ8TX4U5on16iQ2jm9+NAcZ9lUbwffzyckad0a8imrVWk+x2LFbBHv1eLeA3duRjDVeDntrDHf1aKaHf4BwVu4P9j/rzbixKOeAvvvMbadllHNG47C4NFi9j3jWoZGQdfIqlv2d4VnJoSV67Vq2e5JP9Nag8WrbTctbVq+XVj2hNknlvMnk861rn/SxCndWs2ap85uZC5ZUz9gsyzuezbMct6AyUNf9eMAQ7Lr+hGTy8dmbtsTJrQZC6sF040/danuBLHeo72SBCoa0vx2V2xifcfuzdZN+YuQ6tXKivnUqHwkhv4K7jwT0A4YT7qo+1EXIfQNxOWc/5ULnNVmwYw9nZ9v17IoRk8iuHDngrw0iaFQ6GQ0TX8vRy3rV+eWZit6sWhEP0LidjBuhM8jlQAAAAASUVORK5CYII=");
  width:28px;
  height: 28px;
  margin-right: 0.3rem;
}

.investi-comments-name-response-avatar {
  /* background-image: none; */
  width:28px;
  height: 28px;
  margin-right: 0.3rem;
}
.investi-comments-name {
  font-weight: bold;
  font-size: 1.2rem;
}
.investi-comments-date {
  margin-left: 1rem;
  font-size: 0.6rem;
  font-weight: 500;
}

.investi-comments-avatar-and-name {
  display: flex;
  align-items: center;  
  color:#333333;
  font-style: normal;  
  margin-top:1em;
}

.investi-comments-response-container {
  padding: 2rem 0 1rem 2rem;
}
.investi-comments-response-container .investi-comments-comment {
  padding: 1.2em 0 1.2em 45px;
  width:75%;
  }
  @media only screen and (max-width: 799px) {
    .investi-comments-response-container {
      padding: 1rem 0 1rem 1rem;
    }
    .investi-comments-response-container .investi-comments-comment {
      padding: 1em 0 1.2em 15px;
      width:100%;
      }
  }

.investi-icon {
  background-color: #DCDCDC;
  border: 2px solid #BEBEBE;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.investi-icon:after,
.investi-icon:before {
  background: #DCDCDC;
  border: 2px solid #BEBEBE;
  content: '';
  position: absolute;
}
.investi-icon:hover,
.investi-icon:hover:after,
.investi-icon:hover:before {
  background-color: #ffe;
}

.investi-icon-comment {
  border-radius: 4px;
  padding: 2px 10px;
}
.investi-icon-comment:after,
.investi-icon-comment:before {
  background: none;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #BEBEBE;
  bottom: -14px;
  height: 0;
  left: 7px;
  width: 0;
}
.investi-icon-comment:before {
  border-top-color: #DCDCDC;
  bottom: -11px;
  z-index: 1;
}
.investi-icon-comment:hover:after {
  background: none;
}
.investi-icon-comment:hover:before {
  background: none;
  border-top-color: #ffe;
}
/* 
.investi-pdf-canvas-container {
  height: 100%;
} */

.investi-pdf-canvas {  
  border: 1px solid #DCDCDC;
  padding: 0;
  display: block;
  visibility: hidden;
  margin:auto;   
  max-width: 100%;
}

.investi-pdf-canvas-header {
  display: flex;
  justify-content: space-between;
  align-items: center;  
  margin: 2rem 0 0.5rem 0;  
  font-size: 0.8rem;
  flex-wrap: wrap;
}

.investi-pdf-buttons {  
  padding: 0;
  display: flex;
  align-items: center;  
}

.investi-pdf-prev-page-btn{
  padding: 0 0.5rem;
  margin: 0 0.5rem;
}
.investi-pdf-next-page-btn{
  padding: 0 0.5rem;
}

.investi-pdf-error-loading {
  display:none;
}

/* interactive-announcements */

.investi-interactive-announcements-container{
  display: block;
}

.investi-interactive-announcements-scroll-to-nav {
  display:flex;
  align-items: center;
}

.investi-interactive-announcements-scroll-to-nav > * {
  margin-right: 0.5rem;
}

@media only screen and (min-width: 800px) {

	.investi-interactive-announcements-scroll-to-nav .investi-interactive-announcements-scroll-to-pdf {
		display: none;
	}
	
}

@media only screen and (min-width: 1540px) {

	.investi-interactive-announcements-scroll-to-nav {
		display: none;
	}

}

.investi-pdf-info{
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.investi-pdf-announcement-link{
  margin-left: 1.5rem;
  font-size: 0.7rem;
}

.investi-pdf-links {
  display: flex;
  flex-direction: row;
}



.investi-pdf-links a {
  color: #fff;
  background-color: #00ADA4;
  padding: 6px 10px;  
  text-decoration: none;
  font-size: 0.7rem;
  border: none;
  cursor: pointer;
  font-weight: 700;
  margin-left: 1rem;  
}
.investi-pdf-links .investi-add-a-comment-link {
  background-color: #E3A700;  
}

/* @media only screen and (min-width: 800px) {

	.investi-pdf-links {
		flex-direction: row;
	}	
  .investi-pdf-links .investi-add-a-comment-link {    
    margin-top: 0;
  }
} */




.investi-loading {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  color: currentColor;
}

.investi-loading div {
  animation: investi-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 16px 16px; /* half of 32 */
  position: absolute;
  box-sizing: border-box;
}

.investi-loading div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 2.88px;   /* 7.2 / 80 * 32 */
  height: 2.88px;
  border-radius: 50%;
  background: currentColor;
  margin: -1.44px 0 0 -1.44px;
}

/* animation delays stay the same */
.investi-loading div:nth-child(1) { animation-delay: -0.036s; }
.investi-loading div:nth-child(2) { animation-delay: -0.072s; }
.investi-loading div:nth-child(3) { animation-delay: -0.108s; }
.investi-loading div:nth-child(4) { animation-delay: -0.144s; }
.investi-loading div:nth-child(5) { animation-delay: -0.18s;  }
.investi-loading div:nth-child(6) { animation-delay: -0.216s; }
.investi-loading div:nth-child(7) { animation-delay: -0.252s; }
.investi-loading div:nth-child(8) { animation-delay: -0.288s; }

/* Position dots around the 32px circle */
.investi-loading div:nth-child(1):after {
  top: 25.01px; left: 25.01px;
}
.investi-loading div:nth-child(2):after {
  top: 27.05px; left: 22.4px;
}
.investi-loading div:nth-child(3):after {
  top: 28.36px; left: 19.3px;
}
.investi-loading div:nth-child(4):after {
  top: 28.8px; left: 16px;
}
.investi-loading div:nth-child(5):after {
  top: 28.36px; left: 12.7px;
}
.investi-loading div:nth-child(6):after {
  top: 27.05px; left: 9.6px;
}
.investi-loading div:nth-child(7):after {
  top: 25.01px; left: 6.99px;
}
.investi-loading div:nth-child(8):after {
  top: 22.4px;  left: 4.91px;
}

@keyframes investi-loading {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.investi-announcements-thumbnail > a {
  text-decoration: none;      
  display:flex;  
  align-items: center;
	justify-content: left;
}
.investi-announcements-thumbnail__header{  
  margin-left:0.5rem;
}
.investi-announcements-thumbnail__date{  
  margin-top: 1rem;
  margin-right: 1rem;
  font-size: 0.8rem;
  color: gray;
}
.investi-announcements-thumbnail img {
  margin-top: 1rem;
  display:block;  
  border-radius: 5px;  
  border: 1px solid lightgray;
}
.investi-announcements-thumbnail {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
.investi-announcements-thumbnail.data-investi-announcements-thumbnail-single-announcement-only {
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (max-width: 799px) {
  .investi-announcements-thumbnail {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
  .investi-announcements-thumbnail > a {        
    flex-direction: column;
  }
  .investi-announcements-thumbnail__header{
    text-align: center;
    margin-left: 0;
    margin-top: 1rem;
  }
}


.investi-share-price-chart-header{
  padding-left: 5px;
}
.investi-share-price-chart-header-company-name-row, .investi-share-price-chart-header-price-row {
  margin-bottom: 0.5rem;
}
.investi-share-price-chart-header-company-name{
  font-weight: bold;
  font-size: 1.2rem;
}
.investi-share-price-chart-header-company-ticker {
  margin-left: 1rem;
}
.investi-share-price-chart-header-movement-elem{
  margin-left: 1rem;
}
.investi-share-price-chart-header-movement-percent-elem{
  margin-left: 1rem;
}
.investi-share-price-chart-header-exchange-separator{
  margin: 0 0.75rem;
}



.investi-add-subscriber {
  display: flex;
  flex-direction: column;
  gap: 12px;               /* space between items on mobile */
}

.investi-add-subscriber > * {
  flex: 1 1 auto;          /* allow items to grow/shrink evenly */
  min-width: 0;            /* prevent overflow in flex items */
}

/* Desktop layout */
@media only screen and (min-width: 799px) {
  .investi-add-subscriber {
    flex-direction: row;
    gap: 16px;             /* more space between items on desktop */
    align-items: center;
  }
  /* Only widgets using the email-alerts/shareholder sections wrap, so those full-width
     sections drop below the inputs. The plain subscribe bar stays on one row (unchanged). */
  .investi-add-subscriber:has(.investi-add-subscriber__fieldset) {
    flex-wrap: wrap;
  }
}

.investi-add-subscriber > * {
  padding: 8px 12px;
  font-size: 1rem;
}

.investi-add-subscriber__divider {
  border: none;
  border-top: 1px solid #ddd;
  margin: 4px 0;
  flex-basis: 100%;
  max-width: 60px;
}

.investi-add-subscriber__social {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-basis: 100%;
}

/* Optional Email Alerts / Shareholder sections - always full-width block rows */
.investi-add-subscriber__fieldset {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.investi-add-subscriber__legend {
  font-weight: 600;
  padding: 0 4px;
}

.investi-add-subscriber__option {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 0.95rem;
}

.investi-add-subscriber__option input {
  flex: 0 0 auto;
  margin: 0;
}

/* Fix submit button size on desktop + lay social buttons side-by-side on desktop */
@media only screen and (min-width: 799px) {
  .investi-add-subscriber__submit {
    flex: 0 0 auto;        /* don't stretch */
    white-space: nowrap;   /* prevent button from expanding too wide */
  }
  .investi-add-subscriber__social {
    flex-direction: row;
  }
}

.investi-add-subscriber__google-btn,
.investi-add-subscriber__linkedin-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.9rem;
  cursor: pointer;
  white-space: nowrap;
}

.investi-add-subscriber__google-btn {
  background: #fff;
  color: #444;
}

.investi-add-subscriber__google-btn:hover {
  background: #f7f7f7;
}

.investi-add-subscriber__linkedin-btn {
  background: #0A66C2;
  color: #fff;
  border-color: #0A66C2;
}

.investi-add-subscriber__linkedin-btn:hover {
  background: #004182;
}

.investi-add-subscriber__google-btn svg,
.investi-add-subscriber__linkedin-btn svg {
  flex-shrink: 0;
}

.investi-sec-filings__filter-container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.investi-sec-filings__filter-label {
  color: #555;
}

.investi-sec-filings__filter-select {
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  cursor: pointer;
}

.investi-sec-filings__filter-select:hover {
  border-color: #999;
}

.investi-sec-filings__filter-select:focus {
  outline: none;
  border-color: #396e62;
  box-shadow: 0 0 0 2px rgba(57, 110, 98, 0.2);
}

.investi-sec-filings table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.investi-sec-filings th {
  text-align: left;
  padding: 12px 10px;
  font-weight: 600;
  border-bottom: 2px solid #396e62;
  color: #333;
}

.investi-sec-filings td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.investi-sec-filings tbody tr:hover {
  background-color: rgba(57, 110, 98, 0.04);
}

.investi-sec-filings .fiv-cla {
  margin: 0 0.25rem;
}

.investi-sec-filings h2 {
  background-color: #f0f0f0;
  padding: 8px 15px;
  margin: 0;
  cursor: pointer;
  border-left: 3px solid #396e62;
  transition: background-color 0.15s ease;
}

.investi-sec-filings h2:hover {
  background-color: #e4e4e4;
}

.investi-sec-filings h2:before {
  content: '↓';
  padding-right: 15px;
}

.investi-sec-filings__table-container {
  margin-bottom: 8px;
}

.investi-login {
  --investi-login-accent: #0B6974;
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 420px;
  margin: 0 auto;
  padding: 40px;
  background: #fff;
  border: 1px solid rgba(10, 10, 10, 0.1);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.04);
  color: #171717;
}

.investi-login,
.investi-login * {
  box-sizing: border-box;
}

.investi-login__heading {
  margin: 0 0 4px 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #171717;
}

.investi-login__social {
  display: flex;
  gap: 8px;
}

.investi-login__btn-wrap {
  position: relative;
  flex: 1;
  display: flex;
}

.investi-login__google-btn,
.investi-login__linkedin-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
  background: #fff;
  color: #171717;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}

.investi-login__google-btn:hover,
.investi-login__linkedin-btn:hover {
  background: #f5f5f5;
}

.investi-login__last-used {
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  background: #e3effc;
  color: #1a5dab;
  font-size: 10px;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: 999px;
  white-space: nowrap;
  pointer-events: none;
}

.investi-login__divider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #737373;
  font-size: 0.85rem;
}

.investi-login__divider::before,
.investi-login__divider::after {
  content: '';
  flex: 1;
  border-top: 1px solid #e5e5e5;
}

.investi-login__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.investi-login__field label {
  font-size: 0.95rem;
  font-weight: 500;
  color: #171717;
}

.investi-login input {
  height: 40px;
  padding: 0 14px;
  font-size: 1rem;
  color: #171717;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  width: 100%;
}

.investi-login input:focus {
  outline: none;
  border-color: var(--investi-login-accent);
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--investi-login-accent) 35%, transparent);
}

.investi-login__submit {
  height: 40px;
  width: 100%;
  padding: 0 16px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  background: var(--investi-login-accent);
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.investi-login__submit:hover {
  filter: brightness(1.1);
}

.investi-login__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.investi-login__toggle,
.investi-login__signed-in {
  font-size: 0.9rem;
  color: #525252;
  text-align: center;
}

.investi-login__toggle a,
.investi-login__legal a {
  color: var(--investi-login-accent);
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.investi-login__legal {
  font-size: 0.8rem;
  color: #737373;
  text-align: center;
  line-height: 1.5;
}

.investi-login__signout {
  height: 40px;
  width: 100%;
  padding: 0 16px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #171717;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  cursor: pointer;
}

.investi-login__signout:hover {
  background: #f5f5f5;
}

.investi-login__feedback:empty {
  display: none;
}

/* investi-interactive-announcements-v2: list-only first, detail (pdf + comments) on selection */
.investi-interactive-announcements-v2:not(.investi-v2-showing-detail) {
  display: block; /* full-width list; overrides the v1 grid */
}
/* !important: JS sets inline display on these when an announcement is selected,
   which would otherwise leak them visible after a select-then-back cycle */
.investi-interactive-announcements-v2:not(.investi-v2-showing-detail) .investi-pdf-container,
.investi-interactive-announcements-v2:not(.investi-v2-showing-detail) .investi-comments-container,
.investi-interactive-announcements-v2:not(.investi-v2-showing-detail) .investi-add-comment-container,
.investi-interactive-announcements-v2:not(.investi-v2-showing-detail) .investi-v2-back-button {
  display: none !important;
}

.investi-interactive-announcements-v2.investi-v2-showing-detail .investi-interactive-announcements-table-container {
  display: none;
}
/* 3-class specificity deliberately beats the 1639px breakpoint and the has-comment grid-column rules */
@media only screen and (min-width: 800px) {
  .investi-interactive-announcements-v2.investi-v2-showing-detail {
    grid-template-columns: 4fr 2fr;
  }
  .investi-interactive-announcements-v2.investi-v2-showing-detail .investi-v2-back-button {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: start;
  }
  .investi-interactive-announcements-v2.investi-v2-showing-detail .investi-pdf-container {
    grid-column: 1;
    grid-row: 2 / 6;
  }
  .investi-interactive-announcements-v2.investi-v2-showing-detail .investi-comments-container,
  .investi-interactive-announcements-v2.investi-v2-showing-detail .investi-add-comment-container {
    grid-column: 2;
  }
}

.investi-v2-back-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: inherit;
}
.investi-v2-back-button svg {
  width: 16px;
  height: 16px;
}
.investi-v2-back-button:hover span {
  text-decoration: underline;
}

/* v2: white cards instead of the grey panels */
.investi-interactive-announcements-v2 .investi-interactive-announcements-table-container,
.investi-interactive-announcements-v2 .investi-pdf-container,
.investi-interactive-announcements-v2 .investi-comments-container,
.investi-interactive-announcements-v2 .investi-add-comment-container {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
}

/* v2 header: searchbox sits on the left, wider since it has the row to itself */
.investi-interactive-announcements-v2 .investi-interactive-announcements-header {
  flex-direction: row;
  justify-content: flex-start;
}
.investi-interactive-announcements-v2 .investi-searchbox-container {
  width: min(550px, 100%);
}
.investi-interactive-announcements-v2 .investi-searchbox {
  width: 100%;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23999' d='M384.7,128c140.3,0,254.5,114.8,254.5,256c0,53.2-16.3,104.3-47.2,148L567,567.4l-35.2,25.2c-43.4,31.1-94.2,47.5-147.1,47.5c-140.4,0-254.5-114.8-254.5-256S244.4,128,384.7,128L384.7,128z M384.7,0C173.9,0,2.9,171.9,2.9,384s170.9,384,381.8,384c82.4,0,158.5-26.5,220.9-71.2l306.6,308.4c12.5,12.5,28.8,18.8,45.1,18.8s32.6-6.3,45.1-18.8c24.9-25,24.9-65.6,0-90.7L695.8,606.2c44.4-62.8,70.8-139.3,70.8-222.2C766.5,171.9,595.6,0,384.7,0L384.7,0L384.7,0z'/%3E%3C/svg%3E");
}

/* v2 row meta: views + comments icons */
.investi-v2-row-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #8a8a8a;
  font-size: 0.8rem;
}
.investi-v2-meta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.investi-v2-meta svg {
  width: 16px;
  height: 16px;
}
.investi-v2-meta-views {
  font-size: 0.7rem;
  white-space: nowrap;
}
/* v2: muted date so it contrasts with the headline */
.investi-interactive-announcements-v2 .investi-interactive-announcements__date {
  color: #8a8a8a;
  font-size: 0.8rem;
  font-weight: 400;
}

.investi-add-comment-logged-in-as {
  font-size: 0.75rem;
  color: #8a8a8a;
  margin-bottom: 8px;
}

/* v2 pagination: below the table, circled page numbers */
.investi-interactive-announcements-v2 .investi-announcements-pagination-container {
  justify-content: space-between;
  margin-top: 12px;
}
.investi-interactive-announcements-v2 .investi-announcements-pagination-controls {
  align-items: center;
  gap: 4px;
}
.investi-pagination-pages {
  display: flex;
  align-items: center;
  gap: 4px;
}
.investi-interactive-announcements-v2 .investi-announcements-pagination-controls button {
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  color: #333;
}
.investi-interactive-announcements-v2 .investi-announcements-pagination-controls button:hover {
  background: #ececec;
}
.investi-interactive-announcements-v2 .investi-announcements-pagination-controls button:disabled {
  opacity: 0.3;
  cursor: default;
  background: transparent;
}
.investi-pagination-page-current,
.investi-interactive-announcements-v2 .investi-announcements-pagination-controls .investi-pagination-page-current,
.investi-interactive-announcements-v2 .investi-announcements-pagination-controls .investi-pagination-page-current:hover {
  background: #00b5d1;
  color: #fff;
}
.investi-pagination-ellipsis {
  width: 24px;
  text-align: center;
  color: #8a8a8a;
}