body { background-color: #09090b; }
.font-mono-custom { font-family: 'Space Mono', monospace; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Prose Overrides */
.prose h1, .prose h2, .prose h3 { 
    margin-top: 2rem !important; 
    margin-bottom: 1rem !important; 
    border-bottom: 1px solid #27272a; 
    padding-bottom: 0.3em; 
}
.prose p { margin-bottom: 1.25rem !important; }

/* Instruction List */
.instruction-list {
    background-color: #18181b;
    padding: 1.25rem 1.25rem 1.25rem 2.5rem;
    border-left: 4px solid #3b82f6;
    border-radius: 0 0.5rem 0.5rem 0;
    margin-bottom: 1.5rem;
    color: #e4e4e7;
}

/* Spectrum Container */
.spectrum-container {
    display: flex;
    height: 150px;
    width: 100%;
    border: 1px solid #27272a;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0;
    background: #18181b;
}
.band {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.8rem;
    color: white;
    padding: 10px;
    transition: opacity 0.2s;
}
.band:hover { opacity: 0.8; }
.sub-bass { background-color: #1e3a8a; width: 15%; }
.bass { background-color: #2563eb; width: 20%; }
.mids { background-color: #10b981; width: 30%; }
.high-mids { background-color: #f59e0b; width: 20%; }
.highs { background-color: #ef4444; width: 15%; }

/* Storyboard Spectrum */
.wide { background-color: #3b82f6; width: 20%; }
.full { background-color: #10b981; width: 20%; }
.medium { background-color: #eab308; width: 20%; }
.close-up { background-color: #f97316; width: 20%; }
.extreme-cu { background-color: #ef4444; width: 20%; }

.band-label { font-weight: bold; margin-bottom: 4px; }
.band-freq { font-style: italic; opacity: 0.9; }

/* Tables */
table { width: 100%; border-collapse: collapse; margin: 20px 0; color: #e4e4e7; }
th, td { border: 1px solid #3f3f46; padding: 12px; text-align: left; }
th { background-color: #27272a; }