/* 見出し(h1・h2)のブロックリビール。2026-11-09 追加。参考: gg.reev.co.jp
   heading-reveal.js が見出しを行ごとに .hr-line で包み、画面に入ったら
   色のバーが左から伸び、右へ抜けて文字が現れる。動きを減らす設定では何もしない。 */
.hr-wait main :is(h1,h2){clip-path:inset(0 100% 0 0)}
.hr-line{position:relative;clip-path:inset(-.2em 100% -.2em 0)}
span.hr-line,.hr-line.hr-inline{display:inline-block;max-width:100%}
.hr-line::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:var(--hr-bar,var(--brand-gradient,#81dcc0));transform-origin:100% 50%}
.hr-line.hr-play{animation:hr-clip .5s ease var(--hr-d,0s) both}
.hr-line.hr-play::before{animation:hr-bar .9s cubic-bezier(.16,1,.3,1) calc(var(--hr-d,0s) + .35s) both}
.hr-line.hr-done{clip-path:none}
.hr-line.hr-done::before{content:none}
@keyframes hr-clip{from{clip-path:inset(-.2em 100% -.2em 0)}to{clip-path:inset(-.2em -.2em -.2em 0)}}
@keyframes hr-bar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){
  .hr-wait main :is(h1,h2),.hr-line{clip-path:none!important;animation:none!important}
  .hr-line::before{content:none!important}
}
@media print{
  .hr-wait main :is(h1,h2),.hr-line{clip-path:none!important}
  .hr-line::before{content:none!important}
}