code {
    /*display: inline-block;  This makes it wrap to content width */
    width: auto;           /* Ensures it only takes up needed space */
    background: #f4f4f4;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.9em;
    color: #333; 
    border: 1px solid #e1e1e1;
}

/* For pre blocks specifically */
pre code {
    display: inline;      /* For code inside pre tags */
    width: auto;
}



/* Default style for WordPress editor (light background) */
table, table td, table th {
  color: #000000; /* Black text for light background */
  border-color: #ccc; /* Light border */
}

/* Live site with dark background - add this only if your site body has a dark class */
body:not(.wp-admin) table,
body:not(.wp-admin) table td,
body:not(.wp-admin) table th {
  color: #ffffff !important; /* White text for dark background */
  border-color: #3a3a3a !important;
}
html {
  font-synthesis: none;
}

.key-takeaway-box {
    border-radius: 10px !important;
border: 1px solid #4368E3 !important;
background: linear-gradient(180deg, rgba(149, 175, 255, 0.02) 0%, rgba(89, 105, 153, 0.02) 100%) !important;
	padding: 20px !important;
}
.key-takeaway-header-container{
	display:flex;
	align-items:center;
	gap:10px !important;
}
.key-takeaway-header-container .key-takeaway-icon{
	height: 24px !important;
	margin-bottom:0px !important;
	display:flex;
}
.key-takeaway-header-container figure {
	height:24px !important;
}
.key-takeaway-header-container .key-takeaway-heading-text{
	margin-bottom:0px !important;
}
.key-takeaway-list{
	padding-left: 20px !important;
	margin-top: 10px;
}
.quote-engineering-box{
	display: flex;
width: 745px;
padding: 24px 42px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 10px;
	border-radius: 10px;
border-left: 4px solid #2EB67D;
background: linear-gradient(101deg, rgba(46, 182, 125, 0.12) 9.09%, rgba(62, 99, 221, 0.12) 91.81%);
}
.quote-engineering-box .quote-engineering-main-text {
	margin-bottom:10px !important;
}
.quote-engineering-box .quote-block-engineering-autor-text{
	margin-bottom:0px !important;
	font-weight:600 !important
}
.quote-resources-box{
	display: flex;
width: 745px;
padding: 24px 42px;
align-items: center;
gap: 10px;
	border-radius: 10px;
border-left: 4px solid #3E63DD;
background: linear-gradient(101deg, rgba(236, 105, 207, 0.12) 9.09%, rgba(62, 99, 221, 0.12) 91.81%);
}

.quote-resources-box .quote-engineering-main-text {
	margin-bottom:10px !important;
}
.quote-resources-box .quote-block-engineering-autor-text{
	margin-bottom:0px !important;
	font-weight:600 !important
}



.quote-product-box{
	display: flex;
width: 745px;
padding: 24px 42px;
align-items: center;
gap: 10px;
	border-radius: 10px;
border-left: 4px solid #EC69CF;
background: linear-gradient(101deg, rgba(236, 105, 207, 0.12) 9.09%, rgba(62, 99, 221, 0.12) 91.81%);
}

.quote-product-box .quote-engineering-main-text {
	margin-bottom:10px !important;
}
.quote-product-box .quote-block-engineering-autor-text{
	margin-bottom:0px !important;
	font-weight:600 !important
}




.quote-tutorials-box{
	display: flex;
width: 745px;
padding: 24px 42px;
align-items: center;
gap: 10px;
	border-radius: 10px;
border-left: 4px solid #7A95EC;
background: linear-gradient(101deg, rgba(236, 105, 207, 0.12) 9.09%, rgba(62, 99, 221, 0.12) 91.81%);
}

.quote-tutorials-box .quote-engineering-main-text {
	margin-bottom:10px !important;
}
.quote-tutorials-box .quote-block-engineering-autor-text{
	margin-bottom:0px !important;
	font-weight:600 !important
}





.quote-announcement-box{
	display: flex;
width: 745px;
padding: 24px 42px;
align-items: center;
gap: 10px;
	border-radius: 10px;
border-left: 4px solid #C1A1FC;
background: linear-gradient(101deg, rgba(236, 105, 207, 0.12) 9.09%, rgba(62, 99, 221, 0.12) 91.81%);
}

.quote-announcement-box .quote-engineering-main-text {
	margin-bottom:10px !important;
}
.quote-announcement-box .quote-block-engineering-autor-text{
	margin-bottom:0px !important;
	font-weight:600 !important
}










.key-takeaway-box {
    border-radius: 10px !important;
border: 1px solid #4368E3 !important;
background: linear-gradient(180deg, rgba(149, 175, 255, 0.02) 0%, rgba(89, 105, 153, 0.02) 100%) !important;
	padding: 20px !important;
}
.key-takeaway-header-container{
	display:flex;
	align-items:center;
	gap:10px !important;
}
.key-takeaway-header-container .key-takeaway-icon{
	height: 24px !important;
	margin-bottom:0px !important;
	display:flex;
}
.key-takeaway-header-container figure {
	height:24px !important;
}
.key-takeaway-header-container .key-takeaway-heading-text{
	margin-bottom:0px !important;
}
.key-takeaway-list{
	padding-left: 20px !important;
	margin-top: 10px;
}







.synopsis-engineering-box {
   display: flex;
width: 745px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
	border-radius: 10px;
border: transparent !important;
background: linear-gradient(180deg, rgba(149, 175, 255, 0.02) 0%, rgba(89, 105, 153, 0.02) 100%);
}
.synopsis-engineering-box .key-takeaway-header-container .key-takeaway-heading-text{
	color:#2EB67D !important;
	margin-bottom:0px !important;
}
.synopsis-engineering-box .key-takeaway-icon img{
	    filter: brightness(0) saturate(100%) invert(55%) sepia(46%) saturate(548%) hue-rotate(103deg) brightness(95%) contrast(92%);

}








.synopsis-product-box {
   display: flex;
width: 745px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
	border-radius: 10px;
border:transparent !important;
background: linear-gradient(180deg, rgba(149, 175, 255, 0.02) 0%, rgba(89, 105, 153, 0.02) 100%);
}
.synopsis-product-box .key-takeaway-header-container .key-takeaway-heading-text{
	color:#EC69CF !important;
	margin-bottom:0px !important;
}
.synopsis-product-box .key-takeaway-icon img{
	       filter: brightness(0) saturate(100%) invert(67%) sepia(29%) saturate(1760%) hue-rotate(289deg) brightness(96%) contrast(92%);

}






.synopsis-tutorials-box {
   display: flex;
width: 745px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
	border-radius: 10px;
border: transparent !important;
background: linear-gradient(180deg, rgba(149, 175, 255, 0.02) 0%, rgba(89, 105, 153, 0.02) 100%);
}
.synopsis-tutorials-box .key-takeaway-header-container .key-takeaway-heading-text{
	color:#7A95EC !important;
	margin-bottom:0px !important;
}
.synopsis-tutorials-box .key-takeaway-icon img{
	           filter: brightness(0) saturate(100%) invert(63%) sepia(33%) saturate(1150%) hue-rotate(195deg) brightness(97%) contrast(95%);


}






.synopsis-announcement-box {
   display: flex;
width: 745px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
	border-radius: 10px;
border: transparent !important;
background: linear-gradient(180deg, rgba(149, 175, 255, 0.02) 0%, rgba(89, 105, 153, 0.02) 100%);
}
.synopsis-announcement-box .key-takeaway-header-container .key-takeaway-heading-text{
	color:#C1A1FC !important;
	margin-bottom:0px !important;
}
.synopsis-announcement-box .key-takeaway-icon img{
	               filter: brightness(0) saturate(100%) invert(78%) sepia(24%) saturate(1035%) hue-rotate(214deg) brightness(101%) contrast(96%);

}
.synopsis-reosouces-gradient{
	background: linear-gradient(114deg, var(--brand, rgba(67, 104, 227, 0.30)) 8.32%, var(--text-default, rgba(35, 46, 53, 0.30)) 108.34%);
	padding: 1px;
    border-radius: 10px;

}
.synopsis-reosouces-w-o-gradient{
	border-radius: 10px;
}
.synopsis-reosouces-gradient .key-takeaway-box{
	border: transparent !important;
}


.synopsis-engineering-gradient{
	background: linear-gradient(307deg, rgba(67, 104, 227, 0.30) 10.79%, rgba(46, 182, 125, 0.30) 82.65%);
	padding: 1px;
    border-radius: 10px;

}
.synopsis-reosouces-w-o-gradient{
	background: #181B1F !important;
}

.synopsis-product-gradient{
	background: linear-gradient(307deg, var(--brand, rgba(67, 104, 227, 0.30)) 10.79%, var(--icon-pink, rgba(228, 71, 193, 0.30)) 82.65%);
	padding: 1px;
    border-radius: 10px;

}
.synopsis-tutorials-gradient{
	background: linear-gradient(307deg, var(--brand, rgba(67, 104, 227, 0.30)) 10.79%, var(--Indigo-400---base, rgba(122, 149, 236, 0.30)) 82.65%);
	padding: 1px;
    border-radius: 10px;
}
.synopsis-announcement-gradient{
	background: linear-gradient(307deg, var(--brand, rgba(67, 104, 227, 0.30)) 10.79%, var(--Purple-light-400, rgba(193, 161, 252, 0.30)) 82.65%);
	padding: 1px;
    border-radius: 10px;
}