/* Shared by all six locales. Extracted from the inline block so the palette cannot
   drift between translations — six copies of this would guarantee it eventually did.

   Dark by default, deliberately: the people reading this often have photophobia.
   Light mode exists but is a soft off-white, never a white flash. */
:root{
  --ink:#ECE9F3; --ink-2:#9A94AD; --line:#23202E; --bg:#06060A; --card:#111016;
  --violet:#8E7CC3; --violet-ink:#A795D8; --amber:#D9A441; --max:44rem;
}
@media (prefers-color-scheme: light){
  :root{ --ink:#16141C; --ink-2:#5B566B; --line:#E6E2EE; --bg:#F7F6F9; --card:#FDFCFF;
         --violet:#6D5BD0; --violet-ink:#5A48BC; --amber:#A9761B; }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
header.top{border-bottom:1px solid var(--line);padding:1rem 0}
header.top .wrap{display:flex;align-items:center;gap:.6rem}
.brand{font-weight:700;color:var(--violet);letter-spacing:-.01em}
.brand-note{color:var(--ink-2);font-size:.88rem}
h1{font-size:2.1rem;line-height:1.2;letter-spacing:-.02em;margin:2rem 0 .6rem}
h2{font-size:1.35rem;line-height:1.3;letter-spacing:-.01em;margin:2.4rem 0 .6rem}
h3{font-size:1.05rem;margin:1.6rem 0 .4rem}
.standfirst{font-size:1.12rem;color:var(--ink-2);margin:0 0 1.5rem}
p,li{color:var(--ink)}
a{color:var(--violet-ink)}
.meta{color:var(--ink-2);font-size:.9rem;margin-bottom:2rem}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.96rem}
th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ink-2);font-weight:600}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.25rem;margin:1.5rem 0}
.card h3{margin-top:0}
.warn{border-left:3px solid var(--amber)}
.cta{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--violet);
     border-radius:14px;padding:1.25rem;margin:2rem 0}
.cta p{margin:.35rem 0 .9rem;color:var(--ink-2)}
.btn{display:inline-block;background:var(--violet);color:#0b0910;text-decoration:none;font-weight:600;
     padding:.7rem 1.15rem;border-radius:10px}
@media (prefers-color-scheme: light){ .btn{color:#fff} }
.note{font-size:.9rem;color:var(--ink-2)}
footer{border-top:1px solid var(--line);margin-top:3rem;padding:1.5rem 0 3rem;color:var(--ink-2);font-size:.88rem}
ul{padding-left:1.15rem}
ol{padding-left:1.3rem}
li{margin:.45rem 0}
/* Japanese: the system stack above falls back to a serif on iOS/macOS for CJK, which
   reads heavy at 17px. Prefer the platform's UI sans. */
html[lang="ja"] body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN",
  "Yu Gothic","Noto Sans JP","Segoe UI",Roboto,sans-serif;line-height:1.85}