body {
            font-family: Arial, sans-serif;
            padding: 20px;
        }

        .paragraph {
            margin-bottom: 20px;
            line-height: 2;
        }

        .clickable {
            cursor: pointer;
            padding: 2px 4px;
            display: inline-block;
        }

        .clickable.disabled {
            color: gray;
            pointer-events: none;
        }

        .sentence {
            display: inline-block;
            /* ✅ shrink-wrap text */
            margin: 5px 0;
            cursor: pointer;
            padding: 2px 6px;
        }

        .sentence.disabled {
            color: gray;
            pointer-events: none;
        }

        .sentence-line {
            /* ✅ each sentence on new line */
            display: block;
        }

        .highlight {
            background: yellow;
        }

        #canvas {
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        }