/* 甄観文庫・方術の間 — 素箋・書院系(浅色)。墨金を差し色に。無角丸・無アイコン・無外部資源。 */
:root{
  --bg:#F7F4EC;--ink:#3A362E;--ink-soft:#8A8274;--ink-dim:#A39B8B;
  --line:#DDD6C8;--line-soft:#EFEAE0;--gold:#8A6E23;--gold-dim:#B5A26B;
  --serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","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;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* 墨噪紋理 opacity<=0.05 */
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='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.band{height:2px;background:linear-gradient(90deg,var(--gold-dim),var(--gold),var(--gold-dim))}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
a:hover{color:var(--gold);border-bottom-color:var(--gold-dim)}
.wrap{max-width:820px;margin:0 auto;padding:0 1.75rem}

/* header / footer */
header.site{border-bottom:1px solid var(--line);padding:1.5rem 0 1.15rem}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem}
.brand{font-size:1.02rem;letter-spacing:.16em;font-weight:500;margin:0}
.brand a{border-bottom:none}
.brand small{color:var(--ink-soft);font-size:.66rem;letter-spacing:.12em;margin-left:.7rem}
nav.crumb{font-size:.76rem;color:var(--ink-soft);letter-spacing:.04em}
nav.crumb a{border-bottom:none;color:var(--ink-soft)}
nav.crumb a:hover{color:var(--gold)}
footer.site{border-top:1px solid var(--line);padding:1.8rem 0 3.2rem;color:var(--ink-soft);font-size:.76rem;letter-spacing:.03em;line-height:1.9}
footer.site a{color:var(--ink-soft)}
footer.site .fine{color:var(--ink-dim);font-size:.72rem;margin-top:.6rem;display:block}

main{padding:3.2rem 0 3.5rem}

/* 門面（index） */
.gate-eyebrow{color:var(--gold);font-size:.72rem;letter-spacing:.42em;margin:0 0 1.1rem}
.gate-title{font-size:2.7rem;letter-spacing:.28em;font-weight:500;margin:0 0 1.3rem;line-height:1.4;text-indent:.28em}
.gate-lede{font-size:1.06rem;color:var(--ink);line-height:2.05;letter-spacing:.05em;margin:0 0 .4rem;max-width:36em}
.gate-lede em{font-style:normal;color:var(--gold)}
.gate-sub{color:var(--ink-soft);font-size:.86rem;letter-spacing:.08em;margin:.9rem 0 0}
.rule{border:0;border-top:1px solid var(--line);margin:3rem 0}

.sec-label{color:var(--gold);font-size:.72rem;letter-spacing:.3em;font-weight:500;margin:0 0 1.3rem;display:flex;align-items:center;gap:1rem}
.sec-label::after{content:"";flex:1;height:1px;background:var(--line)}

/* 創刊カード */
.feature{display:block;border:1px solid var(--line);border-left:2px solid var(--gold-dim);padding:1.7rem 1.8rem;margin:0 0 1rem;background:var(--line-soft)}
.feature:hover{border-color:var(--gold-dim);border-left-color:var(--gold)}
.feature .kicker{color:var(--gold);font-size:.68rem;letter-spacing:.28em;margin:0 0 .7rem}
.feature h3{font-size:1.32rem;letter-spacing:.06em;font-weight:500;margin:0 0 .7rem;line-height:1.65;color:var(--ink)}
.feature p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.95}
.feature .go{color:var(--gold);font-size:.8rem;letter-spacing:.12em;margin:.9rem 0 0;display:block}

/* 連載予告リスト */
ol.yokoku{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
ol.yokoku li{border-bottom:1px solid var(--line);padding:1.1rem .2rem;display:grid;grid-template-columns:2.6rem 1fr;gap:0 1rem;align-items:baseline}
ol.yokoku .no{color:var(--gold-dim);font-size:.8rem;letter-spacing:.1em}
ol.yokoku .ttl{font-size:1.02rem;letter-spacing:.03em;color:var(--ink);line-height:1.7}
ol.yokoku .desc{grid-column:2;color:var(--ink-soft);font-size:.82rem;line-height:1.85;margin-top:.25rem}
ol.yokoku .soon{color:var(--ink-dim);font-size:.68rem;letter-spacing:.2em;margin-left:.6rem}

.jitsuyo{margin-top:3rem;font-size:.76rem;color:var(--ink-dim);letter-spacing:.04em;line-height:1.9}
.jitsuyo a{color:var(--ink-soft);border-bottom-color:var(--line)}
.jitsuyo a:hover{color:var(--gold)}

/* 長文（記事） */
.eyebrow{color:var(--gold);font-size:.7rem;letter-spacing:.34em;margin:0 0 1rem}
h1.art{font-size:2rem;letter-spacing:.08em;font-weight:500;line-height:1.6;margin:0 0 1.1rem}
h1.art .sub{display:block;font-size:1.12rem;color:var(--ink-soft);letter-spacing:.05em;margin-top:.8rem;line-height:1.7;font-weight:400}
.meta{color:var(--ink-soft);font-size:.78rem;letter-spacing:.08em;margin:0 0 2.6rem;padding-bottom:1.6rem;border-bottom:1px solid var(--line)}
.meta span{color:var(--gold-dim);margin-right:.5rem}

article{font-size:1.02rem;letter-spacing:.02em}
article h2{font-size:1.24rem;letter-spacing:.06em;font-weight:500;color:var(--ink);margin:3.2rem 0 1.2rem;padding-top:1.4rem;border-top:1px solid var(--line);line-height:1.6}
article h2 .idx{color:var(--gold);font-size:.82rem;letter-spacing:.1em;margin-right:.9rem;font-weight:500}
article p{margin:0 0 1.4rem;line-height:2.15}
article p .em{color:var(--gold);font-style:normal}
article .lead{font-size:1.1rem;line-height:2.25;color:var(--ink)}
article .lead::first-letter{color:var(--gold)}
article blockquote{margin:2rem 0;padding:1.1rem 1.5rem;border-left:2px solid var(--gold-dim);background:var(--line-soft);color:var(--ink-soft);font-size:.96rem;line-height:2}
article blockquote .src{display:block;color:var(--ink-dim);font-size:.76rem;letter-spacing:.06em;margin-top:.7rem}
article .note{color:var(--ink-soft);font-size:.9rem;line-height:2;border:1px solid var(--line);padding:1.2rem 1.4rem;margin:2rem 0}
article .note b{color:var(--gold);font-weight:500}

/* 中文摘要ブロック */
.lang-zh{margin:3.4rem 0 0;border-top:1px solid var(--line);padding-top:1.8rem}
.lang-zh h2{font-size:.78rem;letter-spacing:.24em;color:var(--gold);font-weight:500;margin:0 0 1.1rem;border:0;padding:0}
.lang-zh p{color:var(--ink-soft);font-size:.92rem;line-height:2.1;letter-spacing:.02em;margin:0}

nav.pager{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.6rem;margin-top:3.2rem;font-size:.86rem;letter-spacing:.04em}
nav.pager a{border-bottom:none;color:var(--ink-soft)}
nav.pager a:hover{color:var(--gold)}

@media(max-width:640px){
  .gate-title{font-size:1.9rem;letter-spacing:.2em}
  h1.art{font-size:1.5rem}
  h1.art .sub{font-size:.98rem}
  article{font-size:.98rem}
  .wrap{padding:0 1.3rem}
}