@layer utility {
    .centered { text-align: center; }

    .float-right {
        float: right;
        justify-self: end;
    }

    .nobreak { white-space: nowrap; }

    .noselect {
        cursor: default;
        -webkit-user-select: none;
        -moz-use-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .platter {
        -webkit-backdrop-filter: var(--platter-backdrop-filter);
        backdrop-filter: var(--platter-backdrop-filter);
        background-color: var(--platter-background-color);
        border: 1px solid var(--header-border-color);
        border-radius: 12px;
        box-shadow: 3px 4px 4px var(--header-box-shadow-color);
    }

    .visible { visibility: visible; }

    article.two-column { columns: 2; }

    img.circular {
      shape-outside: circle(50%);
      -webkit-clip-path: circle(50%);
      clip-path: circle(50%);
    }

    .column5 {
      grid-column: span content-start 4;
    }
}