/* ════════════════════════════════════════════════════════════════════
   公開ページ共通の仕上げ（2026-11-12 FN1112U）
   ページごとの <style> に散っていて、どのページにも同じに効かせたいものだけを置く。

   1. 見出しの折り返し
      390px 幅で実測すると、見出しが言葉の途中で折れていた:
        「自社のお部／屋探しサイト」「ウルスタ アカデミ／ー」「管理会社と仲介会社をつな／ぐ」
      → 折ってよい場所に印（<wbr>）を入れ、そこ以外では折らない。行の長さは揃える（text-wrap:balance）。
        `word-break:auto-phrase` は前から書いてあったが、実際の Chrome（157）で測ると効いていなかったので頼らない。
   2. 本文は行頭に句読点を置かず、最後の行に1〜2字だけ残さない。
   3. キーボードで移ったときの枠を、全ページ同じ色・太さに。
   4. スマホで、下の帯（共通フッター）のリンクを指で押せる高さに（実測 32px → 44px）。
   5. 動きを減らす設定の人には、動かさない。
   ════════════════════════════════════════════════════════════════════ */
h1,h2,h3,h4{text-wrap:balance;line-break:strict}
/* 折ってよい場所の印（<wbr>。scripts/wrap_headings.js が入れる）がある見出しは、そこ以外で折らない。
   1語が行より長いときだけ、途中で折る（はみ出させない）。印の無い見出し（記事の題など）は、これまでどおり。 */
h1:has(wbr),h2:has(wbr),h3:has(wbr),.serif:has(> wbr){word-break:keep-all;overflow-wrap:anywhere}
.serif:has(> wbr){text-wrap:balance}
p,li,dd,dt,figcaption,blockquote{line-break:strict;text-wrap:pretty}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:focus-visible{outline:3px solid #0d7a56;outline-offset:2px;border-radius:4px}
::selection{background:#d1fae5;color:#211f1a}
@media (max-width:768px){
  .ulf-links{gap:0}
  .ulf-links a{display:flex;align-items:center;min-height:44px;box-sizing:border-box}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}