:root{--ink:#20202a;--sub:#5a5a66;--line:#d8d2c6;--paper:#f4f1ea;--accent:#6a2b2b}
*{box-sizing:border-box}
body{margin:0;font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}
a{color:#3a4a6a}
main{max-width:820px;margin:0 auto;padding:1.4rem}
header.site{display:flex;gap:1rem;align-items:baseline;padding:.8rem 1.4rem;border-bottom:1px solid var(--line);background:#fff}
header .brand{font-family:'Yu Mincho',serif;font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--ink);letter-spacing:.15em}
header .sub{color:var(--sub);font-size:.8rem}
footer.site{max-width:820px;margin:2rem auto;padding:1.2rem 1.4rem;border-top:1px solid var(--line);color:var(--sub);font-size:.8rem}
footer .fic{background:#efe9df;border:1px solid var(--line);padding:.7rem .9rem;border-radius:4px}
footer .legal a{color:var(--sub)}
footer .mark{font-family:'Yu Mincho',serif;letter-spacing:.1em}
.crumb{font-size:.8rem;color:var(--sub);margin-bottom:1rem}
.btn{display:inline-block;padding:.5rem 1rem;border:1px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;font-size:.85rem}
.btn.big{padding:.8rem 1.8rem;font-size:1rem}
/* 履歴書 */
.rireki{background:#fff;border:1px solid var(--line);padding:1.4rem;border-radius:4px}
.rireki-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.rireki h1{font-family:'Yu Mincho',serif;font-size:2rem;margin:.2rem 0}
.rireki h1 .kana{display:block;font-size:.8rem;color:var(--sub);letter-spacing:.1em;font-weight:400}
.photo svg{border:1px solid var(--line)}
.photo img.idphoto{border:1px solid var(--line);display:block;object-fit:cover}
.wall .tile img.idphoto{width:100%;height:auto;display:block}
table.profile,table.history{width:100%;border-collapse:collapse;margin:1rem 0}
table.profile th,table.profile td,table.history th,table.history td{border:1px solid var(--line);padding:.4rem .6rem;text-align:left;vertical-align:top}
table.profile th{width:6rem;background:#faf8f3;color:var(--sub);font-weight:500}
table.history th{background:#faf8f3;color:var(--sub);font-weight:500;font-size:.85rem}
.history .ym{width:6rem;white-space:nowrap;color:var(--sub)}
.history .end{text-align:right;color:var(--sub)}
.field{margin-top:1rem}.field h3{font-size:.9rem;color:var(--sub);margin:.3rem 0;border-left:3px solid var(--line);padding-left:.5rem}
.whisper{margin-top:1rem;color:#7a6a6a;font-style:italic;font-size:.9rem;border-top:1px dashed var(--line);padding-top:.6rem}
/* 年表 */
.timeline{margin-top:1.6rem}.timeline h2{font-size:1.1rem;border-bottom:2px solid var(--ink);padding-bottom:.2rem}
ul.tl{list-style:none;padding:0;margin:1rem 0}
ul.tl li{display:flex;gap:.9rem;padding:.35rem 0;border-bottom:1px dotted var(--line)}
ul.tl .ym{flex:0 0 4.2rem;color:var(--sub);font-variant-numeric:tabular-nums;font-size:.85rem;padding-top:.1rem}
ul.tl .temp{color:#7a6a6a}
ul.tl li.hokorobi{background:#f0ebe0}
ul.tl li.hokorobi .ev::after{content:'　◇';color:#b0a}
ul.tl li.ceased .ev{color:var(--sub);font-style:italic}
.editor-hint{text-align:right;font-size:.85rem;margin-top:.4rem}
.editor-hint a{color:#8a7}
.backlinks{margin-top:1.4rem}.backlinks h2{font-size:1rem;color:var(--sub)}
.backlinks ul{list-style:none;padding:0}.backlinks li{padding:.2rem 0}.backlinks .rel{color:var(--sub);font-size:.8rem}
.unlisted{color:var(--ink)}
.mini{color:var(--sub);font-size:.75rem}
.share{margin-top:1.6rem;display:flex;gap:.6rem}
.note{color:var(--sub)}
.roster{margin-top:1.2rem}.roster h2{font-size:1rem;border-bottom:1px solid var(--line)}
.roster ul{list-style:none;padding:0}.roster li{padding:.3rem 0;border-bottom:1px dotted var(--line);display:flex;justify-content:space-between;gap:1rem}
.roster .rel{color:var(--sub);font-size:.8rem;white-space:nowrap}
h1{font-family:'Yu Mincho',serif}
.company h1,.school h1{font-size:1.8rem}.company h1 .kana,.school h1 .kana{display:block;font-size:.75rem;color:var(--sub);font-weight:400}
/* index */
.index-page main{max-width:1100px}
.hero{text-align:center;padding:2rem 0 1rem}
.hero .lead{font-family:'Yu Mincho',serif;font-size:1.3rem}
.hero .sub2{color:var(--sub)}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}
.wall .tile{display:block;line-height:0;filter:grayscale(.15) contrast(.97);transition:filter .2s}
.wall .tile:hover{filter:none}
.wall .tile svg{width:100%;height:auto}
/* editor */
.editor-page body,.editor-page{}
.editor-page main{background:#0d0d12;color:#c8c4bc;border-radius:6px}
.editor-page h1{color:#e6e0d4;letter-spacing:.3em}
.editor-page .crumb,.editor-page .crumb a{color:#6a6a72}
.ed-lead{color:#9a948a}
ul.truths{list-style:none;padding:0}
ul.truths li{border-top:1px solid #26262e;padding:1rem 0}
.etype{display:inline-block;border:1px solid #4a3a3a;color:#c88;padding:0 .5rem;font-size:.8rem;border-radius:3px}
.etruth{margin:.4rem 0;color:#d8d2c8}
.editor-page .ym{color:#6a6a72;font-size:.8rem}
.editor-page a{color:#a99}
.ed-foot{margin-top:2rem;color:#6a6a72;text-align:right}
.ed-foot2{color:#3d3d46;text-align:right;font-size:.78rem;letter-spacing:.08em}
.legal-page h1{font-size:1.6rem}.legal-page h2{font-size:1.05rem;margin-top:1.2rem}