/*
File: designerStyles.css
Date: 2026-04-20
Author: klp
Workspace: p5jsTemplate2026-04-20-Stg1
Purpose: Styles specific to the p5.js template and its designer interface. These are separate from general site styles to avoid unintended side effects on other pages.
*/

/* ── Radical notation (used with Radical.js toHTML output) ──────────────── */
.rad-vinculum {
    text-decoration: overline;
    padding: 0 2px;
}
.rad-index {
    font-size: 0.7em;
    vertical-align: super;
    margin-right: 1px;
}

/* ── Side-length values in textbook mode ────────────────────────────────── */
/* .srf-tip wraps a radical (or integer) side length and shows a decimal     */
/* approximation via Bootstrap tooltip on hover.                              */
.srf-tip {
    cursor: help;
    border-bottom: 1px dotted #555;
    font-family: Georgia, 'Times New Roman', serif;
    display: inline-block;
}