/* =========================================================
   木村広報設計室｜木気両義型シンボル形成記録
   スマートフォン静的読書レイヤー / 2026-08-07

   Desktop/FHD/4K の形成演出は維持し、900px以下だけを静的化する。
   iOS Safari の sticky + viewport + transform 再計算によるスクロール暴れを除去。
   ========================================================= */

.form-record .fr-mobile-phrase{display:inline;}

@media (max-width:900px){
  /* 章ナビは固定を維持するが、iOSで再合成が起きやすいblurを使わない。 */
  .fr-chapter-toggle,
  .fr-chapter-panel{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    background:#fbfcfa !important;
  }

  /* ACT III: スマホではsticky図版とスクロール連動変形を完全に停止。 */
  .form-record .fr-tree-motion-figure,
  .form-record .fr-forest-motion-figure{
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    padding:0 0 44px !important;
    background:none !important;
  }

  .form-record .fr-tree-glyph--motion,
  .form-record .fr-forest-mass{
    transition:none !important;
    transform:none !important;
  }

  .form-record .fr-tree-step,
  .form-record .fr-forest-step{
    min-height:0 !important;
    margin:0 0 96px !important;
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .form-record .fr-tree-step:last-child,
  .form-record .fr-forest-step:last-child{margin-bottom:0 !important;}

  /* スマホでは巨大なviewport依存の間を固定的な余白へ置換。 */
  .form-record .fr-bonsai,
  .form-record .fr-world-emerges,
  .form-record .fr-final-master{
    min-height:auto !important;
  }
  .form-record .fr-bonsai{padding-top:180px !important;padding-bottom:210px !important;}
  .form-record .fr-world-emerges{padding-top:180px !important;padding-bottom:210px !important;}
  .form-record .fr-final-master{padding-top:220px !important;padding-bottom:220px !important;}

  .form-record .fr-distance-pause,
  .form-record .fr-distance-pause--short,
  .form-record .fr-act4-long-pause,
  .form-record .fr-act4-long-pause--short,
  .form-record .fr-final-silence,
  .form-record .fr-final-mantra-beat,
  .form-record .fr-act-end-space{
    min-height:0 !important;
  }
  .form-record .fr-distance-pause{height:180px;}
  .form-record .fr-distance-pause--short{height:120px;}
  .form-record .fr-act4-long-pause{height:220px;}
  .form-record .fr-act4-long-pause--short{height:150px;}
  .form-record .fr-final-silence{height:260px;}
  .form-record .fr-final-mantra-beat{padding-top:180px;padding-bottom:180px;}
  .form-record .fr-act-end-space{height:220px;}

  /* 指摘箇所：意味単位を3行で固定する。 */
  .form-record .fr-element-end-copy{
    font-size:clamp(24px,6.5vw,26px) !important;
    line-height:1.9 !important;
    letter-spacing:.025em !important;
    max-width:100% !important;
  }
  .form-record .fr-element-end-copy > .fr-semantic-line{display:block;}
  .form-record .fr-element-end-copy .fr-mobile-phrase{display:block;}
}

@media (max-width:360px){
  .form-record .fr-element-end-copy{
    font-size:21px !important;
    line-height:1.95 !important;
    letter-spacing:.01em !important;
  }
}