:root{--bg:#f5e6c8;--card:#fff8e8;--ink:#3a2817;--sub:#6b5236;--line:#d9bf8c;--accent:#a4452a}
@media (prefers-color-scheme:dark){:root{--bg:#1d1510;--card:#2a1e15;--ink:#f1e2c6;--sub:#c9b48f;--line:#4a3826;--accent:#ee9a73}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 "BIZ UDGothic","Yu Gothic","Hiragino Sans",Meiryo,system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:20px 16px 48px}
header,section,#en{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:0 0 16px}
#en{background:transparent;border:0;padding:0}
#en>h1{margin:24px 0 4px}
h1{font-size:22px;line-height:1.4;margin:8px 0}
h2{font-size:19px;margin:0 0 8px;color:var(--accent)}
h3{font-size:16px;margin:16px 0 2px}
p,li{margin:4px 0}
ul{margin:4px 0;padding-left:1.4em}
a{color:var(--accent)}
.back{font-size:14px;margin:0}
.meta{color:var(--sub);font-size:14px}
hr{border:0;border-top:1px solid var(--line);margin:28px 0 8px}
button{font:inherit;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#contactOut{word-break:break-all}
@media (max-width:480px){body{font-size:15px}header,section{padding:14px 14px}}
/* layout-sweep-2026-10-25: no mid-word breaks in Japanese headings and buttons */
:lang(ja){word-break:auto-phrase}
h1,h2,h3,summary,button{text-wrap:balance}