/* Site-wide background texture (owner request 2026-10-03): faint white line art (taro leaves, hollow
   candlesticks rising on an S-curve, the split mark, a sprout, a price line over a stepped drawdown
   floor) from scripts/make_pattern.py, a fine grain, and a soft vignette. Sits above the background,
   below the content, and never intercepts clicks. Line strength lives in the SVG (stroke-opacity). */
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1}
body::before{
  background-image:
    url("/img/pattern.svg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");
  background-size:760px 760px,220px 220px;
  background-position:center top,0 0}
body::after{
  background:radial-gradient(ellipse 120% 90% at 50% 40%,transparent 55%,rgba(6,5,16,.38) 100%)}
/* keep page content above the texture on every page */
.bar,main,footer{position:relative;z-index:2}
@media (max-width:640px){body::before{background-size:560px 560px,220px 220px}}