:root{color-scheme:light;--paper:#f7f5ee;--ink:#192a26;--quiet:#495e56;--rule:#c9d0c3;--accent:#19614d;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"PingFang HK",sans-serif}
*{box-sizing:border-box}
body,h1,h2,p,dl,dd{margin:0}
.wrap{width:min(100% - 3rem,72rem);margin-inline:auto}
.masthead,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.15rem;border-bottom:1px solid var(--rule)}
a{color:var(--ink);text-underline-offset:.25em}
a:hover{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip{position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%);padding:.5rem;background:var(--paper);z-index:2}
.skip:focus{transform:none}
.identity{display:flex;align-items:center;gap:.75rem;font-weight:700;line-height:1.2;text-decoration:none}
.identity small{display:block;font-weight:500;margin-top:.2rem;color:var(--quiet)}
.mark{display:grid;place-items:center;width:2.5rem;aspect-ratio:1;background:var(--ink);color:var(--paper);font:700 .85rem ui-monospace,monospace}
nav{display:flex;gap:1.1rem;font-size:.9rem}
.hero{padding-block:clamp(2.8rem,8vw,6rem);border-bottom:1px solid var(--rule);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#c9d0c347 calc(25% - 1px),#c9d0c347 25%)}
.kicker{color:var(--accent);font:700 .73rem/1.55 ui-monospace,monospace;letter-spacing:.115em}
.kicker span{display:inline-block;width:1.35rem;border-top:1px solid currentColor;margin-inline:.35rem;vertical-align:middle}
h1{font:500 clamp(4.3rem,13vw,10rem)/.81 Georgia,"Times New Roman",serif;letter-spacing:-.075em;margin:.36em 0 .2em;overflow-wrap:anywhere}
h1 span{color:var(--accent)}
.zh-title{font-size:clamp(1.3rem,3vw,2rem);font-weight:600;letter-spacing:.09em}
.lead{max-width:36ch;font-size:clamp(1rem,2.5vw,1.35rem);margin-top:1.2rem;text-wrap:balance}
.translation{color:var(--quiet);margin-top:.32rem}
.detail{display:grid;grid-template-columns:1fr 2fr;gap:1.25rem;padding-block:2rem;border-bottom:1px solid var(--rule)}
h2{font:500 clamp(1.5rem,4vw,2.5rem)/1.15 Georgia,serif;margin-bottom:1rem}
h2 small{display:inline-block;margin-left:.45rem;color:var(--quiet);font:500 .82rem system-ui,sans-serif}
dl>div{display:grid;grid-template-columns:minmax(8rem,1fr) 2fr;gap:.65rem;padding:.5rem 0;border-bottom:1px solid var(--rule)}
dl>div:last-child{border:0}
dt,dd span{color:var(--quiet)}
dd span{display:block;font-size:.88rem}
address{font-style:normal}
footer{border-bottom:0;color:var(--quiet);font-size:.82rem}
@media(max-width:480px){.wrap{width:calc(100% - 1.8rem)}.detail{grid-template-columns:1fr;gap:.4rem}nav{gap:.6rem}.hero{padding-block:3rem}}