/* 甄観文庫・総目次 — 余白基準。無角丸・無アイコン・無外部資源。 */
:root{--bg:#FBF9F3;--ink:#211C15;--ink-soft:#71695B;--line:#E4DECF;--accent:#9E2B22;--serif:"Hiragino Mincho ProN","Yu Mincho","Songti SC","Noto Serif CJK SC","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}
.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:.4em;margin:0 0 .6rem;font-family:Georgia,serif}
h1{font-size:2rem;letter-spacing:.14em;font-weight:500;margin:0 0 1rem}
.lede{color:var(--ink-soft);font-size:.92rem;letter-spacing:.03em;margin:0 0 2.6rem;max-width:36em}
footer.site{border-top:1px solid var(--line);padding:1.6rem 0 3rem;color:var(--ink-soft);font-size:.78rem}

/* ---------- 五部・門 ---------- */
.doors{margin:0}
.door{border-top:1px solid var(--line);padding:1.8rem 0;margin:0}
.door-tag{color:var(--accent);font-size:.7rem;letter-spacing:.32em;display:block;margin:0 0 .8rem}
.door-name{font-size:1.4rem;letter-spacing:.2em;font-weight:500;margin:0 0 .2rem;display:inline-block}
.door-en{color:var(--ink-soft);font-size:.64rem;letter-spacing:.26em;font-family:Georgia,serif;margin:0 0 .9rem}
.door-desc{margin:0 0 .6rem;font-size:.95rem}
.door-content{color:var(--ink-soft);font-size:.83rem;margin:0 0 1rem}
.door-go{font-size:.85rem;letter-spacing:.06em}
.door-go a{border-bottom:none}
.door-go .yaji{color:var(--accent);margin-left:.4em}

/* ---------- 器・四架 ---------- */
.kiki-row{border-top:1px solid var(--line);margin-top:3rem;padding-top:2.4rem}
.kiki-row .kiki-label{color:var(--accent);font-size:.7rem;letter-spacing:.5em;display:block;margin:0 0 1.4rem}
.kiki-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 1.6rem}
.kiki-item .kiki-name{font-size:.98rem;letter-spacing:.1em;font-weight:500;margin:0 0 .55rem}
.kiki-item .kiki-desc{color:var(--ink-soft);font-size:.8rem;line-height:1.8;margin:0 0 .7rem}
.kiki-item .kiki-go{font-size:.78rem}
.kiki-item .kiki-go a{border-bottom:none}
.kiki-item .kiki-go .yaji{color:var(--accent);margin-left:.3em}
.kiki-item .kiki-soon{color:var(--ink-soft);font-size:.78rem;letter-spacing:.06em}

@media(max-width:760px){
  .kiki-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  h1{font-size:1.5rem}
  .wrap{padding:0 1.1rem}
  main{padding:2.2rem 0 3rem}
  .lede{margin-bottom:1.9rem}
  .door{padding:1.4rem 0}
  header.site{padding:1.15rem 0 .85rem}
  .brand small{display:block;margin:2px 0 0}
  nav.crumb{line-height:1.9}
  footer.site .wrap{display:flex;flex-direction:column;gap:.5rem}
}
@media(max-width:420px){
  .kiki-grid{grid-template-columns:1fr}
}
a{-webkit-tap-highlight-color:rgba(158,43,34,.12)}