:root{--bg:#f6f1e3;--ink:#382919;--panel:#fffaf0;--line:#d9ccaa;--sea:#21497f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;line-height:1.75}
header{background:var(--sea);color:#faf2db;padding:28px 16px}
header .wrap{display:flex;align-items:center;gap:14px}
header img{width:56px;height:56px;border-radius:12px}
header h1{margin:0;font-size:26px;letter-spacing:.08em}
header p{margin:2px 0 0;font-size:13px;opacity:.85}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
main .wrap{padding-top:24px;padding-bottom:64px}
h2{border-bottom:3px solid var(--ink);padding-bottom:4px;margin-top:36px}
section.card{background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:16px 20px;margin:16px 0}
nav a{margin-right:16px;color:var(--sea);font-weight:700}
footer{font-size:12px;color:#6b5a40;text-align:center;padding:24px}