:root{--syntax_normal:#1b1e23;--syntax_comment:#a9b0bc;--syntax_number:#20a5ba;--syntax_keyword:#c30771;--syntax_atom:#10a778;--syntax_string:#008ec4;--syntax_error:#ffbedc;--syntax_unknown_variable:#838383;--syntax_known_variable:#005f87;--syntax_matchbracket:#20bbfc;--syntax_key:#6636b4;--mono_fonts:82%/1.5 Menlo,Consolas,monospace}.observablehq--collapsed,.observablehq--expanded,.observablehq--function,.observablehq--gray,.observablehq--import,.observablehq--string:after,.observablehq--string:before{color:var(--syntax_normal)}.observablehq--collapsed,.observablehq--inspect a{cursor:pointer}.observablehq--field{text-indent:-1em;margin-left:1em}.observablehq--empty{color:var(--syntax_comment)}.observablehq--blue,.observablehq--keyword{color:#3182bd}.observablehq--forbidden,.observablehq--pink{color:#e377c2}.observablehq--orange{color:#e6550d}.observablehq--boolean,.observablehq--null,.observablehq--undefined{color:var(--syntax_atom)}.observablehq--bigint,.observablehq--date,.observablehq--green,.observablehq--number,.observablehq--regexp,.observablehq--symbol{color:var(--syntax_number)}.observablehq--index,.observablehq--key{color:var(--syntax_key)}.observablehq--prototype-key{color:#aaa}.observablehq--empty{font-style:oblique}.observablehq--purple,.observablehq--string{color:var(--syntax_string)}.observablehq--error,.observablehq--red{color:#e7040f}.observablehq--inspect{font:var(--mono_fonts);overflow-x:auto;display:block;white-space:pre}.observablehq--error .observablehq--inspect{word-break:break-all;white-space:pre-wrap}

/* --- Neon and Font Customization --- */

/* 1. Base Styles for Tooltip */
.custom-sunburst-tooltip {
    /* Font: Poppins (Assuming it's loaded by Quarto or linked in your header) */
    font-family: 'Poppins', sans-serif; 
    
    /* Increased Size and Spacing */
    padding: 20px 25px; 
    
    /* Aesthetic Styling */
    position: absolute;
    background: #3a506b; /* Deeper background for better contrast */
    color: #FFFFFF;     
    border-radius: 12px;
    
    /* Neon Glow Effect (Border) */
    border: 3px solid #6600FF; /* Primary Purple Neon Border */
    box-shadow: 
        0 0 15px rgba(102, 0, 255, 0.8), /* Inner glow */
        0 0 5px rgba(255, 255, 255, 0.5); /* Subtle white glow */
    
    pointer-events: none; 
    max-width: 400px;
    text-align: left;
    
    /* Ensure opacity transition remains in JS */
}

/* 2. Style for Primary Descriptive Text */
.tooltip-title {
    font-size: 20px; /* Increased Font Size */
    font-weight: 700; /* Bold for title */
    margin-bottom: 8px;
    line-height: 1.3;
    color: #9933FF; /* Light purple highlight for title */
}

/* 3. Style for Detail/Turnover Text */
.tooltip-detail {
    font-size: 15px; /* Increased detail text size */
    margin-bottom: 4px;
}

/* 4. Highlight for the Turnover Value */
.turnover-value {
    font-weight: 900; /* Extra bold */
    color: #CCFFFF; /* Neon Cyan for the value */
}