/* Decorative local artwork. No remote requests, account data, animation or persistence. */
body.sf-visual-scenes {
  --muted:#e0ece7;
  --muted2:#d6e3df;
  background-color:#143c3d;
  background-image:linear-gradient(110deg,rgba(6,23,32,.76),rgba(9,31,36,.60)),var(--sf-scene-image);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
body[data-sf-scene="learn"]{--sf-scene-image:url('backgrounds/learn.svg')}
body[data-sf-scene="business"]{--sf-scene-image:url('backgrounds/business.svg')}
body[data-sf-scene="trade"]{--sf-scene-image:url('backgrounds/trade.svg')}
body[data-sf-scene="water"]{--sf-scene-image:url('backgrounds/water.svg')}
body[data-sf-scene="food"]{--sf-scene-image:url('backgrounds/food.svg')}
body[data-sf-scene="markets"]{--sf-scene-image:url('backgrounds/markets.svg')}
.sf-background-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px max(20px,calc((100vw - 1200px)/2));background:#102731;border-bottom:1px solid #536f76;color:#edf6f4;font:14px/1.5 system-ui,sans-serif}
.sf-background-control label{margin:0;color:#edf6f4;font:inherit}
.sf-background-control select{width:auto;max-width:100%;min-width:0;min-height:44px;margin:0;padding:8px 12px;background:#173d43;color:#fff;border:1px solid #b3d6cc;border-radius:8px;font:inherit}
.sf-background-control select:focus-visible{outline:3px solid #b5ffec;outline-offset:3px}
/* High contrast is an explicit user preference: never paint imagery behind it. */
body.sf-visual-scenes.a11y-high-contrast{background:#000!important}
body.a11y-high-contrast .sf-background-control{background:#000;border-color:#fff;color:#fff}
body.a11y-high-contrast .sf-background-control select{background:#000;color:#fff;border-color:#fff}
@media(forced-colors:active){body.sf-visual-scenes{background:Canvas!important}.sf-background-control{background:Canvas;color:CanvasText}.sf-background-control label{color:CanvasText}.sf-background-control select{background:Canvas;color:CanvasText}}
@media(max-width:780px){body.sf-visual-scenes{background-attachment:scroll}.sf-background-control{padding:10px 16px;gap:6px}.sf-background-control select{flex:1}}
@media print{body.sf-visual-scenes{background:white!important}.sf-background-control{display:none}}