/* FUJI RAW APPEARANCE SETTINGS
   Edit these values, then redeploy the viewer. Payhip styling does not reach
   inside the viewer iframe. Colors use hexadecimal codes. */
:root {
  --paper: #f5f4ee;       /* Page background */
  --ink: #242b24;         /* Main text */
  --muted: #697064;       /* Supporting text */
  --accent: #465b3f;      /* Active buttons and highlights */
  --border: #d9ddd2;      /* Borders */
  --soft: #e9eddf;        /* Selected comparison background */
  --panel: #ffffff;      /* Viewer control panel */
  --stage: #20251f;      /* Space around photographs */
  --body-font: Arial, Helvetica, sans-serif;
  --heading-font: Georgia, 'Times New Roman', serif;
  --corner-radius: 10px; /* Viewer corners */
}
body {font-family:var(--body-font)}
h1,h2 {font-family:var(--heading-font)}
.explorer {background:var(--panel);border-radius:var(--corner-radius)}
.stage {background:var(--stage)}
body.embedded {background:var(--paper)}
body.embedded .site-header,body.embedded .intro,body.embedded footer {display:none}
body.embedded main {padding:0;max-width:none}
body.embedded .comparison-note {padding:22px 16px}

/* Compact header logo: keeps the existing navigation padding. */
.brand img {display:block;width:160px;height:auto;max-height:38px;object-fit:contain}
@media(max-width:650px){.brand img {width:140px;max-height:34px}}