:root{--bg:#f4ecd8;--fg:#2b241c;--muted:#6b5f4e;--accent:#b4332a;--card:#fbf6ea;--line:#d9ccb0}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",Georgia,serif;line-height:1.8;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}
main{max-width:40rem;margin:0 auto;padding:2.5rem 0 4rem}
header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
header img{width:72px;height:72px;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
h1{font-size:1.6rem;margin:0;letter-spacing:.05em}
h1 small{display:block;font-size:.85rem;color:var(--muted);font-weight:normal;letter-spacing:.02em}
h2{font-size:1.1rem;border-left:4px solid var(--accent);padding-left:.6rem;margin:2rem 0 .6rem}
nav{font-size:.9rem;margin-bottom:1rem}
nav a{color:var(--accent);margin-right:1rem}
a{color:var(--accent)}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem;margin:1rem 0}
.en{border-top:1px dashed var(--line);margin-top:2.5rem;padding-top:1rem;font-family:Georgia,"Times New Roman",serif}
ul{padding-left:1.2rem}
footer{color:var(--muted);font-size:.8rem;margin-top:3rem}