/*--- Canopy Styles v1.1 — Updated 5/22/26 ---*/

/*--- Table ---*/
.sqs-block-markdown table{
width:100%!important;
border-collapse:separate!important;
border-spacing:0!important;
margin:1em 0;
border-radius:var(--canopy-radius-lg, 8px)!important;
overflow:hidden!important;
border:var(--canopy-border, 1px solid rgba(0,0,0,0.08))!important;}

/*Header row tint*/
.sqs-block-markdown thead{
background:var(--canopy-background, rgba(0,0,0,0.04))!important;}

/*Cell padding + row dividers + faint column dividers*/
.sqs-block-markdown th,
.sqs-block-markdown td{
padding:0.7em 1em!important;
text-align:left;
vertical-align:top;
border-bottom:var(--canopy-border, 1px solid rgba(0,0,0,0.08))!important;
border-right:var(--canopy-border, 1px solid rgba(0,0,0,0.08))!important;}

/*Drop right border on rightmost cells*/
.sqs-block-markdown th:last-child,
.sqs-block-markdown td:last-child{
border-right:0!important;}

/*Drop bottom border on bottom cells*/
.sqs-block-markdown tr:last-child td{
border-bottom:0!important;}

/*Bold header text*/
.sqs-block-markdown th{
font-weight:600!important;}

/*Mobile: horizontal scroll instead of crushed columns*/
@media screen and (max-width:640px){
.sqs-block-markdown table{
display:block;
overflow-x:auto;
-webkit-overflow-scrolling:touch;}}


/* ---Code Block--- */
.sqs-block-code pre.source-code,
.sqs-block-code pre{
background:var(--canopy-background, rgba(0,0,0,0.04))!important;
border-radius:var(--canopy-radius-lg, 8px)!important;
overflow:hidden!important;
border:var(--canopy-border, 1px solid rgba(0,0,0,0.08))!important;
padding:1em 1.25em!important;
overflow-x:auto;
margin:1.5em 0;
font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
-webkit-overflow-scrolling:touch;}

/*Strip nested code styling*/
.sqs-block-code pre.source-code code,
.sqs-block-code pre code{
background:transparent!important;
padding:0!important;
border-radius:0!important;
font-family:inherit!important;
font-size:inherit!important;
display:block;}


/* ---Inline Code--- */
/*Inline code (bold + italic)*/
.blog-item-content-wrapper .sqs-block-html p:not(.sqsrte-small, .sqsrte-large, blockquote) strong em,
.blog-item-content .sqs-block-html p:not(.sqsrte-small, .sqsrte-large) strong em,
.BlogItem-body .sqs-block-html p:not(.sqsrte-small, .sqsrte-large) strong em,
.sqs-blog-item-content .sqs-block-html p:not(.sqsrte-small, .sqsrte-large) strong em{
font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
font-size:0.75rem!important;
font-style:normal!important;
font-weight:500!important;
background:var(--canopy-background, rgba(0,0,0,0.04))!important;
border:var(--canopy-border, 1px solid rgba(0,0,0,0.08))!important;}


/* ---Blockquote--- */
.blog-item-content-wrapper .sqs-block-html blockquote,
.blog-item-content .sqs-block-html blockquote,
.BlogItem-body .sqs-block-html blockquote,
.sqs-blog-item-content .sqs-block-html blockquote{
margin:1.75em 0;
padding:20px 30px;
background-color:var(--canopy-background, rgba(0,0,0,0.04));
border-radius:var(--canopy-radius-lg, 8px);
border:var(--canopy-border, 1px solid rgba(0,0,0,0.08));
overflow:hidden!important;
font-style:normal;}

/*Blockquote inner paragraphs*/
.blog-item-content-wrapper .sqs-block-html blockquote p,
.blog-item-content .sqs-block-html blockquote p,
.BlogItem-body .sqs-block-html blockquote p,
.sqs-blog-item-content .sqs-block-html blockquote p{
font-style:normal!important;
padding:0.4em!important;
border-radius:var(--canopy-radius-sm, 4px)!important;
word-break:break-word;}