/* 甄観文庫・巡礼の間 — 素箋系+朱鷺褐。無角丸・無アイコン・無外部資源。 */
:root{--bg:#F7F4EC;--ink:#3A362E;--ink-soft:#8A8274;--line:#DDD6C8;--accent:#B0755C;--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:2.1rem;letter-spacing:.14em;font-weight:500;margin:0 0 .6rem}
.lede{color:var(--ink);font-size:1.02rem;letter-spacing:.03em;margin:0 0 2.6rem;max-width:34em}
section.block{margin:0 0 2.2rem;border-top:1px solid var(--line);padding-top:1.6rem}
section.block h2{font-size:1.05rem;letter-spacing:.08em;color:var(--ink);font-weight:500;margin:0 0 .3rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.7rem}
section.block .tag{font-size:.68rem;letter-spacing:.14em;color:var(--accent);border:1px solid var(--accent);padding:.15rem .55rem;font-weight:500}
section.block .sub{color:var(--ink-soft);font-size:.82rem;letter-spacing:.05em;margin:0 0 .9rem}
section.block p.body{margin:0}
.app-card{border:1px solid var(--line);border-left:3px solid var(--accent);padding:1.6rem 1.8rem;margin:2.8rem 0}
.app-card .eyebrow{margin-bottom:.4rem}
.app-card h2{font-size:1.15rem;letter-spacing:.1em;font-weight:500;margin:0 0 .3rem}
.app-card .sub{color:var(--ink-soft);font-size:.82rem;margin:0 0 1rem}
.app-card .status{display:inline-block;font-size:.7rem;letter-spacing:.14em;color:var(--accent);border:1px solid var(--accent);padding:.2rem .6rem;margin-top:1rem}
footer.site{border-top:1px solid var(--line);padding:1.6rem 0 3rem;color:var(--ink-soft);font-size:.78rem}
footer.site .back{margin-top:.6rem}
footer.site .back a{border-bottom:none}
@media(max-width:640px){h1{font-size:1.6rem}}
