General

General utilities provide common layout and styling helpers.

Classes

Class	Description
.util-clearfix	Applies a clearfix to contain floated children
.util-scrollable-content	Enables horizontal scrolling with smooth touch scrolling on iOS
.util-delist	Removes list styling (bullets, padding, margin)
.util-underline-hover	Adds underline text decoration on hover
.util-delink	Removes link styling (color, underline)
.util-full-width	Sets width: 100%

Scrollable Content

Wrap horizontally-overflowing content (like wide tables) in .util-scrollable-content to enable horizontal scrolling instead of breaking the layout.

This content is 1200px wide and will scroll horizontally on narrow screens.

<div class="util-scrollable-content">
  <div style="width: 1200px; padding: 1rem" class="util-background-odyssey">
    <p>
      This content is 1200px wide and will scroll horizontally on narrow
      screens.
    </p>
  </div>
</div>

Clearfix

Apply .util-clearfix to a container with floated children to ensure the container expands to wrap them. Without it, a parent element collapses to zero height when all its children are floated.

Delist

Apply .util-delist to a <ul> or <ol> to remove bullets/numbers, padding, and margin. Useful for navigation lists or any list used for layout rather than content.