/* Narrow container for long-form reading */
.long-read-box {
  max-width: 620px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 
   Bulma Default: --bulma-body-size: 1rem; (16px) */
:root {
  --bulma-body-size: 1.2rem; /* ~18px for comfortable reading */
}
/*.custom-section { font-size: 1rem !important; }*/
/*********** MINI-MENU ***********/
.fixmy-nav-bar {
  box-sizing: border-box;
  font-size: 0.95em !important; 
  padding-top: 6px; /* Drastically cut vertical padding to flatten the box */
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 14px;
  background-color: #f4f5f8;
  text-align: center;
  line-height: 1.4; /* Tighter line-height keeps wrapped text compact on mobile */
  color: #aaaaaa;   /* Softens the » arrows so they drift into the background */
}
.fixmy-nav-bar a.mini-menu:link, 
.fixmy-nav-bar a.mini-menu:visited {
  color: #555555;
  /* Modern CSS lets us style the underline perfectly without using borders */
  text-decoration: underline;
  text-decoration-color: #dddddd; /* Makes the underline a soft, faint gray whisper */
  text-underline-offset: 3px;     /* Pushes it down slightly so it doesn't choke the letters */
}
.fixmy-nav-bar a.mini-menu {
  font-size: 0.75em !important; /* Kept small, but slightly above the glitch threshold */
  font-weight: 500;
  letter-spacing: 0.03em;
  text-decoration: none;
  /* display: inline-block; */
  padding: 2px 4px; /* Tiny padding pocket just for mobile touch accuracy, zero vertical bloat */
  transition: color 0.15s ease;
}

/* Restoring the color hierarchy without making it look like flat body copy */
.fixmy-nav-bar a.mini-menu:link, 
.fixmy-nav-bar a.mini-menu:visited {
  color: #555555; /* Muted slate grey so it doesn't shout like the #111111 body copy */
  /* REMOVED the border-bottom to completely eliminate vertical height stacking */
}

/* Hover and Active (Mobile Tap) States */
.fixmy-nav-bar a.mini-menu:hover,
.fixmy-nav-bar a.mini-menu:active {
  color: #d11a2a; /* Your signature red provides the undeniable "Oh, it's a link!" moment */
  text-decoration: underline; /* Classic, zero-added-height signal only when interacted with */
}
/* FEATURES TEXT */
ul.features-text {
    font-size: 16.5px !important;
    line-height: 1.6 !important;
    color: #4a4a4a !important; /* Matches Bulma's standard dark grey text */
}
/*********** STICKY HEADINGS ***********/
.sticky-heading {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffff; 
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}
/*.sticky-heading {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffff; 
    padding-top: 1rem; */
    
    /* 1. Force the bottom margin to be zero so text sits right against the box */
    margin-bottom: 0 !important; 
    
    /* 2. Control the distance to the text using solid, white padding instead */
    padding-bottom: 0.25rem !important; 
} 
/************* MOBILE *************/
/*@media screen and (max-width: 768px) {
  .content ul {
    margin-left: 1rem !important;
    padding-left: 0 !important;
  }
}*/
@media (max-width: 767px) {
  div.content ul,
  .content ul {
    margin-left: 1rem !important;
    padding-left: 0 !important;
  }
  .content ul li {
    margin-left: 0 !important;  
    padding-left: 0 !important;
  }
}
/* anchor targets don't get buried under sticky heads */
div#contact {
  scroll-margin-top: 10rem;
}
/* fields clear sticky headers */
/*input, textarea, select {
    scroll-margin-top: 160px; /* Adjust this to match the height of your sticky header */
}*/