/* 2026-11-09 東京UBA：ブラッシュアップ（下層ページ）。仕組みと経緯は uba/fx-brush.php。トップの分は style.css の最後 */

/* ---- 1 文字組み：見出し・写真の説明・開閉の行・ボタンは、文節の切れ目で折る（「メッセ／ージ」「しまし／た」を防ぐ）。
   すでに <wbr> と keep-all で折り方を決めてある所（uba24-wrap など）はそちらが勝つ（:where で強さ0）。入りきらない長い語だけは途中で折る ---- */
:where(#page_header, .post_content, #main_contents, #main_col, .uba-page-related) :where(h1, h2, h3, h4, h5, figcaption, summary, dt, th, button, .title, .catch) {
  word-break:auto-phrase; overflow-wrap:break-word; text-wrap:pretty;
}

/* 短い文の部品（強調の一文・締めの青い箱の見出し・カードの一文・レポート一覧の題・メンバーの紹介文）も文節の切れ目で折る
   （Codex・Gemini の指摘：「会長メッセージか／ら」「東京／UBAは」「お邪／魔」「集ま／る」「ワ／クワク」）。ページごとに keep-all を決めてある所はそちらが勝つ */
html body :is(.uba-page-related__copy strong, .uba-lead-copy, .uba9-card__one, .uba4-rcard__body strong, .uba4-phero__catch, .uba4-work__pr) { word-break:auto-phrase; overflow-wrap:break-word; }

html body .post_content .tcdce-body .uba-lead-copy.uba-keep { word-break:keep-all; overflow-wrap:anywhere; }

/* ---- 2 扉（固定ページ）：写真全体にかけていた暗い膜（明るさ72%＋黒16%）をやめ、縦書きの題のある右側だけを暗く。人の顔を明るく見せる ---- */
html body.page-template-default #page_header .image img { filter:none; }
html body.page-template-default #page_header .overlay {
  background:
    linear-gradient(270deg, rgba(10,22,38,.68) 0%, rgba(10,22,38,.46) 20%, rgba(10,22,38,.14) 46%, rgba(10,22,38,0) 64%),
    linear-gradient(0deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,0) 36%) !important;
}
html body.page-template-default:not(.parent-pageid-110) #page_header .content { text-shadow:0 2px 16px rgba(0,0,0,.38); }
@media (max-width:767px) {
  html body.page-template-default #page_header .overlay {
    background:linear-gradient(270deg, rgba(10,22,38,.7) 0%, rgba(10,22,38,.48) 30%, rgba(10,22,38,.16) 62%, rgba(10,22,38,0) 86%) !important;
  }
}
/* 歴代会長（110）だけ題が左にあるので、暗くする向きを逆に（Gemini の指摘：白いカーテンに白い題が溶けていた） */
html body.page-template-default.page-id-110 #page_header .overlay {
  background:
    linear-gradient(90deg, rgba(10,22,38,.68) 0%, rgba(10,22,38,.46) 20%, rgba(10,22,38,.14) 46%, rgba(10,22,38,0) 64%),
    linear-gradient(0deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,0) 36%) !important;
}
@media (max-width:767px) {
  html body.page-template-default.page-id-110 #page_header .overlay {
    background:linear-gradient(90deg, rgba(10,22,38,.7) 0%, rgba(10,22,38,.48) 30%, rgba(10,22,38,.16) 62%, rgba(10,22,38,0) 86%) !important;
  }
}

/* ---- 3 スマホ：本文の箱だけ左右に22pxの余白が足され、最初の区画（20px）から2つ目の区画（42px）で左の線がずれていた。20px にそろえる ---- */
@media (max-width:767px) {
  html body.page-template-default article.post_content { padding-left:0 !important; padding-right:0 !important; }
}

/* ---- 4 歴代会長：期ごとの表の「＋」の丸（30px）が、28px の列からはみ出して右端で切れていた ---- */
html body.page-template-default .post_content .tcdce-body .uba7-term summary::after { width:28px !important; height:28px !important; box-sizing:border-box; }

/* ---- 5 広域連携：見出しの「｜」の前を小さな札に（uba/fx-brush.php） ---- */
html body.page-template-default .post_content .tcdce-body h2[data-uba-kick] { word-break:keep-all !important; overflow-wrap:anywhere; line-break:strict; }
html body.page-template-default .post_content .tcdce-body h2[data-uba-kick] .uba-kick { display:block; width:max-content; max-width:100%; margin:0 0 10px; padding:3px 12px; border-radius:999px; background:#EAF1F9; color:#2D5E95; font-size:13px; font-weight:700; line-height:1.6; letter-spacing:.06em; }

/* ---- 6 お問い合わせ：電話番号を大きく押しやすく（矢印の飾りは付けない。「→（代表）」になっていた） ---- */
html body.page-template-default .post_content .tcdce-body a[href^="tel:"] { display:inline-block; padding:4px 0; font-size:22px; font-weight:800; letter-spacing:.04em; color:#2D5E95; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; font-feature-settings:"tnum"; }
html body.page-template-default .post_content .tcdce-body a[href^="tel:"]::after,
html body.page-template-default .post_content .tcdce-body a[href^="tel:"]::before { content:none !important; display:none !important; }
@media (max-width:767px) {
  html body.page-template-default .post_content .tcdce-body a[href^="tel:"] { min-height:44px; font-size:24px; line-height:44px; padding:0; }
}