/* 甄観文庫・修身門 — 素箋系+松葉色。無角丸・無アイコン・無外部資源。 */
:root{--bg:#F7F4EC;--ink:#3A362E;--ink-soft:#8A8274;--line:#DDD6C8;--accent:#5C6E58;--serif:"Noto Serif JP","Noto Serif SC",serif}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--serif);line-height:2;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.04;background-repeat:repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.band{height:3px;background:var(--accent)}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.wrap{max-width:860px;margin:0 auto;padding:0 1.75rem}
header.site{border-bottom:1px solid var(--line);padding:1.5rem 0 1.1rem}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem}
.brand{font-size:1.05rem;letter-spacing:.14em;font-weight:500}
.brand a{border-bottom:none}
.brand small{color:var(--ink-soft);font-size:.68rem;letter-spacing:.1em;margin-left:.7rem}
nav.crumb{font-size:.78rem;color:var(--ink-soft)}
nav.crumb a{border-bottom:none;color:var(--ink-soft)}
main{padding:3rem 0 4rem}
.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.3em;margin:0 0 .5rem}
h1{font-size:1.9rem;letter-spacing:.1em;font-weight:500;margin:0 0 .4rem}
.reading{color:var(--ink-soft);font-size:.85rem;letter-spacing:.06em;margin:0 0 2.2rem}
section.block{margin:0 0 2.4rem;border-top:1px solid var(--line);padding-top:1.6rem}
section.block h2{font-size:.8rem;letter-spacing:.24em;color:var(--accent);font-weight:500;margin:0 0 1rem}
.kanbun{font-size:1.25rem;letter-spacing:.12em;line-height:2.2}
.kakikudashi{color:var(--ink);font-size:1.02rem}
.lang-zh p,.lang-en p{color:var(--ink)}
.lang-en{font-size:.95rem}
.hitokoto{border:1px solid var(--line);border-left:3px solid var(--accent);padding:1.2rem 1.4rem;margin:2.6rem 0}
.hitokoto h2{font-size:.78rem;letter-spacing:.22em;color:var(--accent);margin:0 0 .7rem;font-weight:500}
nav.pager{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.4rem;font-size:.9rem}
nav.pager a{border-bottom:none}
footer.site{border-top:1px solid var(--line);padding:1.6rem 0 3rem;color:var(--ink-soft);font-size:.78rem}
/* 目次 */
.toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}
.toc a{background:var(--bg);padding:.85rem 1rem;border-bottom:none;font-size:.9rem;display:block}
.toc a:hover{background:#F1EDE2}
.toc .no{color:var(--accent);font-size:.75rem;letter-spacing:.1em;margin-right:.6rem}
@media(max-width:640px){
h1{font-size:1.5rem}.kanbun{font-size:1.1rem;letter-spacing:.08em;line-height:2}
.wrap{padding:0 1.1rem}
main{padding:2.2rem 0 3rem}
.reading{margin-bottom:1.7rem}
section.block{margin-bottom:1.9rem;padding-top:1.3rem}
.hitokoto{padding:1rem 1.05rem;margin:2rem 0}
header.site{padding:1.15rem 0 .85rem}
.brand small{display:block;margin:2px 0 0}
nav.crumb{line-height:1.9}
nav.pager{flex-wrap:wrap;gap:.6rem 1rem}
nav.pager a{min-height:44px;display:inline-flex;align-items:center;padding:.2rem .1rem}
.toc{grid-template-columns:1fr 1fr}
.toc a{padding:.8rem .75rem;min-height:44px}
footer.site .wrap{display:flex;flex-direction:column;gap:.5rem}
footer.site a{margin-left:0 !important}
}
@media(max-width:400px){.toc{grid-template-columns:1fr}}
a{-webkit-tap-highlight-color:rgba(92,110,88,.12)}