.music-container {
    width: 100%; /* Container scales to fit the page width */
    margin: 20px auto; /* Center the container itself */
    display: flex;
    flex-direction: column; /* Stack child elements vertically */
    /*align-items: center; !* Center horizontally *!*/
    /*gap: 20px; !* Optional: Adds space between SVGs *!*/
}

.music-container svg {
    display: block;
    width: 100%; /* SVG scales proportionally to the container */
    height: auto; /* Maintain aspect ratio */
}

.music-container ol {
    width: 100%; /* Make the list span the full width of the container */
    margin-left: 0;
    padding-left: 20px;
    text-align: left;
    list-style-position: inside; /* Ensures list numbers align with the text */
}

.scale-wrapper {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center align all elements */
    gap: 0; /* Ensure no space between items */
    margin: 0; /* Remove extra margin */
    padding: 0; /* Remove extra padding */
}

/*.sigils {*/
/*    display: block; !* Ensure SVG behaves like a block element *!*/
/*    transform: scale(0.5); !* Scale down to 50% of original size *!*/
/*    transform-origin: top center; !* Scale from the top center *!*/
/*    margin: 0 auto; !* Center the scaled SVG horizontally *!*/
/*}*/

.sigils-container {
    width: 60%; /* 50% of the original width */
    height: 60%; /* 50% of the original height */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center the SVG horizontally */
    align-items: center; /* Center the SVG vertically */
    overflow: hidden; /* Ensure no extra content spills */
}

.sigils {
    width: 100%; /* SVG scales to the container */
    height: 100%; /* SVG scales to the container */
}

.scale {
    display: block; /* Treat as block */
    margin: 0; /* Remove default margins */
    padding: 0; /* Remove default padding */
}

ol {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    text-align: center; /* Optional: Center text within the container */
}

svg {
    display: block; /* Ensures SVGs take only necessary space */
}