/* Bottle-pattern background (preview). html[data-bg=1] subtle (default), 2 more visible, 0 off. Dense content sits on solid paper panels with a soft fade. */
html[data-bg="1"] body{background-image:url(/assets/bg-1.svg)}
html[data-bg="2"] body{background-image:url(/assets/bg-2.svg)}
html[data-bg] body{background-size:864px 300px;background-position:center 0;background-attachment:scroll}
html[data-bg="1"],html[data-bg="2"]{--fade:0 0 28px 22px var(--paper)}
html[data-bg="1"] :is(.p-say,.p-chart,.p-num,.p-scores,.p-scl,.lb,.pg,.ent,.wcs,.sh-h,.flt,.bp-main,.bp-obj .bp-meta,.bp-obj .toc,.doc-main,.prose .body,.doc>.sheet,.sheet,.tw,.ft),
html[data-bg="2"] :is(.p-say,.p-chart,.p-num,.p-scores,.p-scl,.lb,.pg,.ent,.wcs,.sh-h,.flt,.bp-main,.bp-obj .bp-meta,.bp-obj .toc,.doc-main,.prose .body,.doc>.sheet,.sheet,.tw,.ft){background-color:var(--paper);box-shadow:var(--fade)}
html[data-bg] .ft{box-shadow:none}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){html[data-bg] body{background-image:none}}