/* Pin-Up Culture Special Styles */
body.polka-dots-theme {
    /* Subtle retro polka dot background over the dark theme */
    background-color: var(--bg-dark);
    background-image: radial-gradient(rgba(234, 88, 12, 0.15) 2px, transparent 2px);
    background-size: 24px 24px;
    position: relative;
}

body.polka-dots-theme .article-header {
    background: rgba(26, 26, 29, 0.85); /* Slightly transparent so dots subtly show through, or keep solid */
    border-bottom: 2px solid var(--accent-orange);
    position: relative;
    overflow: hidden;
}

/* Add a retro pseudo-element stripe */
body.polka-dots-theme .article-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: repeating-linear-gradient(
      45deg,
      var(--accent-orange),
      var(--accent-orange) 10px,
      var(--bg-dark) 10px,
      var(--bg-dark) 20px
    );
}

body.polka-dots-theme h1, 
body.polka-dots-theme h2, 
body.polka-dots-theme h3 {
    /* Injecting a bit more 50s retro flair into headers if needed, otherwise rely on Outfit */
    color: #fff;
    text-shadow: 2px 2px 0px rgba(194, 65, 12, 0.3);
}

body.polka-dots-theme .silo-card {
    border: 1px solid rgba(234, 88, 12, 0.3);
    background: rgba(26, 26, 29, 0.95);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 4px 4px 0px rgba(194, 65, 12, 0.2);
}

body.polka-dots-theme .silo-card:hover {
    transform: translate(-2px, -2px);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 8px 8px 0px rgba(194, 65, 12, 0.4);
}

body.polka-dots-theme .article-content {
    background: rgba(15, 15, 17, 0.8);
    backdrop-filter: blur(5px);
    border-radius: 12px;
    padding: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    border: 1px solid var(--border-color);
}