/* どきゅんとアイスキャンディ（#ohama-dokyun）— こちらで足した見た目（手で直す。dokyun.css は tools/import_dokyun.py が作るので触らない。D-211） */

/* 共通の site.css の見出し（明朝・字間・行間・余白）と段落の余白の決まりが本文に入らないように、渡された版の土台（ブラウザの既定）に戻す。
   :where で軽くして、渡された版の CSS（dokyun.css）の決まりが必ず勝つようにする */
#ohama-dokyun :where(h1,h2,h3,h4,h5,h6){font-family:inherit;line-height:inherit;letter-spacing:inherit;font-weight:bold}
#ohama-dokyun :where(h1){font-size:2em;margin:.67em 0}
#ohama-dokyun :where(h2){font-size:1.5em;margin:.83em 0}
#ohama-dokyun :where(h3){font-size:1.17em;margin:1em 0}
#ohama-dokyun :where(h4){font-size:1em;margin:1.33em 0}
#ohama-dokyun :where(p){margin:1em 0}

/* 章の案内（スクロールしても上に残る帯）は、共通シェルのヘッダーのすぐ下に貼る（渡された版は自前のヘッダーの高さ --header の下） */
#ohama-dokyun{--header:var(--header-h)}

/* ページ内のリンクで飛んだとき、見出しが共通ヘッダーと章の案内の下に隠れないように */
html:has(#ohama-dokyun){scroll-padding-top:calc(var(--header-h) + 82px)}
@media(max-width:620px){
  html:has(#ohama-dokyun){scroll-padding-top:calc(var(--header-h) + 64px)}
}

/* ヒーローの上の余白（渡された版はパンくずの下にヒーロー。パンくずは共通シェルに無いので、その分の間をあける） */
#ohama-dokyun .dk-hero{margin-top:20px}
@media(max-width:620px){
  #ohama-dokyun .dk-hero{margin-top:10px}
}
