/* Shared brand palette and paper surface, used by every Work With Jelly page. */
:root {
  --paper:#F7F4EE; --paper-2:#EDE7DB; --card:#FCFAF6; --ink:#003937;
  --clay:#FA9C84; --clay-bright:#FA9C84; --accent-ink:#E58C76; --accent-title:#E58C76; --clay-lt:#FFC2B0;
  --clay-08:rgba(250,156,132,.10); --clay-18:rgba(250,156,132,.22); --clay-40:rgba(250,156,132,.46);
  --rule:rgba(23,61,55,.20); --rule-soft:rgba(23,61,55,.20);
}
body.site-theme { background:var(--paper); }
.site-theme .grain { background-image:none; }
.site-theme .grain::before,.site-theme .grain::after { display:block; }
.site-theme .grain{position:fixed;inset:0;pointer-events:none;z-index:1;
  mix-blend-mode:multiply;opacity:.65}
.site-theme .grain::before,.site-theme .grain::after{content:'';position:absolute;inset:0;mix-blend-mode:multiply}
.site-theme .grain::before{opacity:.32;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='a'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/></filter><rect width='180' height='180' filter='url(%23a)'/></svg>")}
.site-theme .grain::after{opacity:.16;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='b'><feTurbulence type='fractalNoise' baseFrequency='0.22' numOctaves='2' stitchTiles='stitch'/></filter><rect width='300' height='300' filter='url(%23b)'/></svg>")}
.site-theme .ambient{position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(rgba(252,250,246,1) 0%, rgba(252,250,246,.8) 24%, rgba(0,0,0,0) 55%),
    radial-gradient(at 50% 92%, rgba(250,156,132,.15), rgba(0,0,0,0) 54%),
    radial-gradient(circle, rgba(0,57,55,.13) .7px, rgba(0,0,0,0) .9px);
  background-size:auto, auto, 24px 24px}
@media (prefers-reduced-motion:reduce){.site-theme .grain{opacity:.5}}

/* Existing interior layouts sit on the same atmospheric ground. */
.site-theme:not(.landing-page) > main,
.site-theme:not(.landing-page) > footer,
.site-theme:not(.landing-page) > .card,
.site-theme:not(.landing-page) > .jwrap { position:relative; z-index:2; }
.site-theme .form-sheet,.site-theme .case-facts>div,.site-theme .case-next a {
  border-color:var(--rule); box-shadow:0 3px 10px rgba(23,61,55,.035);
}

/* Standalone forms and quizzes stack their legal links beneath the content. */
body.standalone-page { flex-direction:column; align-items:center; justify-content:flex-start; }
.standalone-page > .wwj-standalone-footer { width:min(620px,100%); }