/* Waveform Transmissions - Minimal Styles */

/* Header/Navigation */
.site-header {
    /* border-bottom: 1px solid #e1e1e1; */
    padding: 1rem 0;
    margin-bottom: 0;
    padding-bottom: 0;
    position: sticky;
    top: 0;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.3) 100%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 100;
}
.site-title {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}

.site-title sup {
    font-size: 0.75em;
    opacity: 0.6;
}

.site-controls {
    text-align: right;
    margin: 0;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
}

.control-btn {
    background: #e8e8e8;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 0.75em;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.1s ease;
    color: #333;
}

.control-btn:hover {
    background-color: #d5d5d5;
    transform: scale(1.05);
}

.control-btn:active {
    background-color: #c8c8c8;
    transform: scale(0.95);
}

.control-label {
    font-weight: normal;
    line-height: 1;
}

/* Theme toggle icon */
.theme-icon {
    font-size: 1em;
    line-height: 1;
}

/* Font toggle - show 'a' in current font */
.font-label {
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1;
}

/* Case toggle labels */
.case-label {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: none;
}

/* Content spacing */
.content-main {
    margin-top: 0;
    max-width: 666px;
    margin-left: auto;
    margin-right: auto;
}

/* Font variations */
.font-serif {
    font-family: serif;
}

.font-sans-serif,
.font-sans-serif * {
    font-family: sans-serif;
}

/* Case variations */
.case-uppercase .transmission,
.case-uppercase .transmission p,
.case-uppercase .transmission h1,
.case-uppercase .transmission h2,
.case-uppercase .transmission h3 {
    text-transform: uppercase;
}

.case-lowercase .transmission,
.case-lowercase .transmission p,
.case-lowercase .transmission h1,
.case-lowercase .transmission h2,
.case-lowercase .transmission h3 {
    text-transform: lowercase;
}

.case-normal .transmission,
.case-normal .transmission p,
.case-normal .transmission h1,  
.case-normal .transmission h2,
.case-normal .transmission h3 {
    text-transform: none;
}

/* Dark theme */
.theme-dark {
    background-color: #1a1a1a;
    color: #e1e1e1;
}

.theme-dark .site-header {
    border-bottom-color: #333;
    background: rgba(26, 26, 26, 0.5);
}

.theme-dark .control-btn {
    background: #404040;
    color: #e1e1e1;
}

.theme-dark .control-btn:hover {
    background-color: #505050;
    transform: scale(1.05);
}

.theme-dark .control-btn:active {
    background-color: #353535;
    transform: scale(0.95);
}

.theme-dark .transmission-metadata {
    border-top: 1px solid #333;
}

.theme-dark .transmission-metadata h4 {
    color: #ccc;
}

.theme-dark .essay-pre-header {
    color: #999;
}

.theme-dark a {
    color: #e6356d;
}

.theme-dark a:hover {
    color: #ef4077;
}

.theme-light a:hover {
    color: #0373b3;
}

a:hover {
    text-decoration: none;
}


/* Light theme (default - minimal overrides) */
.theme-light {
    background-color: #fff;
    color: #000;
}

/* Transmission-specific styling */
.transmission {
    line-height: 1.6;
    font-size: 1.05rem;
    margin-top: 23vh;
    margin-bottom: 108px;
}

.transmission img {
    width: 100%;
    height: auto;
    margin: 1rem 0;
}

/* Responsive YouTube embeds */
.transmission iframe {
    width: 100%;
    margin: 1rem 0;
}

@media (max-width: 768px) {
    .transmission iframe {
        height: 240px;
    }
}

/* Essay header styling */
.essay-header {
    padding-top: 212px;
}

.essay-pre-header {
    font-size: 0.75em;
    color: #666;
    margin-bottom: 0.5rem;
    text-transform: lowercase;
    font-weight: normal;
}

.essay-title {
    margin-top: 0;
    margin-bottom: 2rem;
}

.transmission-metadata {
    margin-top: 3rem;
    padding-top: 1rem;
    border-top: 1px solid #e1e1e1;
    opacity: 0.8;
    font-size: 0.9em;
}

.transmission-metadata h4 {
    margin-bottom: 1rem;
    font-size: 1em;
    color: #666;
}

.transmission-metadata ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.transmission-metadata li {
    margin-bottom: 0.25rem;
}

.transmission-metadata strong {
    font-weight: normal;
    opacity: 0.7;
} 

h6 {
    color: #888;
    font-size: 0.7rem;
    font-weight: normal;
    font-family: monospace;
    margin-bottom: 69px;
}

.dot {
    text-align: center; 
    padding: 20px; 
    font-size: 32px;
}

.source {
    text-align: right;
    font-family: monospace;
    margin-bottom: 3rem;
    font-size: .7rem;
    opacity: .8;
}

pre {
   background-color: #100f0f; 
   border-left: 3px solid #e6356d;
   margin-bottom: .5rem;
}

pre > code {
    background-color: #000000;
    padding: 2rem;
    font-family: monospace !important;
}

a.dotlink {
    font-size: .667rem;
    text-decoration: none;
    display: inline-block;
}

.theme-light pre {
    background-color: #767676; 
    border-left: 3px solid #1283b4;
}

.theme-light pre code {
    background-color: #3c3a3a;
    color: #f0f0f0;
}

.theme-dark blockquote {
    border-left: 3px solid #454545;
}

.pill {
    background-color: #777;
    color: #f0f0f0;
    padding: 7px 15px;
    margin: 0;
}