/* 祈りの杜: ページ版（/kami/ /hotoke/ /kotoba/）。scripts/build-static-pages.mjs が作るページの見た目 */
:root{--ink:#26302a;--muted:#6b6f63;--line:#ddd6c3;--bg:#f5f2ea;--card:#fffdf8;--green:#3d5a45;--serif:"Hiragino Mincho ProN","Yu Mincho","YuMincho",serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.95 "Hiragino Sans","Noto Sans JP",system-ui,sans-serif;overflow-wrap:anywhere}
a{color:var(--green)}
.pg-header{max-width:960px;margin:0 auto;padding:18px 20px 12px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.pg-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font:500 24px/1.3 var(--serif);letter-spacing:.12em}
.pg-brand small{display:block;font:12px/1.4 "Hiragino Sans",sans-serif;letter-spacing:.2em;color:var(--muted)}
.pg-brand em{font-style:normal;font-size:12px;color:var(--muted);margin-left:8px;letter-spacing:.05em}
.pg-header nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px}
.pg-header nav a{color:var(--ink);text-decoration:none;padding:6px 0}
.pg-header nav a:hover{color:var(--green);text-decoration:underline}
.pg-crumbs{max-width:960px;margin:0 auto;padding:12px 20px 0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted)}
.pg-main{max-width:760px;margin:0 auto;padding:12px 20px 40px}
.pg-kind{margin:18px 0 0;font-size:13px;letter-spacing:.12em;color:var(--muted)}
h1{margin:6px 0 18px;font:500 34px/1.9 var(--serif);letter-spacing:.08em}
h1 rt{font-size:13px;letter-spacing:.1em;color:var(--muted)}
h2{margin:0 0 8px;font:600 20px/1.6 var(--serif);letter-spacing:.06em}
h2 small{font:13px/1 "Hiragino Sans",sans-serif;color:var(--muted);margin-left:10px;letter-spacing:0}
h3{margin:12px 0 4px;font-size:15px}
.pg-figure{margin:0 0 18px;text-align:center}
.pg-figure img{max-width:min(100%,360px);height:auto;border-radius:6px;border:1px solid var(--line);background:#fff}
.pg-figure figcaption{font-size:12.5px;color:var(--muted);line-height:1.8;margin-top:6px;text-align:left}
.pg-lead{font-size:17px}
.pg-note{font-size:13.5px;color:var(--muted);line-height:1.85}
.pg-cite{font-size:12.5px;color:var(--muted);margin:4px 0 0}
.pg-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.pg-button{display:inline-flex;align-items:center;min-height:46px;padding:8px 22px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none;font-weight:600}
.pg-button.secondary{background:#fff;color:var(--green);border:1px solid #b9c4b4}
.pg-section{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:0 0 14px}
.pg-section p{margin:0}
.pg-words .pg-mantra{margin:0 0 12px}
.pg-mantra-text{font:500 20px/2 var(--serif)!important;letter-spacing:.06em;margin:4px 0!important}
.pg-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.pg-links a small{margin-left:6px;font-size:12px;color:var(--muted)}
.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 18px}
.pg-scripture{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin:0 0 16px}
.pg-text h2{margin-top:10px}
.pg-line{margin:0 0 6px;font:500 20px/2.6 var(--serif);letter-spacing:.06em}
.pg-line rt{font:11px/1 "Hiragino Sans",sans-serif;letter-spacing:.02em;color:#5d6658}
.pg-sources{margin:22px 0 0;font-size:13.5px}
.pg-sources h2{font-size:16px}
.pg-sources ul{margin:0;padding-left:1.2em}
.pg-sources small{color:var(--muted)}
.pg-footer{max-width:960px;margin:0 auto;padding:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(max-width:600px){h1{font-size:28px}.pg-section,.pg-scripture{padding:14px 16px}.pg-line{font-size:18px}}
/* 物語・寺社・御縁日・和歌のページ版 */
.pg-reading{margin:-14px 0 4px;font-size:13px;letter-spacing:.1em;color:var(--muted)}
.pg-prose p{margin:0 0 .9em}
.pg-prose p:last-child{margin-bottom:0}
.pg-section h3{margin:14px 0 4px}
.pg-section h2 a{color:inherit}
.pg-list{list-style:none;margin:6px 0 0;padding:0}
.pg-list li{margin:0 0 10px;line-height:1.7}
.pg-list li>small{display:block;font-size:12.5px;color:var(--muted)}
.pg-list .pg-note{margin:2px 0 0}
.pg-numbered{list-style:decimal;padding-left:1.6em}
.pg-dl{margin:0 0 8px}
.pg-dl div{display:flex;gap:12px}
.pg-dl dt{min-width:7em;color:var(--muted);font-size:14px}
.pg-dl dd{margin:0}
.pg-pager{display:flex;justify-content:space-between;gap:12px;margin:18px 0}
.pg-pager a{display:block;max-width:48%;text-decoration:none}
.pg-pager a[rel=next],.pg-pager a:last-child{text-align:right}
.pg-pager small{display:block;font-size:12.5px;color:var(--muted)}
.pg-footer-lists a{white-space:nowrap}
