div.subtitle, h2.subtitle {}
  div.content-text {}
  div.content-text ul { }

  .button-wrap button {background: #e4e5e7; text-transform: none; color:black; border: black;}
  .button-wrap button:hover {background: #E3F1F2; color: black; }
  .button-wrap button:disabled {}
  .button-wrap button:hover svg path {fill: black} 

 

  a.tile { }
  a.tile svg path { }

  div.radio-wrap { }
  div.radio-wrap label { }
  div.radio-wrap .radio-check { }

  div.dropdown-wrap { }
  div.dropdown-wrap li { }

 .code {
  font-family: Consolas, Monaco, 'Lucida Console', monospace;
  font-size: 14px;
}

/* widget header */
 [class*="Widget__WidgetHeader"] {
  background-color: #E3F1F2!important;
  
  }

/* warning container */

.content-text aside.warning {
  border-radius: 4px #074D43;
  border-left: 12px solid #3B996D;
  background: #F2EFE8;
  padding: 16px 16px 16px 16px;
  color: #26282e;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.05px;
}
/* Customize specific guide */

.guide[data-guide-id="4380576"] {
  background: #000000;
}

/* step content text edits */
.guide-4380576 div.content-text {
  color: #26282e;
  background-color: #000000;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.05px;
}
button[data-ston="customSurveySubmitButton"] {
   background: #e4e5e7;
  border: 1px solid #000000;;
  color: black;
}
button[data-ston="customSurveySubmitButton"]:hover {
  background: #E3F1F2;
  border: 1px solid black;
  color: black;
}
/* Thank you screen */

.custom-survey-thank-you {
  color: #26282e;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.05px;


.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  
  /* Creates the aspect ratio box */
  /* 16:9 ratio = (9 / 16) * 100% = 56.25% */
  padding-top: 56.25%; 
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* --- TARGETED BRANDING FOR VERILY GUIDE --- */

/* 1. Remove Top Right Stonly Link & Logo */
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-header-right,
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-header-logo-container,
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-top-right-link {
    display: none !important;
}

/* 2. Style Buttons to Verily Elf Green */
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-btn, 
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-button, 
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-step-button {
    background-color: #087A6A !important; /* Verily Green */
    color: #FFFFFF !important;
    border-radius: 4px !important; /* Slightly more square/modern */
    border: none !important;
}

/* 3. Button Hover Effect */
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-btn:hover,
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-button:hover {
    background-color: #065E52 !important; 
    cursor: pointer !important;
}

/* 4. Remove 'Powered by Stonly' Footer */
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-branding,
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] .st-footer-branding {
    display: none !important;
}

/* 5. Optional: Match Font to Verily Style (Sans-Serif) */
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] body, 
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] p, 
[data-guide-id="f67c5ce0-c3d7-49fa-9ccb-15cfc72dce72"] h1 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

<style>
/* High-specificity targeting for Stonly KB and Widget */
div[class*="st-"] aside.tip,
article aside.tip,
.st-content-wrapper aside.tip,
[data-type="tip"] {
  border-radius: 4px !important;
  border-left: 12px solid #087A6A !important; 
  background-color: #F2EFE8 !important; 
  padding: 16px 16px 16px 20px !important;
  color: #26282e !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  /* Resetting potential inherited styles */
  border-top: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
  display: block !important;
}

/* Ensuring the text inside doesn't override the color */
[data-type="tip"] p, 
[data-type="tip"] span {
  color: #26282e !important;
}
</style>