:root{
  --bg:#1a1612; --cream:#d9c9a8; --cream-soft:#a99a80; --cream-faint:#7d7057;
  --accent:#c8956d; --accent-deep:#9c6f4a; --rule:rgba(217,201,168,.14); --paper:#f4e8cf; --ink:#2a2118;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--cream);font-family:"Shippori Mincho",serif;line-height:2;letter-spacing:.03em;-webkit-font-smoothing:antialiased;}
.wrap{max-width:720px;margin:0 auto;padding:56px 24px 96px;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
.back{font-size:12px;letter-spacing:.2em;color:var(--accent);}
.eyebrow{color:var(--cream-faint);font-size:11px;letter-spacing:.28em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:26px;}
h1{font-size:clamp(28px,7vw,40px);font-weight:700;letter-spacing:.12em;margin:6px 0 4px;}
.read{color:var(--cream-faint);font-size:12px;letter-spacing:.24em;margin-bottom:6px;}
.era{color:var(--cream-soft);font-size:13px;letter-spacing:.08em;}
.era .gone{color:var(--accent-deep);}
h2{font-size:15px;font-weight:600;letter-spacing:.1em;color:var(--cream);margin:34px 0 8px;padding-top:20px;border-top:1px solid var(--rule);}
p{color:var(--cream-soft);font-size:15px;margin:0 0 6px;}
.kicker{color:var(--accent);}
.works{margin:8px 0 0;list-style:none;}
.works li{color:var(--cream-soft);font-size:14.5px;padding-left:1.1em;text-indent:-1.1em;margin:3px 0;}
.works li::before{content:"─ ";color:var(--accent-deep);}
.note{color:var(--cream-faint);font-size:12.5px;line-height:1.9;margin-top:10px;}
.sources{margin:34px 0 0;padding-top:20px;border-top:1px solid var(--rule);}
.sources h2{border:0;padding:0;margin:0 0 6px;font-size:11px;letter-spacing:.24em;color:var(--cream-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.sources ul{list-style:none;}
.sources li{font-size:12.5px;margin:4px 0;color:var(--cream-faint);}
.disclaimer{color:var(--cream-faint);font-size:12px;line-height:1.9;margin-top:40px;padding-top:20px;border-top:1px solid var(--rule);}
footer{color:var(--cream-faint);font-size:12px;margin-top:32px;}
.ornament{color:var(--accent-deep);text-align:center;letter-spacing:.5em;margin:30px 0 0;font-size:12px;}

/* 覚え書きインデックスだけ幅を広げ、一覧を多列に（PC3列／画面幅で自動的に2→1列へ） */
.wrap-index{max-width:1000px;}
.wrap-index > p,.wrap-index .disclaimer{max-width:680px;}

.pw-list{
  list-style:none;margin:10px 0 0;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(238px,1fr));
  column-gap:30px;
}
.pw-list li{margin:0;border-bottom:1px solid var(--rule);}
.pw-list a{display:block;height:100%;padding:13px 0;text-decoration:none;}
.pw-list a:hover .pw-name{text-decoration:underline;}
.pw-name{display:block;color:var(--cream);font-size:15.5px;letter-spacing:.05em;line-height:1.7;}
.pw-sum{display:block;color:var(--cream-faint);font-size:12px;margin-top:2px;line-height:1.65;}