/* Stationary decorative photography; all content remains in normal flow. */
body[data-backdrop]{--backdrop:url('/static/site/backgrounds-v1/florida.webp');--watermark-opacity:.28;isolation:isolate;background:#f8f9fb;--ink:#151c25;--muted:#283442;--accent:#294c70;--link:#692c46}
body[data-backdrop=radio]{--backdrop:url('/static/site/backgrounds-v1/radio.webp')}
body[data-backdrop=books]{--backdrop:url('/static/site/backgrounds-v1/books.webp')}
body[data-backdrop=technology]{--backdrop:url('/static/site/backgrounds-v1/technology.webp')}
body[data-backdrop]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--watermark-opacity);background-image:var(--backdrop);background-size:cover;background-position:center}
body[data-backdrop]>header{background:#283141}
body[data-backdrop]>main{background:transparent;margin:32px auto 0;padding:24px 36px 30px;border-radius:0;box-shadow:none}
body[data-backdrop]>footer.site-footer{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:24px 36px;background:transparent}
body[data-backdrop]>.theme-control{max-width:1180px;margin:0 auto 32px;padding:12px 24px 24px;background:transparent;border-radius:0}
:root[data-theme=dark] body[data-backdrop]{--watermark-opacity:.22;background:#181c23;--ink:#edf0f5;--muted:#c1cbd8;--accent:#adc9e9;--link:#e0acc3}

body[data-backdrop] input,body[data-backdrop] textarea,body[data-backdrop] select{background:var(--page-bg,#fff)}
@media(max-width:1250px){body[data-backdrop]>main,body[data-backdrop]>footer.site-footer,body[data-backdrop]>.theme-control{width:calc(100% - 40px)}}
@media(max-width:700px){body[data-backdrop]>main{margin-top:16px;padding:20px 20px 24px}body[data-backdrop]>footer.site-footer{padding:20px}body[data-backdrop]>main,body[data-backdrop]>footer.site-footer,body[data-backdrop]>.theme-control{width:calc(100% - 24px)}body[data-backdrop]>.theme-control{margin-bottom:16px}}
@media(prefers-reduced-transparency:reduce){body[data-backdrop]::before{display:none}}
@media print{body[data-backdrop]::before{display:none}body[data-backdrop]>main,body[data-backdrop]>footer.site-footer{background:white;box-shadow:none;width:100%;margin:0;border-radius:0}}

/* Text-bearing sections remain transparent across page-specific styles. */
body[data-backdrop] main,body[data-backdrop] main section,body[data-backdrop] main article,body[data-backdrop] .card,body[data-backdrop] .hero,body[data-backdrop] .link-grid{background:transparent!important;box-shadow:none}
