.paper-animation[data-animation="interactive"] {
                    margin: 2rem 0;
                    padding: 1.25rem;
                    border: 1px solid rgba(0, 0, 0, 0.12);
                    border-radius: 18px;
                    background: rgba(127, 127, 127, 0.05);
                }
                .paper-animation__controls {
                    display: flex;
                    gap: 0.75rem;
                    flex-wrap: wrap;
                    margin: 1rem 0;
                }
                .paper-animation__controls button {
                    font: inherit;
                    padding: 0.55rem 0.9rem;
                    border-radius: 999px;
                    border: 1px solid currentColor;
                    background: #fff;
                    cursor: pointer;
                }
                .paper-animation__controls button:focus-visible {
                    outline: 3px solid #1d4ed8;
                    outline-offset: 2px;
                }
                #treatment-animation-svg {
                    min-width: 750px;
                    width: 100%;
                    height: auto;
                    display: block;
                }
                .treatment-card { fill: #ffffff; stroke: rgba(15, 23, 42, 0.18); }
                .treatment-heading { font-size: 28px; font-weight: 700; fill: #0f172a; }
                .treatment-subheading, .treatment-caption, .treatment-threshold-label, .treatment-detail { font-size: 14px; fill: #475569; }
                .treatment-panel { fill: #f8fafc; stroke: rgba(15, 23, 42, 0.14); }
                .treatment-panel-title { font-size: 18px; font-weight: 700; fill: #0f172a; }
                .treatment-label, .treatment-status { font-size: 15px; font-weight: 600; fill: #1e293b; }
                .treatment-axis { stroke: #cbd5e1; stroke-width: 2; }
                .treatment-threshold { stroke: #f59e0b; stroke-width: 2; stroke-dasharray: 6 4; }
                .treatment-arrow-line { stroke: #64748b; stroke-width: 3; marker-end: url(#treatment-arrow); }
                .treatment-bar-hidden { fill: #2563eb; }
                .treatment-bar-psa { fill: #7c3aed; }
                .treatment-bar-inactive, .treatment-cell-inactive { opacity: 0.18; }
                .treatment-cell-on { fill: #16a34a; }
                .treatment-cell-off { fill: #e2e8f0; }
                .treatment-month-label { font-size: 12px; fill: #334155; text-anchor: middle; }
                .treatment-cell-label { font-size: 12px; font-weight: 700; fill: #0f172a; text-anchor: middle; }
                .paper-animation__fallback { margin-top: 1rem; }
                @media (max-width: 720px) {
                    .paper-animation[data-animation="interactive"] { padding: 1rem; }
                }
                @media (prefers-reduced-motion: reduce) {
                    #treatment-animation-svg * { transition: none !important; }
                }