/* The homepage's sunset sky, behind every page of cashyou.dev. Each page keeps its own styles;
   this only swaps the flat cream background for the sky and puts long text on a readable sheet. */
html{background:#F2783A}
body{background:transparent!important}
body::before{content:'';position:fixed;left:0;top:0;width:100%;height:100lvh;z-index:-1;pointer-events:none;background:#F2783A url(/assets/sky/sunset.webp) 50% 35%/cover no-repeat}
@media(max-width:760px){body::before{background-image:url(/assets/sky/sunset-portrait.webp);background-position:50% 30%}}

/* policy pages (Tailwind): header, text and footer sit on cream so they read the same as before */
body>header{border-bottom:0!important;box-shadow:0 10px 30px -22px rgba(80,25,0,.6)}
body>main.prose{margin-top:28px;margin-bottom:24px;padding-left:clamp(20px,5vw,52px);padding-right:clamp(20px,5vw,52px);border-radius:28px;background:rgba(255,248,241,.96);box-shadow:0 34px 70px -40px rgba(80,25,0,.6)}
body>footer{max-width:48rem;margin:0 auto 28px;border:0!important;border-radius:22px;background:rgba(255,248,241,.9);color:rgba(30,23,18,.62)!important}
@media(max-width:800px){
  body>main.prose{margin-left:10px;margin-right:10px;border-radius:22px}
  body>footer{margin-left:10px;margin-right:10px}
}