/* プライバシーポリシーのページ（10/24。_src/build_privacy.py が書き出す privacy/index.html だけで読む）。外側と色と字の段は作品ページと同じ（本線の変数）。
   読みものなので、本文は 1 行を 46 字ほどに収め、日本語はふつうの折り返しにする（本線の keep-all は句読点でしか折り返さないため） */
.pp{padding-bottom:clamp(80px,13vh,150px)}
.pp__head{padding-bottom:clamp(26px,4vh,44px)}
.pp__body{max-width:calc(46em + var(--pad) * 2);margin:0 auto;padding:0 var(--pad);font-size:var(--fs-body);line-height:1.95;word-break:normal;line-break:strict}
.pp__lead{margin:0 0 clamp(36px,5vh,56px)}
.pp__sec{border-top:1px solid var(--line);padding:clamp(26px,3.6vh,38px) 0 clamp(14px,2vh,22px)}
.pp__h{margin:0 0 14px;font-family:var(--f-grot);font-weight:600;font-size:var(--fs-lead);line-height:1.45;letter-spacing:.01em}
.pp__sec p{margin:0 0 14px}
.pp__sec ul{margin:0 0 14px;padding-left:1.25em;list-style:disc outside}   /* 本線の初期設定は黒丸なし。箇条だと分かるように戻す */
.pp__sec li{margin:0 0 8px}
.pp__sec li::marker{color:var(--mid)}
.pp__body a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pp__body a:hover{text-decoration:none}
.pp__dl{margin:4px 0 14px;display:grid;gap:10px}
.pp__dl div{display:grid;grid-template-columns:9em minmax(0,1fr);gap:4px 24px}
.pp__dl dt{padding-top:.3em;font-family:var(--f-mono);font-size:var(--fs-small);font-weight:500;line-height:1.6;color:var(--mid)}
.pp__dl dd{margin:0}
.pp__date{margin:clamp(30px,4.4vh,48px) 0 0;font-size:var(--fs-small);color:var(--mid)}
@media (max-width:600px){.pp__dl div{grid-template-columns:minmax(0,1fr);gap:0}.pp__dl dt{padding-top:0}}
