/* Shared design for the shopper gallery and the staff console: paper, ink, vermilion seal, serif type. */
:root{
  --paper:#f3eee4;--paper-2:#ebe4d6;--ink:#1a1918;--ink-soft:#5b5650;--line:#d5ccbb;--mat:#fbf8f2;
  --shu:#c8381f;--ai:#26355d;--kin:#a8854f;--matcha:#6b7a4b;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",Georgia,serif;
  --sans:system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#151413;--paper-2:#1d1b19;--ink:#efe8db;--ink-soft:#a39b8f;--line:#38342f;--mat:#24211e;--shu:#e0553b;--ai:#8ea3d8;--kin:#c9a66b}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);
  background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 0);background-size:22px 22px}
.wrap{max-width:1120px;margin:0 auto;padding:28px 16px 64px}
a{color:inherit}
/* masthead */
.mast{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:14px}
.kicker{font:600 11px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft)}
h1{font:400 clamp(2.4rem,7vw,5.2rem)/.95 var(--serif);margin:.18em 0 0;letter-spacing:-.02em}
h1 em{color:var(--shu);font-style:italic}
.jp{font-family:var(--serif);color:var(--ink-soft);margin:.4em 0 0;letter-spacing:.3em}
.seal{width:76px;height:76px;border:3px solid var(--shu);color:var(--shu);display:grid;place-items:center;transform:rotate(-6deg);
  font:700 15px/1.05 var(--serif);text-align:center;border-radius:6px;opacity:.9}
.topbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:10px}
.lang{display:flex;border:1px solid var(--line)}
.lang button{border:0;background:transparent;color:var(--ink-soft);font:600 11px var(--sans);letter-spacing:.14em;padding:6px 10px;cursor:pointer}
.lang button[aria-pressed=true]{color:var(--ink);background:var(--paper-2)}
html[lang=zh-CN] body{font-family:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",var(--sans)}
html[lang=zh-CN] h1,html[lang=zh-CN] .title,html[lang=zh-CN] .ex-head h2{font-family:"Songti SC","STSong","Noto Serif SC",var(--serif)}
footer{margin-top:64px;border-top:1px solid var(--ink);padding-top:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:12px var(--sans);color:var(--ink-soft)}