/* css styles */

/* FAQ individual post link - more visible focus view link */
.faq-individual-link {
  font-size: 0.85em;
  opacity: 0.7;
  text-decoration: none;
  margin-left: 0.3rem;
  transition: opacity 0.2s ease;
  color: inherit;
  font-weight: 500;
}

.faq-individual-link:hover {
  opacity: 1;
  text-decoration: none;
}

/* Hide FAQ individual link on smaller screens to save space */
@media (max-width: 768px) {
  .faq-individual-link {
    display: none;
  }
}

/* FAQ back link styling - subtle back arrow */
.faq-back-link {
  opacity: 0.6;
  font-size: 0.9em;
  text-decoration: none;
  transition: opacity 0.2s ease;
  display: block;
  margin-bottom: 1rem;
  text-align: center;
}

.faq-back-link:hover {
  opacity: 1;
  text-decoration: none;
}
.profile-pic {
    border-radius: 50%;
}

:root {
    --quarto-dark-code-bg: #444242; /* Background color variable */
    --quarto-light-code-bg: #ece5e5;
}

div[data-style="clean"] {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.margin-footer-item {
    font-size: 95% !important;
}   

.margin-subscribe, .formkit-submit, .formkit-input {
    font-size: 95% !important;
}

@media (max-width: 600px){
.profile-pic {
    display: none;
}
} 

@media (min-width: 600px){
    .profile-header .quarto-layout-row{
        flex-direction: row;
    }
    .formkit-form .formkit-fields {
        flex-direction: row!important;
    }
}

.profile-pic {
    border-radius: 50%;
}

.acknowledgments {
    font-size: 0.85em !important;
    opacity: 0.75;
}

.profile-pic2 {
    border-radius: 50%;
}

.quarto-dark .navbar-dark{
    background-color: #1b1b1d;
}

.quarto-dark .ex{
    color:#d4d0ab;
    font-weight: normal;    
}

.quarto-dark code span.co{
    color:#d1b4e0;
    font-weight: normal;
}

/* .quarto-dark code:not(.sourceCode), li code:not(.sourceCode), td code:not(.sourceCode) {
    background-color: #444242!important;
}

.quarto-light code:not(.sourceCode), li code:not(.sourceCode), td code:not(.sourceCode) {
    background-color: #f6f1f1!important;
} */

/* .quarto-dark code:not(.sourceCode.diff) {
    color:#e3b27d;
    background-color: var(--quarto-dark-code-bg);
}

.quarto-light code:not(.sourceCode.diff) {
    color:#382814;
    background-color: var(--quarto-light-code-bg);
} */

/* .quarto-dark .sourceCode{
    background-color: var(--quarto-dark-code-bg);
} */

.quarto-dark .cell-output {
    margin-left: 20px;
    border-left: 2px solid #a59595;
    background-color: var(--quarto-dark-code-bg);
}

.quarto-light .cell-output {
    margin-left: 20px;
    border-left: 2px solid salmon;
}

.quarto-dark blockquote p {
    color: rgb(219, 204, 204);
    background-color: #2d2f36;
}


@media (min-width: 991px){
    .mobile-warning{
        display: none;
    }
}

.formkit-field {
    background-color: gray;
}

input[type="text"], textarea {

    background-color : #d1d1d1!important; 
  
  }

  .nav-tabs .nav-link {
    border-color: #53b2ca;
  }
  
  .nav-tabs .nav-link.active {
    border-color: #b6ced4;
  }

.figcaption{
    text-align: center!important;
 }

 .cta{
    color: rgb(183, 92, 104)!important;
 }

/* GitHub-style diff formatting */
.sourceCode.diff {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 6px;
}

.sourceCode.diff .st,
.sourceCode.diff .va {
    display: inline-block;
    width: 100%;
}

.sourceCode.diff .st { color: #ff6b6b; } /* Deletions (red) */
.sourceCode.diff .va { color: #69db7c; } /* Additions (green) */

/* Dark mode adjustments for diff */
.quarto-dark .sourceCode.diff {
    background-color: #2d333b;
}

.quarto-dark #mermaid-1 .edgeLabel p {
    background-color: #2d333b!important;
}