/* 甄観文庫・心地の間 — 素箋系＋鈍青(#5C6B73)。円相motif・無角丸・無CDN・和紙ノイズ。 */
:root{--bg:#F6F3EB;--ink:#38352E;--ink-soft:#847C6E;--line:#DBD4C6;--accent:#5C6B73;--accent-soft:#93A0A6;--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:.045;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.82' 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:840px;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:2.6rem 0 4rem}
.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.3em;margin:0 0 .5rem}
h1{font-size:1.95rem;letter-spacing:.1em;font-weight:500;margin:0 0 .5rem;line-height:1.5}
.reading{color:var(--ink-soft);font-size:.85rem;letter-spacing:.06em;margin:0 0 2rem}
.lede{font-size:1.05rem;color:var(--ink);margin:0 0 2.4rem;letter-spacing:.02em}
/* 円相 enso */
.enso{display:block;margin:2.4rem auto;width:120px;height:120px}
.enso svg{width:100%;height:100%}
.enso-line{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;opacity:.85}
.enso-sm{width:64px;height:64px;margin:1.8rem auto}
/* 本文 */
article.body{margin:0 0 1rem}
article.body p{margin:0 0 1.5rem;letter-spacing:.015em}
article.body h2{font-size:.82rem;letter-spacing:.24em;color:var(--accent);font-weight:500;margin:3rem 0 1.2rem;border-top:1px solid var(--line);padding-top:1.6rem}
article.body h2:first-of-type{margin-top:2rem}
.q{color:var(--accent);font-weight:500}
/* 引用（原話は必ず引用符＋出典） */
.quote{border-left:3px solid var(--accent);padding:.2rem 0 .2rem 1.1rem;margin:1.8rem 0;color:var(--ink);font-size:1.02rem}
.quote cite{display:block;color:var(--ink-soft);font-size:.78rem;font-style:normal;letter-spacing:.08em;margin-top:.5rem}
/* 今夜の一問 */
.hitokoto{border:1px solid var(--line);border-left:3px solid var(--accent);padding:1.3rem 1.5rem;margin:2.8rem 0}
.hitokoto h2{font-size:.78rem;letter-spacing:.22em;color:var(--accent);margin:0 0 .7rem;font-weight:500;border:none;padding:0}
.hitokoto p{margin:0;font-size:1.05rem}
/* 中文摘要 */
.zhsum{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.8rem}
.zhsum h2{font-size:.78rem;letter-spacing:.22em;color:var(--accent);font-weight:500;margin:0 0 1rem}
.zhsum p{font-family:"Noto Serif SC","Noto Serif JP",serif;font-size:.95rem;color:var(--ink);margin:0 0 1rem;line-height:1.95}
.copyright-note{color:var(--ink-soft);font-size:.72rem;letter-spacing:.04em;margin-top:1.6rem;line-height:1.7}
/* 入口カード */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:2rem 0 2.8rem}
.card{background:var(--bg);padding:1.6rem 1.5rem;border-bottom:none;display:block}
.card:hover{background:#F0ECE1}
.card .kw{color:var(--accent);font-size:.7rem;letter-spacing:.24em;margin:0 0 .7rem}
.card .ct{font-size:1.15rem;letter-spacing:.05em;margin:0 0 .5rem;line-height:1.5}
.card .cd{color:var(--ink-soft);font-size:.85rem;margin:0}
@media(max-width:640px){.cards{grid-template-columns:1fr}}
/* 総目次 */
.toc-h{font-size:.82rem;letter-spacing:.24em;color:var(--accent);font-weight:500;margin:3rem 0 .3rem;border-top:1px solid var(--line);padding-top:1.8rem}
.toc-note{color:var(--ink-soft);font-size:.82rem;margin:0 0 1.4rem}
.toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1rem}
.toc a,.toc span{background:var(--bg);padding:.85rem 1rem;border-bottom:none;font-size:.9rem;display:block}
.toc a:hover{background:#F0ECE1}
.toc span{color:var(--ink-soft)}
.toc .no{color:var(--accent);font-size:.75rem;letter-spacing:.1em;margin-right:.6rem}
.toc .soon{color:var(--accent-soft);font-size:.68rem;letter-spacing:.1em;float:right}
/* 考据対照・安全上の留意（正文と区別する枠付きノート） */
.kosho{border:1px solid var(--line);border-left:3px solid var(--accent);padding:1.5rem 1.6rem;margin:2.8rem 0}
.kosho h2{font-size:.78rem;letter-spacing:.22em;color:var(--accent);margin:0 0 1rem;font-weight:500;border:none;padding:0}
.kosho p{margin:0 0 1rem;font-size:.9rem;line-height:1.9;color:var(--ink)}
.kosho p:last-child{margin-bottom:0}
.kosho ol{margin:0;padding-left:1.2rem}
.kosho li{margin-bottom:1.1rem;font-size:.9rem;line-height:1.9}
.kosho li:last-child{margin-bottom:0}
.kosho + .kosho{margin-top:1.6rem}
nav.pager{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.6rem;margin-top:2.6rem;font-size:.9rem}
nav.pager a{border-bottom:none}
nav.pager span{color:var(--ink-soft)}
footer.site{border-top:1px solid var(--line);padding:1.7rem 0 3rem;color:var(--ink-soft);font-size:.78rem;line-height:1.9}
footer.site a{color:var(--ink-soft)}
@media(max-width:640px){h1{font-size:1.55rem}.wrap{padding:0 1.25rem}}