Extend Core CSS

/* Extend Core CSS / Kiri Vadivelu / 2026  */

/* TL;DR Inlining css is more reliable and consistent */

/* smooth scroll on demand */

@media (prefers-reduced-motion: no-preference) {

  html {

    scroll-behavior: smooth;

  }

}   

/* Select text, edit as HTML and add span with class */

.visually-color {

    font-weight: bold;

    color: green; // theme or accent color

}

.visually-thin {

    font-weight: thin; 

}

.visually-decor {

  text-decoration-line: underline;

  text-decoration-thickness: .15rem;

  text-underline-offset: 0.2rem; // adjust underline space

}

/* Add class to visually manage any block */

.visually-muted {

  color: #A9A9A9; // standard muted gray

} 

.visually-hidden {

  border: 0;

  clip-path: inset(50%);

  height: 1px;

  margin: 0;

  overflow: hidden;

  position: absolute;

  white-space: nowrap;

  width: 1px;

}